[ML] AIOps: Enhances No Results state for Change Point Detection

x-pack/platform/plugins/private/translations/translations/fr-FR.json

@@ -10216,7 +10216,6 @@
     "xpack.aiops.changePointDetection.maxSeriesToPlotLabel": "Série max.",
     "xpack.aiops.changePointDetection.noChangePointsFoundMessage": "Détectez les points de modification statistiquement significatifs tels que les baisses, les pics et les modifications de distribution dans un indicateur. Sélectionnez un indicateur et définissez une plage temporelle pour commencer à détecter les points de modification dans vos données.",
     "xpack.aiops.changePointDetection.noChangePointsFoundTitle": "Aucun point de modification trouvé",
-    "xpack.aiops.changePointDetection.notResultsWarning": "Avertissement de résultats agrégés d'absence de point de modification",
     "xpack.aiops.changePointDetection.notSelectedSplitFieldLabel": "--- Non sélectionné ---",
     "xpack.aiops.changePointDetection.objectTypeLabel": "Graphique de points de modification",
     "xpack.aiops.changePointDetection.partitionsDescription": "Si aucune valeur n'est spécifiée, les principaux points de modifications parmi toutes les valeurs des champs divisés seront affichés.",

x-pack/platform/plugins/private/translations/translations/ja-JP.json

@@ -10208,7 +10208,6 @@
     "xpack.aiops.changePointDetection.maxSeriesToPlotLabel": "最大系列",
     "xpack.aiops.changePointDetection.noChangePointsFoundMessage": "メトリックの急降下、急上昇、分布の変化などの統計的に有意な変化点を検出します。メトリックを選択し、時間範囲を選択して、データの変化点の検出を開始します。",
     "xpack.aiops.changePointDetection.noChangePointsFoundTitle": "変化点が見つかりません",
-    "xpack.aiops.changePointDetection.notResultsWarning": "変化点の集約結果警告",
     "xpack.aiops.changePointDetection.notSelectedSplitFieldLabel": "--- 未選択 ---",
     "xpack.aiops.changePointDetection.objectTypeLabel": "変化点チャート",
     "xpack.aiops.changePointDetection.partitionsDescription": "指定しない場合、すべての分割されたフィールド値で最も大きい変化点が表示されます。",

x-pack/platform/plugins/private/translations/translations/zh-CN.json

@@ -10223,7 +10223,6 @@
     "xpack.aiops.changePointDetection.maxSeriesToPlotLabel": "最大序列",
     "xpack.aiops.changePointDetection.noChangePointsFoundMessage": "检测具有统计意义的更改点，如低谷、高峰，以及指标中的分布变化。选择指标并设置时间范围，以开始在您的数据中检测更改点。",
     "xpack.aiops.changePointDetection.noChangePointsFoundTitle": "找不到更改点",
-    "xpack.aiops.changePointDetection.notResultsWarning": "无更改点聚���结果警告",
     "xpack.aiops.changePointDetection.notSelectedSplitFieldLabel": "--- 未选择 ---",
     "xpack.aiops.changePointDetection.objectTypeLabel": "更改点图表",
     "xpack.aiops.changePointDetection.partitionsDescription": "如果未提供，将显示所有分割字段值中的最大更改点。",

x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/change_point_detection_context.tsx

