Integrate legacy presets with quick-configure fields (#602) (#603)

opensearch-trigger-bot[bot] · github-actions[bot] · web-flow · commit 09a3efedbfa3 · 2025-02-06T12:16:31.000-08:00
(cherry picked from commit 8998cf8) Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
diff --git a/public/configs/ingest_processors/text_embedding_ingest_processor.ts b/public/configs/ingest_processors/text_embedding_ingest_processor.ts
@@ -10,8 +10,8 @@ export class TextEmbeddingIngestProcessor extends Processor {
     this.id = generateId('text_embedding_processor_ingest');
     this.fields = [
       {
-        id: 'model_id',
-        type: 'string',
+        id: 'model',
+        type: 'model',
       },
       {
         id: 'field_map',
diff --git a/public/configs/ingest_processors/text_image_embedding_ingest_processor.ts b/public/configs/ingest_processors/text_image_embedding_ingest_processor.ts
@@ -10,8 +10,8 @@ export class TextImageEmbeddingIngestProcessor extends Processor {
     this.id = generateId('text_image_embedding_processor_ingest');
     this.fields = [
       {
-        id: 'model_id',
-        type: 'string',
+        id: 'model',
+        type: 'model',
       },
       {
         id: 'embedding',
diff --git a/public/pages/workflow_detail/workflow_detail.tsx b/public/pages/workflow_detail/workflow_detail.tsx
@@ -33,6 +33,8 @@ import {
   getWorkflow,
   searchConnectors,
   searchModels,
+  setIngestPipelineErrors,
+  setSearchPipelineErrors,
   useAppDispatch,
 } from '../../store';
 import { ResizableWorkspace } from './resizable_workspace';
@@ -82,13 +84,16 @@ export function WorkflowDetail(props: WorkflowDetailProps) {
   // - fetch workflow
   // - fetch available models & connectors as their IDs may be used when building flows
   // - fetch all indices
+  // - clear any processor-level errors
   useEffect(() => {
     dispatch(getWorkflow({ workflowId, dataSourceId }));
     dispatch(searchModels({ apiBody: FETCH_ALL_QUERY_LARGE, dataSourceId }));
     dispatch(
       searchConnectors({ apiBody: FETCH_ALL_QUERY_LARGE, dataSourceId })
     );
     dispatch(catIndices({ pattern: OMIT_SYSTEM_INDEX_PATTERN, dataSourceId }));
+    dispatch(setIngestPipelineErrors({ errors: {} }));
+    dispatch(setSearchPipelineErrors({ errors: {} }));
   }, []);
 
   // data-source-related states
diff --git a/public/pages/workflow_detail/workflow_inputs/config_field_list.tsx b/public/pages/workflow_detail/workflow_inputs/config_field_list.tsx
@@ -11,6 +11,8 @@ import {
   BooleanField,
   NumberField,
   JsonField,
+  MapField,
+  ModelField,
 } from './input_fields';
 import { IConfigField } from '../../../../common';
 import { camelCaseToTitleString } from '../../../utils';
@@ -108,6 +110,31 @@ export function ConfigFieldList(props: ConfigFieldListProps) {
             );
             break;
           }
+          case 'map': {
+            el = (
+              <EuiFlexItem key={idx}>
+                <MapField
+                  label={camelCaseToTitleString(field.id)}
+                  fieldPath={fieldPath}
+                />
+                <EuiSpacer size={CONFIG_FIELD_SPACER_SIZE} />
+              </EuiFlexItem>
+            );
+            break;
+          }
+          case 'model': {
+            el = (
+              <EuiFlexItem key={idx}>
+                <ModelField
+                  field={field}
+                  fieldPath={fieldPath}
+                  showMissingInterfaceCallout={false}
+                />
+                <EuiSpacer size={CONFIG_FIELD_SPACER_SIZE} />
+              </EuiFlexItem>
+            );
+            break;
+          }
         }
         return el;
       })}
diff --git a/public/pages/workflow_detail/workflow_inputs/input_fields/map_field.tsx b/public/pages/workflow_detail/workflow_inputs/input_fields/map_field.tsx
@@ -182,18 +182,14 @@ export function MapField(props: MapFieldProps) {
                                   <SelectWithCustomOptions
                                     fieldPath={`${props.fieldPath}.${idx}.key`}
                                     options={props.keyOptions as any[]}
-                                    placeholder={
-                                      props.keyPlaceholder || 'Input'
-                                    }
+                                    placeholder={props.keyPlaceholder || 'Key'}
                                     allowCreate={true}
                                   />
                                 ) : (
                                   <TextField
                                     fullWidth={true}
                                     fieldPath={`${props.fieldPath}.${idx}.key`}
-                                    placeholder={
-                                      props.keyPlaceholder || 'Input'
-                                    }
+                                    placeholder={props.keyPlaceholder || 'Key'}
                                     showError={false}
                                   />
                                 )}
@@ -220,7 +216,7 @@ export function MapField(props: MapFieldProps) {
                                     fieldPath={`${props.fieldPath}.${idx}.value`}
                                     options={props.valueOptions || []}
                                     placeholder={
-                                      props.valuePlaceholder || 'Output'
+                                      props.valuePlaceholder || 'Value'
                                     }
                                     allowCreate={true}
                                   />
@@ -229,7 +225,7 @@ export function MapField(props: MapFieldProps) {
                                     fullWidth={true}
                                     fieldPath={`${props.fieldPath}.${idx}.value`}
                                     placeholder={
-                                      props.valuePlaceholder || 'Output'
+                                      props.valuePlaceholder || 'Value'
                                     }
                                     showError={false}
                                   />
diff --git a/public/pages/workflow_detail/workflow_inputs/input_fields/model_field.tsx b/public/pages/workflow_detail/workflow_inputs/input_fields/model_field.tsx
@@ -30,8 +30,9 @@ import { AppState } from '../../../../store';
 interface ModelFieldProps {
   field: IConfigField;
   fieldPath: string; // the full path in string-form to the field (e.g., 'ingest.enrich.processors.text_embedding_processor.inputField')
-  hasModelInterface: boolean;
-  onModelChange: (modelId: string) => void;
+  hasModelInterface?: boolean;
+  onModelChange?: (modelId: string) => void;
+  showMissingInterfaceCallout?: boolean;
 }
 
 type ModelItem = ModelFormValue & {
@@ -47,7 +48,10 @@ export function ModelField(props: ModelFieldProps) {
   // re-fetch here as it could overload client-side if user clicks back and forth /
   // keeps re-rendering this component (and subsequently re-fetching data) as they're building flows
   const models = useSelector((state: AppState) => state.ml.models);
-  //const models = {};
+
+  // Set defaults for optional props
+  const showMissingInterfaceCallout = props.showMissingInterfaceCallout ?? true;
+  const hasModelInterface = props.hasModelInterface ?? false;
 
   const { errors, touched, values } = useFormikContext<WorkflowFormValues>();
 
@@ -74,7 +78,8 @@ export function ModelField(props: ModelFieldProps) {
 
   return (
     <>
-      {!props.hasModelInterface &&
+      {showMissingInterfaceCallout &&
+        !hasModelInterface &&
         !isEmpty(getIn(values, props.fieldPath)?.id) && (
           <>
             <EuiCallOut
@@ -156,7 +161,9 @@ export function ModelField(props: ModelFieldProps) {
                   form.setFieldValue(props.fieldPath, {
                     id: option,
                   } as ModelFormValue);
-                  props.onModelChange(option);
+                  if (props.onModelChange) {
+                    props.onModelChange(option);
+                  }
                 }}
                 isInvalid={
                   getIn(errors, field.name) && getIn(touched, field.name)
diff --git a/public/pages/workflow_detail/workflow_inputs/processors_list.tsx b/public/pages/workflow_detail/workflow_inputs/processors_list.tsx
@@ -140,6 +140,7 @@ export function ProcessorsList(props: ProcessorsListProps) {
     const isPreV219 =
       semver.gte(version, MIN_SUPPORTED_VERSION) &&
       semver.lt(version, MINIMUM_FULL_SUPPORTED_VERSION);
+
     const ingestProcessors = [
       ...(isPreV219
         ? [
diff --git a/public/pages/workflows/new_workflow/quick_configure_modal.tsx b/public/pages/workflows/new_workflow/quick_configure_modal.tsx
@@ -48,6 +48,7 @@ import {
   isVectorSearchUseCase,
   WORKFLOW_NAME_RESTRICTIONS,
   MAX_DESCRIPTION_LENGTH,
+  MapFormValue,
 } from '../../../../common';
 import { APP_PATH } from '../../../utils';
 import { AppState, createWorkflow, useAppDispatch } from '../../../store';
@@ -411,6 +412,41 @@ function updateIngestProcessors(
           field.value = [outputMap] as OutputMapArrayFormValue;
         }
       });
+    } else if (processor.type === PROCESSOR_TYPE.TEXT_EMBEDDING) {
+      config.ingest.enrich.processors[idx].fields.forEach((field) => {
+        if (field.id === 'model' && fields.embeddingModelId) {
+          field.value = { id: fields.embeddingModelId };
+        }
+        if (field.id === 'field_map') {
+          field.value = [
+            {
+              key: fields.textField || '',
+              value: fields.vectorField || '',
+            },
+          ] as MapFormValue;
+        }
+      });
+    } else if (processor.type === PROCESSOR_TYPE.TEXT_IMAGE_EMBEDDING) {
+      config.ingest.enrich.processors[idx].fields.forEach((field) => {
+        if (field.id === 'model' && fields.embeddingModelId) {
+          field.value = { id: fields.embeddingModelId };
+        }
+        if (field.id === 'field_map') {
+          field.value = [
+            {
+              key: 'text',
+              value: fields.textField || '',
+            },
+            {
+              key: 'image',
+              value: fields.imageField || '',
+            },
+          ] as MapFormValue;
+        }
+        if (field.id === 'embedding') {
+          field.value = fields.vectorField || '';
+        }
+      });
     }
   });
   return config;
diff --git a/public/utils/config_to_template_utils.ts b/public/utils/config_to_template_utils.ts
@@ -363,9 +363,44 @@ export function processorConfigsToTemplateProcessors(
         });
         break;
       }
+      case PROCESSOR_TYPE.TEXT_EMBEDDING:
+      case PROCESSOR_TYPE.TEXT_IMAGE_EMBEDDING: {
+        const formValues = processorConfigToFormik(processorConfig);
+        let finalFormValues = {} as FormikValues;
+        // iterate through the form values, ignoring any empty
+        // field (empty fields can be possible if the field is optional)
+        Object.keys(formValues).forEach((formKey: string) => {
+          const formValue = formValues[formKey];
+          finalFormValues = optionallyAddToFinalForm(
+            finalFormValues,
+            formKey,
+            formValue
+          );
+        });
+        // remove the model field, update to just the required model ID
+        const model = finalFormValues.model;
+        delete finalFormValues.model;
+        finalFormValues = {
+          ...finalFormValues,
+          model_id: model.id,
+        };
+
+        // add the field map config obj
+        finalFormValues = {
+          ...finalFormValues,
+          field_map: mergeMapIntoSingleObj(
+            formValues['field_map'] as MapFormValue
+          ),
+        };
+        processorsList.push({
+          [processorConfig.type]: finalFormValues,
+        });
+        break;
+      }
       case PROCESSOR_TYPE.SPLIT:
       case PROCESSOR_TYPE.SORT:
       case PROCESSOR_TYPE.COLLAPSE:
+      case PROCESSOR_TYPE.COPY:
       default: {
         const formValues = processorConfigToFormik(processorConfig);
         let finalFormValues = {} as FormikValues;
diff --git a/public/utils/utils.ts b/public/utils/utils.ts
@@ -728,14 +728,14 @@ export function getUpdatedIndexSettings(
 function getEmbeddingFieldFromConnector(
   connector: Connector
 ): string | undefined {
-  if (connector.parameters?.model !== undefined) {
+  if (connector?.parameters?.model !== undefined) {
     return (
       // @ts-ignore
-      COHERE_CONFIGS[connector.parameters?.model]?.fieldName ||
+      COHERE_CONFIGS[connector?.parameters?.model]?.fieldName ||
       // @ts-ignore
-      OPENAI_CONFIGS[connector.parameters?.model]?.fieldName ||
+      OPENAI_CONFIGS[connector?.parameters?.model]?.fieldName ||
       // @ts-ignore
-      BEDROCK_CONFIGS[connector.parameters?.model]?.fieldName
+      BEDROCK_CONFIGS[connector?.parameters?.model]?.fieldName
     );
   } else {
     return undefined;

Original file line number	Diff line number	Diff line change
`@@ -10,8 +10,8 @@ export class TextEmbeddingIngestProcessor extends Processor {`
`10`	`10`	`this.id = generateId('text_embedding_processor_ingest');`
`11`	`11`	`this.fields = [`
`12`	`12`	`{`
`13`		`- id: 'model_id',`
`14`		`- type: 'string',`
	`13`	`+ id: 'model',`
	`14`	`+ type: 'model',`
`15`	`15`	`},`
`16`	`16`	`{`
`17`	`17`	`id: 'field_map',`
Original file line number	Diff line number	Diff line change
`@@ -10,8 +10,8 @@ export class TextImageEmbeddingIngestProcessor extends Processor {`
`10`	`10`	`this.id = generateId('text_image_embedding_processor_ingest');`
`11`	`11`	`this.fields = [`
`12`	`12`	`{`
`13`		`- id: 'model_id',`
`14`		`- type: 'string',`
	`13`	`+ id: 'model',`
	`14`	`+ type: 'model',`
`15`	`15`	`},`
`16`	`16`	`{`
`17`	`17`	`id: 'embedding',`