Refactoring Inference Management UI (#193380)

## Summary

This PR includes:
- Adding header links and text
- Restructure of columns
- Increased pagination limit

![Screenshot 2024-09-18 at 11 51
25 PM](https://github.com/user-attachments/assets/a4fc1324-4365-4f1c-a33e-3d247227bcfa)

### Checklist

Delete any items that are not applicable to this PR.

- [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

---------

Co-authored-by: Elastic Machine <[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"