@@ -74,14 +74,14 @@ export const ChangePointDetectionContext = createContext<{
 export interface ChangePointAnnotation {
   id: string;
   label: string;
-  reason: string;
-  timestamp: string;
+  reason?: string;
+  timestamp?: string;
   group?: {
     name: string;
     value: string;
   };
   type: ChangePointType;
-  p_value: number;
+  p_value?: number;
 }
 
 export type SelectedChangePoint = FieldConfig & ChangePointAnnotation;

x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/change_points_table.tsx

@@ -28,7 +28,7 @@ import {
   type ChangePointAnnotation,
 } from './change_point_detection_context';
 import { type ChartComponentProps } from './chart_component';
-import { NoChangePointsWarning } from './no_change_points_warning';
+import { NoDataFoundWarning } from './no_data_warning';
 import { useCommonChartProps } from './use_common_chart_props';
 
 export interface ChangePointsTableProps {
@@ -198,7 +198,8 @@ export const ChangePointsTable: FC<ChangePointsTableProps> = ({
       ),
       sortable: true,
       truncateText: false,
-      render: (pValue: ChangePointAnnotation['p_value']) => pValue.toPrecision(3),
+      render: (pValue: ChangePointAnnotation['p_value']) =>
+        pValue !== undefined ? pValue.toPrecision(3) : '-',
     },
     ...(fieldConfig.splitField
       ? [
@@ -339,7 +340,7 @@ export const ChangePointsTable: FC<ChangePointsTableProps> = ({
             }
           />
         ) : (
-          <NoChangePointsWarning />
+          <NoDataFoundWarning />
         )
       }
     />

x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/charts_grid.tsx

@@ -13,13 +13,10 @@ import {
   EuiFlexGroup,
   EuiFlexItem,
   EuiHorizontalRule,
-  EuiIcon,
-  EuiPagination,
   EuiPanel,
+  EuiPagination,
   EuiText,
-  EuiToolTip,
 } from '@elastic/eui';
-import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { useTimefilter } from '@kbn/ml-date-picker';
 import { type RefreshInterval } from '@kbn/data-plugin/common';
@@ -90,22 +87,6 @@ export const ChartsGrid: FC<{
                       listItems={[{ title: v.group.name, description: v.group.value }]}
                     />
                   ) : null}
-
-                  {v.reason ? (
-                    <EuiToolTip position="top" content={v.reason}>
-                      <EuiIcon
-                        tabIndex={0}
-                        color={'warning'}
-                        type="warning"
-                        title={i18n.translate(
-                          'xpack.aiops.changePointDetection.notResultsWarning',
-                          {
-                            defaultMessage: 'No change point agg results warning',
-                          }
-                        )}
-                      />
-                    </EuiToolTip>
-                  ) : null}
                 </EuiFlexItem>
                 <EuiFlexItem grow={false}>
                   <EuiText color={'subdued'} size={'s'}>
@@ -135,6 +116,7 @@ export const ChartsGrid: FC<{
                     />
                   </EuiFlexItem>
                 ) : null}
+
                 <EuiFlexItem grow={false}>
                   <EuiBadge color="hollow">{v.type}</EuiBadge>
                 </EuiFlexItem>

x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/fields_config.tsx

@@ -59,6 +59,7 @@ import { useSplitFieldCardinality } from './use_split_field_cardinality';
 import { ViewTypeSelector } from './view_type_selector';
 import { CASES_TOAST_MESSAGES_TITLES } from '../../cases/constants';
 import { getDataviewReferences } from '../../embeddables/get_dataview_references';
+import { NoChangePointsCallout } from './no_change_points_callout';
 
 const selectControlCss = { width: '350px' };
 
@@ -213,9 +214,10 @@ const FieldPanel: FC<FieldPanelProps> = ({
   const [dashboardAttachmentReady, setDashboardAttachmentReady] = useState<boolean>(false);
 
   const {
-    results: annotations,
+    results,
     isLoading: annotationsLoading,
     progress,
+    isUsingSampleData,
   } = useChangePointResults(fieldConfig, requestParams, combinedQuery, splitFieldCardinality);
 
   const selectedPartitions = useMemo(() => {
@@ -597,9 +599,10 @@ const FieldPanel: FC<FieldPanelProps> = ({
       {isExpanded ? (
         <ChangePointResults
           fieldConfig={fieldConfig}
-          isLoading={annotationsLoading}
-          annotations={annotations}
           splitFieldCardinality={splitFieldCardinality}
+          isLoading={annotationsLoading}
+          results={results}
+          isUsingSampleData={isUsingSampleData}
           onSelectionChange={onSelectionChange}
         />
       ) : null}
@@ -719,7 +722,8 @@ interface ChangePointResultsProps {
   fieldConfig: FieldConfig;
   splitFieldCardinality: number | null;
   isLoading: boolean;
-  annotations: ChangePointAnnotation[];
+  results: ChangePointAnnotation[];
+  isUsingSampleData: boolean;
   onSelectionChange: (update: SelectedChangePoint[]) => void;
 }
 
@@ -730,8 +734,9 @@ export const ChangePointResults: FC<ChangePointResultsProps> = ({
   fieldConfig,
   splitFieldCardinality,
   isLoading,
-  annotations,
+  results,
   onSelectionChange,
+  isUsingSampleData,
 }) => {
   const cardinalityExceeded =
     splitFieldCardinality && splitFieldCardinality > SPLIT_FIELD_CARDINALITY_LIMIT;
@@ -765,8 +770,15 @@ export const ChangePointResults: FC<ChangePointResultsProps> = ({
         </>
       ) : null}
 
+      {isUsingSampleData && (
+        <>
+          <NoChangePointsCallout reason={results[0]?.reason} />
+          <EuiSpacer size="m" />
+        </>
+      )}
+
       <ChangePointsTable
-        annotations={annotations}
+        annotations={results}
         fieldConfig={fieldConfig}
         isLoading={isLoading}
         onSelectionChange={onSelectionChange}

x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/no_change_points_callout.tsx

@@ -0,0 +1,46 @@
+/*
+ * 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 type { FC } from 'react';
+import { EuiCallOut } from '@elastic/eui';
+import { FormattedMessage } from '@kbn/i18n-react';
+
+interface NoChangePointsCalloutProps {
+  reason?: string;
+}
+
+export const NoChangePointsCallout: FC<NoChangePointsCalloutProps> = ({ reason }) => {
+  return (
+    <EuiCallOut
+      data-test-subj="aiopsNoChangePointsWarningCallout"
+      title={
+        <FormattedMessage
+          id="xpack.aiops.changePointDetection.noChangePointsFoundTitle"
+          defaultMessage="No change points found"
+        />
+      }
+      color="warning"
+      iconType="warning"
+    >
+      <p data-test-subj="aiopsNoChangePointsWarningCalloutText">
+        {reason ? (
+          <FormattedMessage
+            id="xpack.aiops.changePointDetection.reasonWithSampleMetricData"
+            defaultMessage="{reason} - showing sample metric data"
+            values={{ reason }}
+          />
+        ) : (
+          <FormattedMessage
+            id="xpack.aiops.changePointDetection.noChangePointsFoundMessage"
+            defaultMessage="No change points detected - showing sample metric data"
+          />
+        )}
+      </p>
+    </EuiCallOut>
+  );
+};

x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/no_change_points_warning.tsx → x-pack/platform/plugins/shared/aiops/public/components/change_point_detection/no_data_warning.tsx

@@ -9,25 +9,26 @@ import React from 'react';
 import { FormattedMessage } from '@kbn/i18n-react';
 import { EuiEmptyPrompt } from '@elastic/eui';
 
-export const NoChangePointsWarning = (props: { onRenderComplete?: () => void }) => {
+export const NoDataFoundWarning = (props: { onRenderComplete?: () => void }) => {
   props.onRenderComplete?.();
 
   return (
     <EuiEmptyPrompt
+      data-test-subj="aiopsNoDataFoundWarning"
       iconType="search"
       title={
         <h2>
           <FormattedMessage
-            id="xpack.aiops.changePointDetection.noChangePointsFoundTitle"
-            defaultMessage="No change points found"
+            id="xpack.aiops.changePointDetection.noDataFoundTitle"
+            defaultMessage="No data found"
           />
         </h2>
       }
       body={
         <p>
           <FormattedMessage
-            id="xpack.aiops.changePointDetection.noChangePointsFoundMessage"
-            defaultMessage="Detect statistically significant change points such as dips, spikes, and distribution changes in a metric. Select a metric and set a time range to start detecting change points in your data."
+            id="xpack.aiops.changePointDetection.noDataFoundMessage"
+            defaultMessage="No data found for the selected metric and time range. Try adjusting your selection to include data from your indices."
           />
         </p>
       }