[Exploratory View] Hide Lens warning badges on embeddables by default (#285305)

- Hide Lens visualization warning badges **by default** on Exploratory
View embeddables
- Every consumer (Synthetics, APM, Uptime, etc.) gets the same behavior
— no per-app wrap
- Callers can still pass `onBeforeBadgesRender` to keep or remap badges

Those yellow warning+count badges are Lens inspector warnings (usually
incomplete ES/CCS results). They sit on compact KPI/sparkline widgets
where users cannot act on them.

The full Exploratory View editor is unchanged, so warnings still show
when building a chart.

| Before | After |
| --- | --- |
| Yellow warning badges overlap the Errors / Alerts KPI widgets | Badges
hidden; metric and sparkline unchanged |
|
![Before](https://raw.githubusercontent.com/shahzad31/kibana/screenshots/screenshots/285305/before.png)
|
![After](https://raw.githubusercontent.com/shahzad31/kibana/screenshots/screenshots/285305/after.png)
|

- [ ] Synthetics overview Errors / Alerts widgets no longer show the
yellow warning badge
- [ ] Other Exploratory View embeddables (monitor details, APM KPIs)
also hide the badge
- [ ] Metric value and sparkline still render
- [ ] A real Lens failure still replaces the chart (blocking error)
- [ ] Open in Lens and other panel actions still work
- [ ] Exploratory View app editor still shows Lens warnings when editing
a visualization

(cherry picked from commit 3d466b2)

Author: shahzad31

x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/embeddable/embeddable.test.tsx

@@ -171,6 +171,30 @@ describe('Embeddable', () => {
     expect((mockLens.EmbeddableComponent as jest.Mock).mock.calls[0][0].withDefaultActions).toEqual(
       true
     );
+    expect(
+      (mockLens.EmbeddableComponent as jest.Mock).mock.calls[0][0].onBeforeBadgesRender()
+    ).toEqual([]);
+  });
+
+  it('forwards onBeforeBadgesRender to the Lens embeddable', () => {
+    const onBeforeBadgesRender = jest.fn((messages) => messages);
+
+    render(
+      <Embeddable
+        caseOwner={mockOwner}
+        customTimeRange={mockTimeRange}
+        dataViewState={mockDataViews}
+        lens={mockLens}
+        reportType={mockReportType}
+        withActions={mockActions}
+        attributes={[]}
+        onBeforeBadgesRender={onBeforeBadgesRender}
+      />
+    );
+
+    expect((mockLens.EmbeddableComponent as jest.Mock).mock.calls[0][0].onBeforeBadgesRender).toBe(
+      onBeforeBadgesRender
+    );
   });
 
   it('disables the built-in cases action to avoid a duplicate "Add to case" entry', () => {

x-pack/solutions/observability/plugins/exploratory_view/public/components/shared/exploratory_view/embeddable/embeddable.tsx

@@ -9,7 +9,7 @@ import { i18n } from '@kbn/i18n';
 import { Position } from '@elastic/charts';
 import React, { useState } from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiText, EuiTitle } from '@elastic/eui';
-import { FormulaPublicApi, LensPublicStart, XYState } from '@kbn/lens-plugin/public';
+import { FormulaPublicApi, LensPublicStart, UserMessage, XYState } from '@kbn/lens-plugin/public';
 import { observabilityFeatureId } from '@kbn/observability-shared-plugin/public';
 import styled from 'styled-components';
 import { AnalyticsServiceSetup } from '@kbn/core-analytics-browser';
@@ -29,6 +29,9 @@ import { useEmbeddableAttributes } from './use_embeddable_attributes';
 // disable the built-in one to avoid a duplicate menu entry (see issue #231475).
 const DISABLED_ACTIONS = ['embeddable_addToExistingCase'];
 
+// Compact KPI/sparkline embeddables cannot surface Lens inspector warnings usefully.
+const hideLensWarningBadges = () => [];
+
 export interface ExploratoryEmbeddableProps {
   id?: string;
   appendTitle?: JSX.Element;
@@ -44,6 +47,7 @@ export interface ExploratoryEmbeddableProps {
   hideTicks?: boolean;
   onBrushEnd?: (param: { range: number[] }) => void;
   onLoad?: (loading: boolean) => void;
+  onBeforeBadgesRender?: (userMessages: UserMessage[]) => UserMessage[];
   caseOwner?: string;
   reportConfigMap?: ReportConfigMap;
   reportType: ReportViewType;
@@ -92,6 +96,7 @@ export default function Embeddable(props: ExploratoryEmbeddableComponentProps) {
     lineHeight = 32,
     searchSessionId,
     onLoad,
+    onBeforeBadgesRender,
     analytics,
   } = props;
   const LensComponent = lens?.EmbeddableComponent;
@@ -213,6 +218,7 @@ export default function Embeddable(props: ExploratoryEmbeddableComponentProps) {
         extraActions={actions}
         viewMode={'view'}
         searchSessionId={searchSessionId}
+        onBeforeBadgesRender={onBeforeBadgesRender ?? hideLensWarningBadges}
         onLoad={(loading, inspectorAdapters) => {
           reportEvent(inspectorAdapters);
           onLoad?.(loading);