From bc466ea738107b00a8dbba216630369ff729d729 Mon Sep 17 00:00:00 2001
From: Samiul Monir <150824886+Samiul-TheSoccerFan@users.noreply.github.com>
Date: Tue, 24 Dec 2024 22:23:25 -0500
Subject: [PATCH] [Search] Add Inference endpoint Flyout in Inference
 Management UI (#203204)

## Summary

This PR includes
- Create a UI component package to share AI connector form between
multiple plugins
- Integrate the packaged components into the `Search Inference Endpoint`
plugin.



https://github.com/user-attachments/assets/2b447b44-3d1d-4422-b76d-8d8fd160b2bc


### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [X] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
- [X] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [X] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
---
 .github/CODEOWNERS                            |   1 +
 package.json                                  |   1 +
 tsconfig.base.json                            |   2 +
 x-pack/.i18nrc.json                           |   1 +
 .../README.md                                 |   7 +
 .../kbn-inference-endpoint-ui-common/index.ts |  10 +
 .../jest.config.js                            |  12 +
 .../kibana.jsonc                              |  12 +
 .../package.json                              |   6 +
 .../setup_tests.ts                            |   9 +
 .../components/additional_options_fields.tsx  | 290 ++++++++
 .../configuration/configuration_field.tsx     | 228 ++++++
 .../configuration_form_items.tsx              |  89 +++
 .../configuration/configuration_utils.test.ts |  62 ++
 .../configuration/configuration_utils.ts      |  49 ++
 .../provider_config_hidden_field.tsx          |  41 ++
 .../provider_secret_hidden_field.tsx          |  42 ++
 .../inference_service_form_fields.test.tsx    | 188 +++++
 .../inference_service_form_fields.tsx         | 375 ++++++++++
 .../providers/assets/images/alibaba_cloud.svg |   3 +
 .../assets/images/amazon_bedrock.svg          |  11 +
 .../providers/assets/images/anthropic.svg     |   3 +
 .../assets/images/azure_ai_studio.svg         |  44 ++
 .../providers/assets/images/azure_open_ai.svg |   9 +
 .../providers/assets/images/cohere.svg        |   9 +
 .../providers/assets/images/elastic.svg       |  16 +
 .../assets/images/google_ai_studio.svg        |   6 +
 .../providers/assets/images/hugging_face.svg  |  10 +
 .../providers/assets/images/ibm_watsonx.svg   |   3 +
 .../providers/assets/images/mistral.svg       |  34 +
 .../providers/assets/images/open_ai.svg       |   3 +
 .../service_provider.test.tsx                 |  42 ++
 .../service_provider.tsx                      | 125 ++++
 .../components/providers/selectable.test.tsx  |  75 ++
 .../src/components/providers/selectable.tsx   | 133 ++++
 .../src/constants.ts                          |  24 +
 .../src/translations.ts                       | 129 ++++
 .../src/types/types.ts                        |  51 ++
 .../src/utils/helpers.ts                      |  80 +++
 .../tsconfig.json                             |  26 +
 .../common/translations.ts                    |   7 +
 .../common/types.ts                           |  12 +-
 .../search_inference_endpoints/kibana.jsonc   |   3 +-
 .../add_inference_flyout_wrapper.test.tsx     |  87 +++
 .../add_inference_flyout_wrapper.tsx          |  66 ++
 .../inference_form.tsx                        |  69 ++
 .../add_inference_endpoints/translations.ts   |  36 +
 .../public/components/inference_endpoints.tsx |   9 +-
 .../components/inference_endpoints_header.tsx |  18 +-
 .../public/hooks/translations.ts              |  14 +
 .../public/hooks/use_add_endpoint.test.tsx    | 101 +++
 .../public/hooks/use_add_endpoint.ts          |  55 ++
 .../public/hooks/use_providers.ts             | 644 +++++++++++++++++
 .../public/utils/test_utils/test_utils.ts     | 652 ++++++++++++++++++
 .../server/lib/add_inference_endpoint.test.ts |  55 ++
 .../server/lib/add_inference_endpoint.ts      |  47 ++
 .../lib/fetch_inference_services.test.ts      |  37 +
 .../server/lib/fetch_inference_services.ts    |  26 +
 .../server/routes.ts                          |  42 +-
 .../server/utils/unflatten_object.ts          |  17 +
 .../search_inference_endpoints/tsconfig.json  |   7 +-
 .../svl_search_inference_management_page.ts   |  22 +
 .../search/inference_management.ts            |   6 +
 yarn.lock                                     |   4 +
 64 files changed, 4288 insertions(+), 9 deletions(-)
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/README.md
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/index.ts
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/jest.config.js
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/kibana.jsonc
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/package.json
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/setup_tests.ts
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/additional_options_fields.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_field.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_form_items.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_utils.test.ts
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_utils.ts
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/hidden_fields/provider_config_hidden_field.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/hidden_fields/provider_secret_hidden_field.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/inference_service_form_fields.test.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/inference_service_form_fields.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/alibaba_cloud.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/amazon_bedrock.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/anthropic.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/azure_ai_studio.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/azure_open_ai.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/cohere.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/elastic.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/google_ai_studio.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/hugging_face.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/ibm_watsonx.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/mistral.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/open_ai.svg
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/render_service_provider/service_provider.test.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/render_service_provider/service_provider.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/selectable.test.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/selectable.tsx
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/constants.ts
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/translations.ts
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/types/types.ts
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/utils/helpers.ts
 create mode 100644 x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/tsconfig.json
 create mode 100644 x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/add_inference_flyout_wrapper.test.tsx
 create mode 100644 x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/add_inference_flyout_wrapper.tsx
 create mode 100644 x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/inference_form.tsx
 create mode 100644 x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/translations.ts
 create mode 100644 x-pack/plugins/search_inference_endpoints/public/hooks/use_add_endpoint.test.tsx
 create mode 100644 x-pack/plugins/search_inference_endpoints/public/hooks/use_add_endpoint.ts
 create mode 100644 x-pack/plugins/search_inference_endpoints/public/hooks/use_providers.ts
 create mode 100644 x-pack/plugins/search_inference_endpoints/public/utils/test_utils/test_utils.ts
 create mode 100644 x-pack/plugins/search_inference_endpoints/server/lib/add_inference_endpoint.test.ts
 create mode 100644 x-pack/plugins/search_inference_endpoints/server/lib/add_inference_endpoint.ts
 create mode 100644 x-pack/plugins/search_inference_endpoints/server/lib/fetch_inference_services.test.ts
 create mode 100644 x-pack/plugins/search_inference_endpoints/server/lib/fetch_inference_services.ts
 create mode 100644 x-pack/plugins/search_inference_endpoints/server/utils/unflatten_object.ts

diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index 89e94f4b35028..79a41f54e683c 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -823,6 +823,7 @@ x-pack/platform/packages/shared/kbn-data-forge @elastic/obs-ux-management-team
 x-pack/platform/packages/shared/kbn-elastic-assistant @elastic/security-generative-ai
 x-pack/platform/packages/shared/kbn-elastic-assistant-common @elastic/security-generative-ai
 x-pack/platform/packages/shared/kbn-entities-schema @elastic/obs-entities
+x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common @elastic/response-ops @elastic/appex-ai-infra @elastic/obs-ai-assistant @elastic/security-generative-ai
 x-pack/platform/packages/shared/kbn-langchain @elastic/security-generative-ai
 x-pack/platform/packages/shared/kbn-slo-schema @elastic/obs-ux-management-team
 x-pack/platform/packages/shared/ml/aiops_common @elastic/ml-ui
diff --git a/package.json b/package.json
index 9eec909bc4f4a..03ef2f17fe63e 100644
--- a/package.json
+++ b/package.json
@@ -577,6 +577,7 @@
     "@kbn/index-management-shared-types": "link:x-pack/platform/packages/shared/index-management/index_management_shared_types",
     "@kbn/index-patterns-test-plugin": "link:test/plugin_functional/plugins/index_patterns",
     "@kbn/inference-common": "link:x-pack/platform/packages/shared/ai-infra/inference-common",
+    "@kbn/inference-endpoint-ui-common": "link:x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common",
     "@kbn/inference-plugin": "link:x-pack/platform/plugins/shared/inference",
     "@kbn/inference_integration_flyout": "link:x-pack/platform/packages/private/ml/inference_integration_flyout",
     "@kbn/infra-forge": "link:x-pack/platform/packages/private/kbn-infra-forge",
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 51938b7593019..f0968d3896a68 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -1064,6 +1064,8 @@
       "@kbn/inference_integration_flyout/*": ["x-pack/platform/packages/private/ml/inference_integration_flyout/*"],
       "@kbn/inference-common": ["x-pack/platform/packages/shared/ai-infra/inference-common"],
       "@kbn/inference-common/*": ["x-pack/platform/packages/shared/ai-infra/inference-common/*"],
+      "@kbn/inference-endpoint-ui-common": ["x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common"],
+      "@kbn/inference-endpoint-ui-common/*": ["x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/*"],
       "@kbn/inference-plugin": ["x-pack/platform/plugins/shared/inference"],
       "@kbn/inference-plugin/*": ["x-pack/platform/plugins/shared/inference/*"],
       "@kbn/infra-forge": ["x-pack/platform/packages/private/kbn-infra-forge"],
diff --git a/x-pack/.i18nrc.json b/x-pack/.i18nrc.json
index 0cac84a98693b..9e54ef70f1132 100644
--- a/x-pack/.i18nrc.json
+++ b/x-pack/.i18nrc.json
@@ -59,6 +59,7 @@
     "xpack.idxMgmt": "platform/plugins/shared/index_management",
     "xpack.idxMgmtPackage": "packages/index-management",
     "xpack.indexLifecycleMgmt": "platform/plugins/private/index_lifecycle_management",
+    "xpack.inferenceEndpointUICommon": "platform/packages/shared/kbn-inference-endpoint-ui-common",
     "xpack.infra": "solutions/observability/plugins/infra",
     "xpack.logsDataAccess": "platform/plugins/shared/logs_data_access",
     "xpack.logsExplorer": "solutions/observability/plugins/logs_explorer",
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/README.md b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/README.md
new file mode 100644
index 0000000000000..206267522f29d
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/README.md
@@ -0,0 +1,7 @@
+# @kbn/kbn-inference-endpoint-ui-common
+
+The `Inference Endpoint UI common` is a shared UI library to create AI Connector and/or inference endpoints.
+
+This package provides:
+
+- Components for rendering the GenAI services and their associated fields
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/index.ts b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/index.ts
new file mode 100644
index 0000000000000..a2abc5514bd05
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/index.ts
@@ -0,0 +1,10 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+export { InferenceServiceFormFields } from './src/components/inference_service_form_fields';
+
+export * from './src/types/types';
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/jest.config.js b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/jest.config.js
new file mode 100644
index 0000000000000..6e305551c279a
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/jest.config.js
@@ -0,0 +1,12 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+module.exports = {
+  preset: '@kbn/test',
+  rootDir: '../../../../..',
+  roots: ['<rootDir>/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common'],
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/kibana.jsonc b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/kibana.jsonc
new file mode 100644
index 0000000000000..e902264afb61a
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/kibana.jsonc
@@ -0,0 +1,12 @@
+{
+  "type": "shared-browser",
+  "id": "@kbn/inference-endpoint-ui-common",
+  "owner": [
+    "@elastic/response-ops",
+    "@elastic/appex-ai-infra",
+    "@elastic/obs-ai-assistant",
+    "@elastic/security-generative-ai"
+  ],
+  "group": "platform",
+  "visibility": "shared"
+}
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/package.json b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/package.json
new file mode 100644
index 0000000000000..c3ea31bb0a4f0
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "@kbn/inference-endpoint-ui-common",
+  "private": true,
+  "version": "1.0.0",
+  "license": "Elastic License 2.0"
+}
\ No newline at end of file
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/setup_tests.ts b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/setup_tests.ts
new file mode 100644
index 0000000000000..72e0edd0d07f7
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/setup_tests.ts
@@ -0,0 +1,9 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+// eslint-disable-next-line import/no-extraneous-dependencies
+import '@testing-library/jest-dom';
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/additional_options_fields.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/additional_options_fields.tsx
new file mode 100644
index 0000000000000..381b15b78020f
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/additional_options_fields.tsx
@@ -0,0 +1,290 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React, { useMemo } from 'react';
+import { css } from '@emotion/react';
+
+import {
+  EuiFormRow,
+  EuiSpacer,
+  EuiTitle,
+  EuiAccordion,
+  EuiFieldText,
+  useEuiTheme,
+  EuiTextColor,
+  EuiButtonGroup,
+  EuiPanel,
+  EuiButtonEmpty,
+  EuiCopy,
+  EuiButton,
+  useEuiFontSize,
+  EuiText,
+} from '@elastic/eui';
+import {
+  getFieldValidityAndErrorMessage,
+  UseField,
+  useFormContext,
+} from '@kbn/es-ui-shared-plugin/static/forms/hook_form_lib';
+import { FormattedMessage } from '@kbn/i18n-react';
+
+import { fieldValidators } from '@kbn/es-ui-shared-plugin/static/forms/helpers';
+import { ConfigurationFormItems } from './configuration/configuration_form_items';
+import * as LABELS from '../translations';
+import { DEFAULT_TASK_TYPE } from '../constants';
+import { Config, ConfigEntryView } from '../types/types';
+import { TaskTypeOption } from '../utils/helpers';
+
+// Custom trigger button CSS
+const buttonCss = css`
+  &:hover {
+    text-decoration: none;
+  }
+`;
+
+interface AdditionalOptionsFieldsProps {
+  config: Config;
+  optionalProviderFormFields: ConfigEntryView[];
+  onSetProviderConfigEntry: (key: string, value: unknown) => Promise<void>;
+  onTaskTypeOptionsSelect: (taskType: string, provider?: string) => void;
+  selectedTaskType?: string;
+  taskTypeOptions: TaskTypeOption[];
+}
+
+export const AdditionalOptionsFields: React.FC<AdditionalOptionsFieldsProps> = ({
+  config,
+  taskTypeOptions,
+  optionalProviderFormFields,
+  selectedTaskType,
+  onSetProviderConfigEntry,
+  onTaskTypeOptionsSelect,
+}) => {
+  const xsFontSize = useEuiFontSize('xs').fontSize;
+  const { euiTheme } = useEuiTheme();
+  const { setFieldValue } = useFormContext();
+
+  const taskTypeSettings = useMemo(
+    () =>
+      selectedTaskType || config.taskType?.length ? (
+        <>
+          <EuiTitle size="xxs" data-test-subj="task-type-details-label">
+            <h4>
+              <FormattedMessage
+                id="xpack.inferenceEndpointUICommon.components.additionalInfo.taskTypeLabel"
+                defaultMessage="Task type"
+              />
+            </h4>
+          </EuiTitle>
+          <EuiText
+            css={css`
+              font-size: ${xsFontSize};
+              color: ${euiTheme.colors.textSubdued};
+            `}
+          >
+            <FormattedMessage
+              id="xpack.inferenceEndpointUICommon.components.additionalInfo.taskTypeHelpInfo"
+              defaultMessage="Configure the inference task. Task types are specific to the service and model selected."
+            />
+          </EuiText>
+          <EuiSpacer size="m" />
+          <UseField
+            path="config.taskType"
+            config={{
+              validations: [
+                {
+                  validator: fieldValidators.emptyField(LABELS.getRequiredMessage('Task type')),
+                  isBlocking: true,
+                },
+              ],
+            }}
+          >
+            {(field) => {
+              const { isInvalid, errorMessage } = getFieldValidityAndErrorMessage(field);
+
+              return (
+                <EuiFormRow id="taskType" fullWidth isInvalid={isInvalid} error={errorMessage}>
+                  {taskTypeOptions.length === 1 ? (
+                    <EuiButton
+                      css={{
+                        background: euiTheme.colors.darkShade,
+                        color: euiTheme.colors.lightestShade,
+                      }}
+                      data-test-subj="taskTypeSelectSingle"
+                      onClick={() => onTaskTypeOptionsSelect(config.taskType)}
+                    >
+                      {config.taskType}
+                    </EuiButton>
+                  ) : (
+                    <EuiButtonGroup
+                      data-test-subj="taskTypeSelect"
+                      buttonSize="m"
+                      legend="Task type"
+                      defaultValue={DEFAULT_TASK_TYPE}
+                      idSelected={config.taskType}
+                      onChange={(id) => onTaskTypeOptionsSelect(id)}
+                      options={taskTypeOptions}
+                      color="text"
+                      type="single"
+                    />
+                  )}
+                </EuiFormRow>
+              );
+            }}
+          </UseField>
+        </>
+      ) : null,
+    [
+      selectedTaskType,
+      config.taskType,
+      xsFontSize,
+      euiTheme.colors,
+      taskTypeOptions,
+      onTaskTypeOptionsSelect,
+    ]
+  );
+
+  const inferenceUri = useMemo(() => `_inference/${selectedTaskType}/`, [selectedTaskType]);
+
+  return (
+    <EuiAccordion
+      id="inferenceAdditionalOptions"
+      data-test-subj="inference-endpoint-additional-options"
+      buttonProps={{ css: buttonCss }}
+      css={css`
+        .euiAccordion__triggerWrapper {
+          display: inline-flex;
+        }
+      `}
+      element="fieldset"
+      arrowDisplay="right"
+      arrowProps={{
+        color: 'primary',
+      }}
+      buttonElement="button"
+      borders="none"
+      buttonContent={
+        <EuiTextColor color={euiTheme.colors.primary}>
+          <FormattedMessage
+            id="xpack.inferenceEndpointUICommon.components.additionalInfo.additionalOptionsLabel"
+            defaultMessage="Additional options"
+          />
+        </EuiTextColor>
+      }
+      initialIsOpen={true}
+    >
+      <EuiSpacer size="m" />
+      <EuiPanel hasBorder={true}>
+        {optionalProviderFormFields.length > 0 ? (
+          <>
+            <EuiTitle size="xxs" data-test-subj="provider-optional-settings-label">
+              <h4>
+                <FormattedMessage
+                  id="xpack.inferenceEndpointUICommon.components.additionalInfo.providerOptionalSettingsLabel"
+                  defaultMessage="Service settings"
+                />
+              </h4>
+            </EuiTitle>
+            <EuiText
+              css={css`
+                font-size: ${xsFontSize};
+                color: ${euiTheme.colors.textSubdued};
+              `}
+            >
+              <FormattedMessage
+                id="xpack.inferenceEndpointUICommon.components.additionalInfo.providerOptionalSettingsHelpLabel"
+                defaultMessage="Configure the inference provider. These settings are optional provider settings."
+              />
+            </EuiText>
+            <EuiSpacer size="m" />
+            <ConfigurationFormItems
+              isLoading={false}
+              direction="column"
+              items={optionalProviderFormFields}
+              setConfigEntry={onSetProviderConfigEntry}
+            />
+            <EuiSpacer size="m" />
+          </>
+        ) : null}
+
+        {taskTypeSettings}
+        <EuiSpacer size="m" />
+        <EuiTitle size="xxs" data-test-subj="task-type-details-label">
+          <h4>
+            <FormattedMessage
+              id="xpack.inferenceEndpointUICommon.components.additionalInfo.inferenceEndpointLabel"
+              defaultMessage="Inference Endpoint"
+            />
+          </h4>
+        </EuiTitle>
+        <EuiText
+          css={css`
+            font-size: ${xsFontSize};
+            color: ${euiTheme.colors.textSubdued};
+          `}
+        >
+          <FormattedMessage
+            id="xpack.inferenceEndpointUICommon.components.additionalInfo.inferenceEndpointHelpLabel"
+            defaultMessage="Inference endpoints provide a simplified method for using this configuration, ecpecially from the API"
+          />
+        </EuiText>
+        <EuiSpacer size="s" />
+
+        <UseField path="config.inferenceId">
+          {(field) => {
+            const { isInvalid, errorMessage } = getFieldValidityAndErrorMessage(field);
+
+            return (
+              <EuiFormRow
+                id="inferenceId"
+                isInvalid={isInvalid}
+                error={errorMessage}
+                fullWidth
+                helpText={
+                  <FormattedMessage
+                    id="xpack.inferenceEndpointUICommon.components.additionalInfo.inferenceIdHelpLabel"
+                    defaultMessage="This ID cannot be changed once created."
+                  />
+                }
+              >
+                <EuiFieldText
+                  data-test-subj="inference-endpoint-input-field"
+                  fullWidth
+                  value={config.inferenceId}
+                  onChange={(e) => {
+                    setFieldValue('config.inferenceId', e.target.value);
+                  }}
+                  prepend={inferenceUri}
+                  append={
+                    <EuiCopy
+                      beforeMessage={LABELS.COPY_TOOLTIP}
+                      afterMessage={LABELS.COPIED_TOOLTIP}
+                      textToCopy={`${inferenceUri}${config.inferenceId}`}
+                    >
+                      {(copy) => (
+                        <EuiButtonEmpty
+                          iconType="copy"
+                          size="xs"
+                          iconSide="right"
+                          onClick={copy}
+                          data-test-subj="copyInferenceUriToClipboard"
+                        >
+                          <FormattedMessage
+                            id="xpack.inferenceEndpointUICommon.components.additionalInfo.copyLabel"
+                            defaultMessage="Copy"
+                          />
+                        </EuiButtonEmpty>
+                      )}
+                    </EuiCopy>
+                  }
+                />
+              </EuiFormRow>
+            );
+          }}
+        </UseField>
+      </EuiPanel>
+    </EuiAccordion>
+  );
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_field.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_field.tsx
new file mode 100644
index 0000000000000..6772a6aaaf391
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_field.tsx
@@ -0,0 +1,228 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React, { useEffect, useState } from 'react';
+
+import {
+  EuiAccordion,
+  EuiFieldText,
+  EuiFieldPassword,
+  EuiSwitch,
+  EuiTextArea,
+  EuiFieldNumber,
+} from '@elastic/eui';
+
+import { isEmpty } from 'lodash/fp';
+import { ConfigEntryView, FieldType } from '../../types/types';
+import { ensureBooleanType, ensureCorrectTyping, ensureStringType } from './configuration_utils';
+
+interface ConfigurationFieldProps {
+  configEntry: ConfigEntryView;
+  isLoading: boolean;
+  setConfigValue: (value: number | string | boolean | null) => void;
+}
+
+interface ConfigInputFieldProps {
+  configEntry: ConfigEntryView;
+  isLoading: boolean;
+  validateAndSetConfigValue: (value: string | boolean) => void;
+}
+export const ConfigInputField: React.FC<ConfigInputFieldProps> = ({
+  configEntry,
+  isLoading,
+  validateAndSetConfigValue,
+}) => {
+  const { isValid, value, default_value: defaultValue, key } = configEntry;
+  const [innerValue, setInnerValue] = useState(
+    !value || value.toString().length === 0 ? defaultValue : value
+  );
+
+  useEffect(() => {
+    setInnerValue(!value || value.toString().length === 0 ? defaultValue : value);
+  }, [defaultValue, value]);
+  return (
+    <EuiFieldText
+      disabled={isLoading}
+      data-test-subj={`${key}-input`}
+      fullWidth
+      value={ensureStringType(innerValue)}
+      isInvalid={!isValid}
+      onChange={(event) => {
+        setInnerValue(event.target.value);
+        validateAndSetConfigValue(event.target.value);
+      }}
+    />
+  );
+};
+
+export const ConfigSwitchField: React.FC<ConfigInputFieldProps> = ({
+  configEntry,
+  isLoading,
+  validateAndSetConfigValue,
+}) => {
+  const { label, value, default_value: defaultValue, key } = configEntry;
+  const [innerValue, setInnerValue] = useState(value ?? defaultValue);
+  useEffect(() => {
+    setInnerValue(value ?? defaultValue);
+  }, [defaultValue, value]);
+  return (
+    <EuiSwitch
+      checked={ensureBooleanType(innerValue)}
+      data-test-subj={`${key}-switch`}
+      disabled={isLoading}
+      label={<p>{label}</p>}
+      onChange={(event) => {
+        setInnerValue(event.target.checked);
+        validateAndSetConfigValue(event.target.checked);
+      }}
+    />
+  );
+};
+
+export const ConfigInputTextArea: React.FC<ConfigInputFieldProps> = ({
+  isLoading,
+  configEntry,
+  validateAndSetConfigValue,
+}) => {
+  const { isValid, value, default_value: defaultValue, key } = configEntry;
+  const [innerValue, setInnerValue] = useState(value ?? defaultValue);
+  useEffect(() => {
+    setInnerValue(value ?? '');
+  }, [defaultValue, value]);
+  return (
+    <EuiTextArea
+      disabled={isLoading}
+      fullWidth
+      data-test-subj={`${key}-textarea`}
+      value={ensureStringType(innerValue)}
+      isInvalid={!isValid}
+      onChange={(event) => {
+        setInnerValue(event.target.value);
+        validateAndSetConfigValue(event.target.value);
+      }}
+    />
+  );
+};
+
+export const ConfigNumberField: React.FC<ConfigInputFieldProps> = ({
+  configEntry,
+  isLoading,
+  validateAndSetConfigValue,
+}) => {
+  const { isValid, value, default_value: defaultValue, key } = configEntry;
+  const [innerValue, setInnerValue] = useState(value ?? defaultValue);
+  useEffect(() => {
+    setInnerValue(!value || value.toString().length === 0 ? defaultValue : value);
+  }, [defaultValue, value]);
+  return (
+    <EuiFieldNumber
+      fullWidth
+      disabled={isLoading}
+      data-test-subj={`${key}-number`}
+      value={innerValue as number}
+      isInvalid={!isValid}
+      onChange={(event) => {
+        const newValue = isEmpty(event.target.value) ? '0' : event.target.value;
+        setInnerValue(newValue);
+        validateAndSetConfigValue(newValue);
+      }}
+    />
+  );
+};
+
+export const ConfigSensitiveTextArea: React.FC<ConfigInputFieldProps> = ({
+  isLoading,
+  configEntry,
+  validateAndSetConfigValue,
+}) => {
+  const { key, label } = configEntry;
+  return (
+    <EuiAccordion id={key + '-accordion'} buttonContent={<p>{label}</p>}>
+      <ConfigInputTextArea
+        isLoading={isLoading}
+        configEntry={configEntry}
+        validateAndSetConfigValue={validateAndSetConfigValue}
+      />
+    </EuiAccordion>
+  );
+};
+
+export const ConfigInputPassword: React.FC<ConfigInputFieldProps> = ({
+  isLoading,
+  configEntry,
+  validateAndSetConfigValue,
+}) => {
+  const { value, key } = configEntry;
+  const [innerValue, setInnerValue] = useState(value ?? null);
+  useEffect(() => {
+    setInnerValue(value ?? null);
+  }, [value]);
+  return (
+    <>
+      <EuiFieldPassword
+        fullWidth
+        disabled={isLoading}
+        data-test-subj={`${key}-password`}
+        type="dual"
+        value={ensureStringType(innerValue)}
+        onChange={(event) => {
+          setInnerValue(event.target.value);
+          validateAndSetConfigValue(event.target.value);
+        }}
+      />
+    </>
+  );
+};
+
+export const ConfigurationField: React.FC<ConfigurationFieldProps> = ({
+  configEntry,
+  isLoading,
+  setConfigValue,
+}) => {
+  const validateAndSetConfigValue = (value: number | string | boolean) => {
+    setConfigValue(ensureCorrectTyping(configEntry.type, value));
+  };
+
+  const { key, type, sensitive } = configEntry;
+
+  switch (type) {
+    case FieldType.INTEGER:
+      return (
+        <ConfigNumberField
+          key={key}
+          isLoading={isLoading}
+          configEntry={configEntry}
+          validateAndSetConfigValue={validateAndSetConfigValue}
+        />
+      );
+
+    case FieldType.BOOLEAN:
+      return (
+        <ConfigSwitchField
+          isLoading={isLoading}
+          configEntry={configEntry}
+          validateAndSetConfigValue={validateAndSetConfigValue}
+        />
+      );
+
+    default:
+      return sensitive ? (
+        <ConfigInputPassword
+          isLoading={isLoading}
+          configEntry={configEntry}
+          validateAndSetConfigValue={validateAndSetConfigValue}
+        />
+      ) : (
+        <ConfigInputField
+          key={key}
+          isLoading={isLoading}
+          configEntry={configEntry}
+          validateAndSetConfigValue={validateAndSetConfigValue}
+        />
+      );
+  }
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_form_items.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_form_items.tsx
new file mode 100644
index 0000000000000..aa382f054f6be
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_form_items.tsx
@@ -0,0 +1,89 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+
+import {
+  EuiCallOut,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiFormRow,
+  EuiSpacer,
+  EuiText,
+} from '@elastic/eui';
+
+import { ConfigEntryView } from '../../types/types';
+import { ConfigurationField } from './configuration_field';
+import * as LABELS from '../../translations';
+
+interface ConfigurationFormItemsProps {
+  isLoading: boolean;
+  items: ConfigEntryView[];
+  setConfigEntry: (key: string, value: string | number | boolean | null) => void;
+  direction?: 'column' | 'row' | 'rowReverse' | 'columnReverse' | undefined;
+}
+
+export const ConfigurationFormItems: React.FC<ConfigurationFormItemsProps> = ({
+  isLoading,
+  items,
+  setConfigEntry,
+  direction,
+}) => {
+  return (
+    <EuiFlexGroup direction={direction} data-test-subj="configuration-fields">
+      {items.map((configEntry) => {
+        const { key, isValid, label, sensitive, description, validationErrors, required } =
+          configEntry;
+
+        // toggle and sensitive textarea labels go next to the element, not in the row
+        const rowLabel = description ? (
+          <EuiFlexGroup gutterSize="xs">
+            <EuiFlexItem>
+              <p>{label}</p>
+            </EuiFlexItem>
+          </EuiFlexGroup>
+        ) : (
+          <p>{label}</p>
+        );
+
+        const optionalLabel = !required ? (
+          <EuiText color="subdued" size="xs">
+            {LABELS.OPTIONALTEXT}
+          </EuiText>
+        ) : undefined;
+
+        return (
+          <EuiFlexItem key={key}>
+            <EuiFormRow
+              label={rowLabel}
+              fullWidth
+              helpText={description}
+              error={validationErrors}
+              isInvalid={!isValid}
+              labelAppend={optionalLabel}
+              data-test-subj={`configuration-formrow-${key}`}
+            >
+              <ConfigurationField
+                configEntry={configEntry}
+                isLoading={isLoading}
+                setConfigValue={(value) => {
+                  setConfigEntry(key, value);
+                }}
+              />
+            </EuiFormRow>
+            {sensitive ? (
+              <>
+                <EuiSpacer size="s" />
+                <EuiCallOut size="s" color="warning" title={LABELS.RE_ENTER_SECRETS(label)} />
+              </>
+            ) : null}
+          </EuiFlexItem>
+        );
+      })}
+    </EuiFlexGroup>
+  );
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_utils.test.ts b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_utils.test.ts
new file mode 100644
index 0000000000000..9345dcd002c32
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_utils.test.ts
@@ -0,0 +1,62 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { FieldType } from '@kbn/search-connectors/types';
+import { ensureBooleanType, ensureCorrectTyping, ensureStringType } from './configuration_utils';
+
+describe('configuration utils', () => {
+  describe('ensureBooleanType', () => {
+    it('converts truthy values to true', () => {
+      expect(ensureBooleanType('true')).toBe(true);
+      expect(ensureBooleanType(1)).toBe(true);
+      expect(ensureBooleanType(true)).toBe(true);
+      expect(ensureBooleanType('any string')).toBe(true);
+    });
+
+    it('converts falsy values to false', () => {
+      expect(ensureBooleanType('')).toBe(false);
+      expect(ensureBooleanType(0)).toBe(false);
+      expect(ensureBooleanType(false)).toBe(false);
+      expect(ensureBooleanType(null)).toBe(false);
+    });
+  });
+
+  describe('ensureStringType', () => {
+    it('converts values to string', () => {
+      expect(ensureStringType('test')).toBe('test');
+      expect(ensureStringType(123)).toBe('123');
+      expect(ensureStringType(true)).toBe('true');
+      expect(ensureStringType(false)).toBe('false');
+    });
+
+    it('converts null to empty string', () => {
+      expect(ensureStringType(null)).toBe('');
+    });
+  });
+
+  describe('ensureCorrectTyping', () => {
+    it('handles integer type', () => {
+      expect(ensureCorrectTyping(FieldType.INTEGER, '123')).toBe(123);
+      expect(ensureCorrectTyping(FieldType.INTEGER, 456)).toBe(456);
+      expect(ensureCorrectTyping(FieldType.INTEGER, 'invalid')).toBe('invalid');
+      expect(ensureCorrectTyping(FieldType.INTEGER, null)).toBe(null);
+    });
+
+    it('handles boolean type', () => {
+      expect(ensureCorrectTyping(FieldType.BOOLEAN, true)).toBe(true);
+      expect(ensureCorrectTyping(FieldType.BOOLEAN, 1)).toBe(true);
+      expect(ensureCorrectTyping(FieldType.BOOLEAN, false)).toBe(false);
+      expect(ensureCorrectTyping(FieldType.BOOLEAN, null)).toBe(false);
+    });
+
+    it('handles string type', () => {
+      expect(ensureCorrectTyping(FieldType.STRING, 'test')).toBe('test');
+      expect(ensureCorrectTyping(FieldType.STRING, 123)).toBe('123');
+      expect(ensureCorrectTyping(FieldType.STRING, null)).toBe('');
+    });
+  });
+});
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_utils.ts b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_utils.ts
new file mode 100644
index 0000000000000..45e886b368443
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/configuration/configuration_utils.ts
@@ -0,0 +1,49 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { FieldType } from '../../types/types';
+
+export const validIntInput = (value: string | number | boolean | null): boolean => {
+  // reject non integers (including x.0 floats), but don't validate if empty
+  return (value !== null || value !== '') &&
+    (isNaN(Number(value)) ||
+      !Number.isSafeInteger(Number(value)) ||
+      ensureStringType(value).indexOf('.') >= 0)
+    ? false
+    : true;
+};
+
+export const ensureCorrectTyping = (
+  type: FieldType,
+  value: string | number | boolean | null
+): string | number | boolean | null => {
+  switch (type) {
+    case FieldType.INTEGER:
+      return validIntInput(value) ? ensureIntType(value) : value;
+    case FieldType.BOOLEAN:
+      return ensureBooleanType(value);
+    default:
+      return ensureStringType(value);
+  }
+};
+
+export const ensureStringType = (value: string | number | boolean | null): string => {
+  return value !== null ? String(value) : '';
+};
+
+export const ensureIntType = (value: string | number | boolean | null): number | null => {
+  // int is null-safe to prevent empty values from becoming zeroes
+  if (value === null || value === '') {
+    return null;
+  }
+
+  return parseInt(String(value), 10);
+};
+
+export const ensureBooleanType = (value: string | number | boolean | null): boolean => {
+  return Boolean(value);
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/hidden_fields/provider_config_hidden_field.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/hidden_fields/provider_config_hidden_field.tsx
new file mode 100644
index 0000000000000..4196bd0a2b709
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/hidden_fields/provider_config_hidden_field.tsx
@@ -0,0 +1,41 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { UseField } from '@kbn/es-ui-shared-plugin/static/forms/hook_form_lib';
+import { HiddenField } from '@kbn/es-ui-shared-plugin/static/forms/components';
+import React from 'react';
+import { ConfigEntryView } from '../../types/types';
+import { getNonEmptyValidator } from '../../utils/helpers';
+
+interface ProviderConfigHiddenFieldProps {
+  providerSchema: ConfigEntryView[];
+  setRequiredProviderFormFields: React.Dispatch<React.SetStateAction<ConfigEntryView[]>>;
+  isSubmitting: boolean;
+}
+
+export const ProviderConfigHiddenField: React.FC<ProviderConfigHiddenFieldProps> = ({
+  providerSchema,
+  setRequiredProviderFormFields,
+  isSubmitting,
+}) => (
+  <UseField
+    path="config.providerConfig"
+    component={HiddenField}
+    config={{
+      validations: [
+        {
+          validator: getNonEmptyValidator(
+            providerSchema,
+            setRequiredProviderFormFields,
+            isSubmitting
+          ),
+          isBlocking: true,
+        },
+      ],
+    }}
+  />
+);
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/hidden_fields/provider_secret_hidden_field.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/hidden_fields/provider_secret_hidden_field.tsx
new file mode 100644
index 0000000000000..8060fe1cce13d
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/hidden_fields/provider_secret_hidden_field.tsx
@@ -0,0 +1,42 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { UseField } from '@kbn/es-ui-shared-plugin/static/forms/hook_form_lib';
+import React from 'react';
+import { HiddenField } from '@kbn/es-ui-shared-plugin/static/forms/components';
+import { ConfigEntryView } from '../../types/types';
+import { getNonEmptyValidator } from '../../utils/helpers';
+
+interface ProviderSecretHiddenFieldProps {
+  providerSchema: ConfigEntryView[];
+  setRequiredProviderFormFields: React.Dispatch<React.SetStateAction<ConfigEntryView[]>>;
+  isSubmitting: boolean;
+}
+
+export const ProviderSecretHiddenField: React.FC<ProviderSecretHiddenFieldProps> = ({
+  providerSchema,
+  setRequiredProviderFormFields,
+  isSubmitting,
+}) => (
+  <UseField
+    path="secrets.providerSecrets"
+    component={HiddenField}
+    config={{
+      validations: [
+        {
+          validator: getNonEmptyValidator(
+            providerSchema,
+            setRequiredProviderFormFields,
+            isSubmitting,
+            true
+          ),
+          isBlocking: true,
+        },
+      ],
+    }}
+  />
+);
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/inference_service_form_fields.test.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/inference_service_form_fields.test.tsx
new file mode 100644
index 0000000000000..c5d19aa26919e
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/inference_service_form_fields.test.tsx
@@ -0,0 +1,188 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { InferenceServiceFormFields } from './inference_service_form_fields';
+import { FieldType, InferenceProvider } from '../types/types';
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Form, useForm } from '@kbn/es-ui-shared-plugin/static/forms/hook_form_lib';
+import { I18nProvider } from '@kbn/i18n-react';
+
+const providers = [
+  {
+    service: 'hugging_face',
+    name: 'Hugging Face',
+    task_types: ['text_embedding', 'sparse_embedding'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      url: {
+        default_value: 'https://api.openai.com/v1/embeddings',
+        description: 'The URL endpoint to use for the requests.',
+        label: 'URL',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'cohere',
+    name: 'Cohere',
+    task_types: ['text_embedding', 'rerank', 'completion'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+    },
+  },
+  {
+    service: 'anthropic',
+    name: 'Anthropic',
+    task_types: ['completion'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description:
+          'By default, the anthropic service sets the number of requests allowed per minute to 50.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      model_id: {
+        default_value: null,
+        description: 'The name of the model to use for the inference task.',
+        label: 'Model ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+] as InferenceProvider[];
+
+const MockFormProvider = ({ children }: { children: React.ReactElement }) => {
+  const { form } = useForm();
+
+  return (
+    <I18nProvider>
+      <Form form={form}>{children}</Form>
+    </I18nProvider>
+  );
+};
+
+describe('Inference Services', () => {
+  it('renders', () => {
+    render(
+      <MockFormProvider>
+        <InferenceServiceFormFields providers={providers} />
+      </MockFormProvider>
+    );
+
+    expect(screen.getByTestId('provider-select')).toBeInTheDocument();
+  });
+
+  it('renders Selectable', async () => {
+    render(
+      <MockFormProvider>
+        <InferenceServiceFormFields providers={providers} />
+      </MockFormProvider>
+    );
+
+    await userEvent.click(screen.getByTestId('provider-select'));
+    expect(screen.getByTestId('euiSelectableList')).toBeInTheDocument();
+  });
+
+  it('renders selected provider fields - hugging_face', async () => {
+    render(
+      <MockFormProvider>
+        <InferenceServiceFormFields providers={providers} />
+      </MockFormProvider>
+    );
+
+    await userEvent.click(screen.getByTestId('provider-select'));
+    await userEvent.click(screen.getByText('Hugging Face'));
+
+    expect(screen.getByTestId('provider-select')).toHaveValue('Hugging Face');
+    expect(screen.getByTestId('api_key-password')).toBeInTheDocument();
+    expect(screen.getByTestId('url-input')).toBeInTheDocument();
+    expect(screen.getByTestId('taskTypeSelect')).toBeInTheDocument();
+    expect(screen.getByTestId('inference-endpoint-input-field')).toBeInTheDocument();
+    expect(screen.queryByTestId('inference-endpoint-input-field')).toHaveDisplayValue(
+      /hugging_face-text_embedding/
+    );
+  });
+
+  it('re-renders fields when selected to anthropic from hugging_face', async () => {
+    render(
+      <MockFormProvider>
+        <InferenceServiceFormFields providers={providers} />
+      </MockFormProvider>
+    );
+
+    await userEvent.click(screen.getByTestId('provider-select'));
+    await userEvent.click(screen.getByText('Hugging Face'));
+    expect(screen.getByTestId('provider-select')).toHaveValue('Hugging Face');
+
+    await userEvent.click(screen.getByTestId('provider-select'));
+    await userEvent.click(screen.getByText('Anthropic'));
+
+    expect(screen.getByTestId('provider-select')).toHaveValue('Anthropic');
+    expect(screen.getByTestId('api_key-password')).toBeInTheDocument();
+    expect(screen.getByTestId('model_id-input')).toBeInTheDocument();
+    expect(screen.getByTestId('taskTypeSelectSingle')).toBeInTheDocument();
+    expect(screen.getByTestId('inference-endpoint-input-field')).toBeInTheDocument();
+    expect(screen.queryByTestId('inference-endpoint-input-field')).toHaveDisplayValue(
+      /anthropic-completion/
+    );
+  });
+});
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/inference_service_form_fields.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/inference_service_form_fields.tsx
new file mode 100644
index 0000000000000..98e4dfdd6afbc
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/inference_service_form_fields.tsx
@@ -0,0 +1,375 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import {
+  getFieldValidityAndErrorMessage,
+  UseField,
+  useFormContext,
+  useFormData,
+} from '@kbn/es-ui-shared-plugin/static/forms/hook_form_lib';
+import { fieldValidators } from '@kbn/es-ui-shared-plugin/static/forms/helpers';
+import {
+  EuiFieldText,
+  EuiFieldTextProps,
+  EuiFormControlLayout,
+  EuiFormRow,
+  EuiHorizontalRule,
+  EuiInputPopover,
+  EuiSpacer,
+  keys,
+} from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n-react';
+import { ConnectorFormSchema } from '@kbn/triggers-actions-ui-plugin/public';
+
+import * as LABELS from '../translations';
+import { Config, ConfigEntryView, FieldType, InferenceProvider, Secrets } from '../types/types';
+import { SERVICE_PROVIDERS } from './providers/render_service_provider/service_provider';
+import { DEFAULT_TASK_TYPE, ServiceProviderKeys } from '../constants';
+import { SelectableProvider } from './providers/selectable';
+import { TaskTypeOption, generateInferenceEndpointId, getTaskTypeOptions } from '../utils/helpers';
+import { ConfigurationFormItems } from './configuration/configuration_form_items';
+import { AdditionalOptionsFields } from './additional_options_fields';
+import { ProviderSecretHiddenField } from './hidden_fields/provider_secret_hidden_field';
+import { ProviderConfigHiddenField } from './hidden_fields/provider_config_hidden_field';
+
+interface InferenceServicesProps {
+  providers: InferenceProvider[];
+}
+
+export const InferenceServiceFormFields: React.FC<InferenceServicesProps> = ({ providers }) => {
+  const [isProviderPopoverOpen, setProviderPopoverOpen] = useState(false);
+  const [providerSchema, setProviderSchema] = useState<ConfigEntryView[]>([]);
+  const [taskTypeOptions, setTaskTypeOptions] = useState<TaskTypeOption[]>([]);
+  const [selectedTaskType, setSelectedTaskType] = useState<string>(DEFAULT_TASK_TYPE);
+
+  const { updateFieldValues, setFieldValue, validateFields, isSubmitting } = useFormContext();
+  const [requiredProviderFormFields, setRequiredProviderFormFields] = useState<ConfigEntryView[]>(
+    []
+  );
+  const [optionalProviderFormFields, setOptionalProviderFormFields] = useState<ConfigEntryView[]>(
+    []
+  );
+  const [{ config, secrets }] = useFormData<ConnectorFormSchema<Config, Secrets>>({
+    watch: [
+      'secrets.providerSecrets',
+      'config.taskType',
+      'config.inferenceId',
+      'config.provider',
+      'config.providerConfig',
+    ],
+  });
+
+  const toggleProviderPopover = useCallback(() => {
+    setProviderPopoverOpen((isOpen) => !isOpen);
+  }, []);
+
+  const closeProviderPopover = useCallback(() => {
+    setProviderPopoverOpen(false);
+  }, []);
+
+  const handleProviderKeyboardOpen: EuiFieldTextProps['onKeyDown'] = useCallback((event: any) => {
+    if (event.key === keys.ENTER) {
+      setProviderPopoverOpen(true);
+    }
+  }, []);
+
+  const providerIcon = useMemo(
+    () =>
+      Object.keys(SERVICE_PROVIDERS).includes(config?.provider)
+        ? SERVICE_PROVIDERS[config?.provider as ServiceProviderKeys].icon
+        : undefined,
+    [config?.provider]
+  );
+
+  const providerName = useMemo(
+    () =>
+      Object.keys(SERVICE_PROVIDERS).includes(config?.provider)
+        ? SERVICE_PROVIDERS[config?.provider as ServiceProviderKeys].name
+        : config?.provider,
+    [config?.provider]
+  );
+
+  const onTaskTypeOptionsSelect = useCallback(
+    (taskType: string) => {
+      setSelectedTaskType(taskType);
+
+      const inferenceId = generateInferenceEndpointId({
+        ...config,
+        taskType,
+      });
+
+      updateFieldValues({
+        config: {
+          taskType,
+          inferenceId,
+        },
+      });
+    },
+    [config, updateFieldValues]
+  );
+
+  const onProviderChange = useCallback(
+    (provider?: string) => {
+      const newProvider = providers?.find((p) => p.service === provider);
+
+      setTaskTypeOptions(getTaskTypeOptions(newProvider?.task_types ?? []));
+      if (newProvider?.task_types && newProvider?.task_types.length > 0) {
+        onTaskTypeOptionsSelect(newProvider?.task_types[0]);
+      }
+
+      const newProviderSchema: ConfigEntryView[] = Object.keys(
+        newProvider?.configurations ?? {}
+      ).map(
+        (k): ConfigEntryView => ({
+          key: k,
+          isValid: true,
+          validationErrors: [],
+          value: newProvider?.configurations[k].default_value ?? null,
+          default_value: newProvider?.configurations[k].default_value ?? null,
+          description: newProvider?.configurations[k].description ?? null,
+          label: newProvider?.configurations[k].label ?? '',
+          required: newProvider?.configurations[k].required ?? false,
+          sensitive: newProvider?.configurations[k].sensitive ?? false,
+          updatable: newProvider?.configurations[k].updatable ?? false,
+          type: newProvider?.configurations[k].type ?? FieldType.STRING,
+        })
+      );
+
+      setProviderSchema(newProviderSchema);
+
+      const defaultProviderConfig: Record<string, unknown> = {};
+      const defaultProviderSecrets: Record<string, unknown> = {};
+
+      Object.keys(newProvider?.configurations ?? {}).forEach((k) => {
+        if (!newProvider?.configurations[k].sensitive) {
+          if (newProvider?.configurations[k] && !!newProvider?.configurations[k].default_value) {
+            defaultProviderConfig[k] = newProvider.configurations[k].default_value;
+          } else {
+            defaultProviderConfig[k] = null;
+          }
+        } else {
+          defaultProviderSecrets[k] = null;
+        }
+      });
+      const inferenceId = generateInferenceEndpointId({
+        ...config,
+        provider: newProvider?.service ?? '',
+        taskType: newProvider?.task_types[0] ?? DEFAULT_TASK_TYPE,
+      });
+
+      updateFieldValues({
+        config: {
+          provider: newProvider?.service,
+          providerConfig: defaultProviderConfig,
+          inferenceId,
+        },
+        secrets: {
+          providerSecrets: defaultProviderSecrets,
+        },
+      });
+    },
+    [config, onTaskTypeOptionsSelect, providers, updateFieldValues]
+  );
+
+  const onSetProviderConfigEntry = useCallback(
+    async (key: string, value: unknown) => {
+      const entry: ConfigEntryView | undefined = providerSchema.find(
+        (p: ConfigEntryView) => p.key === key
+      );
+      if (entry) {
+        if (entry.sensitive) {
+          if (!secrets.providerSecrets) {
+            secrets.providerSecrets = {};
+          }
+          const newSecrets = { ...secrets.providerSecrets };
+          newSecrets[key] = value;
+          setFieldValue('secrets.providerSecrets', newSecrets);
+          await validateFields(['secrets.providerSecrets']);
+        } else {
+          if (!config.providerConfig) {
+            config.providerConfig = {};
+          }
+          const newConfig = { ...config.providerConfig };
+          newConfig[key] = value;
+          setFieldValue('config.providerConfig', newConfig);
+          await validateFields(['config.providerConfig']);
+        }
+      }
+    },
+    [config, providerSchema, secrets, setFieldValue, validateFields]
+  );
+
+  const onClearProvider = useCallback(() => {
+    onProviderChange();
+    setFieldValue('config.taskType', '');
+    setFieldValue('config.provider', '');
+  }, [onProviderChange, setFieldValue]);
+
+  const providerSuperSelect = useCallback(
+    (isInvalid: boolean) => (
+      <EuiFormControlLayout
+        clear={{ onClick: onClearProvider }}
+        isDropdown
+        isInvalid={isInvalid}
+        fullWidth
+        icon={!config?.provider ? { type: 'sparkles', side: 'left' } : providerIcon}
+      >
+        <EuiFieldText
+          onClick={toggleProviderPopover}
+          data-test-subj="provider-select"
+          isInvalid={isInvalid}
+          onKeyDown={handleProviderKeyboardOpen}
+          value={config?.provider ? providerName : ''}
+          fullWidth
+          placeholder={LABELS.SELECT_PROVIDER}
+          icon={{ type: 'arrowDown', side: 'right' }}
+          aria-expanded={isProviderPopoverOpen}
+          role="combobox"
+          onChange={() => {
+            /* Intentionally left blank as onChange is required to avoid console error
+               but not used in this context
+            */
+          }}
+        />
+      </EuiFormControlLayout>
+    ),
+    [
+      config?.provider,
+      handleProviderKeyboardOpen,
+      toggleProviderPopover,
+      isProviderPopoverOpen,
+      onClearProvider,
+      providerIcon,
+      providerName,
+    ]
+  );
+
+  useEffect(() => {
+    if (isSubmitting) {
+      validateFields(['config.providerConfig']);
+      validateFields(['secrets.providerSecrets']);
+    }
+  }, [isSubmitting, config, validateFields]);
+
+  useEffect(() => {
+    // Set values from the provider secrets and config to the schema
+    const existingConfiguration = providerSchema
+      ? providerSchema.map((item: ConfigEntryView) => {
+          const itemValue: ConfigEntryView = item;
+          itemValue.isValid = true;
+          if (item.sensitive && secrets?.providerSecrets) {
+            const secretValue = secrets.providerSecrets[item.key];
+            if (
+              typeof secretValue === 'string' ||
+              typeof secretValue === 'number' ||
+              typeof secretValue === 'boolean' ||
+              secretValue === null
+            ) {
+              itemValue.value = secretValue;
+            }
+          } else if (config?.providerConfig) {
+            const configValue = config.providerConfig[item.key];
+            if (
+              typeof configValue === 'string' ||
+              typeof configValue === 'number' ||
+              typeof configValue === 'boolean' ||
+              configValue === null
+            ) {
+              itemValue.value = configValue;
+            }
+          }
+          return itemValue;
+        })
+      : [];
+
+    setOptionalProviderFormFields(existingConfiguration.filter((p) => !p.required && !p.sensitive));
+    setRequiredProviderFormFields(existingConfiguration.filter((p) => p.required || p.sensitive));
+  }, [config?.providerConfig, providerSchema, secrets]);
+
+  return (
+    <>
+      <UseField
+        path="config.provider"
+        config={{
+          validations: [
+            {
+              validator: fieldValidators.emptyField(LABELS.PROVIDER_REQUIRED),
+              isBlocking: true,
+            },
+          ],
+        }}
+      >
+        {(field) => {
+          const { isInvalid, errorMessage } = getFieldValidityAndErrorMessage(field);
+          const selectInput = providerSuperSelect(isInvalid);
+          return (
+            <EuiFormRow
+              id="providerSelectBox"
+              fullWidth
+              label={
+                <FormattedMessage
+                  id="xpack.inferenceEndpointUICommon.components.serviceLabel"
+                  defaultMessage="Service"
+                />
+              }
+              isInvalid={isInvalid}
+              error={errorMessage}
+            >
+              <EuiInputPopover
+                id={'popoverId'}
+                fullWidth
+                input={selectInput}
+                isOpen={isProviderPopoverOpen}
+                closePopover={closeProviderPopover}
+                className="rightArrowIcon"
+              >
+                <SelectableProvider
+                  providers={providers}
+                  onClosePopover={closeProviderPopover}
+                  onProviderChange={onProviderChange}
+                />
+              </EuiInputPopover>
+            </EuiFormRow>
+          );
+        }}
+      </UseField>
+      {config?.provider ? (
+        <>
+          <EuiSpacer size="m" />
+          <ConfigurationFormItems
+            isLoading={false}
+            direction="column"
+            items={requiredProviderFormFields}
+            setConfigEntry={onSetProviderConfigEntry}
+          />
+          <EuiSpacer size="m" />
+          <AdditionalOptionsFields
+            config={config}
+            optionalProviderFormFields={optionalProviderFormFields}
+            onSetProviderConfigEntry={onSetProviderConfigEntry}
+            onTaskTypeOptionsSelect={onTaskTypeOptionsSelect}
+            taskTypeOptions={taskTypeOptions}
+            selectedTaskType={selectedTaskType}
+          />
+          <EuiSpacer size="m" />
+          <EuiHorizontalRule margin="xs" />
+          <ProviderSecretHiddenField
+            providerSchema={providerSchema}
+            setRequiredProviderFormFields={setRequiredProviderFormFields}
+            isSubmitting={isSubmitting}
+          />
+          <ProviderConfigHiddenField
+            providerSchema={providerSchema}
+            setRequiredProviderFormFields={setRequiredProviderFormFields}
+            isSubmitting={isSubmitting}
+          />
+        </>
+      ) : null}
+    </>
+  );
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/alibaba_cloud.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/alibaba_cloud.svg
new file mode 100644
index 0000000000000..1ae552d509c3a
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/alibaba_cloud.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6056 7H5.99165C3.24624 7 1 9.24624 1 11.9916V20.727C1 23.4724 3.24624 25.7187 5.99165 25.7187H12.6056L11.0082 23.4475L6.19131 21.9749C5.31777 21.7004 4.74373 20.8768 4.74373 19.9783V12.7404C4.71878 11.8669 5.29282 11.0183 6.19131 10.7437L11.0082 9.2712L12.6056 7ZM26.0082 7H19.3942L20.9915 9.2712L25.8334 10.7437C26.7319 11.0183 27.306 11.8669 27.281 12.7404V19.9783C27.281 20.8768 26.707 21.7004 25.8334 21.9749L21.0165 23.4475L19.3942 25.7187H26.0082C28.7785 25.7187 30.9998 23.4724 30.9998 20.727V11.9916C31.0248 9.24624 28.7785 7 26.0082 7ZM21.0165 15.1863H11.0083V17.4325H21.0165V15.1863Z" fill="#ED6B1E"/>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/amazon_bedrock.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/amazon_bedrock.svg
new file mode 100644
index 0000000000000..f8815d4f75ec5
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/amazon_bedrock.svg
@@ -0,0 +1,11 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_4)">
+<path d="M74 0H6C2.68629 0 0 2.68629 0 6V74C0 77.3137 2.68629 80 6 80H74C77.3137 80 80 77.3137 80 74V6C80 2.68629 77.3137 0 74 0Z" fill="#01A88D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M64 38.9999C62.897 38.9999 62 38.1029 62 36.9999C62 35.8969 62.897 34.9999 64 34.9999C65.103 34.9999 66 35.8969 66 36.9999C66 38.1029 65.103 38.9999 64 38.9999ZM32.113 65.9079L28.865 64.0139L35.53 59.8479L34.47 58.1519L26.913 62.8749L21 59.4259V50.5349L26.555 46.8319L25.445 45.1679L19.959 48.8249L14 45.4199V40.5799L20.496 36.8679L19.504 35.1319L14 38.2769V34.5799L20 31.1519L26 34.5799V38.4339L21.485 41.1429L22.515 42.8569L27 40.1659L31.485 42.8569L32.515 41.1429L28 38.4339V34.5349L33.555 30.8319C33.833 30.6459 34 30.3339 34 29.9999V22.9999H32V29.4649L26.959 32.8249L21 29.4199V20.5739L26 17.6579V25.9999H28V16.4909L32.113 14.0919L40 16.7209V45.4339L25.485 54.1429L26.515 55.8569L40 47.7659V63.2789L32.113 65.9079ZM62 49.9999C62 51.1029 61.103 51.9999 60 51.9999C58.897 51.9999 58 51.1029 58 49.9999C58 48.8969 58.897 47.9999 60 47.9999C61.103 47.9999 62 48.8969 62 49.9999ZM52 59.9999C52 61.1029 51.103 61.9999 50 61.9999C48.897 61.9999 48 61.1029 48 59.9999C48 58.8969 48.897 57.9999 50 57.9999C51.103 57.9999 52 58.8969 52 59.9999ZM51 19.9999C51 18.8969 51.897 17.9999 53 17.9999C54.103 17.9999 55 18.8969 55 19.9999C55 21.1029 54.103 21.9999 53 21.9999C51.897 21.9999 51 21.1029 51 19.9999ZM64 32.9999C62.141 32.9999 60.589 34.2799 60.142 35.9999H42V30.9999H53C53.553 30.9999 54 30.5519 54 29.9999V23.8579C55.72 23.4109 57 21.8579 57 19.9999C57 17.7939 55.206 15.9999 53 15.9999C50.794 15.9999 49 17.7939 49 19.9999C49 21.8579 50.28 23.4109 52 23.8579V28.9999H42V15.9999C42 15.5689 41.725 15.1879 41.316 15.0509L32.316 12.0509C32.042 11.9609 31.744 11.9909 31.496 12.1359L19.496 19.1359C19.188 19.3149 19 19.6449 19 19.9999V29.4199L12.504 33.1319C12.192 33.3099 12 33.6409 12 33.9999V45.9999C12 46.3589 12.192 46.6899 12.504 46.8679L19 50.5799V59.9999C19 60.3549 19.188 60.6849 19.496 60.8639L31.496 67.8639C31.65 67.9539 31.825 67.9999 32 67.9999C32.106 67.9999 32.213 67.9829 32.316 67.9489L41.316 64.9489C41.725 64.8119 42 64.4309 42 63.9999V51.9999H49V56.1419C47.28 56.5889 46 58.1419 46 59.9999C46 62.2059 47.794 63.9999 50 63.9999C52.206 63.9999 54 62.2059 54 59.9999C54 58.1419 52.72 56.5889 51 56.1419V50.9999C51 50.4479 50.553 49.9999 50 49.9999H42V44.9999H54.5L56.638 47.8499C56.239 48.4719 56 49.2069 56 49.9999C56 52.2059 57.794 53.9999 60 53.9999C62.206 53.9999 64 52.2059 64 49.9999C64 47.7939 62.206 45.9999 60 45.9999C59.316 45.9999 58.682 46.1879 58.119 46.4919L55.8 43.3999C55.611 43.1479 55.314 42.9999 55 42.9999H42V37.9999H60.142C60.589 39.7199 62.141 40.9999 64 40.9999C66.206 40.9999 68 39.2059 68 36.9999C68 34.7939 66.206 32.9999 64 32.9999Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1_4">
+<rect width="80" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/anthropic.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/anthropic.svg
new file mode 100644
index 0000000000000..c361cda86a7df
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/anthropic.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.49367 20.6289L13.0015 17.5382L13.0937 17.2689L13.0015 17.12H12.7322L11.8106 17.0633L8.66329 16.9782L5.93418 16.8648L3.29013 16.723L2.6238 16.5813L2 15.759L2.0638 15.3478L2.6238 14.9722L3.42481 15.043L5.19696 15.1635L7.85519 15.3478L9.78329 15.4613L12.64 15.759H13.0937L13.1575 15.5747L13.0015 15.4613L12.881 15.3478L10.1306 13.4835L7.15342 11.5129L5.59392 10.3787L4.75038 9.80456L4.32506 9.26582L4.14076 8.08911L4.90633 7.24557L5.93418 7.31646L6.19646 7.38734L7.23848 8.18835L9.4643 9.91089L12.3706 12.0516L12.7959 12.4061L12.9661 12.2856L12.9873 12.2005L12.7959 11.8815L11.2152 9.02481L9.5281 6.11848L8.77671 4.91342L8.57823 4.19038C8.50734 3.89266 8.45772 3.64456 8.45772 3.33975L9.32962 2.15595L9.81165 2L10.9742 2.15595L11.4633 2.58127L12.1863 4.23291L13.3559 6.83443L15.1706 10.3716L15.7023 11.4208L15.9858 12.3919L16.0922 12.6896H16.2765V12.5195L16.4253 10.5276L16.7018 8.08203L16.9711 4.93468L17.0633 4.04861L17.5028 2.98532L18.3747 2.41114L19.0552 2.73722L19.6152 3.53823L19.5372 4.0557L19.2041 6.21772L18.5519 9.60608L18.1266 11.8744H18.3747L18.6582 11.5909L19.8066 10.0668L21.7347 7.65671L22.5853 6.69975L23.5777 5.64354L24.2157 5.14025H25.4208L26.3068 6.45873L25.9099 7.81975L24.6694 9.39342L23.6415 10.7261L22.1671 12.7109L21.2456 14.2987L21.3306 14.4263L21.5504 14.4051L24.882 13.6962L26.6825 13.3701L28.8304 13.0015L29.8015 13.4552L29.9078 13.9159L29.5251 14.8587L27.2284 15.4258L24.5347 15.9646L20.5225 16.9144L20.4729 16.9499L20.5296 17.0208L22.3372 17.1909L23.1099 17.2334H25.0025L28.5256 17.4957L29.4471 18.1053L30 18.8496L29.9078 19.4167L28.4901 20.1397L26.5762 19.6861L22.1104 18.6228L20.5792 18.24H20.3666V18.3676L21.6425 19.6152L23.9818 21.7276L26.9094 24.4496L27.0582 25.123L26.6825 25.6547L26.2856 25.598L23.7124 23.6628L22.72 22.7909L20.4729 20.8982H20.3241V21.0967L20.8415 21.8552L23.5777 25.9666L23.7195 27.2284L23.521 27.6395L22.8122 27.8876L22.0324 27.7458L20.4304 25.4987L18.7787 22.9681L17.4461 20.6997L17.283 20.7919L16.4962 29.2628L16.1276 29.6952L15.277 30.0213L14.5681 29.4825L14.1924 28.6106L14.5681 26.8881L15.0218 24.641L15.3904 22.8547L15.7235 20.6359L15.922 19.8987L15.9078 19.8491L15.7448 19.8704L14.0719 22.1671L11.5271 25.6051L9.51392 27.76L9.0319 27.9514L8.19544 27.519L8.27342 26.7463L8.74127 26.0587L11.5271 22.5144L13.2071 20.317L14.2916 19.0481L14.2846 18.8638H14.2208L6.82025 23.6699L5.50177 23.84L4.93468 23.3084L5.00557 22.4365L5.27494 22.1529L7.50076 20.6218L7.49367 20.6289Z" fill="#D97757"/>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/azure_ai_studio.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/azure_ai_studio.svg
new file mode 100644
index 0000000000000..405e182a10394
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/azure_ai_studio.svg
@@ -0,0 +1,44 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7797 2.01892C21.612 2.01892 22.3496 2.64311 22.6144 3.55102C22.8793 4.45893 24.4302 10.0766 24.4302 10.0766V21.2364H18.8125L18.9261 2H20.7797V2.01892Z" fill="url(#paint0_linear_3625_43445)"/>
+<path d="M29.0265 10.737C29.0265 10.3397 28.705 10.0371 28.3267 10.0371H25.0166C22.69 10.0371 20.7986 11.9286 20.7986 14.2551V21.2536H24.8084C27.1351 21.2536 29.0265 19.3621 29.0265 17.0356V10.737Z" fill="url(#paint1_linear_3625_43445)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7798 2.01758C20.1367 2.01758 19.626 2.52828 19.626 3.17139L19.5126 24.4128C19.5126 27.5148 16.9969 30.0305 13.8949 30.0305H3.69968C3.2079 30.0305 2.88634 29.5576 3.03766 29.1037L11.2089 5.78164C12.0033 3.53077 14.1217 2.01758 16.505 2.01758H20.7987H20.7798Z" fill="url(#paint2_linear_3625_43445)"/>
+<defs>
+<linearGradient id="paint0_linear_3625_43445" x1="23.1251" y1="21.6525" x2="18.3964" y2="2.71876" gradientUnits="userSpaceOnUse">
+<stop stop-color="#712575"/>
+<stop offset="0.09" stop-color="#9A2884"/>
+<stop offset="0.18" stop-color="#BF2C92"/>
+<stop offset="0.27" stop-color="#DA2E9C"/>
+<stop offset="0.34" stop-color="#EB30A2"/>
+<stop offset="0.4" stop-color="#F131A5"/>
+<stop offset="0.5" stop-color="#EC30A3"/>
+<stop offset="0.61" stop-color="#DF2F9E"/>
+<stop offset="0.72" stop-color="#C92D96"/>
+<stop offset="0.83" stop-color="#AA2A8A"/>
+<stop offset="0.95" stop-color="#83267C"/>
+<stop offset="1" stop-color="#712575"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3625_43445" x1="24.922" y1="2.41679" x2="24.922" y2="29.1246" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DA7ED0"/>
+<stop offset="0.08" stop-color="#B17BD5"/>
+<stop offset="0.19" stop-color="#8778DB"/>
+<stop offset="0.3" stop-color="#6276E1"/>
+<stop offset="0.41" stop-color="#4574E5"/>
+<stop offset="0.54" stop-color="#2E72E8"/>
+<stop offset="0.67" stop-color="#1D71EB"/>
+<stop offset="0.81" stop-color="#1471EC"/>
+<stop offset="1" stop-color="#1171ED"/>
+</linearGradient>
+<linearGradient id="paint2_linear_3625_43445" x1="23.3144" y1="3.02245" x2="5.61009" y2="31.4137" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DA7ED0"/>
+<stop offset="0.05" stop-color="#B77BD4"/>
+<stop offset="0.11" stop-color="#9079DA"/>
+<stop offset="0.18" stop-color="#6E77DF"/>
+<stop offset="0.25" stop-color="#5175E3"/>
+<stop offset="0.33" stop-color="#3973E7"/>
+<stop offset="0.42" stop-color="#2772E9"/>
+<stop offset="0.54" stop-color="#1A71EB"/>
+<stop offset="0.68" stop-color="#1371EC"/>
+<stop offset="1" stop-color="#1171ED"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/azure_open_ai.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/azure_open_ai.svg
new file mode 100644
index 0000000000000..122c0c65af13c
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/azure_open_ai.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 6.2V25.8C2 28.1193 3.88067 30 6.2 30H25.8C28.1193 30 30 28.1193 30 25.8V6.2C30 3.88067 28.1193 2 25.8 2H6.2C3.88067 2 2 3.88067 2 6.2ZM18.8 2V7.6C18.8 13.7849 23.8151 18.8 30 18.8H24.4C18.2151 18.8 13.2016 23.812 13.2 29.9969V24.4C13.2 18.2151 8.18489 13.2 2 13.2H7.6C13.7849 13.2 18.8 8.18489 18.8 2Z" fill="url(#paint0_radial_3625_43439)"/>
+<defs>
+<radialGradient id="paint0_radial_3625_43439" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.7834 15.2861) rotate(45) scale(17.5637 23.9043)">
+<stop stop-color="#83B9F9"/>
+<stop offset="1" stop-color="#0078D4"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/cohere.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/cohere.svg
new file mode 100644
index 0000000000000..69953809fec35
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/cohere.svg
@@ -0,0 +1,9 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame 1502">
+<g id="Group">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M4.69017 8.30813C5.05012 8.30813 5.76614 8.2878 6.75587 7.86999C7.9092 7.383 10.2038 6.49902 11.8591 5.59107C13.0168 4.95601 13.5242 4.11609 13.5242 2.98501C13.5243 1.41518 12.2833 0.142578 10.7525 0.142578H4.3387C2.13989 0.142578 0.357422 1.97049 0.357422 4.22534C0.357422 6.48016 2.02634 8.30813 4.69017 8.30813Z" fill="#343741"/>
+<path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd" d="M5.77539 11.1217C5.77539 10.0164 6.42425 9.01987 7.41974 8.59618L9.43959 7.73656C11.4826 6.86702 13.7314 8.40671 13.7314 10.6752C13.7314 12.4326 12.3419 13.8572 10.6281 13.8568L8.44111 13.8561C6.96877 13.8558 5.77539 12.6317 5.77539 11.1217Z" fill="#343741"/>
+<path id="Vector_3" d="M2.65251 8.8457C1.38499 8.8457 0.357422 9.89945 0.357422 11.1993V11.5041C0.357422 12.8039 1.38495 13.8577 2.65247 13.8577C3.91999 13.8577 4.94757 12.8039 4.94757 11.5041V11.1993C4.94757 9.89945 3.92003 8.8457 2.65251 8.8457Z" fill="#343741"/>
+</g>
+</g>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/elastic.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/elastic.svg
new file mode 100644
index 0000000000000..e763c2e2f2ab6
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/elastic.svg
@@ -0,0 +1,16 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Elastic Logo" clip-path="url(#clip0_3517_16106)">
+<path id="Outline" fill-rule="evenodd" clip-rule="evenodd" d="M13.3683 5.76929C13.6877 6.22686 13.8583 6.77172 13.8569 7.32972C13.8541 7.88997 13.6804 8.43603 13.3589 8.89486C13.038 9.35285 12.5845 9.7015 12.0595 9.89386C12.2124 10.3141 12.2253 10.7725 12.0961 11.2006C11.9669 11.6287 11.7027 12.0035 11.3429 12.269C10.9833 12.5333 10.5474 12.6731 10.1011 12.6674C9.65492 12.6617 9.22272 12.5107 8.87003 12.2373C8.39436 12.9043 7.71899 13.4029 6.94145 13.661C6.16465 13.9188 5.32592 13.9222 4.54703 13.6709C3.76743 13.4189 3.08814 12.9255 2.60731 12.2621C2.12537 11.5976 1.86627 10.7975 1.86717 9.97657C1.86706 9.72855 1.89001 9.48106 1.93574 9.23729C1.40909 9.04854 0.954014 8.70098 0.633311 8.24258C0.311933 7.78314 0.140528 7.23554 0.142597 6.67486C0.145501 6.11457 0.319395 5.56851 0.641026 5.10972C0.962305 4.6517 1.41627 4.30319 1.94174 4.11115C1.78662 3.69074 1.77202 3.23136 1.90014 2.80195C2.02826 2.37254 2.29219 1.99626 2.65231 1.72958C3.01211 1.46404 3.44878 1.32328 3.89592 1.32869C4.34306 1.33411 4.77619 1.4854 5.12945 1.75958C5.64444 1.04047 6.39005 0.519302 7.24231 0.282718C8.09391 0.0467746 9.00068 0.110161 9.81117 0.46229C10.6227 0.815129 11.2891 1.43484 11.6999 2.21858C12.1115 3.00344 12.2435 3.9051 12.074 4.775C12.5977 4.96493 13.0498 5.31224 13.3683 5.76929ZM5.53403 6.05129L8.53488 7.42743L11.5632 4.76472C11.607 4.54501 11.6289 4.32148 11.6283 4.09743C11.6286 3.37229 11.3974 2.666 10.9683 2.08143C10.5403 1.49792 9.93643 1.06698 9.24546 0.851861C8.55514 0.637319 7.81416 0.650239 7.13174 0.888718C6.44837 1.12763 5.85956 1.5793 5.45174 2.17743L4.9486 4.79943L5.53445 6.05086L5.53403 6.05129ZM2.42817 9.24029C2.33332 9.70704 2.33721 10.1885 2.43958 10.6536C2.54196 11.1188 2.74055 11.5574 3.0226 11.9411C3.453 12.5265 4.05991 12.9582 4.75402 13.1729C5.44731 13.387 6.19109 13.3724 6.87545 13.1313C7.56085 12.8897 8.15062 12.4345 8.55803 11.8327L9.05774 9.21758L8.39131 7.93829L5.37845 6.56215L2.42774 9.23986L2.42817 9.24029ZM4.46602 4.51572L2.40888 4.02843L2.40974 4.02758C2.29072 3.69713 2.28112 3.33716 2.38237 3.00084C2.48362 2.66452 2.69035 2.36968 2.97202 2.15986C3.25372 1.9511 3.59548 1.83922 3.94609 1.841C4.29671 1.84278 4.63732 1.95811 4.91688 2.16972L4.46602 4.51572ZM2.2306 4.52C1.78544 4.66747 1.3969 4.94924 1.11845 5.32658C0.839302 5.70454 0.683648 6.15948 0.672756 6.62923C0.661864 7.09898 0.796264 7.56065 1.0576 7.95115C1.3186 8.34115 1.6936 8.64115 2.13117 8.80829L5.01674 6.19358L4.48745 5.05786L2.2306 4.52ZM10.0675 12.1691C9.71278 12.1685 9.36834 12.0502 9.08817 11.8327L9.5326 9.49529L11.5897 9.97743C11.6796 10.2236 11.7089 10.4877 11.6753 10.7476C11.6417 11.0075 11.546 11.2554 11.3965 11.4706C11.2477 11.6855 11.0491 11.8613 10.8177 11.983C10.5863 12.1046 10.3289 12.1685 10.0675 12.1691ZM9.50603 8.95529L11.7689 9.48586C12.2209 9.33292 12.6138 9.04253 12.8926 8.65529C13.172 8.26743 13.3238 7.80218 13.3267 7.32415C13.3266 6.86346 13.1868 6.41366 12.9256 6.03415C12.6649 5.65512 12.2949 5.36451 11.8649 5.201L8.90602 7.80243L9.50603 8.95529Z" fill="white"/>
+<path id="Vector" d="M5.53465 6.05061L8.53551 7.42676L11.5638 4.76404C11.6077 4.54434 11.6295 4.3208 11.6289 4.09676C11.6292 3.37162 11.398 2.66532 10.9689 2.08076C10.5409 1.49724 9.93705 1.0663 9.24608 0.851186C8.55576 0.636644 7.81478 0.649564 7.13236 0.888043C6.44899 1.12696 5.86018 1.57862 5.45236 2.17676L4.94922 4.79876L5.53508 6.05019L5.53465 6.05061Z" fill="#FEC514"/>
+<path id="Vector_2" d="M2.42774 9.24064C2.33289 9.70739 2.33678 10.1888 2.43915 10.654C2.54153 11.1191 2.74012 11.5577 3.02217 11.9415C3.45257 12.5268 4.05948 12.9586 4.75359 13.1732C5.44688 13.3873 6.19066 13.3728 6.87502 13.1316C7.56042 12.89 8.15019 12.4349 8.55759 11.8331L9.05731 9.21793L8.39088 7.93864L5.37802 6.5625L2.42731 9.24021L2.42774 9.24064Z" fill="#00BFB3"/>
+<path id="Vector_3" d="M2.40851 4.02925L4.46565 4.51654L4.91651 2.17054C4.63695 1.95893 4.29634 1.84359 3.94572 1.84182C3.59511 1.84004 3.25335 1.95191 2.97165 2.16068C2.68998 2.3705 2.48325 2.66534 2.382 3.00166C2.28075 3.33798 2.29034 3.69795 2.40937 4.02839" fill="#F04E98"/>
+<path id="Vector_4" d="M2.23033 4.51953C1.78517 4.66699 1.39664 4.94877 1.11819 5.3261C0.839035 5.70407 0.683381 6.15901 0.672488 6.62876C0.661596 7.09851 0.795996 7.56017 1.05733 7.95067C1.31833 8.34067 1.69333 8.64067 2.1309 8.80782L5.01647 6.1931L4.48719 5.05739L2.23033 4.51953Z" fill="#1BA9F5"/>
+<path id="Vector_5" d="M9.08789 11.8335C9.36806 12.051 9.7125 12.1693 10.0672 12.17C10.3286 12.1693 10.586 12.1054 10.8174 11.9838C11.0488 11.8621 11.2474 11.6863 11.3962 11.4714C11.5457 11.2562 11.6414 11.0083 11.675 10.7484C11.7087 10.4885 11.6793 10.2244 11.5895 9.97824L9.53232 9.49609L9.08789 11.8335Z" fill="#93C90E"/>
+<path id="Vector_6" d="M9.50625 8.95546L11.7691 9.48603C12.2211 9.33309 12.614 9.04269 12.8928 8.65546C13.1723 8.2676 13.324 7.80235 13.327 7.32431C13.3269 6.86363 13.187 6.41382 12.9258 6.03431C12.6651 5.65529 12.2951 5.36468 11.8651 5.20117L8.90625 7.8026L9.50625 8.95546Z" fill="#0077CC"/>
+</g>
+<defs>
+<clipPath id="clip0_3517_16106">
+<rect width="13.7143" height="13.7143" fill="white" transform="translate(0.142578 0.142578)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/google_ai_studio.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/google_ai_studio.svg
new file mode 100644
index 0000000000000..b6e34ae15c9e4
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/google_ai_studio.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3054 10.1595H21.2814L24.063 7.35127L24.1996 6.15898C22.6062 4.73904 20.6804 3.75265 18.6044 3.293C16.5283 2.83335 14.3704 2.91561 12.3346 3.53202C10.2988 4.14842 8.45224 5.27861 6.96936 6.81583C5.48648 8.35306 4.41624 10.2466 3.85974 12.3175C4.16962 12.1892 4.5129 12.1684 4.83574 12.2584L10.399 11.3321C10.399 11.3321 10.682 10.8591 10.8284 10.8887C12.0204 9.56701 13.6678 8.7553 15.4332 8.61975C17.1986 8.48419 18.9486 9.03505 20.3249 10.1595H20.3054Z" fill="#EA4335"/>
+<path d="M28.0256 12.3166C27.3863 9.93956 26.0735 7.80262 24.2485 6.16797L20.3445 10.1094C21.1581 10.7806 21.8102 11.6296 22.2514 12.5922C22.6927 13.5549 22.9117 14.6062 22.8919 15.6668V16.3664C23.3481 16.3664 23.8 16.4572 24.2215 16.6334C24.6431 16.8097 25.0261 17.0681 25.3487 17.3939C25.6714 17.7196 25.9273 18.1063 26.1019 18.5319C26.2766 18.9575 26.3664 19.4136 26.3664 19.8743C26.3664 20.335 26.2766 20.7911 26.1019 21.2167C25.9273 21.6423 25.6714 22.029 25.3487 22.3547C25.0261 22.6805 24.6431 22.9389 24.2215 23.1152C23.8 23.2914 23.3481 23.3822 22.8919 23.3822H15.9427L15.2498 24.0916V28.2991L15.9427 28.9987H22.8919C24.8324 29.014 26.7262 28.3982 28.2933 27.2426C29.8603 26.0869 31.0173 24.4528 31.593 22.5818C32.1688 20.7108 32.1328 18.7025 31.4903 16.8538C30.8479 15.0051 29.6331 13.4142 28.0256 12.3166Z" fill="#4285F4"/>
+<path d="M8.98381 28.9612H15.9329V23.3446H8.98381C8.48871 23.3445 7.99942 23.237 7.54908 23.0293L6.57308 23.3348L3.77195 26.143L3.52795 27.1284C5.09876 28.3259 7.01548 28.9698 8.98381 28.9612Z" fill="#34A853"/>
+<path d="M8.9838 10.7403C7.10091 10.7516 5.26856 11.3564 3.74266 12.4702C2.21676 13.5839 1.07351 15.151 0.472601 16.9526C-0.128309 18.7542 -0.156875 20.7002 0.390891 22.519C0.938658 24.3377 2.0354 25.9383 3.52794 27.0972L7.55883 23.0277C7.04659 22.7941 6.59814 22.4384 6.25197 21.9913C5.90579 21.5443 5.67222 21.019 5.5713 20.4608C5.47038 19.9025 5.50511 19.3279 5.67253 18.7861C5.83995 18.2444 6.13505 17.7518 6.53251 17.3505C6.92997 16.9492 7.41793 16.6513 7.95451 16.4823C8.4911 16.3133 9.06029 16.2782 9.61325 16.3801C10.1662 16.482 10.6864 16.7178 11.1293 17.0673C11.5721 17.4168 11.9244 17.8695 12.1558 18.3867L16.1867 14.3171C15.3406 13.2005 14.2502 12.2966 13.0007 11.6761C11.7511 11.0556 10.3763 10.7353 8.9838 10.7403Z" fill="#FBBC05"/>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/hugging_face.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/hugging_face.svg
new file mode 100644
index 0000000000000..87ac70c5a18f4
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/hugging_face.svg
@@ -0,0 +1,10 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 9">
+<path id="Vector" d="M13.8099 9.93159C13.7741 9.79662 13.7162 9.66857 13.6385 9.55257C13.6551 9.49151 13.6678 9.42945 13.6763 9.36672C13.7315 8.96879 13.5935 8.60449 13.3335 8.32262C13.1927 8.16867 13.0418 8.06699 12.8819 8.00459C12.9868 7.55559 13.0399 7.09606 13.0402 6.635C13.0402 6.42438 13.0282 6.21809 13.0083 6.01487C12.9979 5.91338 12.9853 5.81217 12.9705 5.71122C12.9248 5.41337 12.8568 5.11932 12.7673 4.83159C12.7087 4.64253 12.6408 4.45643 12.564 4.27398C12.4489 4.00378 12.3144 3.7422 12.1617 3.4913C12.0616 3.32436 11.9525 3.16294 11.835 3.00774C11.7774 2.92936 11.7174 2.85284 11.6549 2.77827C11.4699 2.55347 11.2689 2.34236 11.0534 2.14661C10.9818 2.0808 10.9083 2.01725 10.8327 1.95604C10.7583 1.894 10.6823 1.83396 10.6047 1.77598C10.4485 1.65976 10.2872 1.55073 10.1211 1.44923C9.20347 0.89189 8.12733 0.572266 6.97715 0.572266C3.62829 0.572266 0.914148 3.28654 0.914148 6.6352C0.914015 7.10212 0.968085 7.56744 1.07529 8.02184C0.931461 8.0843 0.793623 8.18165 0.665774 8.32249C0.405879 8.60422 0.267842 8.96719 0.323043 9.36513C0.331434 9.42832 0.344019 9.49091 0.360799 9.55244C0.283164 9.6685 0.225272 9.79662 0.189467 9.93159C0.109561 10.2353 0.135863 10.5092 0.237411 10.7492C0.127007 11.0628 0.154575 11.3968 0.298339 11.6872C0.402883 11.8993 0.552507 12.0634 0.736957 12.21C0.956232 12.3843 1.23071 12.5324 1.56179 12.6745C1.95679 12.843 2.43896 13.0013 2.65823 13.0593C3.22463 13.2059 3.76773 13.2989 4.31815 13.3034C5.10236 13.3107 5.7777 13.1263 6.26119 12.6544C6.49872 12.6835 6.73783 12.6981 6.97715 12.6979C7.22999 12.6974 7.48256 12.6815 7.73346 12.6503C8.21583 13.1252 8.89377 13.3113 9.68084 13.3038C10.2312 13.2994 10.7743 13.2065 11.3392 13.0596C11.56 13.0016 12.0419 12.8433 12.4371 12.6748C12.7682 12.5325 13.0427 12.3844 13.2634 12.2104C13.4465 12.0637 13.596 11.8997 13.7006 11.6876C13.8458 11.3971 13.8719 11.0631 13.763 10.7495C13.8636 10.5095 13.8898 10.235 13.8099 9.93159ZM13.2479 10.7289C13.3592 10.94 13.3663 11.1786 13.2682 11.4008C13.1193 11.7375 12.7494 12.0028 12.0311 12.2876C11.5845 12.4647 11.1755 12.578 11.1719 12.579C10.5811 12.7322 10.0468 12.8101 9.58429 12.8101C8.81839 12.8101 8.24846 12.5987 7.88702 12.1813C7.2758 12.2855 6.65174 12.289 6.03939 12.1919C5.67748 12.6023 5.11081 12.8101 4.35137 12.8101C3.88878 12.8101 3.35455 12.7322 2.76371 12.579C2.76011 12.578 2.35126 12.4647 1.90445 12.2876C1.18623 12.0028 0.816264 11.7377 0.667439 11.4008C0.569287 11.1786 0.576412 10.94 0.687681 10.7289C0.697936 10.7092 0.70899 10.6901 0.720776 10.6716C0.654094 10.5714 0.609367 10.4583 0.58953 10.3396C0.5697 10.2209 0.575213 10.0994 0.605711 9.983C0.649926 9.815 0.741218 9.67529 0.865206 9.57495C0.805476 9.47679 0.766289 9.36759 0.750008 9.25386C0.714317 9.00655 0.79642 8.75964 0.98107 8.55827C1.1249 8.40159 1.32819 8.31536 1.55326 8.31536H1.55926C1.38956 7.7714 1.30352 7.2048 1.30409 6.635C1.30409 3.52726 3.82353 1.00762 6.93174 1.00762C10.0399 1.00762 12.5593 3.52699 12.5593 6.635C12.5598 7.20633 12.4732 7.7744 12.3024 8.31962C12.3295 8.31696 12.3562 8.31563 12.3823 8.31556C12.6074 8.31556 12.8108 8.40179 12.9545 8.55847C13.1391 8.75964 13.2213 9.00675 13.1855 9.25406C13.1693 9.36779 13.1301 9.47699 13.0704 9.57515C13.1944 9.67549 13.2857 9.8152 13.3299 9.9832C13.3604 10.0996 13.3659 10.2211 13.3461 10.3398C13.3263 10.4585 13.2815 10.5716 13.2148 10.6718C13.2266 10.6901 13.2378 10.7092 13.2479 10.7289Z" fill="white"/>
+<path id="Vector_2" d="M13.2152 10.6718C13.282 10.5717 13.3267 10.4586 13.3465 10.3399C13.3663 10.2212 13.3608 10.0996 13.3303 9.98325C13.2861 9.81525 13.1947 9.67555 13.0708 9.5752C13.1305 9.47705 13.1697 9.36784 13.1859 9.25411C13.2217 9.0068 13.1396 8.75989 12.9549 8.55853C12.8112 8.40184 12.6078 8.31561 12.3827 8.31561C12.3566 8.31561 12.3299 8.31701 12.3028 8.31967C12.4734 7.77445 12.5599 7.20645 12.5593 6.63519C12.5593 3.52738 10.0398 1.00781 6.93196 1.00781C3.82402 1.00781 1.3043 3.52712 1.3043 6.63519C1.30375 7.20499 1.38978 7.77158 1.55948 8.31555H1.55348C1.32841 8.31555 1.12512 8.40171 0.981358 8.55839C0.796709 8.75956 0.714532 9.00673 0.75029 9.25397C0.766584 9.36771 0.805771 9.47698 0.865488 9.57513C0.7415 9.67541 0.650148 9.81512 0.605933 9.98312C0.575449 10.0996 0.569955 10.2211 0.589812 10.3398C0.609669 10.4585 0.654416 10.5717 0.721124 10.6718C0.709271 10.6904 0.698351 10.7095 0.68803 10.7291C0.576827 10.9403 0.569642 11.1788 0.66786 11.4011C0.816752 11.7378 1.18658 12.0031 1.90487 12.2879C2.35147 12.465 2.76053 12.5783 2.76413 12.5793C3.3549 12.7325 3.88921 12.8103 4.35173 12.8103C5.11123 12.8103 5.6779 12.6026 6.03981 12.1921C6.65216 12.2893 7.27622 12.2857 7.88744 12.1816C8.24888 12.599 8.81881 12.8103 9.58471 12.8103C10.0472 12.8103 10.5815 12.7325 11.1722 12.5793C11.1759 12.5783 11.5848 12.465 12.0316 12.2879C12.7499 12.0031 13.1198 11.7378 13.2686 11.4011C13.3667 11.1788 13.3596 10.9403 13.2483 10.7291C13.2382 10.7093 13.227 10.6902 13.2152 10.6718ZM5.78085 11.5495C5.74968 11.604 5.71632 11.6572 5.68083 11.709C5.58727 11.8459 5.46422 11.9506 5.32139 12.0284C5.04837 12.1773 4.70278 12.2293 4.35173 12.2293C3.79711 12.2293 3.22858 12.0995 2.90996 12.0169C2.89424 12.0128 0.956654 11.4655 1.20197 10.9997C1.24325 10.9213 1.31116 10.89 1.39673 10.89C1.74212 10.89 2.37105 11.4043 2.64133 11.4043C2.70173 11.4043 2.74434 11.3786 2.76172 11.3159C2.87692 10.9028 1.01092 10.7291 1.16807 10.1309C1.19577 10.025 1.27102 9.98199 1.37676 9.98199C1.83342 9.98192 2.85835 10.785 3.0727 10.785C3.08915 10.785 3.10093 10.7802 3.10732 10.7701C3.10825 10.7685 3.10919 10.7671 3.11005 10.7655C3.21067 10.5993 3.15293 10.4785 2.46367 10.0564L2.39749 10.0161C1.63898 9.55702 1.1066 9.28074 1.40938 8.95113C1.44421 8.91311 1.49362 8.89626 1.55361 8.89626C1.62473 8.89626 1.71083 8.92003 1.80565 8.95999C2.20624 9.12892 2.76146 9.58965 2.99339 9.79054C3.02988 9.82224 3.06613 9.85427 3.10212 9.8865C3.10212 9.8865 3.39579 10.1919 3.57331 10.1919C3.6142 10.1919 3.64888 10.1758 3.67239 10.1359C3.79831 9.92365 2.5029 8.94201 2.42985 8.53695C2.38031 8.26254 2.46461 8.12351 2.62042 8.12351C2.69454 8.12351 2.78496 8.15507 2.88478 8.21839C3.19442 8.4149 3.79225 9.44222 4.01112 9.84188C4.0845 9.97579 4.20975 10.0324 4.32262 10.0324C4.54656 10.0324 4.72162 9.80979 4.34313 9.52692C3.77427 9.10129 3.97391 8.40557 4.24539 8.36276C4.25697 8.36089 4.26869 8.35996 4.28034 8.35996C4.52725 8.35996 4.63612 8.78539 4.63612 8.78539C4.63612 8.78539 4.95534 9.58698 5.50371 10.1349C6.00125 10.6323 6.07077 11.0404 5.78085 11.5495ZM7.55403 11.6434L7.5256 11.6468L7.47712 11.6524C7.45161 11.655 7.42605 11.6575 7.40041 11.6599L7.37544 11.6621L7.3526 11.6641L7.32024 11.6667L7.28448 11.6693L7.24879 11.6716L7.24086 11.6721C7.23154 11.6727 7.22222 11.6733 7.21276 11.6737L7.20084 11.6744C7.18979 11.675 7.17874 11.6755 7.16755 11.676L7.12886 11.6777L7.09377 11.6789L7.07033 11.6795H7.05841C7.05109 11.6795 7.04383 11.6799 7.0365 11.68H7.02492C7.01759 11.68 7.01033 11.68 7.00301 11.6803L6.97318 11.6807H6.93156C6.89887 11.6807 6.86624 11.6804 6.83374 11.6797L6.80737 11.6791C6.79985 11.6791 6.79232 11.6788 6.78493 11.6785L6.75697 11.6777L6.72227 11.6764L6.69098 11.675L6.68292 11.6747L6.65315 11.6731C6.64483 11.6727 6.63664 11.6723 6.62838 11.6717L6.60914 11.6705C6.58497 11.669 6.5608 11.6673 6.53662 11.6655L6.51132 11.6634C6.50067 11.6626 6.49001 11.6616 6.47942 11.6607C6.46697 11.6596 6.45452 11.6584 6.44207 11.6572C6.42123 11.6553 6.40038 11.6532 6.37954 11.6509H6.37854C6.68285 10.972 6.52897 10.338 5.91402 9.72356C5.5107 9.32076 5.24241 8.726 5.18675 8.59542C5.07407 8.20887 4.7759 7.77918 4.28068 7.77918C4.23879 7.77918 4.19698 7.78251 4.15563 7.78903C3.93868 7.82319 3.74904 7.94804 3.61373 8.13596C3.4675 7.9541 3.3254 7.80954 3.19689 7.7279C3.00311 7.60505 2.80973 7.54272 2.62136 7.54272C2.38623 7.54272 2.17608 7.63927 2.02959 7.8144L2.02586 7.81886C2.02306 7.80734 2.0204 7.79582 2.01767 7.78424L2.01733 7.78271C1.98945 7.66351 1.96605 7.54332 1.94715 7.42233C1.94715 7.42153 1.94715 7.42073 1.94675 7.41993C1.94528 7.41081 1.94395 7.40162 1.94255 7.3925C1.93846 7.36546 1.93462 7.33836 1.93103 7.31126C1.92944 7.29894 1.92771 7.28662 1.92617 7.2743L1.92165 7.23735C1.92018 7.22503 1.91898 7.21384 1.91765 7.20212L1.91726 7.19919C1.91194 7.15125 1.90728 7.1033 1.90327 7.05523L1.9018 7.03678L1.89947 7.00535C1.89881 6.99676 1.89814 6.98811 1.89767 6.97945C1.89767 6.97739 1.89734 6.97539 1.89727 6.97346C1.89558 6.94935 1.89414 6.92518 1.89295 6.90101C1.89228 6.88842 1.89161 6.87591 1.89108 6.86325L1.88975 6.83023L1.88942 6.82024L1.88835 6.78981L1.88769 6.7639C1.88769 6.75358 1.88715 6.74326 1.88702 6.73294C1.88682 6.72262 1.88655 6.7113 1.88649 6.70038C1.88635 6.68946 1.88649 6.67867 1.88615 6.66782C1.88589 6.6569 1.88615 6.64604 1.88615 6.63519C1.88615 3.84827 4.14556 1.58886 6.93276 1.58886C9.71988 1.58886 11.9792 3.84821 11.9792 6.63519V6.70038C11.9792 6.71123 11.9789 6.72215 11.9787 6.73294C11.9787 6.74193 11.9783 6.75079 11.978 6.75991C11.978 6.7679 11.9777 6.77596 11.9774 6.78368C11.9774 6.79387 11.9768 6.80406 11.9765 6.81424V6.81504L11.9751 6.8504C11.9746 6.86072 11.9742 6.87111 11.9737 6.88143L11.9734 6.88876L11.9716 6.92178C11.9676 6.99257 11.9622 7.06322 11.9555 7.1338V7.13467C11.9544 7.14625 11.9533 7.15784 11.952 7.16943L11.949 7.19679L11.9431 7.25033L11.9397 7.27743L11.9355 7.30933C11.9339 7.32092 11.9324 7.33257 11.9307 7.34409C11.9289 7.35707 11.927 7.36999 11.9251 7.38291L11.9205 7.41347L11.915 7.4481C11.9132 7.45962 11.9112 7.47107 11.909 7.48252C11.9068 7.49404 11.9051 7.5055 11.9031 7.51695C11.8991 7.53986 11.8949 7.56276 11.8905 7.5856C11.8838 7.61976 11.8769 7.65386 11.8699 7.68795L11.8626 7.72171C11.8602 7.73296 11.8576 7.74428 11.855 7.75554C11.713 7.6175 11.5249 7.54232 11.3175 7.54232C11.1292 7.54232 10.9357 7.60458 10.7419 7.72744C10.6134 7.80907 10.4714 7.9537 10.3251 8.13549C10.1896 7.94758 9.99995 7.82273 9.78314 7.78857C9.74179 7.78204 9.69997 7.77871 9.65809 7.77871C9.16274 7.77871 8.86475 8.20841 8.75202 8.59495C8.69608 8.72553 8.42773 9.3203 8.02408 9.72369C7.40953 10.3362 7.25451 10.9674 7.55403 11.6434ZM12.764 10.2844L12.762 10.2904C12.7569 10.3037 12.751 10.3168 12.7445 10.3294C12.7395 10.3388 12.7341 10.3478 12.7282 10.3566C12.7171 10.3732 12.7049 10.389 12.6917 10.404C12.6886 10.4074 12.6857 10.4109 12.6822 10.4143C12.6774 10.4194 12.6725 10.4245 12.6675 10.4294C12.5779 10.5182 12.4413 10.5961 12.2868 10.6676C12.2693 10.6755 12.2515 10.6834 12.2336 10.6914L12.2157 10.6993C12.2038 10.7046 12.1919 10.7098 12.1794 10.7149C12.1675 10.7201 12.1551 10.7253 12.1427 10.7304L12.1055 10.7457C12.0186 10.7814 11.9296 10.8155 11.8428 10.8492L11.8056 10.8636L11.7689 10.878C11.7445 10.8875 11.7204 10.897 11.6967 10.9066L11.6613 10.9208L11.6266 10.935L11.6095 10.9422C11.5981 10.9469 11.587 10.9516 11.5759 10.9564C11.3204 11.066 11.1365 11.1776 11.1752 11.316C11.1762 11.3199 11.1774 11.3236 11.1788 11.3273C11.1822 11.3375 11.187 11.3472 11.1929 11.3563C11.1963 11.3617 11.2003 11.3668 11.2048 11.3715C11.2502 11.4187 11.3329 11.4112 11.4371 11.3737C11.4517 11.3684 11.4663 11.3628 11.4807 11.3569L11.4898 11.3532C11.5136 11.3431 11.5389 11.3317 11.5646 11.3195C11.5711 11.3164 11.5776 11.3135 11.5842 11.3101C11.7116 11.2478 11.856 11.1639 11.9993 11.0875C12.0567 11.0565 12.1148 11.0272 12.1737 10.9993C12.3094 10.9354 12.437 10.8901 12.5395 10.8901C12.5876 10.8901 12.6301 10.9 12.6656 10.9226L12.6715 10.9265C12.6937 10.9422 12.7124 10.9623 12.7263 10.9856C12.729 10.9901 12.7317 10.9948 12.7343 10.9997C12.7849 11.0959 12.7425 11.1955 12.6432 11.2932C12.548 11.387 12.3997 11.479 12.2313 11.5641C12.2187 11.5704 12.2062 11.5767 12.1935 11.5829C11.6921 11.8291 11.0355 12.0146 11.0263 12.0169C10.8514 12.0623 10.6011 12.1218 10.3192 12.1664L10.2775 12.1729L10.2706 12.1739C10.2391 12.1787 10.2074 12.1831 10.1757 12.1873C10.1436 12.1916 10.1111 12.1955 10.0784 12.1992L10.0724 12.1998C9.95387 12.2135 9.83488 12.2226 9.71562 12.2269H9.71389C9.67074 12.2284 9.62766 12.2292 9.58451 12.2292H9.53477C9.46898 12.2283 9.40332 12.2253 9.33773 12.2203C9.3362 12.2203 9.33453 12.2203 9.333 12.2199C9.3095 12.2181 9.28606 12.2159 9.26262 12.2133C9.23831 12.2107 9.21408 12.2078 9.1899 12.2045C9.17399 12.2024 9.15814 12.2 9.14229 12.1974C9.12618 12.1948 9.11007 12.1921 9.09402 12.1893L9.07211 12.1852L9.07045 12.1849C9.04734 12.1805 9.02437 12.1756 9.00146 12.1703C8.98814 12.1673 8.97489 12.1644 8.96177 12.1608L8.95385 12.1588C8.94732 12.1572 8.941 12.1554 8.93454 12.1537L8.93101 12.1528L8.9105 12.1468C8.90304 12.1447 8.89558 12.1424 8.88813 12.1402L8.88553 12.1395L8.86615 12.1336C8.85883 12.1313 8.8515 12.1289 8.84424 12.1265L8.8264 12.1206L8.81328 12.116C8.80063 12.1115 8.78804 12.107 8.77559 12.1022L8.76374 12.0975L8.75395 12.0936C8.73504 12.086 8.71626 12.0781 8.69768 12.0698L8.68536 12.0638L8.6833 12.0629C8.67891 12.0608 8.67458 12.0587 8.67018 12.0569C8.66159 12.0528 8.65307 12.0486 8.64461 12.0442L8.64202 12.043L8.62976 12.0365C8.60799 12.0251 8.58668 12.013 8.56577 12.0001L8.55432 11.9931C8.54859 11.9896 8.54287 11.9859 8.53727 11.9822L8.52236 11.9723L8.50631 11.9613L8.49672 11.9544C8.4866 11.9472 8.47668 11.9398 8.46695 11.9321L8.45144 11.9202C8.44525 11.9152 8.43912 11.9101 8.43306 11.905C8.42793 11.9008 8.42294 11.8964 8.41795 11.892L8.41755 11.8917C8.41215 11.8869 8.40689 11.8822 8.40163 11.8774C8.39644 11.8726 8.39124 11.8678 8.38618 11.863L8.38558 11.8624C8.38026 11.8573 8.37506 11.8522 8.36994 11.8469C8.36481 11.8417 8.35955 11.8365 8.35455 11.8312C8.34956 11.826 8.34443 11.8206 8.3395 11.815C8.33458 11.8096 8.33005 11.8046 8.32539 11.7992L8.32386 11.7974C8.31933 11.7922 8.31487 11.7869 8.31047 11.7815C8.30095 11.7702 8.29169 11.7585 8.28277 11.7466C8.27378 11.7346 8.26499 11.7223 8.2564 11.7099L8.24821 11.6976C8.23729 11.6817 8.22664 11.6655 8.21632 11.6492C8.20859 11.6374 8.20107 11.6255 8.19374 11.6135C8.18901 11.6059 8.18449 11.5984 8.17996 11.5909L8.17809 11.5878C8.17377 11.5805 8.1695 11.5733 8.16538 11.5661C8.16298 11.5621 8.16071 11.5582 8.15858 11.5541C8.15639 11.55 8.15386 11.5458 8.15153 11.5416L8.14773 11.535L8.1454 11.5308C8.14094 11.5228 8.13654 11.5147 8.13228 11.5066C8.13028 11.503 8.12835 11.4994 8.12629 11.4959L8.12036 11.4844L8.11437 11.473C8.09939 11.4431 8.0852 11.4127 8.07189 11.3819L8.06716 11.3707C8.0641 11.3632 8.06123 11.3557 8.05817 11.3483C8.0567 11.3447 8.05524 11.3412 8.05397 11.3376C8.04685 11.3191 8.04019 11.3005 8.03406 11.2817C8.03187 11.275 8.02974 11.2684 8.02774 11.2617C8.02294 11.2466 8.01861 11.2314 8.01475 11.216C8.01003 11.1981 8.00583 11.18 8.0023 11.1619C8.00157 11.1582 8.00084 11.1545 8.00024 11.151C7.99677 11.1332 7.99398 11.1153 7.99178 11.0973C7.99125 11.0938 7.99085 11.0903 7.99045 11.0868L7.98932 11.076C7.98785 11.0618 7.98672 11.0477 7.98605 11.0335C7.98605 11.0299 7.98572 11.0263 7.98559 11.0228C7.98525 11.0158 7.98512 11.0087 7.98505 11.0017C7.98133 10.7171 8.12529 10.4436 8.43313 10.1359C8.98148 9.58805 9.30071 8.78639 9.30071 8.78639C9.30071 8.78639 9.3093 8.75276 9.32714 8.70435C9.32961 8.69763 9.3322 8.6907 9.33513 8.68345C9.34552 8.65634 9.35724 8.62971 9.37023 8.60374L9.37282 8.59875C9.38388 8.57664 9.396 8.55506 9.40905 8.53409C9.41211 8.52923 9.41504 8.52443 9.41844 8.51957C9.42822 8.50512 9.43855 8.49101 9.4494 8.47736C9.45533 8.46996 9.46178 8.46264 9.46824 8.45551C9.47084 8.45272 9.47337 8.44992 9.4761 8.44726C9.50786 8.41443 9.54416 8.38766 9.58524 8.37341L9.59043 8.37168C9.5939 8.37055 9.59736 8.36948 9.60089 8.36848C9.60495 8.36742 9.60901 8.36649 9.61321 8.36562L9.61514 8.36522C9.62379 8.36349 9.63258 8.36236 9.64144 8.36176H9.64217C9.64677 8.36176 9.65143 8.36129 9.65616 8.36129C9.66208 8.36129 9.66761 8.36129 9.6734 8.36189C9.67939 8.36242 9.68532 8.36309 9.69131 8.36402C9.74072 8.37188 9.78773 8.40131 9.82822 8.44672C9.8436 8.46404 9.85745 8.48268 9.86957 8.50239C9.87756 8.51518 9.88509 8.5287 9.89221 8.54294C9.89508 8.54887 9.89781 8.55433 9.90047 8.56019C9.90739 8.57524 9.91365 8.59056 9.91911 8.6062C9.9321 8.64283 9.94189 8.68052 9.94835 8.71887C9.95394 8.7525 9.95727 8.78646 9.95833 8.82049C9.95887 8.83866 9.95887 8.85711 9.95833 8.87569C9.95474 8.96212 9.93703 9.04742 9.90593 9.12819C9.90313 9.13558 9.9 9.14304 9.89701 9.1505C9.89088 9.16555 9.88415 9.18033 9.8769 9.19478C9.8715 9.20577 9.86584 9.21682 9.85972 9.22781C9.85572 9.23513 9.85153 9.24246 9.84733 9.24978C9.83661 9.26803 9.82502 9.28614 9.81257 9.30418L9.80505 9.31497C9.77562 9.35599 9.74285 9.39448 9.70703 9.43004C9.67174 9.46539 9.63391 9.49809 9.5939 9.52792C9.55381 9.55762 9.51619 9.59051 9.48143 9.62627C9.38135 9.73128 9.35804 9.82397 9.38055 9.89422C9.38414 9.90528 9.38887 9.916 9.3946 9.92612C9.40132 9.93771 9.40931 9.94836 9.41837 9.95808L9.4219 9.96174L9.42549 9.96534C9.42909 9.9688 9.43289 9.9722 9.43695 9.97553L9.44094 9.97872C9.4506 9.98618 9.46085 9.99284 9.47157 9.9987C9.4747 10.0004 9.4775 10.002 9.48103 10.0036C9.49261 10.0093 9.50453 10.0141 9.51679 10.0181C9.52018 10.0192 9.52358 10.0202 9.52704 10.0213L9.53137 10.0224L9.53736 10.024L9.54249 10.0253L9.54808 10.0265L9.55361 10.0276L9.55887 10.0285C9.56273 10.0291 9.56673 10.0298 9.57072 10.0303L9.57452 10.0309L9.58144 10.0315L9.5857 10.032L9.5927 10.0325H9.59683L9.60415 10.0329H9.62719L9.63378 10.0325L9.64137 10.032L9.65063 10.0311L9.65929 10.0301C9.66128 10.0301 9.66328 10.0296 9.66528 10.0292C9.69191 10.0253 9.71802 10.0183 9.74299 10.0082L9.75358 10.0037C9.7595 10.0011 9.76549 9.99837 9.77096 9.99544C9.78267 9.98958 9.79406 9.98292 9.80498 9.97566C9.82023 9.96567 9.83461 9.95448 9.84806 9.94217C9.85126 9.9393 9.85439 9.93624 9.85745 9.93331C9.85898 9.93185 9.86045 9.93045 9.86191 9.92885C9.86484 9.92585 9.86784 9.92292 9.87077 9.91966C9.89208 9.89622 9.91052 9.87038 9.9257 9.84262C10.056 9.60563 10.1926 9.37217 10.3353 9.14251L10.3549 9.11114L10.3746 9.07978C10.3845 9.06387 10.3945 9.04822 10.4044 9.03264L10.4144 9.01705C10.4476 8.96512 10.4813 8.91351 10.5155 8.8623L10.5359 8.83194C10.5766 8.77154 10.6172 8.71281 10.6575 8.65701L10.6776 8.62938C10.7214 8.56898 10.767 8.50985 10.8143 8.45218L10.8331 8.42968C10.8362 8.42595 10.8391 8.42222 10.8425 8.41862C10.8487 8.4113 10.8549 8.40417 10.8609 8.39725C10.864 8.39372 10.8669 8.39026 10.8701 8.3868L10.888 8.36669L10.8969 8.3569C10.9059 8.34724 10.9147 8.33799 10.9233 8.32913C10.9293 8.32314 10.9349 8.31721 10.9406 8.31162C10.9743 8.27712 11.0116 8.24616 11.0517 8.21933L11.061 8.21333C11.07 8.20734 11.0792 8.20175 11.0887 8.19669C11.2461 8.10732 11.3764 8.10073 11.4514 8.17578C11.4969 8.22119 11.522 8.2965 11.5206 8.40131C11.5206 8.40591 11.5206 8.41057 11.5203 8.41536V8.42049C11.5203 8.42528 11.5199 8.43008 11.5195 8.43494C11.5195 8.44093 11.5188 8.44686 11.5182 8.45285C11.5176 8.45878 11.5173 8.46331 11.5167 8.46863C11.5167 8.4701 11.5164 8.47163 11.5162 8.47323C11.5158 8.47782 11.5152 8.48255 11.5145 8.48728C11.5145 8.48868 11.5145 8.49014 11.514 8.49161C11.5132 8.49793 11.5123 8.50419 11.5112 8.51045C11.5105 8.51644 11.5095 8.52204 11.5084 8.5279L11.5067 8.53782C11.505 8.54727 11.5028 8.5566 11.5001 8.56578C11.4949 8.58303 11.4886 8.59988 11.4812 8.61626C11.4709 8.63877 11.4595 8.66067 11.447 8.68198C11.4401 8.69383 11.4329 8.70549 11.4255 8.71701C11.418 8.72893 11.41 8.74098 11.4017 8.75316C11.3807 8.78326 11.3588 8.81276 11.3361 8.84159L11.3257 8.85471C11.2887 8.90086 11.2505 8.94607 11.2111 8.99022L11.1986 9.0042C11.1818 9.02291 11.1648 9.04176 11.1473 9.06067L11.1342 9.07492C11.1255 9.08444 11.1164 9.09396 11.1076 9.10355C11.0989 9.11308 11.0897 9.12273 11.0805 9.13239L11.0532 9.16122L11.0254 9.19025L10.9974 9.21928C10.9787 9.23873 10.9598 9.25817 10.9408 9.27761C10.6708 9.55456 10.3864 9.83056 10.2901 10.0026C10.2836 10.0138 10.2778 10.0254 10.2726 10.0372C10.2589 10.0685 10.2532 10.0953 10.2571 10.1169C10.2584 10.124 10.2608 10.1308 10.2645 10.1371C10.2699 10.1465 10.2765 10.1551 10.2842 10.1628C10.2877 10.1663 10.2914 10.1695 10.2953 10.1724C10.3152 10.1865 10.3391 10.1938 10.3635 10.1931H10.371L10.3788 10.1925L10.3866 10.1917L10.3931 10.1907C10.394 10.1906 10.3949 10.1905 10.3958 10.1902L10.4017 10.1891L10.4032 10.1887L10.4098 10.1873L10.4121 10.1867C10.4145 10.1861 10.4167 10.1855 10.4191 10.1849C10.4214 10.1842 10.4246 10.1833 10.4274 10.1824C10.4391 10.1789 10.4506 10.1747 10.4618 10.1699C10.4677 10.1675 10.4735 10.1649 10.4793 10.1621C10.4823 10.1608 10.4852 10.1594 10.488 10.1579L10.497 10.1535C10.5183 10.1425 10.5391 10.1304 10.5593 10.1175L10.5682 10.1115C10.5711 10.1096 10.5741 10.1077 10.577 10.1056L10.5859 10.0996L10.5906 10.0964L10.6034 10.0874C10.6153 10.0792 10.6264 10.0707 10.6377 10.0622L10.6387 10.0614L10.6566 10.0475C10.681 10.0282 10.7042 10.0088 10.7252 9.99044L10.7392 9.97819L10.7405 9.97699L10.7478 9.97053C10.765 9.95508 10.7803 9.9407 10.793 9.92885L10.7983 9.92372C10.8029 9.91939 10.8071 9.91533 10.8109 9.91187L10.8183 9.90448L10.821 9.90188L10.8217 9.90115L10.8295 9.89336L10.8344 9.88823L10.835 9.88776L10.8374 9.88563L10.8403 9.88297L10.8412 9.8821L10.8437 9.87984L10.8573 9.86792L10.8649 9.86113C10.8689 9.8576 10.8729 9.854 10.8768 9.85034L10.8858 9.84228C10.8875 9.84095 10.8891 9.83949 10.8908 9.83802L10.9003 9.8297L10.9143 9.81738L10.9217 9.81092C10.9507 9.78575 10.9859 9.75532 11.0264 9.72103L11.043 9.70698L11.0704 9.684L11.0984 9.66063C11.135 9.6302 11.1744 9.5979 11.2161 9.56441L11.2435 9.54244C11.2668 9.52386 11.2907 9.50495 11.3149 9.4859C11.3247 9.47824 11.3346 9.47059 11.3448 9.463C11.3695 9.44375 11.3944 9.42464 11.4195 9.4058C11.4767 9.36265 11.5356 9.31943 11.5953 9.27735L11.6208 9.2595C11.6388 9.24718 11.6566 9.2348 11.6744 9.22275L11.6906 9.21183C11.7225 9.19018 11.7549 9.16908 11.7875 9.1485L11.8037 9.13831L11.8197 9.12832C11.8359 9.11833 11.8518 9.10855 11.8678 9.09902L11.8837 9.0895L11.9155 9.07099L11.9467 9.05308L11.9531 9.04962L11.9778 9.03603C11.9881 9.03044 11.9983 9.02504 12.0086 9.01978L12.0238 9.01193L12.0387 9.00447C12.0439 9.00201 12.049 8.99941 12.0541 8.99694C12.0875 8.98043 12.1216 8.96525 12.1562 8.9514C12.1656 8.9474 12.1749 8.94381 12.1842 8.94068L12.2115 8.93109C12.2197 8.92836 12.2277 8.92576 12.2353 8.92343L12.238 8.92263C12.2421 8.9213 12.2462 8.9201 12.2503 8.91904L12.2515 8.9187C12.26 8.91624 12.2685 8.91411 12.2768 8.91211H12.2774C12.301 8.90645 12.325 8.90239 12.3491 8.89992C12.3602 8.89879 12.3714 8.89819 12.3826 8.89826H12.3881C12.3956 8.89826 12.4028 8.89873 12.4099 8.89946C12.4132 8.89946 12.4164 8.90012 12.4196 8.90052H12.421C12.4242 8.90092 12.4274 8.90139 12.4306 8.90212C12.4337 8.90272 12.4369 8.90325 12.4399 8.90399H12.4409C12.4441 8.90465 12.4469 8.90545 12.4501 8.90638C12.4671 8.91111 12.4832 8.91844 12.4979 8.92803C12.5052 8.93275 12.512 8.93808 12.5183 8.94401L12.5201 8.94574C12.5213 8.9468 12.5224 8.94794 12.5235 8.94907L12.5267 8.9526C12.5535 8.98063 12.5756 9.01279 12.5922 9.04782L12.5948 9.05381C12.6004 9.06713 12.6049 9.08091 12.6081 9.09496C12.6175 9.13798 12.6139 9.18286 12.5976 9.22381C12.5914 9.24032 12.5838 9.25624 12.575 9.27142C12.5543 9.30631 12.5297 9.33874 12.5018 9.36811L12.4959 9.37443C12.487 9.38376 12.4778 9.39308 12.4682 9.4024C12.4639 9.4066 12.4595 9.41072 12.455 9.41492L12.4413 9.4275L12.4342 9.43383C12.417 9.44915 12.3994 9.464 12.3815 9.47838C12.3706 9.48717 12.3597 9.49576 12.3487 9.50422C12.3096 9.53405 12.2699 9.56281 12.2294 9.59058C12.205 9.60736 12.1803 9.62381 12.1555 9.64005C12.0943 9.68021 12.0324 9.71936 11.97 9.75745C11.8389 9.83802 11.6937 9.92419 11.5389 10.0179L11.4988 10.0422C11.4549 10.069 11.4135 10.0945 11.3745 10.1189L11.3548 10.1312L11.3177 10.155C11.293 10.1708 11.2685 10.1867 11.2439 10.2027L11.2241 10.2157C11.2145 10.222 11.2049 10.2284 11.1953 10.2348L11.1859 10.2407L11.1571 10.2601L11.1419 10.2706L11.124 10.283L11.1074 10.2945C11.0797 10.3141 11.0538 10.3328 11.0301 10.3506L11.0212 10.3574C11.0072 10.368 10.9933 10.3788 10.9797 10.3898C10.9591 10.4064 10.9403 10.4222 10.9235 10.4375L10.9152 10.445C10.9105 10.4493 10.9058 10.4536 10.9014 10.4579C10.8983 10.4609 10.8954 10.4639 10.8922 10.4667L10.888 10.471C10.8785 10.4806 10.8691 10.4904 10.8601 10.5004L10.8557 10.5055C10.846 10.5168 10.8374 10.5277 10.83 10.5383L10.8266 10.543C10.8208 10.5515 10.8154 10.5603 10.8105 10.5694C10.8093 10.5716 10.8081 10.5739 10.807 10.5762L10.8037 10.5829L10.8015 10.5879L10.8001 10.5912L10.799 10.5942L10.7975 10.5983C10.7934 10.6095 10.7905 10.6212 10.7888 10.6331L10.7883 10.6372L10.7879 10.6411V10.6621C10.7879 10.6638 10.7879 10.6655 10.7884 10.6674L10.7887 10.6706C10.7887 10.6723 10.7891 10.674 10.7894 10.6758C10.7896 10.6776 10.7901 10.6807 10.7906 10.6832V10.6835C10.7911 10.6858 10.7916 10.6881 10.7922 10.6904C10.7928 10.6927 10.7934 10.6954 10.7941 10.6978C10.7953 10.7025 10.7969 10.7072 10.7986 10.7119C10.7997 10.7147 10.8007 10.7174 10.8018 10.7201C10.8018 10.7207 10.8022 10.7212 10.8025 10.7218L10.8049 10.7272L10.8082 10.7346C10.8118 10.7422 10.8157 10.7497 10.82 10.7569L10.8244 10.7645L10.8289 10.7721C10.8297 10.7734 10.8306 10.7746 10.8316 10.7757L10.8331 10.7773L10.8348 10.7788L10.8365 10.7801C10.839 10.7819 10.8418 10.7833 10.8446 10.7843C10.8462 10.7848 10.8478 10.7852 10.8494 10.7856C10.8878 10.7943 10.9667 10.7625 11.0717 10.7071C11.0776 10.7039 11.0841 10.7006 11.0905 10.6971L11.1224 10.6797L11.138 10.671C11.1491 10.6651 11.1605 10.6584 11.172 10.6518L11.1931 10.6399C11.3319 10.56 11.4975 10.4575 11.6688 10.3573C11.6848 10.348 11.701 10.3386 11.7171 10.3293L11.7494 10.3086C11.787 10.2871 11.8247 10.2659 11.8626 10.2449C11.9104 10.2186 11.9584 10.1931 12.007 10.1683L12.0387 10.1523C12.0597 10.1419 12.0806 10.1317 12.1011 10.1219C12.141 10.103 12.1813 10.085 12.222 10.068L12.2443 10.059L12.247 10.0579C12.3652 10.0111 12.4723 9.98219 12.559 9.98219C12.5777 9.98199 12.5965 9.98358 12.6149 9.98678H12.6155C12.6215 9.98785 12.6269 9.98904 12.6324 9.99038H12.6334C12.6476 9.99397 12.6614 9.9991 12.6744 10.0057C12.6927 10.0151 12.7092 10.0277 12.7231 10.0429C12.7295 10.05 12.7351 10.0576 12.7401 10.0658C12.7495 10.0801 12.7568 10.0956 12.762 10.1118C12.7642 10.1182 12.766 10.1244 12.768 10.1309C12.782 10.1814 12.7806 10.2348 12.764 10.2844Z" fill="#FF9D00"/>
+<path id="Vector_3" fill-rule="evenodd" clip-rule="evenodd" d="M11.9778 6.66685V6.63416C11.9778 3.84717 9.71928 1.58789 6.93209 1.58789C4.14498 1.58789 1.88556 3.8473 1.88556 6.63416V6.64508C1.88543 6.65234 1.88536 6.65959 1.88556 6.66685C1.88589 6.6777 1.886 6.68856 1.8859 6.69941L1.88623 6.72338L1.88643 6.73197C1.88643 6.73597 1.88657 6.7399 1.8867 6.74389C1.8869 6.75022 1.88703 6.75661 1.88703 6.76294L1.88776 6.78884L1.88883 6.81927L1.88916 6.82926L1.89049 6.86076V6.86229C1.89102 6.87461 1.8917 6.88686 1.89229 6.89911L1.89235 6.90004C1.89302 6.91256 1.89369 6.92515 1.89449 6.93773C1.89516 6.94932 1.89582 6.96091 1.89668 6.97249L1.89682 6.97456C1.8974 6.98448 1.89807 6.99447 1.89881 7.00439L1.89901 7.00705L1.90121 7.03582L1.90142 7.03768C1.90182 7.04327 1.90221 7.04887 1.90274 7.05426C1.90672 7.10227 1.91137 7.15028 1.91667 7.19816L1.91699 7.20116L1.92105 7.23638L1.92559 7.27334L1.92891 7.29844L1.93044 7.31023C1.93399 7.3374 1.93783 7.3645 1.94196 7.39153L1.94224 7.39333L1.94616 7.4189C1.96517 7.54069 1.98871 7.66175 2.01674 7.78181L2.01708 7.78327L2.01921 7.79226L2.02526 7.8179L2.02899 7.81344C2.17549 7.63831 2.38564 7.54176 2.62076 7.54176C2.80921 7.54176 3.00252 7.60408 3.19629 7.72694C3.32481 7.80858 3.46691 7.95314 3.61314 8.13499C3.74845 7.94708 3.93809 7.82216 4.15503 7.78807C4.1964 7.78154 4.23821 7.77828 4.28009 7.77821C4.77524 7.77821 5.07348 8.20791 5.18615 8.59445C5.24182 8.72503 5.5101 9.3198 5.91469 9.72212C6.5297 10.3365 6.68359 10.9705 6.37921 11.6494H6.38028C6.40099 11.6517 6.42183 11.6539 6.4428 11.6558C6.45526 11.657 6.46764 11.6582 6.48016 11.6592L6.48455 11.6596L6.51205 11.662L6.53736 11.664C6.56146 11.6658 6.58564 11.6676 6.60987 11.6691L6.62912 11.6702L6.64437 11.6712L6.65382 11.6717L6.68359 11.6732L6.69171 11.6736L6.72294 11.675L6.7577 11.6763L6.7856 11.6771L6.79026 11.6772C6.79619 11.6775 6.80211 11.6777 6.80804 11.6777L6.81443 11.6779C6.85372 11.6788 6.89294 11.6793 6.93223 11.6792H6.97391L7.00368 11.6789C7.011 11.6786 7.01826 11.6786 7.02565 11.6786H7.03724L7.04729 11.6783C7.05122 11.6782 7.05515 11.678 7.05914 11.678H7.07106L7.09444 11.6774L7.1296 11.6762L7.16828 11.6745C7.17947 11.6741 7.19052 11.6735 7.20158 11.673L7.2135 11.6722L7.23121 11.6713L7.2416 11.6707L7.24945 11.6702L7.28521 11.6678L7.3209 11.6652L7.35333 11.6626L7.37611 11.6607L7.40114 11.6584C7.44296 11.6547 7.48464 11.6503 7.52633 11.6453L7.55476 11.6419C7.25518 10.9659 7.41027 10.3347 8.02268 9.72272C8.4264 9.31933 8.69469 8.72456 8.75062 8.59392C8.86336 8.20744 9.16141 7.77774 9.65669 7.77774C9.69858 7.77774 9.74046 7.78107 9.78181 7.7876C9.99856 7.82169 10.1882 7.94661 10.3237 8.13453C10.47 7.95274 10.612 7.80804 10.7406 7.72641C10.9343 7.60362 11.1278 7.54129 11.3161 7.54129C11.5236 7.54129 11.7116 7.61653 11.8536 7.75457C11.8562 7.74332 11.8588 7.73206 11.8612 7.72074L11.8685 7.68705C11.8711 7.67473 11.8737 7.66241 11.8761 7.65009C11.8805 7.62832 11.8849 7.60655 11.8891 7.58457C11.8935 7.5618 11.8977 7.53889 11.9017 7.51599L11.9038 7.5036C11.905 7.49628 11.9062 7.48895 11.9076 7.48156C11.9099 7.47011 11.9118 7.45865 11.9136 7.44707L11.9144 7.44267L11.9191 7.41251L11.9238 7.38194V7.38168C11.9272 7.3591 11.9304 7.33653 11.9333 7.31396L11.9341 7.30836L11.9383 7.27653L11.9417 7.24937L11.9477 7.19583L11.95 7.17432L11.9506 7.16846C11.9519 7.15688 11.9531 7.14529 11.9541 7.1337V7.13277C11.955 7.12358 11.9559 7.11433 11.9567 7.10507C11.9614 7.0526 11.9654 6.99986 11.9686 6.94692C11.9692 6.93826 11.9697 6.92954 11.9702 6.92082V6.92042L11.972 6.88772L11.9724 6.8804C11.9734 6.85829 11.9744 6.83618 11.9751 6.81408V6.81328L11.9754 6.80462C11.9758 6.79736 11.976 6.79004 11.976 6.78272L11.9762 6.77978C11.9764 6.77293 11.9767 6.76587 11.9767 6.75888L11.9769 6.75288C11.9771 6.74589 11.9773 6.73897 11.9773 6.73197L11.9774 6.72605C11.9776 6.71719 11.9778 6.70827 11.9778 6.69941V6.66685ZM5.68043 11.708C6.0801 11.1219 6.05173 10.6821 5.50344 10.134C4.95503 9.58595 4.63586 8.78449 4.63586 8.78449C4.63586 8.78449 4.51674 8.31897 4.24506 8.36172C3.97338 8.40447 3.77408 9.10012 4.34295 9.52596C4.91174 9.95179 4.22975 10.2405 4.0108 9.84092C3.79186 9.44126 3.19409 8.414 2.88419 8.21749C2.57429 8.02099 2.35634 8.13113 2.42939 8.53612C2.46568 8.73715 2.80316 9.08028 3.11845 9.40084C3.43834 9.72605 3.73539 10.0281 3.67186 10.135C3.54581 10.3472 3.10187 9.8856 3.10187 9.8856C3.10187 9.8856 1.71177 8.62055 1.40919 8.95023C1.13018 9.25408 1.56041 9.51237 2.22337 9.9105C2.27971 9.94433 2.33777 9.97922 2.39723 10.0152C3.15574 10.4744 3.21473 10.5955 3.10706 10.7692C3.06731 10.8334 2.8134 10.681 2.50111 10.4936C1.96873 10.1739 1.26676 9.75242 1.16761 10.1296C1.08185 10.4561 1.5983 10.6562 2.06668 10.8376C2.45689 10.9888 2.81381 11.127 2.76127 11.3147C2.70687 11.5092 2.41195 11.3469 2.0896 11.1696C1.72769 10.9704 1.33115 10.7522 1.20137 10.9984C0.956129 11.4639 2.89338 12.0118 2.90937 12.0159C3.5353 12.1782 5.12489 12.5222 5.68043 11.708ZM8.25507 11.708C7.85541 11.1219 7.88378 10.6821 8.43213 10.134C8.98049 9.58595 9.29964 8.78449 9.29964 8.78449C9.29964 8.78449 9.41877 8.31897 9.69045 8.36172C9.96213 8.40447 10.1614 9.10012 9.59263 9.52596C9.02377 9.95179 9.70577 10.2405 9.92471 9.84092C10.1437 9.44126 10.7411 8.414 11.051 8.21749C11.3609 8.02099 11.579 8.13113 11.5058 8.53612C11.4696 8.73715 11.1321 9.08028 10.8168 9.4009C10.4969 9.72612 10.1999 10.0281 10.2633 10.135C10.3894 10.3472 10.8336 9.88533 10.8336 9.88533C10.8336 9.88533 12.2237 8.62035 12.5264 8.95003C12.8053 9.25381 12.3751 9.51217 11.7121 9.9103C11.6541 9.94513 11.5961 9.98002 11.5383 10.015C10.7798 10.4742 10.7208 10.5953 10.8284 10.769C10.8682 10.8332 11.1221 10.6807 11.4343 10.4933C11.9668 10.1737 12.6687 9.75216 12.7679 10.1294C12.8537 10.4559 12.3372 10.656 11.8688 10.8374C11.4786 10.9886 11.1217 11.1268 11.1742 11.3145C11.2285 11.509 11.5234 11.3467 11.8456 11.1693C12.2076 10.9701 12.6042 10.7518 12.7339 10.9982C12.9792 11.4639 11.0416 12.0114 11.0259 12.0154C10.4 12.1782 8.81042 12.5222 8.25507 11.708Z" fill="#FFD21E"/>
+<path id="Vector_4" fill-rule="evenodd" clip-rule="evenodd" d="M8.57118 5.26131C8.64989 5.28914 8.70842 5.37384 8.76409 5.45448C8.83933 5.56342 8.90938 5.66483 9.01686 5.6077C9.14364 5.54025 9.24758 5.43677 9.3155 5.31025C9.38349 5.18373 9.41246 5.03995 9.39874 4.897C9.38848 4.79011 9.35466 4.68684 9.29966 4.59461C9.24465 4.50238 9.16987 4.42349 9.08078 4.36364C8.99162 4.30379 8.89027 4.26447 8.78413 4.24849C8.67792 4.23252 8.56951 4.2403 8.4667 4.27127C8.36389 4.30223 8.26927 4.35559 8.18956 4.42752C8.10985 4.49945 8.04706 4.58815 8.00578 4.68725C7.96449 4.78635 7.94565 4.89337 7.95064 5.00061C7.9557 5.10789 7.9844 5.21263 8.03481 5.30745C8.08462 5.40114 8.19515 5.35693 8.31182 5.31025C8.40324 5.27369 8.49853 5.2356 8.57118 5.26131ZM5.1502 5.26131C5.07149 5.28914 5.01296 5.37391 4.9573 5.45448C4.88205 5.56349 4.81193 5.66483 4.70453 5.6077C4.54508 5.52327 4.4228 5.38243 4.36152 5.21276C4.30023 5.04306 4.30434 4.85662 4.37304 4.68979C4.44173 4.52295 4.57009 4.38767 4.73309 4.31033C4.8961 4.23298 5.08207 4.21911 5.25475 4.2714C5.39225 4.31281 5.51437 4.39404 5.60573 4.50483C5.69709 4.61563 5.75349 4.75101 5.76794 4.89387C5.78232 5.03674 5.75402 5.18067 5.68664 5.30745C5.63676 5.40114 5.52623 5.35693 5.40956 5.31032C5.31807 5.27369 5.22292 5.2356 5.1502 5.26131ZM8.04193 8.37438C8.58416 7.94721 8.78333 7.24977 8.78333 6.82014C8.78333 6.48054 8.55486 6.58741 8.1891 6.76853L8.16845 6.77872C7.83271 6.94499 7.38577 7.1664 6.89515 7.1664C6.40446 7.1664 5.95752 6.94499 5.62185 6.77866C5.24422 6.59161 5.00737 6.47428 5.00737 6.82021C5.00737 7.26342 5.21925 7.99116 5.80084 8.41393C5.87761 8.25818 5.98569 8.11995 6.11833 8.00781C6.25091 7.89568 6.40526 7.81211 6.5716 7.7623C6.62966 7.74499 6.68946 7.84494 6.75065 7.94728C6.80972 8.04597 6.87011 8.14691 6.93151 8.14691C6.99696 8.14691 7.06122 8.04743 7.12401 7.95034C7.1896 7.8488 7.25359 7.74991 7.31545 7.76969C7.62676 7.86964 7.88718 8.08638 8.04193 8.37438Z" fill="#32343D"/>
+<path id="Vector_5" d="M8.04175 8.37381C7.75934 8.59635 7.38399 8.74558 6.89516 8.74558C6.4359 8.74558 6.07672 8.61386 5.80078 8.41337C5.87756 8.25762 5.98563 8.11931 6.11827 8.00724C6.25085 7.89511 6.4052 7.81154 6.57154 7.76173C6.68554 7.72771 6.8064 8.14635 6.93145 8.14635C7.06529 8.14635 7.19428 7.73044 7.3154 7.76912C7.62663 7.86914 7.88699 8.08589 8.04175 8.37381Z" fill="#FF323D"/>
+<path id="Vector_6" fill-rule="evenodd" clip-rule="evenodd" d="M3.85335 5.86646C3.78884 5.90961 3.71467 5.93618 3.63742 5.94377C3.56017 5.95143 3.48224 5.93984 3.41054 5.91008C3.35323 5.88644 3.30115 5.85168 3.25731 5.8078C3.21346 5.76398 3.17871 5.71191 3.15504 5.65458C3.12534 5.58286 3.11379 5.50495 3.12143 5.42771C3.12906 5.35047 3.15564 5.27629 3.19879 5.21177C3.25065 5.13412 3.32436 5.07362 3.41062 5.03788C3.49688 5.00215 3.5918 4.9928 3.68336 5.01104C3.77493 5.02926 3.85903 5.07424 3.92503 5.14025C3.99103 5.20631 4.03595 5.29047 4.05412 5.38203C4.07232 5.47359 4.06296 5.56848 4.02724 5.65471C3.99151 5.74094 3.93096 5.81459 3.85335 5.86646ZM10.6063 5.86646C10.5418 5.90961 10.4676 5.93618 10.3903 5.94377C10.313 5.95143 10.2351 5.93984 10.1634 5.91008C10.1061 5.88637 10.054 5.85168 10.0102 5.8078C9.96637 5.76398 9.93161 5.71191 9.9079 5.65458C9.87827 5.58286 9.86675 5.50495 9.87434 5.42771C9.882 5.35047 9.90857 5.27629 9.95165 5.21177C9.9904 5.1537 10.0416 5.10503 10.1015 5.06912C10.1613 5.03324 10.2284 5.01108 10.2978 5.00426C10.3674 4.99743 10.4375 5.00609 10.5031 5.02963C10.5689 5.05318 10.6285 5.091 10.6779 5.14038C10.7439 5.20637 10.7889 5.29047 10.807 5.38203C10.8253 5.47359 10.8159 5.56848 10.7801 5.65471C10.7444 5.74094 10.6839 5.81459 10.6063 5.86646Z" fill="#FFAD03"/>
+</g>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/ibm_watsonx.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/ibm_watsonx.svg
new file mode 100644
index 0000000000000..5883eff3884d6
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/ibm_watsonx.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.83305 10H8.29864e-05L8.29864e-05 10.8333L5.83305 10.8333V10ZM0 11.5898H5.83297V12.4232L0 12.4232L0 11.5898ZM1.66401 13.1796H4.16597V14.0129H1.66401V13.1796ZM4.16597 14.7725H1.66401V15.6058H4.16597V14.7725ZM1.66401 16.3625H4.16597V17.1958H1.66401V16.3625ZM4.16597 17.9522H1.66401V18.7856H4.16597L4.16597 17.9522ZM0 19.542H5.83297V20.3753H0L0 19.542ZM0 21.1346H5.83297V21.965H0L0 21.1346ZM15.6357 20.3756H6.66482V19.5422H15.9685C15.9001 19.8377 15.7872 20.1185 15.6357 20.3756ZM14.9373 16.3627H8.33175V17.1961H15.6356C15.4454 16.8769 15.2107 16.5962 14.9373 16.3627ZM8.33175 15.6063V14.773H15.6356C15.4514 15.0921 15.2166 15.3729 14.9373 15.6063H8.33175ZM15.6357 11.5901H6.66482V12.4234H15.9685C15.8912 12.1279 15.7783 11.8472 15.6357 11.5901ZM6.66482 10.0003H12.8782C13.7042 10.0003 14.4619 10.3195 15.0206 10.8337H6.66482V10.0003ZM10.8307 13.1801H8.33175V14.0134H10.8307V13.1801ZM15.9479 14.0134H13.333V13.1801H16.0608C16.0608 13.4667 16.0222 13.7475 15.9479 14.0134ZM8.33175 17.9522H10.8307V18.7856H8.33175V17.9522ZM13.333 18.7856V17.9522H15.9479C16.0222 18.2182 16.0608 18.4989 16.0608 18.7856H13.333ZM6.66482 21.9594L12.8782 21.9682C13.7102 21.9682 14.4619 21.6491 15.0235 21.1349H6.66482V21.9594ZM20.8329 21.1346H16.6669V21.965H20.8329V21.1346ZM16.6669 19.5422H20.8329V20.3755H16.6669V19.5422ZM20.8329 17.9525H18.3309V18.7858H20.8329V17.9525ZM18.3309 16.3627H20.8329V17.1961H18.3309V16.3627ZM16.6669 11.5898L21.9918 11.5898L22.28 12.4232L16.6669 12.4232V11.5898ZM21.4391 10.0003H16.6669V10.8337L21.7273 10.8337L21.4391 10.0003ZM29.9999 21.1349H25.8309V21.9653H29.9999V21.1349ZM25.8309 19.542H29.9999V20.3753H25.8309V19.542ZM28.3329 17.9525H25.8309V18.7858H28.3329V17.9525ZM25.8309 16.3627H28.3329V17.1961H25.8309V16.3627ZM28.3329 15.6058H25.8309V14.8405L25.5665 15.6058L21.0974 15.6058L20.8329 14.8405V15.6058H18.3309V14.7725H20.8329H23.0972L23.3319 15.4463L23.5667 14.7725L25.8309 14.7725H28.3329V15.6058ZM28.3326 13.1801H24.1191L23.8309 14.0134L28.3326 14.0134V13.1801ZM24.9393 10.8337L25.2275 10.0003H29.9997V10.8337H24.9393ZM23.3322 21.9594L23.6204 21.1349H23.0439L23.3322 21.9594ZM23.8844 20.3753H22.7791L22.4849 19.542H24.1816L23.8844 20.3753ZM22.2176 18.7858H24.4462L24.7403 17.9525H21.9234L22.2176 18.7858ZM25.0077 17.1958H21.6589L21.3707 16.3625H25.293L25.0077 17.1958ZM18.3309 14.0134H22.8327L22.5445 13.1801L18.3309 13.1801V14.0134ZM30.0001 12.4232H24.387L24.6723 11.5898H30.0001V12.4232Z" fill="black"/>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/mistral.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/mistral.svg
new file mode 100644
index 0000000000000..f62258a327594
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/mistral.svg
@@ -0,0 +1,34 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2415 18.6003H7.03916L7.0416 13.4005H12.2441L12.2415 18.6003Z" fill="black"/>
+<path d="M17.4412 23.8001H12.2389L12.2415 18.6003L17.4438 18.6004L17.4412 23.8001Z" fill="black"/>
+<path d="M17.4438 18.6004L12.2415 18.6003L12.2441 13.4005H17.4464L17.4438 18.6004Z" fill="black"/>
+<path d="M22.6461 18.6003L17.4438 18.6004L17.4464 13.4005H22.6487L22.6461 18.6003Z" fill="black"/>
+<path d="M12.2441 13.4005H7.0416L7.04408 8.20071H12.2466L12.2441 13.4005Z" fill="black"/>
+<path d="M22.6487 13.4005H17.4464L17.4488 8.20071H22.6513L22.6487 13.4005Z" fill="black"/>
+<path d="M7.03916 18.6003H1.83674L1.83918 13.4005H7.0416L7.03916 18.6003Z" fill="black"/>
+<path d="M7.0416 13.4005H1.83918L1.84176 8.20071H7.04408L7.0416 13.4005Z" fill="black"/>
+<path d="M7.04408 8.20071H1.84176L1.84435 3.00088H7.04684L7.04408 8.20071Z" fill="black"/>
+<path d="M27.8536 8.20061L22.6513 8.20071L22.6537 3.00088H27.8562L27.8536 8.20061Z" fill="black"/>
+<path d="M7.0366 23.8001H1.83425L1.83674 18.6003H7.03916L7.0366 23.8001Z" fill="black"/>
+<path d="M7.03401 28.9999H1.83167L1.83425 23.8001H7.0366L7.03401 28.9999Z" fill="black"/>
+<path d="M27.8485 18.6003H22.6461L22.6487 13.4005H27.851L27.8485 18.6003Z" fill="black"/>
+<path d="M27.851 13.4005H22.6487L22.6513 8.20071L27.8536 8.20061L27.851 13.4005Z" fill="black"/>
+<path d="M27.846 23.8001H22.6436L22.6461 18.6003H27.8485L27.846 23.8001Z" fill="black"/>
+<path d="M27.8434 28.9999H22.641L22.6436 23.8001H27.846L27.8434 28.9999Z" fill="black"/>
+<path d="M14.405 18.5994H9.20275L9.20519 13.3997H14.4077L14.405 18.5994Z" fill="#FF7000"/>
+<path d="M19.6049 23.7992H14.4026L14.405 18.5994L19.6075 18.5995L19.6049 23.7992Z" fill="#FF4900"/>
+<path d="M19.6075 18.5995L14.405 18.5994L14.4077 13.3997L19.61 13.4007L19.6075 18.5995Z" fill="#FF7000"/>
+<path d="M24.8099 18.6004L19.6075 18.5995L19.61 13.4007H24.8125L24.8099 18.6004Z" fill="#FF7000"/>
+<path d="M14.4077 13.3997H9.20519L9.20783 8.1992H14.4103L14.4077 13.3997Z" fill="#FFA300"/>
+<path d="M24.8124 13.3989H19.61L19.6125 8.1992H24.815L24.8124 13.3989Z" fill="#FFA300"/>
+<path d="M9.20275 18.5994H4.00043L4.00286 13.3997H9.20519L9.20275 18.5994Z" fill="#FF7000"/>
+<path d="M9.20519 13.3997H4.00286L4.00535 8.19983L9.20783 8.1992L9.20519 13.3997Z" fill="#FFA300"/>
+<path d="M9.20783 8.1992L4.00535 8.19983L4.00794 3H9.21043L9.20783 8.1992Z" fill="#FFCE00"/>
+<path d="M30.0172 8.19973L24.815 8.1992L24.8173 3H30.0198L30.0172 8.19973Z" fill="#FFCE00"/>
+<path d="M9.20005 23.7992H3.99784L4.00043 18.5994H9.20275L9.20005 23.7992Z" fill="#FF4900"/>
+<path d="M9.19756 28.9991H3.99535L3.99784 23.7992H9.20005L9.19756 28.9991Z" fill="#FF0107"/>
+<path d="M30.0122 18.5994L24.8099 18.6004L24.8124 13.3989L30.0147 13.3997L30.0122 18.5994Z" fill="#FF7000"/>
+<path d="M30.0147 13.3997L24.8124 13.3989L24.815 8.1992L30.0172 8.19973L30.0147 13.3997Z" fill="#FFA300"/>
+<path d="M30.0096 23.7992H24.8072L24.8099 18.6004L30.0122 18.5994L30.0096 23.7992Z" fill="#FF4900"/>
+<path d="M30.0071 28.9991H24.8047L24.8072 23.7992H30.0096L30.0071 28.9991Z" fill="#FF0107"/>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/open_ai.svg b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/open_ai.svg
new file mode 100644
index 0000000000000..9ddc8f8fd63b8
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/assets/images/open_ai.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.1537 13.4601C28.4721 12.5178 28.5826 11.5176 28.4776 10.5285C28.3727 9.53937 28.0547 8.58469 27.5457 7.73014C26.7865 6.43008 25.6346 5.40425 24.2557 4.80014C22.8693 4.19126 21.327 4.03247 19.8457 4.34614C19.175 3.60107 18.3535 3.00725 17.4357 2.60414C16.5153 2.19969 15.52 1.99388 14.5147 2.00014C13.0027 1.99593 11.5276 2.46676 10.2977 3.34614C9.07577 4.21901 8.16395 5.4587 7.69468 6.88514C6.70973 7.08379 5.77797 7.48866 4.96068 8.07314C4.14712 8.65428 3.46726 9.40268 2.96668 10.2681C2.20588 11.5589 1.88068 13.0602 2.03916 14.5501C2.19764 16.04 2.83138 17.4393 3.84668 18.5411C3.52841 19.4833 3.41787 20.4832 3.52265 21.4721C3.62743 22.4611 3.94505 23.4156 4.45368 24.2701C5.21284 25.5702 6.36472 26.596 7.74368 27.2001C9.13 27.809 10.6724 27.9678 12.1537 27.6541C12.824 28.3992 13.6452 28.993 14.5627 29.3961C15.4827 29.8001 16.4787 30.0061 17.4857 30.0001C18.9986 30.0053 20.4748 29.5348 21.7057 28.6551C22.9291 27.7816 23.8417 26.5404 24.3107 25.1121C25.2956 24.9139 26.2274 24.5094 27.0447 23.9251C27.858 23.3436 28.5376 22.5949 29.0377 21.7291C29.7974 20.4383 30.1216 18.9373 29.9624 17.448C29.8032 15.9587 29.1691 14.5602 28.1537 13.4591V13.4601ZM17.5437 28.1701C16.1317 28.1701 15.0387 27.7421 14.0837 26.9551C14.1267 26.9321 14.2027 26.8911 14.2517 26.8611L19.9017 23.6411C20.0423 23.5619 20.1594 23.4468 20.241 23.3074C20.3225 23.1681 20.3655 23.0096 20.3657 22.8481V14.9881L22.7547 16.3481C22.767 16.3545 22.7776 16.3638 22.7856 16.3751C22.7936 16.3864 22.7987 16.3994 22.8007 16.4131V22.9211C22.8007 25.8731 20.3097 28.1701 17.5437 28.1701ZM6.06268 23.3541C5.43989 22.2948 5.21478 21.0484 5.42768 19.8381C5.46968 19.8631 5.54268 19.9081 5.59568 19.9381L11.2457 23.1581C11.3867 23.2396 11.5468 23.2825 11.7097 23.2825C11.8726 23.2825 12.0326 23.2396 12.1737 23.1581L19.0717 19.2281V21.9481C19.0725 21.962 19.0698 21.9759 19.0639 21.9885C19.0579 22.0011 19.0489 22.012 19.0377 22.0201L13.3267 25.2751C12.1017 25.97 10.6532 26.1574 9.29168 25.7971C7.9348 25.441 6.77475 24.5628 6.06268 23.3541ZM4.57368 11.1841C5.19855 10.1168 6.17811 9.30248 7.34168 8.88314V15.5151C7.34012 15.6769 7.38245 15.8361 7.46415 15.9757C7.54586 16.1154 7.66388 16.2302 7.80568 16.3081L14.7027 20.2381L12.3147 21.5981C12.303 21.6058 12.2896 21.6105 12.2757 21.6119C12.2617 21.6133 12.2477 21.6113 12.2347 21.6061L6.52068 18.3491C5.91893 18.0071 5.39058 17.5497 4.96588 17.0032C4.54118 16.4567 4.22847 15.8317 4.04568 15.1641C3.86493 14.499 3.81844 13.8045 3.90892 13.1211C3.9994 12.4378 4.22604 11.7793 4.57368 11.1841ZM24.1967 15.6901L17.2987 11.7601L19.6867 10.4001C19.6984 10.3925 19.7118 10.3877 19.7257 10.3863C19.7396 10.385 19.7537 10.3869 19.7667 10.3921L25.4797 13.6471C26.3517 14.1436 27.0642 14.8783 27.5337 15.7651C28.0004 16.6478 28.2026 17.6464 28.116 18.641C28.0295 19.6357 27.6578 20.5844 27.0457 21.3731C26.4299 22.1683 25.6011 22.7723 24.6557 23.1151V16.4821C24.6574 16.3211 24.6157 16.1625 24.535 16.0231C24.4542 15.8837 24.3373 15.7687 24.1967 15.6901ZM26.5737 12.1571C26.5181 12.1235 26.4621 12.0905 26.4057 12.0581L20.7557 8.83814C20.6145 8.75688 20.4545 8.71412 20.2917 8.71412C20.1288 8.71412 19.9688 8.75688 19.8277 8.83814L12.9297 12.7681V10.0461C12.9289 10.0322 12.9315 10.0184 12.9375 10.0058C12.9434 9.99321 12.9524 9.98233 12.9637 9.97414L18.6757 6.72314C19.5524 6.22471 20.5517 5.98299 21.5593 6.02561C22.5669 6.06823 23.5422 6.39346 24.3737 6.96414C25.1997 7.53109 25.8467 8.32209 26.2387 9.24414C26.6287 10.1641 26.7447 11.1741 26.5737 12.1571ZM11.6317 17.0091L9.24168 15.6491C9.22917 15.643 9.21841 15.6339 9.21037 15.6225C9.20233 15.6112 9.19728 15.598 9.19568 15.5841V9.07514C9.19668 8.07814 9.48568 7.10214 10.0277 6.26114C10.5729 5.41768 11.3466 4.7466 12.2587 4.32614C13.1746 3.90382 14.1908 3.74739 15.1914 3.8747C16.192 4.002 17.1366 4.40791 17.9177 5.04614C17.8611 5.07604 17.8051 5.10704 17.7497 5.13914L12.0997 8.35914C11.959 8.43838 11.8418 8.55353 11.7601 8.69284C11.6784 8.83216 11.6351 8.99064 11.6347 9.15214L11.6317 17.0091ZM12.9287 14.2491L16.0007 12.5001L19.0727 14.2501V17.7501L16.0007 19.4991L12.9287 17.7491V14.2491Z" fill="black"/>
+</svg>
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/render_service_provider/service_provider.test.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/render_service_provider/service_provider.test.tsx
new file mode 100644
index 0000000000000..bd4591c31a73a
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/render_service_provider/service_provider.test.tsx
@@ -0,0 +1,42 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+import { ServiceProviderIcon, ServiceProviderName } from './service_provider';
+import { ServiceProviderKeys } from '../../../constants';
+
+jest.mock('../assets/images/elastic.svg', () => 'elasticIcon.svg');
+jest.mock('../assets/images/hugging_face.svg', () => 'huggingFaceIcon.svg');
+jest.mock('../assets/images/cohere.svg', () => 'cohereIcon.svg');
+jest.mock('../assets/images/open_ai.svg', () => 'openAIIcon.svg');
+
+describe('ServiceProviderIcon component', () => {
+  it('renders Hugging Face icon and name when providerKey is hugging_face', () => {
+    render(<ServiceProviderIcon providerKey={ServiceProviderKeys.hugging_face} />);
+    const icon = screen.getByTestId('icon-service-provider-hugging_face');
+    expect(icon).toBeInTheDocument();
+  });
+
+  it('renders Open AI icon and name when providerKey is openai', () => {
+    render(<ServiceProviderIcon providerKey={ServiceProviderKeys.openai} />);
+    const icon = screen.getByTestId('icon-service-provider-openai');
+    expect(icon).toBeInTheDocument();
+  });
+});
+
+describe('ServiceProviderName component', () => {
+  it('renders Hugging Face icon and name when providerKey is hugging_face', () => {
+    render(<ServiceProviderName providerKey={ServiceProviderKeys.hugging_face} />);
+    expect(screen.getByText('Hugging Face')).toBeInTheDocument();
+  });
+
+  it('renders Open AI icon and name when providerKey is openai', () => {
+    render(<ServiceProviderName providerKey={ServiceProviderKeys.openai} />);
+    expect(screen.getByText('OpenAI')).toBeInTheDocument();
+  });
+});
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/render_service_provider/service_provider.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/render_service_provider/service_provider.tsx
new file mode 100644
index 0000000000000..e50cfae1d30bc
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/render_service_provider/service_provider.tsx
@@ -0,0 +1,125 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { EuiHighlight, EuiIcon } from '@elastic/eui';
+import React from 'react';
+
+import { ServiceProviderKeys } from '../../../constants';
+import elasticIcon from '../assets/images/elastic.svg';
+import huggingFaceIcon from '../assets/images/hugging_face.svg';
+import cohereIcon from '../assets/images/cohere.svg';
+import openAIIcon from '../assets/images/open_ai.svg';
+import azureAIStudioIcon from '../assets/images/azure_ai_studio.svg';
+import azureOpenAIIcon from '../assets/images/azure_open_ai.svg';
+import googleAIStudioIcon from '../assets/images/google_ai_studio.svg';
+import mistralIcon from '../assets/images/mistral.svg';
+import amazonBedrockIcon from '../assets/images/amazon_bedrock.svg';
+import anthropicIcon from '../assets/images/anthropic.svg';
+import alibabaCloudIcon from '../assets/images/alibaba_cloud.svg';
+import ibmWatsonxIcon from '../assets/images/ibm_watsonx.svg';
+
+interface ServiceProviderProps {
+  providerKey: ServiceProviderKeys;
+  searchValue?: string;
+}
+
+export type ProviderSolution = 'Observability' | 'Security' | 'Search';
+
+interface ServiceProviderRecord {
+  icon: string;
+  name: string;
+  solutions: ProviderSolution[];
+}
+
+export const SERVICE_PROVIDERS: Record<ServiceProviderKeys, ServiceProviderRecord> = {
+  [ServiceProviderKeys.amazonbedrock]: {
+    icon: amazonBedrockIcon,
+    name: 'Amazon Bedrock',
+    solutions: ['Observability', 'Security', 'Search'],
+  },
+  [ServiceProviderKeys.azureaistudio]: {
+    icon: azureAIStudioIcon,
+    name: 'Azure AI Studio',
+    solutions: ['Search'],
+  },
+  [ServiceProviderKeys.azureopenai]: {
+    icon: azureOpenAIIcon,
+    name: 'Azure OpenAI',
+    solutions: ['Observability', 'Security', 'Search'],
+  },
+  [ServiceProviderKeys.anthropic]: {
+    icon: anthropicIcon,
+    name: 'Anthropic',
+    solutions: ['Search'],
+  },
+  [ServiceProviderKeys.cohere]: {
+    icon: cohereIcon,
+    name: 'Cohere',
+    solutions: ['Search'],
+  },
+  [ServiceProviderKeys.elasticsearch]: {
+    icon: elasticIcon,
+    name: 'Elasticsearch',
+    solutions: ['Search'],
+  },
+  [ServiceProviderKeys.googleaistudio]: {
+    icon: googleAIStudioIcon,
+    name: 'Google AI Studio',
+    solutions: ['Search'],
+  },
+  [ServiceProviderKeys.googlevertexai]: {
+    icon: googleAIStudioIcon,
+    name: 'Google Vertex AI',
+    solutions: ['Observability', 'Security', 'Search'],
+  },
+  [ServiceProviderKeys.hugging_face]: {
+    icon: huggingFaceIcon,
+    name: 'Hugging Face',
+    solutions: ['Search'],
+  },
+  [ServiceProviderKeys.mistral]: {
+    icon: mistralIcon,
+    name: 'Mistral',
+    solutions: ['Search'],
+  },
+  [ServiceProviderKeys.openai]: {
+    icon: openAIIcon,
+    name: 'OpenAI',
+    solutions: ['Observability', 'Security', 'Search'],
+  },
+  [ServiceProviderKeys['alibabacloud-ai-search']]: {
+    icon: alibabaCloudIcon,
+    name: 'AlibabaCloud AI Search',
+    solutions: ['Search'],
+  },
+  [ServiceProviderKeys.watsonxai]: {
+    icon: ibmWatsonxIcon,
+    name: 'IBM Watsonx',
+    solutions: ['Search'],
+  },
+};
+
+export const ServiceProviderIcon: React.FC<ServiceProviderProps> = ({ providerKey }) => {
+  const provider = SERVICE_PROVIDERS[providerKey];
+
+  return provider ? (
+    <EuiIcon data-test-subj={`icon-service-provider-${providerKey}`} type={provider.icon} />
+  ) : null;
+};
+
+export const ServiceProviderName: React.FC<ServiceProviderProps> = ({
+  providerKey,
+  searchValue,
+}) => {
+  const provider = SERVICE_PROVIDERS[providerKey];
+
+  return provider ? (
+    <EuiHighlight search={searchValue ?? ''}>{provider.name}</EuiHighlight>
+  ) : (
+    <span>{providerKey}</span>
+  );
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/selectable.test.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/selectable.test.tsx
new file mode 100644
index 0000000000000..6e2bedbcf4516
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/selectable.test.tsx
@@ -0,0 +1,75 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { FieldType } from '../../types/types';
+import { SelectableProvider } from './selectable';
+
+const providers = [
+  {
+    service: 'hugging_face',
+    name: 'Hugging Face',
+    task_types: ['text_embedding', 'sparse_embedding'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      url: {
+        default_value: 'https://api.openai.com/v1/embeddings',
+        description: 'The URL endpoint to use for the requests.',
+        label: 'URL',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+];
+
+describe('SelectableProvider', () => {
+  const props = {
+    providers,
+    onClosePopover: jest.fn(),
+    onProviderChange: jest.fn(),
+  };
+  describe('should render', () => {
+    describe('provider', () => {
+      afterAll(() => {
+        jest.clearAllMocks();
+      });
+
+      test('render placeholder', async () => {
+        render(<SelectableProvider {...props} />);
+        const searchInput = screen.getByTestId('provider-super-select-search-box');
+        expect(searchInput).toHaveAttribute('placeholder', 'Search');
+      });
+
+      test('render list of providers', async () => {
+        render(<SelectableProvider {...props} />);
+        const listOfProviders = screen.queryAllByRole('option');
+        expect(listOfProviders).toHaveLength(1);
+      });
+    });
+  });
+});
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/selectable.tsx b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/selectable.tsx
new file mode 100644
index 0000000000000..ab125ce273366
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/components/providers/selectable.tsx
@@ -0,0 +1,133 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import {
+  EuiBadge,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiSelectable,
+  EuiSelectableOption,
+  EuiSelectableProps,
+} from '@elastic/eui';
+import React, { useCallback, useMemo } from 'react';
+
+import {
+  ProviderSolution,
+  SERVICE_PROVIDERS,
+  ServiceProviderIcon,
+  ServiceProviderName,
+} from './render_service_provider/service_provider';
+import { ServiceProviderKeys } from '../../constants';
+import { InferenceProvider } from '../../types/types';
+import * as i18n from '../../translations';
+
+interface SelectableProviderProps {
+  providers: InferenceProvider[];
+  onClosePopover: () => void;
+  onProviderChange: (provider?: string) => void;
+}
+
+export const SelectableProvider: React.FC<SelectableProviderProps> = ({
+  providers,
+  onClosePopover,
+  onProviderChange,
+}) => {
+  const renderProviderOption = useCallback<NonNullable<EuiSelectableProps['renderOption']>>(
+    (option, searchValue) => {
+      const provider = Object.keys(SERVICE_PROVIDERS).includes(option.label)
+        ? SERVICE_PROVIDERS[option.label as ServiceProviderKeys]
+        : undefined;
+
+      const supportedBySolutions = (provider &&
+        provider.solutions.map((solution) => (
+          <EuiFlexItem>
+            <EuiBadge color="hollow">{solution}</EuiBadge>
+          </EuiFlexItem>
+        ))) ?? (
+        <EuiFlexItem>
+          <EuiBadge color="hollow">{'Search' as ProviderSolution}</EuiBadge>
+        </EuiFlexItem>
+      );
+      return (
+        <EuiFlexGroup gutterSize="s" alignItems="center" responsive={false}>
+          <EuiFlexItem grow={false}>
+            <ServiceProviderIcon providerKey={option.label as ServiceProviderKeys} />
+          </EuiFlexItem>
+          <EuiFlexItem grow={true}>
+            <EuiFlexGroup gutterSize="none" direction="column" responsive={false}>
+              <EuiFlexItem data-test-subj="provider">
+                <ServiceProviderName
+                  providerKey={option.label as ServiceProviderKeys}
+                  searchValue={searchValue}
+                />
+              </EuiFlexItem>
+            </EuiFlexGroup>
+          </EuiFlexItem>
+          <EuiFlexItem grow={false}>
+            <EuiFlexGroup gutterSize="xs" responsive={false}>
+              {supportedBySolutions}
+            </EuiFlexGroup>
+          </EuiFlexItem>
+        </EuiFlexGroup>
+      );
+    },
+    []
+  );
+
+  const EuiSelectableContent = useCallback<NonNullable<EuiSelectableProps['children']>>(
+    (list, search) => (
+      <>
+        {search}
+        {list}
+      </>
+    ),
+    []
+  );
+
+  const searchProps: EuiSelectableProps['searchProps'] = useMemo(
+    () => ({
+      'data-test-subj': 'provider-super-select-search-box',
+      placeholder: i18n.SEARCHLABEL,
+      incremental: false,
+      compressed: true,
+      fullWidth: true,
+    }),
+    []
+  );
+
+  const handleProviderChange = useCallback<NonNullable<EuiSelectableProps['onChange']>>(
+    (options) => {
+      const selectedProvider = options.filter((option) => option.checked === 'on');
+      if (selectedProvider != null && selectedProvider.length > 0) {
+        onProviderChange(selectedProvider[0].label);
+      }
+      onClosePopover();
+    },
+    [onClosePopover, onProviderChange]
+  );
+
+  const getSelectableOptions = useCallback(() => {
+    return providers?.map((p) => ({
+      label: p.service,
+      key: p.service,
+    })) as EuiSelectableOption[];
+  }, [providers]);
+
+  return (
+    <EuiSelectable
+      data-test-subj="add-inference-selectable-service"
+      renderOption={renderProviderOption}
+      onChange={handleProviderChange}
+      searchable
+      searchProps={searchProps}
+      singleSelection={true}
+      options={getSelectableOptions()}
+    >
+      {EuiSelectableContent}
+    </EuiSelectable>
+  );
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/constants.ts b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/constants.ts
new file mode 100644
index 0000000000000..1ea2152ba2f49
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/constants.ts
@@ -0,0 +1,24 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+export enum ServiceProviderKeys {
+  amazonbedrock = 'amazonbedrock',
+  azureopenai = 'azureopenai',
+  azureaistudio = 'azureaistudio',
+  cohere = 'cohere',
+  elasticsearch = 'elasticsearch',
+  googleaistudio = 'googleaistudio',
+  googlevertexai = 'googlevertexai',
+  hugging_face = 'hugging_face',
+  mistral = 'mistral',
+  openai = 'openai',
+  anthropic = 'anthropic',
+  watsonxai = 'watsonxai',
+  'alibabacloud-ai-search' = 'alibabacloud-ai-search',
+}
+
+export const DEFAULT_TASK_TYPE = 'completion';
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/translations.ts b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/translations.ts
new file mode 100644
index 0000000000000..6258fc94687fe
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/translations.ts
@@ -0,0 +1,129 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { i18n } from '@kbn/i18n';
+
+export const getRequiredMessage = (field: string) => {
+  return i18n.translate('xpack.inferenceEndpointUICommon.components.requiredGenericTextField', {
+    defaultMessage: '{field} is required.',
+    values: { field },
+  });
+};
+
+export const INPUT_INVALID = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.params.error.invalidInputText',
+  {
+    defaultMessage: 'Input does not have a valid Array format.',
+  }
+);
+
+export const INVALID_ACTION = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.invalidActionText',
+  {
+    defaultMessage: 'Invalid action name.',
+  }
+);
+
+export const BODY = i18n.translate('xpack.inferenceEndpointUICommon.components.bodyFieldLabel', {
+  defaultMessage: 'Body',
+});
+
+export const INPUT = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.completionInputLabel',
+  {
+    defaultMessage: 'Input',
+  }
+);
+
+export const INPUT_TYPE = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.completionInputTypeLabel',
+  {
+    defaultMessage: 'Input type',
+  }
+);
+
+export const QUERY = i18n.translate('xpack.inferenceEndpointUICommon.components.rerankQueryLabel', {
+  defaultMessage: 'Query',
+});
+
+export const BODY_DESCRIPTION = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.bodyCodeEditorAriaLabel',
+  {
+    defaultMessage: 'Code editor',
+  }
+);
+
+export const TASK_TYPE = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.taskTypeFieldLabel',
+  {
+    defaultMessage: 'Task type',
+  }
+);
+
+export const PROVIDER = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.providerFieldLabel',
+  {
+    defaultMessage: 'Provider',
+  }
+);
+
+export const PROVIDER_REQUIRED = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.error.requiredProviderText',
+  {
+    defaultMessage: 'Provider is required.',
+  }
+);
+
+export const DOCUMENTATION = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.documentation',
+  {
+    defaultMessage: 'Inference API documentation',
+  }
+);
+
+export const SELECT_PROVIDER = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.selectProvider',
+  {
+    defaultMessage: 'Select a service',
+  }
+);
+
+export const COPY_TOOLTIP = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.copy.tooltip',
+  {
+    defaultMessage: 'Copy to clipboard',
+  }
+);
+
+export const COPIED_TOOLTIP = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.copied.tooltip',
+  {
+    defaultMessage: 'Copied!',
+  }
+);
+
+export const SEARCHLABEL = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.searchLabel',
+  {
+    defaultMessage: 'Search',
+  }
+);
+
+export const OPTIONALTEXT = i18n.translate(
+  'xpack.inferenceEndpointUICommon.components.optionalText',
+  {
+    defaultMessage: 'Optional',
+  }
+);
+
+export const RE_ENTER_SECRETS = (label: string) => {
+  return i18n.translate('xpack.inferenceEndpointUICommon.components.requiredGenericTextField', {
+    defaultMessage:
+      'You will need to reenter your ${label} each time you edit the inference endpoint',
+    values: { label },
+  });
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/types/types.ts b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/types/types.ts
new file mode 100644
index 0000000000000..fc1f32b668811
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/types/types.ts
@@ -0,0 +1,51 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+import { FieldType } from '@kbn/search-connectors';
+
+export { FieldType } from '@kbn/search-connectors';
+
+export interface ConfigProperties {
+  default_value: string | number | boolean | null;
+  description: string | null;
+  label: string;
+  required: boolean;
+  sensitive: boolean;
+  updatable: boolean;
+  type: FieldType;
+}
+
+interface ConfigEntry extends ConfigProperties {
+  key: string;
+}
+
+export interface ConfigEntryView extends ConfigEntry {
+  isValid: boolean;
+  validationErrors: string[];
+  value: string | number | boolean | null;
+}
+
+export type FieldsConfiguration = Record<string, ConfigProperties>;
+
+export interface InferenceProvider {
+  service: string;
+  name: string;
+  task_types: string[];
+  logo?: string;
+  configurations: FieldsConfiguration;
+}
+
+export interface Config {
+  taskType: string;
+  taskTypeConfig?: Record<string, unknown>;
+  inferenceId: string;
+  provider: string;
+  providerConfig?: Record<string, unknown>;
+}
+
+export interface Secrets {
+  providerSecrets?: Record<string, unknown>;
+}
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/utils/helpers.ts b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/utils/helpers.ts
new file mode 100644
index 0000000000000..168d2fe37faa0
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/src/utils/helpers.ts
@@ -0,0 +1,80 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { ValidationFunc } from '@kbn/es-ui-shared-plugin/static/forms/hook_form_lib';
+import { isEmpty } from 'lodash/fp';
+import { Config, ConfigEntryView } from '../types/types';
+import * as LABELS from '../translations';
+
+export interface TaskTypeOption {
+  id: string;
+  value: string;
+  label: string;
+}
+
+export const getTaskTypeOptions = (taskTypes: string[]): TaskTypeOption[] =>
+  taskTypes.map((taskType) => ({
+    id: taskType,
+    label: taskType,
+    value: taskType,
+  }));
+
+export const generateInferenceEndpointId = (config: Config) => {
+  const taskTypeSuffix = config.taskType ? `${config.taskType}-` : '';
+  const inferenceEndpointId = `${config.provider}-${taskTypeSuffix}${Math.random()
+    .toString(36)
+    .slice(2)}`;
+  return inferenceEndpointId;
+};
+
+export const getNonEmptyValidator = (
+  schema: ConfigEntryView[],
+  validationEventHandler: (fieldsWithErrors: ConfigEntryView[]) => void,
+  isSubmitting: boolean = false,
+  isSecrets: boolean = false
+) => {
+  return (...args: Parameters<ValidationFunc>): ReturnType<ValidationFunc> => {
+    const [{ value, path }] = args;
+    const newSchema: ConfigEntryView[] = [];
+
+    const configData = (value ?? {}) as Record<string, unknown>;
+    let hasErrors = false;
+    if (schema) {
+      schema
+        .filter((f: ConfigEntryView) => f.required)
+        .forEach((field: ConfigEntryView) => {
+          // validate if submitting or on field edit - value is not default to null
+          if (configData[field.key] !== null || isSubmitting) {
+            // validate secrets fields separately from regular
+            if (isSecrets ? field.sensitive : !field.sensitive) {
+              if (
+                !configData[field.key] ||
+                (typeof configData[field.key] === 'string' && isEmpty(configData[field.key]))
+              ) {
+                field.validationErrors = [LABELS.getRequiredMessage(field.label)];
+                field.isValid = false;
+                hasErrors = true;
+              } else {
+                field.validationErrors = [];
+                field.isValid = true;
+              }
+            }
+          }
+          newSchema.push(field);
+        });
+
+      validationEventHandler(newSchema);
+      if (hasErrors) {
+        return {
+          code: 'ERR_FIELD_MISSING',
+          path,
+          message: LABELS.getRequiredMessage('Action'),
+        };
+      }
+    }
+  };
+};
diff --git a/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/tsconfig.json b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/tsconfig.json
new file mode 100644
index 0000000000000..f306c4703b7a0
--- /dev/null
+++ b/x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "extends": "../../../../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "target/types",
+    "types": [
+      "jest",
+      "node",
+      "react",
+      "@kbn/ambient-ui-types"
+    ]
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "target/**/*"
+  ],
+  "kbn_references": [
+    "@kbn/i18n",
+    "@kbn/i18n-react",
+    "@kbn/search-connectors",
+    "@kbn/es-ui-shared-plugin",
+    "@kbn/triggers-actions-ui-plugin"
+  ]
+}
diff --git a/x-pack/plugins/search_inference_endpoints/common/translations.ts b/x-pack/plugins/search_inference_endpoints/common/translations.ts
index 9d4238b494e6b..ed7fc1f0d80a1 100644
--- a/x-pack/plugins/search_inference_endpoints/common/translations.ts
+++ b/x-pack/plugins/search_inference_endpoints/common/translations.ts
@@ -40,6 +40,13 @@ export const API_DOCUMENTATION_LINK = i18n.translate(
   }
 );
 
+export const ADD_ENDPOINT_LABEL = i18n.translate(
+  'xpack.searchInferenceEndpoints.addConnectorButtonLabel',
+  {
+    defaultMessage: 'Add endpoint',
+  }
+);
+
 export const ERROR_TITLE = i18n.translate('xpack.searchInferenceEndpoints.inferenceId.errorTitle', {
   defaultMessage: 'Error adding inference endpoint',
 });
diff --git a/x-pack/plugins/search_inference_endpoints/common/types.ts b/x-pack/plugins/search_inference_endpoints/common/types.ts
index 2c23f542ee2bb..0c1da5a59b799 100644
--- a/x-pack/plugins/search_inference_endpoints/common/types.ts
+++ b/x-pack/plugins/search_inference_endpoints/common/types.ts
@@ -5,9 +5,12 @@
  * 2.0.
  */
 
+import type { Config, Secrets } from '@kbn/inference-endpoint-ui-common';
+
 export enum APIRoutes {
   GET_INFERENCE_ENDPOINTS = '/internal/inference_endpoints/endpoints',
-  DELETE_INFERENCE_ENDPOINT = '/internal/inference_endpoint/endpoints/{type}/{id}',
+  INFERENCE_ENDPOINT = '/internal/inference_endpoint/endpoints/{type}/{id}',
+  GET_INFERENCE_SERVICES = 'internal/inference_endpoints/_inference/_services',
 }
 
 export interface SearchInferenceEndpointsConfigType {
@@ -22,3 +25,10 @@ export enum TaskTypes {
   sparse_embedding = 'sparse_embedding',
   text_embedding = 'text_embedding',
 }
+
+export type { InferenceProvider } from '@kbn/inference-endpoint-ui-common';
+
+export interface InferenceEndpoint {
+  config: Config;
+  secrets: Secrets;
+}
diff --git a/x-pack/plugins/search_inference_endpoints/kibana.jsonc b/x-pack/plugins/search_inference_endpoints/kibana.jsonc
index dca472a92d437..8f65c2be1b16a 100644
--- a/x-pack/plugins/search_inference_endpoints/kibana.jsonc
+++ b/x-pack/plugins/search_inference_endpoints/kibana.jsonc
@@ -29,7 +29,8 @@
       "searchNavigation",
     ],
     "requiredBundles": [
-      "kibanaReact"
+      "kibanaReact",
+      "esUiShared"
     ]
   }
 }
