remove readonly block once provisioned; add provision callout

Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com>

Author: ohltyler

public/pages/workflow_detail/component_details/component_details.tsx

@@ -28,9 +28,12 @@ interface ComponentDetailsProps {
 export function ComponentDetails(props: ComponentDetailsProps) {
   return (
     <EuiPanel paddingSize="m">
-      {props.isDeprovisionable ? (
+      {/* TODO: determine if we need this view if we want the workspace to remain
+      readonly once provisioned */}
+      {/* {props.isDeprovisionable ? (
         <ProvisionedComponentInputs />
-      ) : props.selectedComponent ? (
+      ) : */}
+      {props.selectedComponent ? (
         <ComponentInputs
           selectedComponent={props.selectedComponent}
           onFormChange={props.onFormChange}

public/pages/workflow_detail/workspace/resizable_workspace.tsx

@@ -117,6 +117,8 @@ export function ResizableWorkspace(props: ResizableWorkspaceProps) {
     props.workflow !== undefined &&
     !props.isNewWorkflow &&
     props.workflow?.state !== WORKFLOW_STATE.NOT_STARTED;
+  // TODO: maybe remove this field. It depends on final UX if we want the
+  // workspace to be readonly once provisioned or not.
   const readonly = props.workflow === undefined || isDeprovisionable;
 
   // Loading state
@@ -321,6 +323,17 @@ export function ResizableWorkspace(props: ResizableWorkspaceProps) {
               components.
             </EuiCallOut>
           )}
+          {isDeprovisionable && isDirty && (
+            <EuiCallOut
+              title="The configured flow has been provisioned"
+              color="warning"
+              iconType="alert"
+              style={{ marginBottom: '16px' }}
+            >
+              Changes cannot be saved until the flow has first been
+              deprovisioned.
+            </EuiCallOut>
+          )}
           <EuiPageHeader
             style={{ marginBottom: '8px' }}
             rightSideItems={[
@@ -458,7 +471,7 @@ export function ResizableWorkspace(props: ResizableWorkspaceProps) {
                         <Workspace
                           id="ingest"
                           workflow={workflow}
-                          readonly={readonly}
+                          readonly={false}
                           onNodesChange={onNodesChange}
                           onSelectionChange={onSelectionChange}
                         />