[ML] Adds E5 model configs

packages/kbn-doc-links/src/get_doc_links.ts

@@ -520,6 +520,7 @@ export const getDocLinks = ({ kibanaBranch }: GetDocLinkOptions): DocLinks => {
       trainedModels: `${MACHINE_LEARNING_DOCS}ml-trained-models.html`,
       startTrainedModelsDeployment: `${MACHINE_LEARNING_DOCS}ml-nlp-deploy-model.html`,
       nlpElser: `${MACHINE_LEARNING_DOCS}ml-nlp-elser.html`,
+      nlpE5: `${MACHINE_LEARNING_DOCS}ml-nlp-e5.html`,
       nlpImportModel: `${MACHINE_LEARNING_DOCS}ml-nlp-import-model.html`,
     },
     transforms: {

x-pack/packages/ml/trained_models_utils/index.ts

@@ -19,7 +19,7 @@ export {
   type ModelDefinition,
   type ModelDefinitionResponse,
   type ElserVersion,
-  type GetElserOptions,
+  type GetModelDownloadConfigOptions,
   ELSER_ID_V1,
   ELASTIC_MODEL_TAG,
   ELASTIC_MODEL_TYPE,

x-pack/packages/ml/trained_models_utils/src/constants/trained_models.ts

@@ -61,6 +61,7 @@ export const ELASTIC_MODEL_DEFINITIONS: Record<string, ModelDefinition> = Object
     description: i18n.translate('xpack.ml.trainedModels.modelsList.elserDescription', {
       defaultMessage: 'Elastic Learned Sparse EncodeR v1 (Tech Preview)',
     }),
+    type: ['elastic', 'pytorch', 'text_expansion'],
   },
   '.elser_model_2': {
     modelName: 'elser',
@@ -74,6 +75,7 @@ export const ELASTIC_MODEL_DEFINITIONS: Record<string, ModelDefinition> = Object
     description: i18n.translate('xpack.ml.trainedModels.modelsList.elserV2Description', {
       defaultMessage: 'Elastic Learned Sparse EncodeR v2',
     }),
+    type: ['elastic', 'pytorch', 'text_expansion'],
   },
   '.elser_model_2_linux-x86_64': {
     modelName: 'elser',
@@ -88,14 +90,49 @@ export const ELASTIC_MODEL_DEFINITIONS: Record<string, ModelDefinition> = Object
     description: i18n.translate('xpack.ml.trainedModels.modelsList.elserV2x86Description', {
       defaultMessage: 'Elastic Learned Sparse EncodeR v2, optimized for linux-x86_64',
     }),
+    type: ['elastic', 'pytorch', 'text_expansion'],
+  },
+  '.multilingual-e5-small': {
+    modelName: 'e5',
+    version: 1,
+    default: true,
+    config: {
+      input: {
+        field_names: ['text_field'],
+      },
+    },
+    description: i18n.translate('xpack.ml.trainedModels.modelsList.e5v1Description', {
+      defaultMessage: 'E5 (EmbEddings from bidirEctional Encoder rEpresentations)',
+    }),
+    license: 'MIT',
+    type: ['pytorch', 'text_embedding'],
+  },
+  '.multilingual-e5-small_linux-x86_64': {
+    modelName: 'e5',
+    version: 1,
+    os: 'Linux',
+    arch: 'amd64',
+    config: {
+      input: {
+        field_names: ['text_field'],
+      },
+    },
+    description: i18n.translate('xpack.ml.trainedModels.modelsList.e5v1x86Description', {
+      defaultMessage:
+        'E5 (EmbEddings from bidirEctional Encoder rEpresentations), optimized for linux-x86_64',
+    }),
+    license: 'MIT',
+    type: ['pytorch', 'text_embedding'],
   },
 } as const);
 
+export type ElasticCurateModelName = 'elser' | 'e5';
+
 export interface ModelDefinition {
   /**
    * Model name, e.g. elser
    */
-  modelName: string;
+  modelName: ElasticCurateModelName;
   version: number;
   /**
    * Default PUT model configuration
@@ -107,13 +144,15 @@ export interface ModelDefinition {
   default?: boolean;
   recommended?: boolean;
   hidden?: boolean;
+  license?: string;
+  type?: readonly string[];
 }
 
 export type ModelDefinitionResponse = ModelDefinition & {
   /**
    * Complete model id, e.g. .elser_model_2_linux-x86_64
    */
-  name: string;
+  model_id: string;
 };
 
 export type ElasticModelId = keyof typeof ELASTIC_MODEL_DEFINITIONS;
