Update modelfield options and callout (#622)

Signed-off-by: Tyler Ohlsen <ohltyler@amazon.com>
(cherry picked from commit 33ae93f)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: github-actions[bot]

common/constants.ts

@@ -259,6 +259,8 @@ export const SEARCH_PIPELINE_DOCS_LINK =
   'https://opensearch.org/docs/latest/search-plugins/search-pipelines/using-search-pipeline/';
 export const ML_RESPONSE_PROCESSOR_EXAMPLE_DOCS_LINK =
   'https://opensearch.org/docs/latest/search-plugins/search-pipelines/ml-inference-search-response/#example-externally-hosted-text-embedding-model';
+export const UPDATE_MODEL_DOCS_LINK =
+  'https://opensearch.org/docs/latest/ml-commons-plugin/api/model-apis/update-model/';
 
 /**
  * Text chunking algorithm constants

public/pages/workflow_detail/workflow_inputs/input_fields/model_field.tsx

@@ -18,13 +18,15 @@ import {
   EuiSmallButtonIcon,
   EuiFlexGroup,
   EuiFlexItem,
+  EuiHealth,
 } from '@elastic/eui';
 import {
   MODEL_STATE,
   WorkflowFormValues,
   ModelFormValue,
   ML_CHOOSE_MODEL_LINK,
   FETCH_ALL_QUERY_LARGE,
+  UPDATE_MODEL_DOCS_LINK,
 } from '../../../../../common';
 import { AppState, searchModels, useAppDispatch } from '../../../../store';
 import { getDataSourceId } from '../../../../utils';
@@ -92,8 +94,15 @@ export function ModelField(props: ModelFieldProps) {
           <>
             <EuiCallOut
               size="s"
-              title="The selected model does not have a model interface. Cannot automatically determine model inputs and outputs."
-              iconType={'alert'}
+              title={
+                <EuiText size="s">
+                  This model has no interface set up yet.{' '}
+                  <EuiLink href={UPDATE_MODEL_DOCS_LINK} target="_blank">
+                    Learn more
+                  </EuiLink>{' '}
+                  about updating a model. Refresh the list when you finish.
+                </EuiText>
+              }
               color="warning"
             />
             <EuiSpacer size="s" />
@@ -137,12 +146,19 @@ export function ModelField(props: ModelFieldProps) {
                           ),
                           dropdownDisplay: (
                             <>
-                              <EuiText size="s">{option.name}</EuiText>
-                              <EuiText size="xs" color="subdued">
-                                Deployed
-                              </EuiText>
+                              <EuiHealth
+                                color={
+                                  isEmpty(option.interface)
+                                    ? 'warning'
+                                    : 'success'
+                                }
+                              >
+                                <EuiText size="s">{option.name}</EuiText>
+                              </EuiHealth>
                               <EuiText size="xs" color="subdued">
-                                {option.algorithm}
+                                {isEmpty(option.interface)
+                                  ? 'Not ready - no model interface'
+                                  : 'Deployed'}
                               </EuiText>
                             </>
                           ),

public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs/ml_processor_inputs.tsx

@@ -224,7 +224,7 @@ export function MLProcessorInputs(props: MLProcessorInputsProps) {
       ) : (
         <ModelField
           fieldPath={modelFieldPath}
-          hasModelInterface={modelInterface !== undefined}
+          hasModelInterface={!isEmpty(modelInterface)}
           onModelChange={onModelChange}
         />
       )}