diff --git a/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/add_inference_flyout_wrapper.test.tsx b/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/add_inference_flyout_wrapper.test.tsx
new file mode 100644
index 0000000000000..2e9f6af8423a3
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/add_inference_flyout_wrapper.test.tsx
@@ -0,0 +1,87 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Form, useForm } from '@kbn/es-ui-shared-plugin/static/forms/hook_form_lib';
+import React from 'react';
+import { I18nProvider } from '@kbn/i18n-react';
+
+import { AddInferenceFlyoutWrapper } from './add_inference_flyout_wrapper';
+import { mockProviders } from '../../utils/test_utils/test_utils';
+
+const mockAddEndpoint = jest.fn();
+const onClose = jest.fn();
+jest.mock('../../hooks/use_add_endpoint', () => ({
+  useAddEndpoint: () => ({
+    mutate: mockAddEndpoint.mockImplementation(() => Promise.resolve()),
+  }),
+}));
+
+jest.mock('../../hooks/use_providers', () => ({
+  useProviders: jest.fn(() => ({
+    data: mockProviders,
+  })),
+}));
+
+const MockFormProvider = ({ children }: { children: React.ReactElement }) => {
+  const { form } = useForm();
+  return (
+    <I18nProvider>
+      <Form form={form}>{children}</Form>
+    </I18nProvider>
+  );
+};
+
+describe('AddInferenceFlyout', () => {
+  it('renders', () => {
+    render(
+      <MockFormProvider>
+        <AddInferenceFlyoutWrapper onClose={onClose} />
+      </MockFormProvider>
+    );
+
+    expect(screen.getByTestId('create-inference-flyout')).toBeInTheDocument();
+    expect(screen.getByTestId('create-inference-flyout-header')).toBeInTheDocument();
+    expect(screen.getByTestId('create-inference-flyout-header')).toBeInTheDocument();
+    expect(screen.getByTestId('provider-select')).toBeInTheDocument();
+    expect(screen.getByTestId('add-inference-endpoint-submit-button')).toBeInTheDocument();
+    expect(screen.getByTestId('create-inference-flyout-close-button')).toBeInTheDocument();
+  });
+
+  it('invalidates form if no provider is selected', async () => {
+    render(
+      <MockFormProvider>
+        <AddInferenceFlyoutWrapper onClose={onClose} />
+      </MockFormProvider>
+    );
+
+    await userEvent.click(screen.getByTestId('add-inference-endpoint-submit-button'));
+    expect(screen.getByText('Provider is required.')).toBeInTheDocument();
+    expect(mockAddEndpoint).not.toHaveBeenCalled();
+    expect(screen.getByTestId('add-inference-endpoint-submit-button')).toBeDisabled();
+  });
+
+  it('valid submission', async () => {
+    render(
+      <MockFormProvider>
+        <AddInferenceFlyoutWrapper onClose={onClose} />
+      </MockFormProvider>
+    );
+
+    await userEvent.click(screen.getByTestId('provider-select'));
+    await userEvent.click(screen.getByText('Anthropic'));
+    await userEvent.type(await screen.findByTestId('api_key-password'), 'test api passcode');
+    await userEvent.type(
+      await screen.findByTestId('model_id-input'),
+      'sample model name from Anthropic'
+    );
+
+    await userEvent.click(screen.getByTestId('add-inference-endpoint-submit-button'));
+    expect(mockAddEndpoint).toHaveBeenCalled();
+  }, 10e3);
+});
diff --git a/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/add_inference_flyout_wrapper.tsx b/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/add_inference_flyout_wrapper.tsx
new file mode 100644
index 0000000000000..b2cb4f04645cd
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/add_inference_flyout_wrapper.tsx
@@ -0,0 +1,66 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import {
+  EuiButtonEmpty,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiFlyout,
+  EuiFlyoutBody,
+  EuiFlyoutFooter,
+  EuiFlyoutHeader,
+  EuiTitle,
+  useGeneratedHtmlId,
+} from '@elastic/eui';
+import React from 'react';
+
+import { InferenceForm } from './inference_form';
+import * as i18n from './translations';
+
+interface AddInferenceFlyoutWrapperProps {
+  onClose: (state: boolean) => void;
+}
+
+export const AddInferenceFlyoutWrapper: React.FC<AddInferenceFlyoutWrapperProps> = ({
+  onClose,
+}) => {
+  const inferenceCreationFlyoutId = useGeneratedHtmlId({
+    prefix: 'addInferenceFlyoutId',
+  });
+  const closeFlyout = () => onClose(false);
+
+  return (
+    <EuiFlyout
+      ownFocus
+      onClose={closeFlyout}
+      aria-labelledby={inferenceCreationFlyoutId}
+      data-test-subj="create-inference-flyout"
+    >
+      <EuiFlyoutHeader hasBorder data-test-subj="create-inference-flyout-header">
+        <EuiTitle size="m">
+          <h2 id={inferenceCreationFlyoutId}>{i18n.CREATE_ENDPOINT_TITLE}</h2>
+        </EuiTitle>
+      </EuiFlyoutHeader>
+      <EuiFlyoutBody>
+        <InferenceForm onSubmitSuccess={onClose} />
+      </EuiFlyoutBody>
+      <EuiFlyoutFooter>
+        <EuiFlexGroup justifyContent="spaceBetween">
+          <EuiFlexItem grow={false}>
+            <EuiButtonEmpty
+              data-test-subj="create-inference-flyout-close-button"
+              onClick={closeFlyout}
+              flush="left"
+            >
+              {i18n.CANCEL}
+            </EuiButtonEmpty>
+          </EuiFlexItem>
+        </EuiFlexGroup>
+      </EuiFlyoutFooter>
+    </EuiFlyout>
+  );
+};
diff --git a/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/inference_form.tsx b/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/inference_form.tsx
new file mode 100644
index 0000000000000..4ed1a1090edb3
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/inference_form.tsx
@@ -0,0 +1,69 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { Form, useForm } from '@kbn/es-ui-shared-plugin/static/forms/hook_form_lib';
+import React, { useCallback, useState } from 'react';
+import { InferenceServiceFormFields } from '@kbn/inference-endpoint-ui-common';
+import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiSpacer } from '@elastic/eui';
+import { useProviders } from '../../hooks/use_providers';
+import * as i18n from './translations';
+import { useAddEndpoint } from '../../hooks/use_add_endpoint';
+import { InferenceEndpoint } from '../../types';
+
+interface InferenceFormProps {
+  onSubmitSuccess: (state: boolean) => void;
+}
+export const InferenceForm: React.FC<InferenceFormProps> = ({ onSubmitSuccess }) => {
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const onSuccess = useCallback(() => {
+    setIsLoading(false);
+    onSubmitSuccess(false);
+  }, [onSubmitSuccess]);
+  const onError = useCallback(() => {
+    setIsLoading(false);
+  }, []);
+  const { mutate: addEndpoint } = useAddEndpoint(
+    () => onSuccess(),
+    () => onError()
+  );
+  const { data: providers } = useProviders();
+  const { form } = useForm();
+  const handleSubmit = useCallback(async () => {
+    setIsLoading(true);
+    const { isValid, data } = await form.submit();
+
+    if (isValid) {
+      addEndpoint({
+        inferenceEndpoint: data as InferenceEndpoint,
+      });
+    } else {
+      setIsLoading(false);
+    }
+  }, [addEndpoint, form]);
+
+  return providers ? (
+    <Form form={form}>
+      <InferenceServiceFormFields providers={providers} />
+      <EuiSpacer size="m" />
+      <EuiFlexGroup justifyContent="flexStart">
+        <EuiFlexItem grow={false}>
+          <EuiButton
+            fill
+            color="success"
+            size="m"
+            isLoading={form.isSubmitting || isLoading}
+            disabled={(!form.isValid && form.isSubmitted) || isLoading}
+            data-test-subj="add-inference-endpoint-submit-button"
+            onClick={handleSubmit}
+          >
+            {i18n.SAVE}
+          </EuiButton>
+        </EuiFlexItem>
+      </EuiFlexGroup>
+    </Form>
+  ) : null;
+};
diff --git a/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/translations.ts b/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/translations.ts
new file mode 100644
index 0000000000000..330a2b434d4da
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/public/components/add_inference_endpoints/translations.ts
@@ -0,0 +1,36 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { i18n } from '@kbn/i18n';
+
+export const SAVE = i18n.translate(
+  'xpack.searchInferenceEndpoints.addInferenceEndpoint.saveBtnLabel',
+  {
+    defaultMessage: 'Save',
+  }
+);
+
+export const SAVE_TEST = i18n.translate(
+  'xpack.searchInferenceEndpoints.addInferenceEndpoint.saveAndTestBtnLabel',
+  {
+    defaultMessage: 'Save and test',
+  }
+);
+
+export const CANCEL = i18n.translate(
+  'xpack.searchInferenceEndpoints.addInferenceEndpoint.cancelBtnLabel',
+  {
+    defaultMessage: 'Cancel',
+  }
+);
+
+export const CREATE_ENDPOINT_TITLE = i18n.translate(
+  'xpack.searchInferenceEndpoints.addInferenceEndpoint.createEndpointTitle',
+  {
+    defaultMessage: 'Create Inference Endpoint',
+  }
+);
diff --git a/x-pack/plugins/search_inference_endpoints/public/components/inference_endpoints.tsx b/x-pack/plugins/search_inference_endpoints/public/components/inference_endpoints.tsx
index c39bc69fc300b..d8d696fee1e9e 100644
--- a/x-pack/plugins/search_inference_endpoints/public/components/inference_endpoints.tsx
+++ b/x-pack/plugins/search_inference_endpoints/public/components/inference_endpoints.tsx
@@ -5,25 +5,30 @@
  * 2.0.
  */
 