@@ -129,6 +168,6 @@ export type ModelState = typeof MODEL_STATE[keyof typeof MODEL_STATE] | null;
 
 export type ElserVersion = 1 | 2;
 
-export interface GetElserOptions {
+export interface GetModelDownloadConfigOptions {
   version?: ElserVersion;
 }

x-pack/plugins/ml/public/application/model_management/add_model_flyout.tsx

@@ -42,52 +42,52 @@ export interface AddModelFlyoutProps {
   onSubmit: (modelId: string) => void;
 }
 
+type FlyoutTabId = 'clickToDownload' | 'manualDownload';
+
 /**
  * Flyout for downloading elastic curated models and showing instructions for importing third-party models.
  */
 export const AddModelFlyout: FC<AddModelFlyoutProps> = ({ onClose, onSubmit, modelDownloads }) => {
   const canCreateTrainedModels = usePermissionCheck('canCreateTrainedModels');
-  const isElserTabVisible = canCreateTrainedModels && modelDownloads.length > 0;
+  const isClickToDownloadTabVisible = canCreateTrainedModels && modelDownloads.length > 0;
 
-  const [selectedTabId, setSelectedTabId] = useState(isElserTabVisible ? 'elser' : 'thirdParty');
+  const [selectedTabId, setSelectedTabId] = useState<FlyoutTabId>(
+    isClickToDownloadTabVisible ? 'clickToDownload' : 'manualDownload'
+  );
 
   const tabs = useMemo(() => {
     return [
-      ...(isElserTabVisible
+      ...(isClickToDownloadTabVisible
         ? [
             {
-              id: 'elser',
+              id: 'clickToDownload' as const,
               name: (
-                <EuiFlexGroup gutterSize={'s'} alignItems={'center'}>
-                  <EuiFlexItem grow={false}>
-                    <EuiIcon type="logoElastic" size="m" />
-                  </EuiFlexItem>
-                  <EuiFlexItem grow={false}>
-                    <FormattedMessage
-                      id="xpack.ml.trainedModels.addModelFlyout.elserTabLabel"
-                      defaultMessage="ELSER"
-                    />
-                  </EuiFlexItem>
-                </EuiFlexGroup>
+                <FormattedMessage
+                  id="xpack.ml.trainedModels.addModelFlyout.clickToDownloadTabLabel"
+                  defaultMessage="Click to Download"
+                />
               ),
               content: (
-                <ElserTabContent modelDownloads={modelDownloads} onModelDownload={onSubmit} />
+                <ClickToDownloadTabContent
+                  modelDownloads={modelDownloads}
+                  onModelDownload={onSubmit}
+                />
               ),
             },
           ]
         : []),
       {
-        id: 'thirdParty',
+        id: 'manualDownload' as const,
         name: (
           <FormattedMessage
             id="xpack.ml.trainedModels.addModelFlyout.thirdPartyLabel"
-            defaultMessage="Third-party"
+            defaultMessage="Manual Download"
           />
         ),
-        content: <ThirdPartyTabContent />,
+        content: <ManualDownloadTabContent />,
       },
     ];
-  }, [isElserTabVisible, modelDownloads, onSubmit]);
+  }, [isClickToDownloadTabVisible, modelDownloads, onSubmit]);
 
   const selectedTabContent = useMemo(() => {
     return tabs.find((obj) => obj.id === selectedTabId)?.content;
@@ -133,15 +133,18 @@ export const AddModelFlyout: FC<AddModelFlyoutProps> = ({ onClose, onSubmit, mod
   );
 };
 
-interface ElserTabContentProps {
+interface ClickToDownloadTabContentProps {
   modelDownloads: ModelItem[];
   onModelDownload: (modelId: string) => void;
 }
 
 /**
- * ELSER tab content for selecting a model to download.
+ * Tab content for selecting a model to download.
  */
-const ElserTabContent: FC<ElserTabContentProps> = ({ modelDownloads, onModelDownload }) => {
+const ClickToDownloadTabContent: FC<ClickToDownloadTabContentProps> = ({
+  modelDownloads,
+  onModelDownload,
+}) => {
   const {
     services: { docLinks },
   } = useMlKibana();
@@ -157,26 +160,33 @@ const ElserTabContent: FC<ElserTabContentProps> = ({ modelDownloads, onModelDown
           <React.Fragment key={modelName}>
             {modelName === 'elser' ? (
               <div>
-                <EuiTitle size={'s'}>
-                  <h3>
-                    <FormattedMessage
-                      id="xpack.ml.trainedModels.modelsList.elserTitle"
-                      defaultMessage="Elastic Learned Sparse EncodeR (ELSER)"
-                    />
-                  </h3>
-                </EuiTitle>
+                <EuiFlexGroup gutterSize={'s'} alignItems={'center'}>
+                  <EuiFlexItem grow={false}>
+                    <EuiIcon type="logoElastic" size="l" />
+                  </EuiFlexItem>
+                  <EuiFlexItem grow={false}>
+                    <EuiTitle size={'s'}>
+                      <h3>
+                        <FormattedMessage
+                          id="xpack.ml.trainedModels.modelsList.elserTitle"
+                          defaultMessage="ELSER (Elastic Learned Sparse EncodeR)"
+                        />
+                      </h3>
+                    </EuiTitle>
+                  </EuiFlexItem>
+                </EuiFlexGroup>
                 <EuiSpacer size="s" />
                 <p>
                   <EuiText color={'subdued'} size={'s'}>
                     <FormattedMessage
                       id="xpack.ml.trainedModels.addModelFlyout.elserDescription"
-                      defaultMessage="ELSER is designed to efficiently use context in natural language queries with better results than BM25 alone."
+                      defaultMessage="ELSER is Elastic's NLP model for English semantic search, utilizing sparse vectors. It prioritizes intent and contextual meaning over literal term matching, optimized specifically for English documents and queries on the Elastic platform."
                     />
                   </EuiText>
                 </p>
                 <EuiSpacer size="s" />
                 <p>
-                  <EuiLink href={docLinks.links.ml.nlpElser} external>
+                  <EuiLink href={docLinks.links.ml.nlpElser} external target={'_blank'}>
                     <FormattedMessage
                       id="xpack.ml.trainedModels.modelsList.elserViewDocumentationLinkLabel"
                       defaultMessage="View documentation"
@@ -187,6 +197,52 @@ const ElserTabContent: FC<ElserTabContentProps> = ({ modelDownloads, onModelDown
               </div>
             ) : null}
 
+            {modelName === 'e5' ? (
+              <div>
+                <EuiTitle size={'s'}>
+                  <h3>
+                    <FormattedMessage
+                      id="xpack.ml.trainedModels.modelsList.e5Title"
+                      defaultMessage="E5 (EmbEddings from bidirEctional Encoder rEpresentations)"
+                    />
+                  </h3>
+                </EuiTitle>
+                <EuiSpacer size="s" />
+                <p>
+                  <EuiText color={'subdued'} size={'s'}>
+                    <FormattedMessage
+                      id="xpack.ml.trainedModels.addModelFlyout.e5Description"
+                      defaultMessage="E5 is an NLP model that enables you to perform multi-lingual semantic search by using dense vector representations. This model performs best for non-English language documents and queries."
+                    />
+                  </EuiText>
+                </p>
+                <EuiSpacer size="s" />
+                <EuiFlexGroup justifyContent={'spaceBetween'} gutterSize={'none'}>
+                  <EuiFlexItem grow={false}>
+                    <EuiLink href={docLinks.links.ml.nlpE5} external target={'_blank'}>
+                      <FormattedMessage
+                        id="xpack.ml.trainedModels.modelsList.elserViewDocumentationLinkLabel"
+                        defaultMessage="View documentation"
+                      />
+                    </EuiLink>
+                  </EuiFlexItem>
+                  <EuiFlexItem grow={false}>
+                    <EuiBadge
+                      color="hollow"
+                      target={'_blank'}
+                      href={'https://huggingface.co/elastic/multilingual-e5-small-optimized'}
+                    >
+                      <FormattedMessage
+                        id="xpack.ml.trainedModels.modelsList.mitLicenseLabel"
+                        defaultMessage="License: MIT"
+                      />
+                    </EuiBadge>
+                  </EuiFlexItem>
+                </EuiFlexGroup>
+                <EuiSpacer size={'l'} />
+              </div>
+            ) : null}
+
             <EuiFormFieldset
               legend={{
                 children: (
@@ -197,7 +253,7 @@ const ElserTabContent: FC<ElserTabContentProps> = ({ modelDownloads, onModelDown
                 ),
               }}
             >
-              {models.map((model) => {
+              {models.map((model, index) => {
                 return (
                   <React.Fragment key={model.model_id}>
                     <EuiCheckableCard
@@ -256,11 +312,12 @@ const ElserTabContent: FC<ElserTabContentProps> = ({ modelDownloads, onModelDown
                       checked={model.model_id === selectedModelId}
                       onChange={setSelectedModelId.bind(null, model.model_id)}
                     />
-                    <EuiSpacer size="m" />
+                    {index < models.length - 1 ? <EuiSpacer size="m" /> : null}
                   </React.Fragment>
                 );
               })}
             </EuiFormFieldset>
+            <EuiSpacer size="xxl" />
           </React.Fragment>
         );
       })}
@@ -279,9 +336,9 @@ const ElserTabContent: FC<ElserTabContentProps> = ({ modelDownloads, onModelDown
 };
 
 /**
- * Third-party tab content for showing instructions for importing third-party models.
+ * Manual download tab content for showing instructions for importing third-party models.
  */
-const ThirdPartyTabContent: FC = () => {
+const ManualDownloadTabContent: FC = () => {
   const {
     services: { docLinks },
   } = useMlKibana();

x-pack/plugins/ml/public/application/model_management/models_list.tsx

@@ -262,17 +262,17 @@ export const ModelsList: FC<Props> = ({
         );
         const forDownload = await trainedModelsApiService.getTrainedModelDownloads();
         const notDownloaded: ModelItem[] = forDownload
-          .filter(({ name, hidden, recommended }) => {
-            if (recommended && idMap.has(name)) {
-              idMap.get(name)!.recommended = true;
+          .filter(({ model_id: modelId, hidden, recommended }) => {
+            if (recommended && idMap.has(modelId)) {
+              idMap.get(modelId)!.recommended = true;
             }
-            return !idMap.has(name) && !hidden;
+            return !idMap.has(modelId) && !hidden;
           })
           .map<ModelItem>((modelDefinition) => {
             return {
-              model_id: modelDefinition.name,
-              type: [ELASTIC_MODEL_TYPE],
-              tags: [ELASTIC_MODEL_TAG],
+              model_id: modelDefinition.model_id,
+              type: modelDefinition.type,
+              tags: modelDefinition.type?.includes(ELASTIC_MODEL_TAG) ? [ELASTIC_MODEL_TAG] : [],
               putModelConfig: modelDefinition.config,
               description: modelDefinition.description,
               state: MODEL_STATE.NOT_DOWNLOADED,

x-pack/plugins/ml/public/application/services/elastic_models_service.ts

@@ -5,7 +5,10 @@
  * 2.0.
  */
 
-import type { ModelDefinitionResponse, GetElserOptions } from '@kbn/ml-trained-models-utils';
+import type {
+  ModelDefinitionResponse,
+  GetModelDownloadConfigOptions,
+} from '@kbn/ml-trained-models-utils';
 import { type TrainedModelsApiService } from './ml_api_service/trained_models';
 
 export class ElasticModels {
@@ -17,7 +20,7 @@ export class ElasticModels {
    * If any of the ML nodes run a different OS rather than Linux, or the CPU architecture isn't x86_64,
    * a portable version of the model is returned.
    */
-  public async getELSER(options?: GetElserOptions): Promise<ModelDefinitionResponse> {
+  public async getELSER(options?: GetModelDownloadConfigOptions): Promise<ModelDefinitionResponse> {
     return await this.trainedModels.getElserConfig(options);
   }
 }