[8.19] [ML]Inference endpoints UI: Ensure list loads when provider is custom (elastic#240189) (elastic#240540)

kibanamachine · alvarezmelissa87 · jgowdyelastic · web-flow · commit 408861f9940e · 2025-10-25T02:31:07.000+02:00
# Backport This will backport the following commits from `main` to `8.19`: - [[ML]Inference endpoints UI: Ensure list loads when provider is custom (elastic#240189)](elastic#240189)  ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport)  Co-authored-by: Melissa Alvarez <melissa.alvarez@elastic.co> Co-authored-by: James Gowdy <jgowdy@elastic.co> Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
diff --git a/x-pack/solutions/search/plugins/search_inference_endpoints/public/components/all_inference_endpoints/filter/service_provider_filter.test.tsx b/x-pack/solutions/search/plugins/search_inference_endpoints/public/components/all_inference_endpoints/filter/service_provider_filter.test.tsx
@@ -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.
+ */
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import type { ServiceProviderKeys } from '@kbn/inference-endpoint-ui-common';
+import { ServiceProviderFilter } from './service_provider_filter';
+
+describe('ServiceProviderFilter', () => {
+  it('should render the filter with known and unknown providers', () => {
+    const { getByTestId } = render(
+      <ServiceProviderFilter
+        optionKeys={[]}
+        onChange={jest.fn}
+        uniqueProviders={new Set(['elasticsearch', 'unknownProvider'] as ServiceProviderKeys[])}
+      />
+    );
+    expect(getByTestId('service-field-endpoints')).toBeInTheDocument();
+  });
+});
diff --git a/x-pack/solutions/search/plugins/search_inference_endpoints/public/components/all_inference_endpoints/filter/service_provider_filter.tsx b/x-pack/solutions/search/plugins/search_inference_endpoints/public/components/all_inference_endpoints/filter/service_provider_filter.tsx
@@ -31,16 +31,11 @@ export const ServiceProviderFilter: React.FC<Props> = ({
     });
   };
 
-  const filteredOptions = useMemo(() => {
-    const options: any = [];
-    uniqueProviders.forEach((provider) => {
-      const { name } = SERVICE_PROVIDERS[provider];
-      options.push({
-        key: provider,
-        label: name,
-      });
-    });
-    return options;
+  const filteredOptions = useMemo<MultiSelectFilterOption[]>(() => {
+    return Array.from(uniqueProviders).map((provider) => ({
+      key: provider,
+      label: SERVICE_PROVIDERS[provider]?.name ?? provider,
+    }));
   }, [uniqueProviders]);
 
   return (
