[ML][Fleet] Link to ML assets from Integration > Assets tab

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

@@ -15,5 +15,7 @@ export {
   UrlStateProvider,
   type Accessor,
   type Dictionary,
+  type ListingPageUrlState,
+  type PageUrlState,
   type SetUrlState,
 } from './src/url_state';

x-pack/packages/ml/url_state/src/url_state.tsx

@@ -31,6 +31,16 @@ export interface Dictionary<TValue> {
   [id: string]: TValue;
 }
 
+export interface ListingPageUrlState {
+  pageSize: number;
+  pageIndex: number;
+  sortField: string;
+  sortDirection: string;
+  queryText?: string;
+  showPerPageOptions?: boolean;
+  showAll?: boolean;
+}
+
 export type Accessor = '_a' | '_g';
 export type SetUrlState = (
   accessor: Accessor,
@@ -241,7 +251,7 @@ export class PageUrlStateService<T> {
   }
 }
 
-interface PageUrlState {
+export interface PageUrlState {
   pageKey: string;
   pageUrlState: object;
 }

x-pack/plugins/data_visualizer/public/application/index_data_visualizer/types/index_data_visualizer_state.ts

@@ -8,6 +8,7 @@
 import type { Filter } from '@kbn/es-query';
 import type { Query } from '@kbn/data-plugin/common/query';
 import type { SearchQueryLanguage } from '@kbn/ml-query-utils';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import type { FieldVisConfig } from '../../../../common/types/field_vis_config';
 import type { RandomSamplerOption } from '../constants/random_sampler';
 
@@ -30,15 +31,8 @@ export interface DataVisualizerPageState {
   documentCountStats?: FieldVisConfig;
 }
 
-export interface ListingPageUrlState {
-  pageSize: number;
-  pageIndex: number;
-  sortField: string;
-  sortDirection: string;
-  queryText?: string;
-}
-
-export interface DataVisualizerIndexBasedAppState extends Omit<ListingPageUrlState, 'queryText'> {
+export interface DataVisualizerIndexBasedAppState
+  extends Omit<ListingPageUrlState, 'queryText' | 'showPerPageOptions' | 'showAll'> {
   searchString?: Query['query'];
   searchQuery?: Query['query'];
   searchQueryLanguage?: SearchQueryLanguage;

x-pack/plugins/fleet/server/services/epm/packages/get_bulk_assets.ts

@@ -33,11 +33,9 @@ const getKibanaLinkForESAsset = (type: ElasticsearchAssetType, id: string): stri
     case 'data_stream_ilm_policy':
       return `/app/management/data/index_lifecycle_management/policies/edit/${id}`;
     case 'transform':
-      // TODO: Confirm link for transforms
-      return '';
+      return `/app/management/data/transform?_a=(transform:(queryText:${id}))`;
     case 'ml_model':
-      // TODO: Confirm link for ml models
-      return '';
+      return `/app/ml/trained_models?_a=(trained_models:(queryText:'model_id:(${id})'))`;
     default:
       return '';
   }

x-pack/plugins/ml/common/types/common.ts

@@ -35,15 +35,6 @@ type DeepReadonlyObject<T> = {
   readonly [P in keyof T]: DeepReadonly<T[P]>;
 };
 
-export interface ListingPageUrlState {
-  pageSize: number;
-  pageIndex: number;
-  sortField: string;
-  sortDirection: string;
-  queryText?: string;
-  showAll?: boolean;
-}
-
 export type AppPageState<T> = {
   [key in MlPages]?: Partial<T>;
 };

x-pack/plugins/ml/common/types/locator.ts

@@ -11,8 +11,8 @@ import type { RefreshInterval, TimeRange } from '@kbn/data-plugin/common/query';
 import type { DataFrameAnalysisConfigType } from '@kbn/ml-data-frame-analytics-utils';
 import type { InfluencersFilterQuery } from '@kbn/ml-anomaly-utils';
 import type { SearchQueryLanguage } from '@kbn/ml-query-utils';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import type { JobId } from './anomaly_detection_jobs/job';
-import type { ListingPageUrlState } from './common';
 import type { ML_PAGES } from '../constants/locator';
 
 type OptionalPageState = object | undefined;

x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_management/components/analytics_list/analytics_list.tsx

@@ -22,6 +22,7 @@ import {
   DATA_FRAME_TASK_STATE,
   type DataFrameAnalyticsId,
 } from '@kbn/ml-data-frame-analytics-utils';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import { useRefreshAnalyticsList } from '../../../../common';
 import { usePermissionCheck } from '../../../../../capabilities/check_capabilities';
 import { useNavigateToPath } from '../../../../../contexts/kibana';
@@ -38,7 +39,6 @@ import { CreateAnalyticsButton } from '../create_analytics_button';
 import { filterAnalytics } from '../../../../common/search_bar_filters';
 import { AnalyticsEmptyPrompt } from '../empty_prompt';
 import { useTableSettings } from './use_table_settings';
-import type { ListingPageUrlState } from '../../../../../../../common/types/common';
 import { JobsAwaitingNodeWarning } from '../../../../../components/jobs_awaiting_node_warning';
 import { useRefresh } from '../../../../../routing/use_refresh';
 

x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_management/components/analytics_list/use_table_settings.ts

@@ -7,7 +7,7 @@
 
 import type { Direction, EuiBasicTableProps, Pagination } from '@elastic/eui';
 import { useCallback, useMemo } from 'react';
-import type { ListingPageUrlState } from '../../../../../../../common/types/common';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 
 const PAGE_SIZE_OPTIONS = [10, 25, 50];
 

x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_management/page.tsx

@@ -10,14 +10,13 @@ import React, { useMemo, useState } from 'react';
 
 import { useLocation } from 'react-router-dom';
 import { FormattedMessage } from '@kbn/i18n-react';
-import { useUrlState, usePageUrlState } from '@kbn/ml-url-state';
+import { useUrlState, usePageUrlState, type ListingPageUrlState } from '@kbn/ml-url-state';
 import { DataFrameAnalyticsList } from './components/analytics_list';
 import { useRefreshInterval } from './components/analytics_list/use_refresh_interval';
 import { NodeAvailableWarning } from '../../../components/node_available_warning';
 import { SavedObjectsWarning } from '../../../components/saved_objects_warning';
 import { UpgradeWarning } from '../../../components/upgrade';
 import { JobMap } from '../job_map';
-import type { ListingPageUrlState } from '../../../../../common/types/common';
 import { DataFrameAnalyticsListColumn } from './components/analytics_list/common';
 import { ML_PAGES } from '../../../../../common/constants/locator';
 import { HelpMenu } from '../../../components/help_menu';

x-pack/plugins/ml/public/application/jobs/jobs_list/jobs.tsx

@@ -9,9 +9,9 @@ import type { FC } from 'react';
 import React from 'react';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { usePageUrlState } from '@kbn/ml-url-state';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import { JobsListView } from './components/jobs_list_view';
 import { ML_PAGES } from '../../../../common/constants/locator';
-import type { ListingPageUrlState } from '../../../../common/types/common';
 import { HelpMenu } from '../../components/help_menu';
 import { useMlKibana } from '../../contexts/kibana';
 import { MlPageHeader } from '../../components/page_header';

x-pack/plugins/ml/public/application/memory_usage/nodes_overview/nodes_list.tsx

@@ -19,6 +19,7 @@ import { i18n } from '@kbn/i18n';
 import { cloneDeep } from 'lodash';
 import { FIELD_FORMAT_IDS } from '@kbn/field-formats-plugin/common';
 import { usePageUrlState } from '@kbn/ml-url-state';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import type { ModelsBarStats } from '../../components/stats_bar';
 import { StatsBar } from '../../components/stats_bar';
 import type { NodeDeploymentStatsResponse } from '../../../../common/types/trained_models';
@@ -28,7 +29,6 @@ import { useTableSettings } from '../../data_frame_analytics/pages/analytics_man
 import { ExpandedRow } from './expanded_row';
 import { MemoryPreviewChart } from './memory_preview_chart';
 import { useFieldFormatter } from '../../contexts/kibana/use_field_formatter';
-import type { ListingPageUrlState } from '../../../../common/types/common';
 import { useToastNotificationService } from '../../services/toast_notification_service';
 import { useRefresh } from '../../routing/use_refresh';
 

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

@@ -52,6 +52,7 @@ import { isDefined } from '@kbn/ml-is-defined';
 import { useStorage } from '@kbn/ml-local-storage';
 import { dynamic } from '@kbn/shared-ux-utility';
 import useMountedState from 'react-use/lib/useMountedState';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import { getModelStateColor, getModelDeploymentState } from './get_model_state';
 import { ML_ELSER_CALLOUT_DISMISSED } from '../../../common/types/storage';
 import { TechnicalPreviewBadge } from '../components/technical_preview_badge';
@@ -70,7 +71,6 @@ import type {
 } from '../../../common/types/trained_models';
 import { DeleteModelsModal } from './delete_models_modal';
 import { ML_PAGES } from '../../../common/constants/locator';
-import type { ListingPageUrlState } from '../../../common/types/common';
 import { useTableSettings } from '../data_frame_analytics/pages/analytics_management/components/analytics_list/use_table_settings';
 import { useToastNotificationService } from '../services/toast_notification_service';
 import { useFieldFormatter } from '../contexts/kibana/use_field_formatter';

x-pack/plugins/ml/public/application/notifications/components/notifications_list.tsx

@@ -17,6 +17,7 @@ import { FIELD_FORMAT_IDS } from '@kbn/field-formats-plugin/common';
 import useDebounce from 'react-use/lib/useDebounce';
 import useMount from 'react-use/lib/useMount';
 import { usePageUrlState } from '@kbn/ml-url-state';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import { useTimefilter, useTimeRangeUpdates } from '@kbn/ml-date-picker';
 import { EntityFilter } from './entity_filter';
 import { useMlNotifications } from '../../contexts/ml/ml_notifications_context';
@@ -26,7 +27,6 @@ import { useToastNotificationService } from '../../services/toast_notification_s
 import { useFieldFormatter } from '../../contexts/kibana/use_field_formatter';
 import { useRefresh } from '../../routing/use_refresh';
 import { useTableSettings } from '../../data_frame_analytics/pages/analytics_management/components/analytics_list/use_table_settings';
-import type { ListingPageUrlState } from '../../../../common/types/common';
 import { ML_PAGES } from '../../../../common/constants/locator';
 import type {
   MlNotificationMessageLevel,

x-pack/plugins/ml/public/locator/formatters/anomaly_detection.ts

@@ -7,6 +7,7 @@
 
 import { isEmpty } from 'lodash';
 import { setStateToKbnUrl } from '@kbn/kibana-utils-plugin/public';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import type {
   AnomalyDetectionUrlState,
   ExplorerAppState,
@@ -21,7 +22,7 @@ import type {
 import { ML_PAGES } from '../../../common/constants/locator';
 import { formatGenericMlUrl } from './common';
 import { getGroupQueryText, getJobQueryText } from '../../../common/util/string_utils';
-import type { AppPageState, ListingPageUrlState } from '../../../common/types/common';
+import type { AppPageState } from '../../../common/types/common';
 
 /**
  * Creates URL to the Anomaly Detection Job management page

x-pack/plugins/ml/public/locator/formatters/data_frame_analytics.ts

@@ -10,6 +10,7 @@
  */
 import { isEmpty } from 'lodash';
 import { setStateToKbnUrl } from '@kbn/kibana-utils-plugin/public';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import { formatGenericMlUrl } from './common';
 import type {
   DataFrameAnalyticsExplorationQueryState,
@@ -21,7 +22,7 @@ import type {
 } from '../../../common/types/locator';
 import { ML_PAGES } from '../../../common/constants/locator';
 import { getGroupQueryText, getJobQueryText } from '../../../common/util/string_utils';
-import type { AppPageState, ListingPageUrlState } from '../../../common/types/common';
+import type { AppPageState } from '../../../common/types/common';
 
 export function formatDataFrameAnalyticsJobManagementUrl(
   appBasePath: string,

x-pack/plugins/ml/public/locator/formatters/trained_models.ts

@@ -6,9 +6,10 @@
  */
 
 import { setStateToKbnUrl } from '@kbn/kibana-utils-plugin/public';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import type { MemoryUsageUrlState, TrainedModelsUrlState } from '../../../common/types/locator';
 import { ML_PAGES } from '../../../common/constants/locator';
-import type { AppPageState, ListingPageUrlState } from '../../../common/types/common';
+import type { AppPageState } from '../../../common/types/common';
 
 export function formatTrainedModelsManagementUrl(
   appBasePath: string,

x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/transform_list.test.tsx

@@ -40,6 +40,8 @@ describe('Transform: Transform List <TransformList />', () => {
             transforms={[]}
             transformsLoading={false}
             transformsStatsLoading={false}
+            pageState={{ pageSize: 10, pageIndex: 0, sortField: 'id', sortDirection: 'asc' }}
+            updatePageState={jest.fn()}
           />
         </QueryClientProvider>
       </IntlProvider>

x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/transform_list.tsx

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import React, { type FC, type MouseEventHandler, useState } from 'react';
+import React, { type FC, type MouseEventHandler, useCallback, useMemo, useState } from 'react';
 
 import { i18n } from '@kbn/i18n';
 import type { EuiSearchBarProps } from '@elastic/eui';
@@ -18,8 +18,10 @@ import {
   EuiInMemoryTable,
   EuiPageTemplate,
   EuiPopover,
+  EuiSearchBar,
   EuiTitle,
 } from '@elastic/eui';
+import type { ListingPageUrlState } from '@kbn/ml-url-state';
 import {
   isReauthorizeActionDisabled,
   ReauthorizeActionModal,
@@ -85,25 +87,36 @@ function getItemIdToExpandedRowMap(
 interface TransformListProps {
   isLoading: boolean;
   onCreateTransform: MouseEventHandler<HTMLButtonElement>;
+  pageState: ListingPageUrlState;
   transformNodes: number;
   transforms: TransformListRow[];
   transformsLoading: boolean;
   transformsStatsLoading: boolean;
+  updatePageState: (update: Partial<ListingPageUrlState>) => void;
 }
 
 export const TransformList: FC<TransformListProps> = ({
   isLoading,
   onCreateTransform,
+  pageState,
   transformNodes,
   transforms,
   transformsLoading,
   transformsStatsLoading,
+  updatePageState,
 }) => {
   const refreshTransformList = useRefreshTransformList();
   const { setEditAlertRule } = useAlertRuleFlyout();
 
-  const [query, setQuery] = useState<Parameters<NonNullable<EuiSearchBarProps['onChange']>>[0]>();
+  const searchQueryText = pageState.queryText ?? '';
+  const setSearchQueryText = useCallback(
+    (value) => {
+      updatePageState({ queryText: value });
+    },
+    [updatePageState]
+  );
 
+  const [searchError, setSearchError] = useState<string | undefined>();
   const [expandedRowItemIds, setExpandedRowItemIds] = useState<TransformId[]>([]);
   const [transformSelection, setTransformSelection] = useState<TransformListRow[]>([]);
   const [isActionsMenuOpen, setIsActionsMenuOpen] = useState(false);
@@ -122,7 +135,9 @@ export const TransformList: FC<TransformListProps> = ({
 
   const { sorting, pagination, onTableChange } = useTableSettings<TransformListRow>(
     TRANSFORM_LIST_COLUMN.ID,
-    transforms
+    transforms,
+    pageState,
+    updatePageState
   );
 
   const { columns, modals: singleActionModals } = useColumns(
@@ -133,10 +148,11 @@ export const TransformList: FC<TransformListProps> = ({
     transformsStatsLoading
   );
 
-  const searchError = query?.error ? query?.error.message : undefined;
-  const clauses = query?.query?.ast?.clauses ?? [];
-  const filteredTransforms =
-    clauses.length > 0 ? filterTransforms(transforms, clauses) : transforms;
+  const filteredTransforms = useMemo(() => {
+    const query = searchQueryText !== '' ? EuiSearchBar.Query.parse(searchQueryText) : undefined;
+    const clauses = query?.ast?.clauses ?? [];
+    return clauses.length > 0 ? filterTransforms(transforms, clauses) : transforms;
+  }, [searchQueryText, transforms]);
 
   if (transforms.length === 0) {
     return (
@@ -317,14 +333,25 @@ export const TransformList: FC<TransformListProps> = ({
     </EuiFlexGroup>
   );
 
+  const handleSearchOnChange: EuiSearchBarProps['onChange'] = (search) => {
+    if (search.error !== null) {
+      setSearchError(search.error.message);
+      return;
+    }
+
+    setSearchError(undefined);
+    setSearchQueryText(search.queryText);
+  };
+
   const search = {
     toolsLeft: transformSelection.length > 0 ? renderToolsLeft() : undefined,
     toolsRight,
-    onChange: setQuery,
+    onChange: handleSearchOnChange,
     box: {
       incremental: true,
     },
     filters: transformFilters,
+    query: searchQueryText,
   };
 
   const selection = {

x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/transform_search_bar_filters.tsx

@@ -24,7 +24,7 @@ import { TransformHealthColoredDot } from './transform_health_colored_dot';
 export const transformFilters: SearchFilterConfig[] = [
   {
     type: 'field_value_selection',
-    field: 'state.state',
+    field: 'stats.state',
     name: i18n.translate('xpack.transform.statusFilter', { defaultMessage: 'Status' }),
     multiSelect: 'or',
     options: Object.values(TRANSFORM_STATE).map((val) => ({
@@ -50,7 +50,7 @@ export const transformFilters: SearchFilterConfig[] = [
   },
   {
     type: 'field_value_selection',
-    field: 'health',
+    field: 'stats.health.status',
     name: i18n.translate('xpack.transform.healthFilter', { defaultMessage: 'Health' }),
     multiSelect: false,
     options: Object.values(TRANSFORM_HEALTH_STATUS).map((val) => ({
@@ -113,7 +113,7 @@ export const filterTransforms = (transforms: TransformListRow[], clauses: Clause
       } else {
         ts = transforms.filter((transform) => {
           if (!transform.stats) return false;
-          if (c.type === 'field' && c.field === 'health') {
+          if (c.type === 'field' && c.field === 'stats.health.status') {
             return transform.stats.health?.status === c.value;
           }
           if (c.type === 'field' && c.field === 'mode') {