-import React from 'react';
+import React, { useState } from 'react';
 
 import { EuiPageTemplate } from '@elastic/eui';
 
 import { useQueryInferenceEndpoints } from '../hooks/use_inference_endpoints';
 import { TabularPage } from './all_inference_endpoints/tabular_page';
 import { InferenceEndpointsHeader } from './inference_endpoints_header';
+import { AddInferenceFlyoutWrapper } from './add_inference_endpoints/add_inference_flyout_wrapper';
 
 export const InferenceEndpoints: React.FC = () => {
   const { data } = useQueryInferenceEndpoints();
+  const [isAddInferenceFlyoutOpen, setIsAddInferenceFlyoutOpen] = useState<boolean>(false);
 
   const inferenceEndpoints = data || [];
 
   return (
     <>
-      <InferenceEndpointsHeader />
+      <InferenceEndpointsHeader setIsAddInferenceFlyoutOpen={setIsAddInferenceFlyoutOpen} />
       <EuiPageTemplate.Section className="eui-yScroll" data-test-subj="inferenceManagementPage">
         <TabularPage inferenceEndpoints={inferenceEndpoints} />
       </EuiPageTemplate.Section>
+      {isAddInferenceFlyoutOpen && (
+        <AddInferenceFlyoutWrapper onClose={setIsAddInferenceFlyoutOpen} />
+      )}
     </>
   );
 };
