[8.x] Refactoring Inference Management UI (#193380) (#193493)

# Backport

This will backport the following commits from `main` to `8.x`:
- [Refactoring Inference Management UI
(#193380)](#193380)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Samiul
Monir","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-09-19T21:33:28Z","message":"Refactoring
Inference Management UI (#193380)\n\n## Summary\r\n\r\nThis PR
includes:\r\n- Adding header links and text\r\n- Restructure of
columns\r\n- Increased pagination limit\r\n\r\n![Screenshot 2024-09-18
at 11
51\r\n25 PM](https://github.com/user-attachments/assets/a4fc1324-4365-4f1c-a33e-3d247227bcfa)\r\n\r\n###
Checklist\r\n\r\nDelete any items that are not applicable to this
PR.\r\n\r\n- [X] Any text added follows [EUI's
writing\r\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\r\nsentence case text and includes
[i18n\r\nsupport](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)\r\n-
[X] [Unit or
functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere
updated or added to match the most common
scenarios\r\n\r\n---------\r\n\r\nCo-authored-by: Elastic Machine
<[email protected]>","sha":"fd149a5ab2c935d9f8f2dfe17c7f35c8a1c1f353","branchLabelMapping":{"^v9.0.0$":"main","^v8.16.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["backport","release_note:fix","v9.0.0","Team:Search","v8.16.0"],"title":"Refactoring
Inference Management
UI","number":193380,"url":"https://github.com/elastic/kibana/pull/193380","mergeCommit":{"message":"Refactoring
Inference Management UI (#193380)\n\n## Summary\r\n\r\nThis PR
includes:\r\n- Adding header links and text\r\n- Restructure of
columns\r\n- Increased pagination limit\r\n\r\n![Screenshot 2024-09-18
at 11
51\r\n25 PM](https://github.com/user-attachments/assets/a4fc1324-4365-4f1c-a33e-3d247227bcfa)\r\n\r\n###
Checklist\r\n\r\nDelete any items that are not applicable to this
PR.\r\n\r\n- [X] Any text added follows [EUI's
writing\r\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\r\nsentence case text and includes
[i18n\r\nsupport](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)\r\n-
[X] [Unit or
functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere
updated or added to match the most common
scenarios\r\n\r\n---------\r\n\r\nCo-authored-by: Elastic Machine
<[email protected]>","sha":"fd149a5ab2c935d9f8f2dfe17c7f35c8a1c1f353"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/193380","number":193380,"mergeCommit":{"message":"Refactoring
Inference Management UI (#193380)\n\n## Summary\r\n\r\nThis PR
includes:\r\n- Adding header links and text\r\n- Restructure of
columns\r\n- Increased pagination limit\r\n\r\n![Screenshot 2024-09-18
at 11
51\r\n25 PM](https://github.com/user-attachments/assets/a4fc1324-4365-4f1c-a33e-3d247227bcfa)\r\n\r\n###
Checklist\r\n\r\nDelete any items that are not applicable to this
PR.\r\n\r\n- [X] Any text added follows [EUI's
writing\r\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\r\nsentence case text and includes
[i18n\r\nsupport](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)\r\n-
[X] [Unit or
functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere
updated or added to match the most common
scenarios\r\n\r\n---------\r\n\r\nCo-authored-by: Elastic Machine
<[email protected]>","sha":"fd149a5ab2c935d9f8f2dfe17c7f35c8a1c1f353"}},{"branch":"8.x","label":"v8.16.0","branchLabelMappingKey":"^v8.16.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Samiul Monir <[email protected]>

x-pack/plugins/search_inference_endpoints/common/translations.ts

@@ -10,7 +10,7 @@ import { i18n } from '@kbn/i18n';
 export const INFERENCE_ENDPOINT_LABEL = i18n.translate(
   'xpack.searchInferenceEndpoints.inferenceEndpointsLabel',
   {
-    defaultMessage: 'Inference Endpoints',
+    defaultMessage: 'Inference endpoints',
   }
 );
 
@@ -21,7 +21,8 @@ export const CANCEL = i18n.translate('xpack.searchInferenceEndpoints.cancel', {
 export const MANAGE_INFERENCE_ENDPOINTS_LABEL = i18n.translate(
   'xpack.searchInferenceEndpoints.allInferenceEndpoints.description',
   {
-    defaultMessage: 'View and manage your deployed inference endpoints.',
+    defaultMessage:
+      'Inference endpoints streamline the deployment and management of machine\nlearning models in Elasticsearch. Set up and manage NLP tasks using unique\nendpoints, to build AI-powered search.',
   }
 );
 
@@ -69,9 +70,16 @@ export const SEMANTIC_SEARCH_WITH_E5_LINK = i18n.translate(
 );
 
 export const VIEW_YOUR_MODELS_LINK = i18n.translate(
-  'xpack.searchInferenceEndpoints.addEmptyPrompt.viewYourModels',
+  'xpack.searchInferenceEndpoints.viewYourModels',
+  {
+    defaultMessage: 'ML Trained Models',
+  }
+);
+
+export const API_DOCUMENTATION_LINK = i18n.translate(
+  'xpack.searchInferenceEndpoints.apiDocumentationLink',
   {
-    defaultMessage: 'View your models',
+    defaultMessage: 'API Documentation',
   }
 );
 

x-pack/plugins/search_inference_endpoints/public/components/all_inference_endpoints/constants.ts

@@ -14,7 +14,7 @@ import {
 } from './types';
 
 export const DEFAULT_TABLE_ACTIVE_PAGE = 1;
-export const DEFAULT_TABLE_LIMIT = 10;
+export const DEFAULT_TABLE_LIMIT = 25;
 
 export const DEFAULT_QUERY_PARAMS: QueryParams = {
   page: DEFAULT_TABLE_ACTIVE_PAGE,

x-pack/plugins/search_inference_endpoints/public/components/all_inference_endpoints/render_table_columns/render_actions/actions/delete/delete_action.tsx

@@ -28,7 +28,7 @@ export const DeleteAction: React.FC<DeleteActionProps> = ({ selectedEndpoint })
 
     deleteEndpoint({
       type: selectedEndpoint.type,
-      id: selectedEndpoint.endpoint.inference_id,
+      id: selectedEndpoint.endpoint,
     });
   };
 
@@ -37,7 +37,7 @@ export const DeleteAction: React.FC<DeleteActionProps> = ({ selectedEndpoint })
       <EuiButtonIcon
         aria-label={i18n.translate('xpack.searchInferenceEndpoints.actions.deleteEndpoint', {
           defaultMessage: 'Delete inference endpoint {selectedEndpointName}',
-          values: { selectedEndpointName: selectedEndpoint?.endpoint.inference_id },
+          values: { selectedEndpointName: selectedEndpoint?.endpoint },
         })}
         key="delete"
         iconType="trash"