diff --git a/x-pack/plugins/search_inference_endpoints/public/components/inference_endpoints_header.tsx b/x-pack/plugins/search_inference_endpoints/public/components/inference_endpoints_header.tsx
index acb7e82db13b2..ce94c4c89194b 100644
--- a/x-pack/plugins/search_inference_endpoints/public/components/inference_endpoints_header.tsx
+++ b/x-pack/plugins/search_inference_endpoints/public/components/inference_endpoints_header.tsx
@@ -5,13 +5,18 @@
  * 2.0.
  */
 
-import { EuiPageTemplate, EuiButtonEmpty } from '@elastic/eui';
+import { EuiPageTemplate, EuiButtonEmpty, EuiButton } from '@elastic/eui';
 import React from 'react';
 import * as i18n from '../../common/translations';
 import { docLinks } from '../../common/doc_links';
 import { useTrainedModelPageUrl } from '../hooks/use_trained_model_page_url';
 
-export const InferenceEndpointsHeader: React.FC = () => {
+interface InferenceEndpointsHeaderProps {
+  setIsAddInferenceFlyoutOpen: (state: boolean) => void;
+}
+export const InferenceEndpointsHeader: React.FC<InferenceEndpointsHeaderProps> = ({
+  setIsAddInferenceFlyoutOpen,
+}) => {
   const trainedModelPageUrl = useTrainedModelPageUrl();
 
   return (
@@ -21,6 +26,15 @@ export const InferenceEndpointsHeader: React.FC = () => {
       description={i18n.MANAGE_INFERENCE_ENDPOINTS_LABEL}
       bottomBorder={true}
       rightSideItems={[
+        <EuiButton
+          iconType="plusInCircle"
+          fill
+          iconSize="m"
+          data-test-subj="add-inference-endpoint-header-button"
+          onClick={() => setIsAddInferenceFlyoutOpen(true)}
+        >
+          {i18n.ADD_ENDPOINT_LABEL}
+        </EuiButton>,
         <EuiButtonEmpty
           iconType="popout"
           iconSide="right"
diff --git a/x-pack/plugins/search_inference_endpoints/public/hooks/translations.ts b/x-pack/plugins/search_inference_endpoints/public/hooks/translations.ts
index ee1dc26a54817..d7a9680dd1667 100644
--- a/x-pack/plugins/search_inference_endpoints/public/hooks/translations.ts
+++ b/x-pack/plugins/search_inference_endpoints/public/hooks/translations.ts
@@ -21,3 +21,17 @@ export const DELETE_SUCCESS = i18n.translate(
     defaultMessage: 'The inference endpoint has been deleted sucessfully.',
   }
 );
+
+export const ENDPOINT_CREATION_FAILED = i18n.translate(
+  'xpack.searchInferenceEndpoints.addEndpoint.endpointCreationFailed',
+  {
+    defaultMessage: 'Endpoint creation failed',
+  }
+);
+
+export const GET_PROVIDERS_FAILED = i18n.translate(
+  'xpack.searchInferenceEndpoints.addEndpoint.unableToFindProvidersQueryMessage',
+  {
+    defaultMessage: 'Unable to find providers',
+  }
+);
diff --git a/x-pack/plugins/search_inference_endpoints/public/hooks/use_add_endpoint.test.tsx b/x-pack/plugins/search_inference_endpoints/public/hooks/use_add_endpoint.test.tsx
new file mode 100644
index 0000000000000..959a9311be966
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/public/hooks/use_add_endpoint.test.tsx
@@ -0,0 +1,101 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { renderHook, waitFor } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import React from 'react';
+
+import { useAddEndpoint } from './use_add_endpoint';
+import * as i18n from './translations';
+import { useKibana } from './use_kibana';
+
+const wrapper = ({ children }: { children: React.ReactNode }) => {
+  const queryClient = new QueryClient();
+  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
+};
+
+const mockConfig: any = {
+  provider: 'elasticsearch',
+  taskType: 'text_embedding',
+  inferenceId: 'es-endpoint-1',
+  providerConfig: {
+    num_allocations: 1,
+    num_threads: 2,
+    model_id: '.multilingual-e5-small',
+  },
+};
+const mockSecrets: any = { providerSecrets: {} };
+
+const mockInferenceEndpoint = {
+  config: mockConfig,
+  secrets: mockSecrets,
+};
+
+jest.mock('./use_kibana');
+
+const mockUseKibana = useKibana as jest.Mock;
+const mockAdd = jest.fn();
+const mockAddSuccess = jest.fn();
+const mockAddError = jest.fn();
+const mockOnSuccess = jest.fn();
+const mockOnError = jest.fn();
+
+describe('useAddEndpoint', () => {
+  beforeEach(() => {
+    mockUseKibana.mockReturnValue({
+      services: {
+        http: {
+          put: mockAdd,
+        },
+        notifications: {
+          toasts: {
+            addSuccess: mockAddSuccess,
+            addError: mockAddError,
+          },
+        },
+      },
+    });
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('show call add inference endpoint and show success toast', async () => {
+    const { result } = renderHook(() => useAddEndpoint(mockOnSuccess, mockOnError), { wrapper });
+
+    result.current.mutate({ inferenceEndpoint: mockInferenceEndpoint });
+
+    await waitFor(() =>
+      expect(mockAdd).toHaveBeenCalledWith(
+        '/internal/inference_endpoint/endpoints/text_embedding/es-endpoint-1',
+        {
+          body: JSON.stringify(mockInferenceEndpoint),
+        }
+      )
+    );
+    expect(mockAddSuccess).toHaveBeenCalledWith({
+      title: i18n.ENDPOINT_ADDED_SUCCESS,
+    });
+    expect(mockOnSuccess).toHaveBeenCalled();
+    expect(mockOnError).not.toHaveBeenCalled();
+  });
+
+  it('should show error toast on failure', async () => {
+    const error = { body: { message: 'error' } };
+    mockAdd.mockRejectedValue(error);
+    const { result } = renderHook(() => useAddEndpoint(mockOnSuccess, mockOnError), { wrapper });
+
+    result.current.mutate({ inferenceEndpoint: mockInferenceEndpoint });
+
+    await waitFor(() => {
+      expect(mockAddError).toHaveBeenCalled();
+      expect(mockOnSuccess).not.toHaveBeenCalled();
+      expect(mockOnError).toHaveBeenCalled();
+    });
+  });
+});
diff --git a/x-pack/plugins/search_inference_endpoints/public/hooks/use_add_endpoint.ts b/x-pack/plugins/search_inference_endpoints/public/hooks/use_add_endpoint.ts
new file mode 100644
index 0000000000000..a0f64db518cca
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/public/hooks/use_add_endpoint.ts
@@ -0,0 +1,55 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+
+import { KibanaServerError } from '@kbn/kibana-utils-plugin/common';
+import { useKibana } from './use_kibana';
+import * as i18n from './translations';
+import { INFERENCE_ENDPOINTS_QUERY_KEY } from '../../common/constants';
+import { InferenceEndpoint } from '../types';
+
+interface MutationArgs {
+  inferenceEndpoint: InferenceEndpoint;
+}
+
+export const useAddEndpoint = (onSuccess?: () => void, onError?: () => void) => {
+  const queryClient = useQueryClient();
+  const { services } = useKibana();
+  const toasts = services.notifications?.toasts;
+
+  return useMutation(
+    async ({ inferenceEndpoint }: MutationArgs) => {
+      return await services.http.put<{}>(
+        `/internal/inference_endpoint/endpoints/${inferenceEndpoint.config.taskType}/${inferenceEndpoint.config.inferenceId}`,
+        {
+          body: JSON.stringify(inferenceEndpoint),
+        }
+      );
+    },
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries([INFERENCE_ENDPOINTS_QUERY_KEY]);
+        toasts?.addSuccess({
+          title: i18n.ENDPOINT_ADDED_SUCCESS,
+        });
+        if (onSuccess) {
+          onSuccess();
+        }
+      },
+      onError: (error: { body: KibanaServerError }) => {
+        toasts?.addError(new Error(error.body.message), {
+          title: i18n.ENDPOINT_CREATION_FAILED,
+          toastMessage: error.body.message,
+        });
+        if (onError) {
+          onError();
+        }
+      },
+    }
+  );
+};
diff --git a/x-pack/plugins/search_inference_endpoints/public/hooks/use_providers.ts b/x-pack/plugins/search_inference_endpoints/public/hooks/use_providers.ts
new file mode 100644
index 0000000000000..4bef4268c798f
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/public/hooks/use_providers.ts
@@ -0,0 +1,644 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import type { HttpSetup } from '@kbn/core-http-browser';
+import { useQuery } from '@tanstack/react-query';
+import { FieldType, InferenceProvider } from '@kbn/inference-endpoint-ui-common';
+import { KibanaServerError } from '@kbn/kibana-utils-plugin/common';
+import { useKibana } from './use_kibana';
+import * as i18n from './translations';
+
+const getProviders = (http: HttpSetup): InferenceProvider[] => {
+  return [
+    {
+      service: 'alibabacloud-ai-search',
+      name: 'AlibabaCloud AI Search',
+      task_types: ['text_embedding', 'sparse_embedding', 'rerank', 'completion'],
+      configurations: {
+        workspace: {
+          default_value: null,
+          description: 'The name of the workspace used for the {infer} task.',
+          label: 'Workspace',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        api_key: {
+          default_value: null,
+          description: `A valid API key for the AlibabaCloud AI Search API.`,
+          label: 'API Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        service_id: {
+          default_value: null,
+          description: 'The name of the model service to use for the {infer} task.',
+          label: 'Project ID',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        host: {
+          default_value: null,
+          description:
+            'The name of the host address used for the {infer} task. You can find the host address at https://opensearch.console.aliyun.com/cn-shanghai/rag/api-key[ the API keys section] of the documentation.',
+          label: 'Host',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description: 'Minimize the number of rate limit errors.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        http_schema: {
+          default_value: null,
+          description: '',
+          label: 'HTTP Schema',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'amazonbedrock',
+      name: 'Amazon Bedrock',
+      task_types: ['text_embedding', 'completion'],
+      configurations: {
+        secret_key: {
+          default_value: null,
+          description: 'A valid AWS secret key that is paired with the access_key.',
+          label: 'Secret Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        provider: {
+          default_value: null,
+          description: 'The model provider for your deployment.',
+          label: 'Provider',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        access_key: {
+          default_value: null,
+          description: 'A valid AWS access key that has permissions to use Amazon Bedrock.',
+          label: 'Access Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        model: {
+          default_value: null,
+          description:
+            'The base model ID or an ARN to a custom model based on a foundational model.',
+          label: 'Model',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description:
+            'By default, the amazonbedrock service sets the number of requests allowed per minute to 240.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        region: {
+          default_value: null,
+          description: 'The region that your model or ARN is deployed in.',
+          label: 'Region',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'anthropic',
+      name: 'Anthropic',
+      task_types: ['completion'],
+      configurations: {
+        api_key: {
+          default_value: null,
+          description: `API Key for the provider you're connecting to.`,
+          label: 'API Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description:
+            'By default, the anthropic service sets the number of requests allowed per minute to 50.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        model_id: {
+          default_value: null,
+          description: 'The name of the model to use for the inference task.',
+          label: 'Model ID',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'azureaistudio',
+      name: 'Azure AI Studio',
+      task_types: ['text_embedding', 'completion'],
+      configurations: {
+        endpoint_type: {
+          default_value: null,
+          description: 'Specifies the type of endpoint that is used in your model deployment.',
+          label: 'Endpoint Type',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        provider: {
+          default_value: null,
+          description: 'The model provider for your deployment.',
+          label: 'Provider',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        api_key: {
+          default_value: null,
+          description: `API Key for the provider you're connecting to.`,
+          label: 'API Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description: 'Minimize the number of rate limit errors.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        target: {
+          default_value: null,
+          description: 'The target URL of your Azure AI Studio model deployment.',
+          label: 'Target',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'azureopenai',
+      name: 'Azure OpenAI',
+      task_types: ['text_embedding', 'completion'],
+      configurations: {
+        api_key: {
+          default_value: null,
+          description: `API Key for the provider you're connecting to.`,
+          label: 'API Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        entra_id: {
+          default_value: null,
+          description: 'You must provide either an API key or an Entra ID.',
+          label: 'Entra ID',
+          required: false,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description:
+            'The azureopenai service sets a default number of requests allowed per minute depending on the task type.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        deployment_id: {
+          default_value: null,
+          description: 'The deployment name of your deployed models.',
+          label: 'Deployment ID',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        resource_name: {
+          default_value: null,
+          description: 'The name of your Azure OpenAI resource.',
+          label: 'Resource Name',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        api_version: {
+          default_value: null,
+          description: 'The Azure API version ID to use.',
+          label: 'API Version',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'cohere',
+      name: 'Cohere',
+      task_types: ['text_embedding', 'rerank', 'completion'],
+      configurations: {
+        api_key: {
+          default_value: null,
+          description: `API Key for the provider you're connecting to.`,
+          label: 'API Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description: 'Minimize the number of rate limit errors.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+      },
+    },
+    {
+      service: 'elasticsearch',
+      name: 'Elasticsearch',
+      task_types: ['text_embedding', 'sparse_embedding', 'rerank'],
+      configurations: {
+        num_allocations: {
+          default_value: 1,
+          description:
+            'The total number of allocations this model is assigned across machine learning nodes.',
+          label: 'Number Allocations',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        num_threads: {
+          default_value: 2,
+          description: 'Sets the number of threads used by each model allocation during inference.',
+          label: 'Number Threads',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        model_id: {
+          default_value: '.multilingual-e5-small',
+          description: 'The name of the model to use for the inference task.',
+          label: 'Model ID',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'googleaistudio',
+      name: 'Google AI Studio',
+      task_types: ['text_embedding', 'completion'],
+      configurations: {
+        api_key: {
+          default_value: null,
+          description: `API Key for the provider you're connecting to.`,
+          label: 'API Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description: 'Minimize the number of rate limit errors.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        model_id: {
+          default_value: null,
+          description: "ID of the LLM you're using.",
+          label: 'Model ID',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'googlevertexai',
+      name: 'Google Vertex AI',
+      task_types: ['text_embedding', 'rerank'],
+      configurations: {
+        service_account_json: {
+          default_value: null,
+          description: "API Key for the provider you're connecting to.",
+          label: 'Credentials JSON',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        project_id: {
+          default_value: null,
+          description:
+            'The GCP Project ID which has Vertex AI API(s) enabled. For more information on the URL, refer to the {geminiVertexAIDocs}.',
+          label: 'GCP Project',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        location: {
+          default_value: null,
+          description:
+            'Please provide the GCP region where the Vertex AI API(s) is enabled. For more information, refer to the {geminiVertexAIDocs}.',
+          label: 'GCP Region',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description: 'Minimize the number of rate limit errors.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        model_id: {
+          default_value: null,
+          description: `ID of the LLM you're using.`,
+          label: 'Model ID',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'hugging_face',
+      name: 'Hugging Face',
+      task_types: ['text_embedding', 'sparse_embedding'],
+      configurations: {
+        api_key: {
+          default_value: null,
+          description: `API Key for the provider you're connecting to.`,
+          label: 'API Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description: 'Minimize the number of rate limit errors.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        url: {
+          default_value: 'https://api.openai.com/v1/embeddings',
+          description: 'The URL endpoint to use for the requests.',
+          label: 'URL',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'mistral',
+      name: 'Mistral',
+      task_types: ['text_embedding'],
+      configurations: {
+        api_key: {
+          default_value: null,
+          description: `API Key for the provider you're connecting to.`,
+          label: 'API Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        model: {
+          default_value: null,
+          description:
+            'Refer to the Mistral models documentation for the list of available text embedding models.',
+          label: 'Model',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description: 'Minimize the number of rate limit errors.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        max_input_tokens: {
+          default_value: null,
+          description: 'Allows you to specify the maximum number of tokens per input.',
+          label: 'Maximum Input Tokens',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+      },
+    },
+    {
+      service: 'openai',
+      name: 'OpenAI',
+      task_types: ['text_embedding', 'completion'],
+      configurations: {
+        api_key: {
+          default_value: null,
+          description:
+            'The OpenAI API authentication key. For more details about generating OpenAI API keys, refer to the https://platform.openai.com/account/api-keys.',
+          label: 'API Key',
+          required: true,
+          sensitive: true,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        organization_id: {
+          default_value: null,
+          description: 'The unique identifier of your organization.',
+          label: 'Organization ID',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        'rate_limit.requests_per_minute': {
+          default_value: null,
+          description:
+            'Default number of requests allowed per minute. For text_embedding is 3000. For completion is 500.',
+          label: 'Rate Limit',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        model_id: {
+          default_value: null,
+          description: 'The name of the model to use for the inference task.',
+          label: 'Model ID',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        url: {
+          default_value: 'https://api.openai.com/v1/chat/completions',
+          description:
+            'The OpenAI API endpoint URL. For more information on the URL, refer to the https://platform.openai.com/docs/api-reference.',
+          label: 'URL',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+    {
+      service: 'watsonxai',
+      name: 'IBM Watsonx',
+      task_types: ['text_embedding'],
+      configurations: {
+        project_id: {
+          default_value: null,
+          description: '',
+          label: 'Project ID',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        model_id: {
+          default_value: null,
+          description: 'The name of the model to use for the inference task.',
+          label: 'Model ID',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        api_version: {
+          default_value: null,
+          description: 'The IBM Watsonx API version ID to use.',
+          label: 'API Version',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+        max_input_tokens: {
+          default_value: null,
+          description: 'Allows you to specify the maximum number of tokens per input.',
+          label: 'Maximum Input Tokens',
+          required: false,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.INTEGER,
+        },
+        url: {
+          default_value: null,
+          description: '',
+          label: 'URL',
+          required: true,
+          sensitive: false,
+          updatable: true,
+          type: FieldType.STRING,
+        },
+      },
+    },
+  ];
+};
+
+export const useProviders = () => {
+  const { services } = useKibana();
+  const toasts = services.notifications?.toasts;
+  const onErrorFn = (error: { body: KibanaServerError }) => {
+    toasts?.addError(new Error(error.body.message), {
+      title: i18n.GET_PROVIDERS_FAILED,
+      toastMessage: error.body.message,
+    });
+  };
+
+  const query = useQuery(['user-profile'], {
+    queryFn: () => getProviders(services.http),
+    staleTime: Infinity,
+    refetchOnWindowFocus: false,
+    onError: onErrorFn,
+  });
+  return query;
+};
diff --git a/x-pack/plugins/search_inference_endpoints/public/utils/test_utils/test_utils.ts b/x-pack/plugins/search_inference_endpoints/public/utils/test_utils/test_utils.ts
new file mode 100644
index 0000000000000..993b6d620fb1d
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/public/utils/test_utils/test_utils.ts
@@ -0,0 +1,652 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { FieldType } from '@kbn/search-connectors/types';
+import { InferenceProvider } from '../../types';
+
+export const mockProviders: InferenceProvider[] = [
+  {
+    service: 'cohere',
+    name: 'Cohere',
+    task_types: ['text_embedding', 'rerank', 'completion'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+    },
+  },
+  {
+    service: 'elastic',
+    name: 'Elastic',
+    task_types: ['sparse_embedding'],
+    configurations: {
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      model_id: {
+        default_value: null,
+        description: 'The name of the model to use for the inference task.',
+        label: 'Model ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      max_input_tokens: {
+        default_value: null,
+        description: 'Allows you to specify the maximum number of tokens per input.',
+        label: 'Maximum Input Tokens',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+    },
+  },
+  {
+    service: 'watsonxai',
+    name: 'IBM Watsonx',
+    task_types: ['text_embedding'],
+    configurations: {
+      project_id: {
+        default_value: null,
+        description: '',
+        label: 'Project ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      model_id: {
+        default_value: null,
+        description: 'The name of the model to use for the inference task.',
+        label: 'Model ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      api_version: {
+        default_value: null,
+        description: 'The IBM Watsonx API version ID to use.',
+        label: 'API Version',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      max_input_tokens: {
+        default_value: null,
+        description: 'Allows you to specify the maximum number of tokens per input.',
+        label: 'Maximum Input Tokens',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      url: {
+        default_value: null,
+        description: '',
+        label: 'URL',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'azureaistudio',
+    name: 'Azure AI Studio',
+    task_types: ['text_embedding', 'completion'],
+    configurations: {
+      endpoint_type: {
+        default_value: null,
+        description: 'Specifies the type of endpoint that is used in your model deployment.',
+        label: 'Endpoint Type',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      provider: {
+        default_value: null,
+        description: 'The model provider for your deployment.',
+        label: 'Provider',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      target: {
+        default_value: null,
+        description: 'The target URL of your Azure AI Studio model deployment.',
+        label: 'Target',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'hugging_face',
+    name: 'Hugging Face',
+    task_types: ['text_embedding', 'sparse_embedding'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      url: {
+        default_value: 'https://api.openai.com/v1/embeddings',
+        description: 'The URL endpoint to use for the requests.',
+        label: 'URL',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'amazonbedrock',
+    name: 'Amazon Bedrock',
+    task_types: ['text_embedding', 'completion'],
+    configurations: {
+      secret_key: {
+        default_value: null,
+        description: 'A valid AWS secret key that is paired with the access_key.',
+        label: 'Secret Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      provider: {
+        default_value: null,
+        description: 'The model provider for your deployment.',
+        label: 'Provider',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      access_key: {
+        default_value: null,
+        description: 'A valid AWS access key that has permissions to use Amazon Bedrock.',
+        label: 'Access Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      model: {
+        default_value: null,
+        description: 'The base model ID or an ARN to a custom model based on a foundational model.',
+        label: 'Model',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description:
+          'By default, the amazonbedrock service sets the number of requests allowed per minute to 240.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      region: {
+        default_value: null,
+        description: 'The region that your model or ARN is deployed in.',
+        label: 'Region',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'anthropic',
+    name: 'Anthropic',
+    task_types: ['completion'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description:
+          'By default, the anthropic service sets the number of requests allowed per minute to 50.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      model_id: {
+        default_value: null,
+        description: 'The name of the model to use for the inference task.',
+        label: 'Model ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'googleaistudio',
+    name: 'Google AI Studio',
+    task_types: ['text_embedding', 'completion'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      model_id: {
+        default_value: null,
+        description: "ID of the LLM you're using.",
+        label: 'Model ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'elasticsearch',
+    name: 'Elasticsearch',
+    task_types: ['text_embedding', 'sparse_embedding', 'rerank'],
+    configurations: {
+      num_allocations: {
+        default_value: 1,
+        description:
+          'The total number of allocations this model is assigned across machine learning nodes.',
+        label: 'Number Allocations',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      num_threads: {
+        default_value: 2,
+        description: 'Sets the number of threads used by each model allocation during inference.',
+        label: 'Number Threads',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      model_id: {
+        default_value: '.multilingual-e5-small',
+        description: 'The name of the model to use for the inference task.',
+        label: 'Model ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'openai',
+    name: 'OpenAI',
+    task_types: ['text_embedding', 'completion'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description:
+          'The OpenAI API authentication key. For more details about generating OpenAI API keys, refer to the https://platform.openai.com/account/api-keys.',
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      organization_id: {
+        default_value: null,
+        description: 'The unique identifier of your organization.',
+        label: 'Organization ID',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description:
+          'Default number of requests allowed per minute. For text_embedding is 3000. For completion is 500.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      model_id: {
+        default_value: null,
+        description: 'The name of the model to use for the inference task.',
+        label: 'Model ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      url: {
+        default_value: 'https://api.openai.com/v1/chat/completions',
+        description:
+          'The OpenAI API endpoint URL. For more information on the URL, refer to the https://platform.openai.com/docs/api-reference.',
+        label: 'URL',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'azureopenai',
+    name: 'Azure OpenAI',
+    task_types: ['text_embedding', 'completion'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      entra_id: {
+        default_value: null,
+        description: 'You must provide either an API key or an Entra ID.',
+        label: 'Entra ID',
+        required: false,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description:
+          'The azureopenai service sets a default number of requests allowed per minute depending on the task type.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      deployment_id: {
+        default_value: null,
+        description: 'The deployment name of your deployed models.',
+        label: 'Deployment ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      resource_name: {
+        default_value: null,
+        description: 'The name of your Azure OpenAI resource.',
+        label: 'Resource Name',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      api_version: {
+        default_value: null,
+        description: 'The Azure API version ID to use.',
+        label: 'API Version',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'mistral',
+    name: 'Mistral',
+    task_types: ['text_embedding'],
+    configurations: {
+      api_key: {
+        default_value: null,
+        description: `API Key for the provider you're connecting to.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      model: {
+        default_value: null,
+        description:
+          'Refer to the Mistral models documentation for the list of available text embedding models.',
+        label: 'Model',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      max_input_tokens: {
+        default_value: null,
+        description: 'Allows you to specify the maximum number of tokens per input.',
+        label: 'Maximum Input Tokens',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+    },
+  },
+  {
+    service: 'googlevertexai',
+    name: 'Google Vertex AI',
+    task_types: ['text_embedding', 'rerank'],
+    configurations: {
+      service_account_json: {
+        default_value: null,
+        description: "API Key for the provider you're connecting to.",
+        label: 'Credentials JSON',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      project_id: {
+        default_value: null,
+        description:
+          'The GCP Project ID which has Vertex AI API(s) enabled. For more information on the URL, refer to the {geminiVertexAIDocs}.',
+        label: 'GCP Project',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      location: {
+        default_value: null,
+        description:
+          'Please provide the GCP region where the Vertex AI API(s) is enabled. For more information, refer to the {geminiVertexAIDocs}.',
+        label: 'GCP Region',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      model_id: {
+        default_value: null,
+        description: `ID of the LLM you're using.`,
+        label: 'Model ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+  {
+    service: 'alibabacloud-ai-search',
+    name: 'AlibabaCloud AI Search',
+    task_types: ['text_embedding', 'sparse_embedding', 'rerank', 'completion'],
+    configurations: {
+      workspace: {
+        default_value: null,
+        description: 'The name of the workspace used for the {infer} task.',
+        label: 'Workspace',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      api_key: {
+        default_value: null,
+        description: `A valid API key for the AlibabaCloud AI Search API.`,
+        label: 'API Key',
+        required: true,
+        sensitive: true,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      service_id: {
+        default_value: null,
+        description: 'The name of the model service to use for the {infer} task.',
+        label: 'Project ID',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      host: {
+        default_value: null,
+        description:
+          'The name of the host address used for the {infer} task. You can find the host address at https://opensearch.console.aliyun.com/cn-shanghai/rag/api-key[ the API keys section] of the documentation.',
+        label: 'Host',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+      'rate_limit.requests_per_minute': {
+        default_value: null,
+        description: 'Minimize the number of rate limit errors.',
+        label: 'Rate Limit',
+        required: false,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.INTEGER,
+      },
+      http_schema: {
+        default_value: null,
+        description: '',
+        label: 'HTTP Schema',
+        required: true,
+        sensitive: false,
+        updatable: true,
+        type: FieldType.STRING,
+      },
+    },
+  },
+];
diff --git a/x-pack/plugins/search_inference_endpoints/server/lib/add_inference_endpoint.test.ts b/x-pack/plugins/search_inference_endpoints/server/lib/add_inference_endpoint.test.ts
new file mode 100644
index 0000000000000..5f906aa1fb8cf
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/server/lib/add_inference_endpoint.test.ts
@@ -0,0 +1,55 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { loggingSystemMock } from '@kbn/core/server/mocks';
+
+import { addInferenceEndpoint } from './add_inference_endpoint';
+
+describe('addInferenceEndpoint', () => {
+  const mockClient: any = {
+    inference: {
+      put: jest.fn(),
+    },
+  };
+
+  const type = 'text_embedding';
+  const id = 'es-endpoint-1';
+  const config: any = {
+    provider: 'elasticsearch',
+    taskType: 'text_embedding',
+    inferenceId: 'es-endpoint-1',
+    providerConfig: {
+      num_allocations: 1,
+      num_threads: 2,
+      model_id: '.multilingual-e5-small',
+    },
+  };
+  const secrets: any = { providerSecrets: {} };
+  const mockLogger = loggingSystemMock.createLogger();
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should call the ES client with correct PUT request', async () => {
+    await addInferenceEndpoint(mockClient, type, id, config, secrets, mockLogger);
+
+    expect(mockClient.inference.put).toHaveBeenCalledWith({
+      inference_id: id,
+      task_type: type,
+      inference_config: {
+        service: 'elasticsearch',
+        service_settings: {
+          num_allocations: 1,
+          num_threads: 2,
+          model_id: '.multilingual-e5-small',
+        },
+        task_settings: {},
+      },
+    });
+  });
+});
diff --git a/x-pack/plugins/search_inference_endpoints/server/lib/add_inference_endpoint.ts b/x-pack/plugins/search_inference_endpoints/server/lib/add_inference_endpoint.ts
new file mode 100644
index 0000000000000..bbf634a672188
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/server/lib/add_inference_endpoint.ts
@@ -0,0 +1,47 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { InferenceTaskType } from '@elastic/elasticsearch/lib/api/typesWithBodyKey';
+import { ElasticsearchClient } from '@kbn/core/server';
+import type { Config, Secrets } from '@kbn/inference-endpoint-ui-common';
+import type { Logger } from '@kbn/logging';
+import { unflattenObject } from '../utils/unflatten_object';
+
+export const addInferenceEndpoint = async (
+  esClient: ElasticsearchClient,
+  type: string,
+  id: string,
+  config: Config,
+  secrets: Secrets,
+  logger: Logger
+) => {
+  try {
+    /* task settings property is required in the API call 
+    but no needed for inference or connector creation
+    */
+    const taskSettings = {};
+    const serviceSettings = {
+      ...unflattenObject(config?.providerConfig ?? {}),
+      ...unflattenObject(secrets?.providerSecrets ?? {}),
+    };
+
+    return await esClient.inference.put({
+      inference_id: config?.inferenceId ?? '',
+      task_type: config?.taskType as InferenceTaskType,
+      inference_config: {
+        service: config?.provider,
+        service_settings: serviceSettings,
+        task_settings: taskSettings,
+      },
+    });
+  } catch (e) {
+    logger.warn(
+      `Failed to create inference endpoint for task type "${config?.taskType}" and inference id ${config?.inferenceId}. Error: ${e.message}`
+    );
+    throw e;
+  }
+};
diff --git a/x-pack/plugins/search_inference_endpoints/server/lib/fetch_inference_services.test.ts b/x-pack/plugins/search_inference_endpoints/server/lib/fetch_inference_services.test.ts
new file mode 100644
index 0000000000000..05ba12ccb4cff
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/server/lib/fetch_inference_services.test.ts
@@ -0,0 +1,37 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { fetchInferenceServices } from './fetch_inference_services';
+import { ElasticsearchClient } from '@kbn/core/server';
+import { mockProviders } from '../../public/utils/test_utils/test_utils';
+
+describe('fetch inference services', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const mockClient = {
+    asCurrentUser: {
+      transport: {
+        request: jest.fn(),
+      },
+    },
+  };
+  it('returns all inference services', async () => {
+    mockClient.asCurrentUser.transport.request.mockImplementationOnce(() => {
+      return Promise.resolve({ services: mockProviders });
+    });
+
+    const services = await fetchInferenceServices(
+      mockClient.asCurrentUser as unknown as ElasticsearchClient
+    );
+
+    expect(services).toEqual({
+      services: mockProviders,
+    });
+  });
+});
diff --git a/x-pack/plugins/search_inference_endpoints/server/lib/fetch_inference_services.ts b/x-pack/plugins/search_inference_endpoints/server/lib/fetch_inference_services.ts
new file mode 100644
index 0000000000000..d9d4d2e4c071d
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/server/lib/fetch_inference_services.ts
@@ -0,0 +1,26 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { ElasticsearchClient } from '@kbn/core/server';
+import { InferenceProvider } from '../types';
+
+export const fetchInferenceServices = async (
+  client: ElasticsearchClient
+): Promise<{
+  services: InferenceProvider[];
+}> => {
+  const { services } = await client.transport.request<{
+    services: InferenceProvider[];
+  }>({
+    method: 'GET',
+    path: `/_inference/_services`,
+  });
+
+  return {
+    services,
+  };
+};
diff --git a/x-pack/plugins/search_inference_endpoints/server/routes.ts b/x-pack/plugins/search_inference_endpoints/server/routes.ts
index 80d7a15ab99c4..018a3f28d72d4 100644
--- a/x-pack/plugins/search_inference_endpoints/server/routes.ts
+++ b/x-pack/plugins/search_inference_endpoints/server/routes.ts
@@ -9,9 +9,10 @@ import { IRouter } from '@kbn/core/server';
 import { schema } from '@kbn/config-schema';
 import type { Logger } from '@kbn/logging';
 import { fetchInferenceEndpoints } from './lib/fetch_inference_endpoints';
-import { APIRoutes } from './types';
+import { APIRoutes, InferenceEndpoint } from './types';
 import { errorHandler } from './utils/error_handler';
 import { deleteInferenceEndpoint } from './lib/delete_inference_endpoint';
+import { addInferenceEndpoint } from './lib/add_inference_endpoint';
 
 export function defineRoutes({ logger, router }: { logger: Logger; router: IRouter }) {
   router.get(
@@ -35,9 +36,46 @@ export function defineRoutes({ logger, router }: { logger: Logger; router: IRout
     })
   );
 
+  router.put(
+    {
+      path: APIRoutes.INFERENCE_ENDPOINT,
+      validate: {
+        params: schema.object({
+          type: schema.string(),
+          id: schema.string(),
+        }),
+        body: schema.object({
+          config: schema.object({
+            inferenceId: schema.string(),
+            provider: schema.string(),
+            taskType: schema.string(),
+            providerConfig: schema.any(),
+          }),
+          secrets: schema.object({
+            providerSecrets: schema.any(),
+          }),
+        }),
+      },
+    },
+    errorHandler(logger)(async (context, request, response) => {
+      const {
+        client: { asCurrentUser },
+      } = (await context.core).elasticsearch;
+
+      const { type, id } = request.params;
+      const { config, secrets }: InferenceEndpoint = request.body;
+      const result = await addInferenceEndpoint(asCurrentUser, type, id, config, secrets, logger);
+
+      return response.ok({
+        body: result,
+        headers: { 'content-type': 'application/json' },
+      });
+    })
+  );
+
   router.delete(
     {
-      path: APIRoutes.DELETE_INFERENCE_ENDPOINT,
+      path: APIRoutes.INFERENCE_ENDPOINT,
       validate: {
         params: schema.object({
           type: schema.string(),
diff --git a/x-pack/plugins/search_inference_endpoints/server/utils/unflatten_object.ts b/x-pack/plugins/search_inference_endpoints/server/utils/unflatten_object.ts
new file mode 100644
index 0000000000000..625f43bb4f8f6
--- /dev/null
+++ b/x-pack/plugins/search_inference_endpoints/server/utils/unflatten_object.ts
@@ -0,0 +1,17 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+import { set } from '@kbn/safer-lodash-set';
+
+interface GenericObject {
+  [key: string]: any;
+}
+
+export const unflattenObject = <T extends object = GenericObject>(object: object): T =>
+  Object.entries(object).reduce((acc, [key, value]) => {
+    set(acc, key, value);
+    return acc;
+  }, {} as T);
diff --git a/x-pack/plugins/search_inference_endpoints/tsconfig.json b/x-pack/plugins/search_inference_endpoints/tsconfig.json
index f448d36c7f463..da162552248b4 100644
--- a/x-pack/plugins/search_inference_endpoints/tsconfig.json
+++ b/x-pack/plugins/search_inference_endpoints/tsconfig.json
@@ -35,7 +35,12 @@
     "@kbn/utility-types",
     "@kbn/search-navigation",
     "@kbn/shared-ux-page-kibana-template",
-    "@kbn/licensing-plugin"
+    "@kbn/licensing-plugin",
+    "@kbn/inference-endpoint-ui-common",
+    "@kbn/es-ui-shared-plugin",
+    "@kbn/search-connectors",
+    "@kbn/core-http-browser",
+    "@kbn/safer-lodash-set"
   ],
   "exclude": [
     "target/**/*",
diff --git a/x-pack/test_serverless/functional/page_objects/svl_search_inference_management_page.ts b/x-pack/test_serverless/functional/page_objects/svl_search_inference_management_page.ts
index 4e4c6147e8f77..0cfc7a5447bb9 100644
--- a/x-pack/test_serverless/functional/page_objects/svl_search_inference_management_page.ts
+++ b/x-pack/test_serverless/functional/page_objects/svl_search_inference_management_page.ts
@@ -18,6 +18,7 @@ export function SvlSearchInferenceManagementPageProvider({ getService }: FtrProv
         await testSubjects.existOrFail('allInferenceEndpointsPage');
         await testSubjects.existOrFail('api-documentation');
         await testSubjects.existOrFail('view-your-models');
+        await testSubjects.existOrFail('add-inference-endpoint-header-button');
       },
 
       async expectTabularViewToBeLoaded() {
@@ -95,5 +96,26 @@ export function SvlSearchInferenceManagementPageProvider({ getService }: FtrProv
         expect((await browser.getClipboardValue()).includes('.elser-2-elasticsearch')).to.be(true);
       },
     },
+
+    AddInferenceFlyout: {
+      async expectInferenceEndpointToBeVisible() {
+        await testSubjects.click('add-inference-endpoint-header-button');
+        await testSubjects.existOrFail('create-inference-flyout');
+
+        await testSubjects.click('provider-select');
+        await testSubjects.setValue('provider-super-select-search-box', 'Cohere');
+        await testSubjects.click('provider');
+
+        await testSubjects.existOrFail('api_key-password');
+        await testSubjects.click('completion');
+        await testSubjects.existOrFail('inference-endpoint-input-field');
+        (await testSubjects.getVisibleText('inference-endpoint-input-field')).includes(
+          'cohere-completion'
+        );
+
+        await testSubjects.click('add-inference-endpoint-submit-button');
+        expect(await testSubjects.isEnabled('add-inference-endpoint-submit-button')).to.be(false);
+      },
+    },
   };
 }
diff --git a/x-pack/test_serverless/functional/test_suites/search/inference_management.ts b/x-pack/test_serverless/functional/test_suites/search/inference_management.ts
index a931324b390b7..939deb7445213 100644
--- a/x-pack/test_serverless/functional/test_suites/search/inference_management.ts
+++ b/x-pack/test_serverless/functional/test_suites/search/inference_management.ts
@@ -98,6 +98,12 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
       });
     });
 
+    describe('create inference flyout', () => {
+      it('renders successfully', async () => {
+        await pageObjects.svlSearchInferenceManagementPage.AddInferenceFlyout.expectInferenceEndpointToBeVisible();
+      });
+    });
+
     it('has embedded dev console', async () => {
       await testHasEmbeddedConsole(pageObjects);
     });
diff --git a/yarn.lock b/yarn.lock
index b19d415fb949b..32e6ff0a52b92 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5941,6 +5941,10 @@
   version "0.0.0"
   uid ""
 
+"@kbn/inference-endpoint-ui-common@link:x-pack/platform/packages/shared/kbn-inference-endpoint-ui-common":
+  version "0.0.0"
+  uid ""
+
 "@kbn/inference-plugin@link:x-pack/platform/plugins/shared/inference":
   version "0.0.0"
   uid ""