@marinoscar/platform-web 0.0.0-stage → 0.1.0-next.3

package/dist/telemetry/ui/components/dashboard/ZoomBrush.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomBrush.js","sourceRoot":"","sources":["../../../../../src/telemetry/ui/components/dashboard/ZoomBrush.tsx"],"names":[],"mappings":"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"}

package/dist/telemetry/ui/components/dashboard/metrics/MetricSections.d.ts

@@ -0,0 +1,75 @@
+import type { DashboardResource } from '../../../../headless/hooks/useTelemetryDashboard.js';
+import type { DashboardMetricGroup, DashboardMetricTable, DashboardMetrics, DashboardTile } from '../../../../headless/services/telemetryDashboard.js';
+import type { AssistantPanelContext } from '../../../../headless/lib/dashboard/assistantPrompt.js';
+import { type PanelAction } from '../DashboardPanel.js';
+import type { DashboardLayout } from '../DashboardFilterBar.js';
+import { type MetricTableColumnSpec, type MetricTableTopN } from './MetricTable.js';
+import { type MetricSectionMeta } from '../../../../headless/lib/metrics/metricSections.js';
+import { type TelemetryTokens } from '../../../../theme/telemetryTokens.js';
+type Row = DashboardMetricTable['rows'][number];
+interface ChartSpec {
+    title: string;
+    /** Series keys, in legend order; every series of a key (one per `groupBy`) is drawn. */
+    keys: string[];
+    /** Fixed colours per `groupBy` value (the settle outcomes), from the telemetry status tokens. */
+    colors?: Record<string, (tokens: TelemetryTokens) => string>;
+}
+interface TableSpec {
+    key: string;
+    columns?: MetricTableColumnSpec[];
+    sortRows?: (a: Row, b: Row) => number;
+    /** Offer a "Top N" row limit (applied after `sortRows`). */
+    topN?: MetricTableTopN;
+}
+interface SectionSpec {
+    tiles: string[];
+    charts: ChartSpec[];
+    tables: TableSpec[];
+}
+/** The platform groups' presentation. A group not listed here gets {@link sectionSpec}'s default. */
+export declare const SECTION_SPECS: Readonly<Record<string, SectionSpec>>;
+/**
+ * What a section shows: the platform group's {@link SECTION_SPECS} entry, or,
+ * for a group without one (an application's own, #680), every tile, one chart
+ * per series key and every table, in the response's order.
+ */
+export declare function sectionSpec(group: DashboardMetricGroup, data: DashboardMetrics): SectionSpec;
+/** The section's tiles, in the spec's order, that the response carries. */
+export declare function sectionTiles(group: DashboardMetricGroup, data: DashboardMetrics): DashboardTile[];
+/** The section's tables, in the spec's order, that the response carries. */
+export declare function sectionTables(group: DashboardMetricGroup, data: DashboardMetrics): DashboardMetricTable[];
+/** What "Ask assistant" describes for a section; `title` is the section title the API gives it. */
+export declare function metricsAssistantContext(group: DashboardMetricGroup, data: DashboardMetrics, title: string): AssistantPanelContext;
+/**
+ * A freshness window as words: `150000` → "2 min 30 s", `300000` → "5 min",
+ * `45000` → "45 s".
+ */
+export declare function formatFreshWindow(ms: number): string;
+/** Whether a section has anything to draw for the response. */
+export declare function sectionHasContent(group: DashboardMetricGroup, data: DashboardMetrics): boolean;
+export interface MetricSectionProps {
+    group: DashboardMetricGroup;
+    /** The section title, from `/metric-groups` (#680). */
+    title: string;
+    resource: DashboardResource<DashboardMetrics>;
+    actions: PanelAction[];
+    layout: DashboardLayout;
+    spanMs: number;
+    /** For relative times; the page's clock. */
+    now?: number;
+}
+/**
+ * One infrastructure section. Hidden entirely once the API says the group is
+ * not `available`; until the first answer it shows the panel's skeleton, and a
+ * failure is this section's own (Retry refetches it alone).
+ */
+export declare function MetricSection({ group, title, resource, actions, layout, spanMs, now }: MetricSectionProps): import("react").JSX.Element | null;
+/**
+ * The one-line hint for the groups the store has nothing of (#602): their
+ * sections are hidden, so say which, rather than leave the reader wondering.
+ */
+export declare function MetricsNotCollected({ groups }: {
+    groups: readonly Pick<MetricSectionMeta, 'title'>[];
+}): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=MetricSections.d.ts.map

package/dist/telemetry/ui/components/dashboard/metrics/MetricSections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricSections.d.ts","sourceRoot":"","sources":["../../../../../../src/telemetry/ui/components/dashboard/metrics/MetricSections.tsx"],"names":[],"mappings":"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"}

package/dist/telemetry/ui/components/dashboard/metrics/MetricSections.js

@@ -0,0 +1,247 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid, Stack, Typography, useTheme } from '@mui/material';
+import { DashboardPanel } from '../DashboardPanel.js';
+import { KpiTiles } from '../KpiTiles.js';
+import { MetricSeriesChart } from './MetricSeriesChart.js';
+import { MetricTable, StatusCell, UtilizationBar, } from './MetricTable.js';
+import { metricPanelId, metricSectionAnchor } from '../../../../headless/lib/metrics/metricSections.js';
+import { telemetryTokens } from '../../../../theme/telemetryTokens.js';
+/** Failing rows first (`up === false`, `noEligibleNode === true`); stable otherwise. */
+const problemsFirst = (a, b) => Number(b.up === false || b.noEligibleNode === true) - Number(a.up === false || a.noEligibleNode === true);
+const upStatus = {
+    key: 'up',
+    requires: ['up'],
+    render: (row) => _jsx(StatusCell, { ok: row.up ?? null, okText: "Up", badText: "Down" }),
+};
+/** The platform groups' presentation. A group not listed here gets {@link sectionSpec}'s default. */
+export const SECTION_SPECS = {
+    host: {
+        tiles: ['cpuUtilization', 'memoryUtilization', 'load1m', 'filesystemUtilization'],
+        charts: [{ title: 'CPU and memory utilization', keys: ['cpuUtilization', 'memoryUtilization'] }],
+        tables: [
+            {
+                key: 'filesystems',
+                columns: [
+                    { key: 'key' },
+                    {
+                        key: 'utilizationPct',
+                        requires: ['utilizationPct'],
+                        render: (row, column) => (_jsx(UtilizationBar, { value: row.utilizationPct ?? null, label: `${column?.label ?? 'Used'} on ${String(row.key)}` })),
+                    },
+                    { key: 'usedBytes' },
+                    { key: 'freeBytes' },
+                    { key: 'lastSeenAt' },
+                ],
+            },
+        ],
+    },
+    database: {
+        tiles: ['dbConnectionUtilization', 'dbSize', 'dbCommits', 'dbCacheHitRatio'],
+        charts: [{ title: 'Connections and the connection limit', keys: ['dbConnections', 'dbConnectionMax'] }],
+        tables: [{ key: 'largestTables', topN: { options: [10, 20, 50, 'all'], default: 10 } }],
+    },
+    queue: {
+        tiles: ['queueDepth.pending', 'oldestPendingAge', 'jobFailureRatio', 'jobDurationP95', 'backupAge'],
+        charts: [
+            {
+                title: 'Jobs settled per minute by outcome',
+                keys: ['jobsSettled'],
+                colors: {
+                    succeeded: (tokens) => tokens.status.ok,
+                    failed: (tokens) => tokens.status.crit,
+                },
+            },
+        ],
+        tables: [{ key: 'jobTypes' }],
+    },
+    nodes: {
+        tiles: ['nodesByHealth.healthy', 'nodesByHealth.stale', 'nodesByHealth.offline', 'noEligibleNode'],
+        charts: [],
+        tables: [
+            {
+                key: 'nodes',
+                columns: [
+                    { key: 'key' },
+                    { key: 'cpuCores' },
+                    { key: 'rssBytes' },
+                    {
+                        key: 'heapPct',
+                        requires: ['heapPct'],
+                        render: (row, column) => (_jsx(UtilizationBar, { value: row.heapPct ?? null, label: `${column?.label ?? 'Heap used'} on ${String(row.key)}` })),
+                    },
+                    { key: 'stateDirFreePct' },
+                    {
+                        key: 'slots',
+                        label: 'Slots used',
+                        requires: ['slotsUsed', 'slotsTotal'],
+                        render: (row) => row.slotsUsed === null && row.slotsTotal === null
+                            ? '—'
+                            : `${typeof row.slotsUsed === 'number' ? row.slotsUsed : '—'} / ${typeof row.slotsTotal === 'number' ? row.slotsTotal : '—'}`,
+                    },
+                    { key: 'lastSeenAt' },
+                ],
+            },
+            {
+                key: 'noEligibleNodeTypes',
+                sortRows: problemsFirst,
+                columns: [
+                    { key: 'key' },
+                    {
+                        key: 'noEligibleNode',
+                        label: 'Eligible node',
+                        requires: ['noEligibleNode'],
+                        render: (row) => (_jsx(StatusCell, { ok: typeof row.noEligibleNode === 'boolean' ? !row.noEligibleNode : null, okText: "Available", badText: "None eligible" })),
+                    },
+                    { key: 'lastSeenAt' },
+                ],
+            },
+        ],
+    },
+    uptime: {
+        tiles: ['nginxConnections.active', 'nginxRequests', 'tlsDaysLeft', 'httpDuration'],
+        charts: [{ title: 'nginx connections by state', keys: ['nginxConnections'] }],
+        tables: [
+            {
+                key: 'uptimeTargets',
+                sortRows: problemsFirst,
+                columns: [
+                    { key: 'key' },
+                    upStatus,
+                    { key: 'statusCode' },
+                    { key: 'durationMs' },
+                    { key: 'tlsDaysLeft' },
+                    { key: 'failedChecks' },
+                    { key: 'checks' },
+                    { key: 'lastError' },
+                    { key: 'lastSeenAt' },
+                ],
+            },
+        ],
+    },
+    pipeline: {
+        tiles: ['exporterFailed', 'exporterQueueUtilization', 'receiverRefused', 'scrapeTargetsDown'],
+        charts: [],
+        tables: [{ key: 'scrapeTargets', sortRows: problemsFirst, columns: [{ key: 'key' }, upStatus, { key: 'lastSeenAt' }] }],
+    },
+};
+/** The series label without its `groupBy` suffix (`Disk IO: read` → `Disk IO`). */
+function familyLabel(series) {
+    const suffix = series.groupBy === null ? '' : `: ${series.groupBy}`;
+    return suffix && series.label.endsWith(suffix) ? series.label.slice(0, -suffix.length) : series.label;
+}
+/**
+ * What a section shows: the platform group's {@link SECTION_SPECS} entry, or,
+ * for a group without one (an application's own, #680), every tile, one chart
+ * per series key and every table, in the response's order.
+ */
+export function sectionSpec(group, data) {
+    const declared = Object.prototype.hasOwnProperty.call(SECTION_SPECS, group) ? SECTION_SPECS[group] : undefined;
+    if (declared)
+        return declared;
+    const seriesKeys = [...new Set(data.series.map((series) => series.key))];
+    return {
+        tiles: data.tiles.map((tile) => tile.key),
+        charts: seriesKeys.map((key) => ({
+            title: familyLabel(data.series.find((series) => series.key === key)),
+            keys: [key],
+        })),
+        tables: data.tables.map((table) => ({ key: table.key })),
+    };
+}
+/** The section's tiles, in the spec's order, that the response carries. */
+export function sectionTiles(group, data) {
+    const byKey = new Map(data.tiles.map((tile) => [tile.key, tile]));
+    return sectionSpec(group, data).tiles.flatMap((key) => {
+        const tile = byKey.get(key);
+        return tile ? [tile] : [];
+    });
+}
+/** The section's tables, in the spec's order, that the response carries. */
+export function sectionTables(group, data) {
+    return sectionSpec(group, data).tables.flatMap((spec) => data.tables.filter((table) => table.key === spec.key));
+}
+function chartSeries(chart, data) {
+    return chart.keys.flatMap((key) => data.series.filter((series) => series.key === key));
+}
+/** What "Ask assistant" describes for a section; `title` is the section title the API gives it. */
+export function metricsAssistantContext(group, data, title) {
+    return {
+        kind: 'metrics',
+        title,
+        group,
+        tiles: sectionTiles(group, data),
+        tables: sectionTables(group, data),
+        skipped: data.skipped,
+    };
+}
+function SectionBody({ group, data, layout, spanMs, now, }) {
+    const theme = useTheme();
+    const spec = sectionSpec(group, data);
+    const tiles = sectionTiles(group, data);
+    const charts = spec.charts
+        .map((chart) => ({ chart, series: chartSeries(chart, data) }))
+        .filter(({ series }) => series.length > 0);
+    const tables = spec.tables.flatMap((tableSpec) => data.tables.filter((table) => table.key === tableSpec.key).map((table) => ({ table, tableSpec })));
+    const both = charts.length > 0 && tables.length > 0;
+    const compact = layout === 'phone';
+    const notes = [];
+    if (data.skipped.length > 0) {
+        notes.push(_jsx("span", { title: data.skipped.join(', '), children: data.skipped.length === 1
+                ? '1 metric of this section is not collected in this store.'
+                : `${data.skipped.length} metrics of this section are not collected in this store.` }, "skipped"));
+    }
+    if (data.truncated)
+        notes.push(_jsx("span", { children: "Some lists were cut short." }, "truncated"));
+    return (_jsxs(Stack, { spacing: { xs: 1.5, sm: 2 }, sx: { minWidth: 0 }, children: [tiles.length > 0 && _jsx(KpiTiles, { tiles: tiles, now: now, testId: `metric-tiles-${group}` }), (charts.length > 0 || tables.length > 0) && (_jsxs(Grid, { container: true, spacing: { xs: 1.5, sm: 2 }, children: [charts.map(({ chart, series }) => (_jsx(Grid, { size: { xs: 12, lg: both ? 5 : 12 }, sx: { minWidth: 0 }, children: _jsx(MetricSeriesChart, { title: chart.title, series: series, height: compact ? 200 : 240, spanMs: spanMs, compact: compact, testId: `metric-chart-${group}`, colorFor: (s) => (s.groupBy && chart.colors?.[s.groupBy] ? chart.colors[s.groupBy](telemetryTokens(theme)) : undefined) }) }, chart.title))), tables.map(({ table, tableSpec }) => (_jsx(Grid, { size: { xs: 12, lg: both ? 7 : 12 }, sx: { minWidth: 0 }, children: _jsx(MetricTable, { table: table, columns: tableSpec.columns, sortRows: tableSpec.sortRows, topN: tableSpec.topN, now: now }) }, table.key)))] })), notes.length > 0 && (_jsx(Typography, { variant: "caption", color: "text.secondary", component: "p", sx: { m: 0, display: 'flex', gap: 1, flexWrap: 'wrap' }, children: notes }))] }));
+}
+/**
+ * A freshness window as words: `150000` → "2 min 30 s", `300000` → "5 min",
+ * `45000` → "45 s".
+ */
+export function formatFreshWindow(ms) {
+    const totalSeconds = Math.max(1, Math.round(ms / 1000));
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    if (minutes === 0)
+        return `${seconds} s`;
+    return seconds === 0 ? `${minutes} min` : `${minutes} min ${seconds} s`;
+}
+/**
+ * The section header's freshness note, or `undefined`: shown when the API
+ * reports its window (`freshMs`) and the section has a table, the only place
+ * the window applies.
+ */
+function freshWindowNote(group, data) {
+    if (!data || data.freshMs === undefined || sectionTables(group, data).length === 0)
+        return undefined;
+    const window = formatFreshWindow(data.freshMs);
+    return (_jsxs(Typography, { variant: "caption", color: "text.secondary", "data-testid": `metric-fresh-window-${group}`, title: `A table reading more than ${window} older than its table's newest reading is not shown as current.`, sx: { whiteSpace: 'nowrap' }, children: ["Current within ", window] }));
+}
+/** Whether a section has anything to draw for the response. */
+export function sectionHasContent(group, data) {
+    const spec = sectionSpec(group, data);
+    return (sectionTiles(group, data).length > 0 ||
+        spec.charts.some((chart) => chartSeries(chart, data).length > 0) ||
+        sectionTables(group, data).length > 0);
+}
+/**
+ * One infrastructure section. Hidden entirely once the API says the group is
+ * not `available`; until the first answer it shows the panel's skeleton, and a
+ * failure is this section's own (Retry refetches it alone).
+ */
+export function MetricSection({ group, title, resource, actions, layout, spanMs, now }) {
+    const { data } = resource;
+    if (data && !data.available)
+        return null;
+    return (_jsx(DashboardPanel, { id: metricPanelId(group), anchorId: metricSectionAnchor(group), title: title, headerExtra: freshWindowNote(group, data), actions: actions, sql: data?.sql, isLoading: resource.isLoading, isRefreshing: resource.isRefreshing, error: resource.error, onRetry: resource.reload, isEmpty: !!data && !sectionHasContent(group, data), emptyMessage: "Nothing collected for this section in this window.", skeletonHeight: 200, children: data && _jsx(SectionBody, { group: group, data: data, layout: layout, spanMs: spanMs, now: now }) }));
+}
+/**
+ * The one-line hint for the groups the store has nothing of (#602): their
+ * sections are hidden, so say which, rather than leave the reader wondering.
+ */
+export function MetricsNotCollected({ groups }) {
+    if (groups.length === 0)
+        return null;
+    return (_jsxs(Typography, { variant: "caption", color: "text.secondary", component: "p", "data-testid": "metrics-not-collected", sx: { m: 0 }, children: ["Not collected in this telemetry store: ", groups.map((group) => group.title).join(', '), "."] }));
+}
+//# sourceMappingURL=MetricSections.js.map

package/dist/telemetry/ui/components/dashboard/metrics/MetricSections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricSections.js","sourceRoot":"","sources":["../../../../../../src/telemetry/ui/components/dashboard/metrics/MetricSections.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAUlE,OAAO,EAAE,cAAc,EAAoB,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACL,WAAW,EACX,UAAU,EACV,cAAc,GAGf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAA0B,MAAM,oDAAoD,CAAC;AAChI,OAAO,EAAE,eAAe,EAAwB,MAAM,sCAAsC,CAAC;AA0B7F,wFAAwF;AACxF,MAAM,aAAa,GAAG,CAAC,CAAM,EAAE,CAAM,EAAE,EAAE,CACvC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,cAAc,KAAK,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,cAAc,KAAK,IAAI,CAAC,CAAC;AAE5G,MAAM,QAAQ,GAA0B;IACtC,GAAG,EAAE,IAAI;IACT,QAAQ,EAAE,CAAC,IAAI,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,EAAE,EAAE,GAAG,CAAC,EAAE,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,GAAG;CAC/E,CAAC;AAEF,qGAAqG;AACrG,MAAM,CAAC,MAAM,aAAa,GAA0C;IAClE,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,QAAQ,EAAE,uBAAuB,CAAC;QACjF,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,4BAA4B,EAAE,IAAI,EAAE,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,EAAE,CAAC;QAChG,MAAM,EAAE;YACN;gBACE,GAAG,EAAE,aAAa;gBAClB,OAAO,EAAE;oBACP,EAAE,GAAG,EAAE,KAAK,EAAE;oBACd;wBACE,GAAG,EAAE,gBAAgB;wBACrB,QAAQ,EAAE,CAAC,gBAAgB,CAAC;wBAC5B,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,cAAc,IAAC,KAAK,EAAE,GAAG,CAAC,cAAc,IAAI,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,KAAK,IAAI,MAAM,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAI,CACjH;qBACF;oBACD,EAAE,GAAG,EAAE,WAAW,EAAE;oBACpB,EAAE,GAAG,EAAE,WAAW,EAAE;oBACpB,EAAE,GAAG,EAAE,YAAY,EAAE;iBACtB;aACF;SACF;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,CAAC,yBAAyB,EAAE,QAAQ,EAAE,WAAW,EAAE,iBAAiB,CAAC;QAC5E,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,sCAAsC,EAAE,IAAI,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC,EAAE,CAAC;QACvG,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC;KACxF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,CAAC,oBAAoB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,CAAC;QACnG,MAAM,EAAE;YACN;gBACE,KAAK,EAAE,oCAAoC;gBAC3C,IAAI,EAAE,CAAC,aAAa,CAAC;gBACrB,MAAM,EAAE;oBACN,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;oBACvC,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI;iBACvC;aACF;SACF;QACD,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;KAC9B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,CAAC,uBAAuB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,gBAAgB,CAAC;QAClG,MAAM,EAAE,EAAE;QACV,MAAM,EAAE;YACN;gBACE,GAAG,EAAE,OAAO;gBACZ,OAAO,EAAE;oBACP,EAAE,GAAG,EAAE,KAAK,EAAE;oBACd,EAAE,GAAG,EAAE,UAAU,EAAE;oBACnB,EAAE,GAAG,EAAE,UAAU,EAAE;oBACnB;wBACE,GAAG,EAAE,SAAS;wBACd,QAAQ,EAAE,CAAC,SAAS,CAAC;wBACrB,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,cAAc,IAAC,KAAK,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,KAAK,IAAI,WAAW,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAI,CAC/G;qBACF;oBACD,EAAE,GAAG,EAAE,iBAAiB,EAAE;oBAC1B;wBACE,GAAG,EAAE,OAAO;wBACZ,KAAK,EAAE,YAAY;wBACnB,QAAQ,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;wBACrC,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CACd,GAAG,CAAC,SAAS,KAAK,IAAI,IAAI,GAAG,CAAC,UAAU,KAAK,IAAI;4BAC/C,CAAC,CAAC,GAAG;4BACL,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,MAAM,OAAO,GAAG,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE;qBAClI;oBACD,EAAE,GAAG,EAAE,YAAY,EAAE;iBACtB;aACF;YACD;gBACE,GAAG,EAAE,qBAAqB;gBAC1B,QAAQ,EAAE,aAAa;gBACvB,OAAO,EAAE;oBACP,EAAE,GAAG,EAAE,KAAK,EAAE;oBACd;wBACE,GAAG,EAAE,gBAAgB;wBACrB,KAAK,EAAE,eAAe;wBACtB,QAAQ,EAAE,CAAC,gBAAgB,CAAC;wBAC5B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACf,KAAC,UAAU,IACT,EAAE,EAAE,OAAO,GAAG,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,EACxE,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,eAAe,GACvB,CACH;qBACF;oBACD,EAAE,GAAG,EAAE,YAAY,EAAE;iBACtB;aACF;SACF;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,CAAC,yBAAyB,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,CAAC;QAClF,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,4BAA4B,EAAE,IAAI,EAAE,CAAC,kBAAkB,CAAC,EAAE,CAAC;QAC7E,MAAM,EAAE;YACN;gBACE,GAAG,EAAE,eAAe;gBACpB,QAAQ,EAAE,aAAa;gBACvB,OAAO,EAAE;oBACP,EAAE,GAAG,EAAE,KAAK,EAAE;oBACd,QAAQ;oBACR,EAAE,GAAG,EAAE,YAAY,EAAE;oBACrB,EAAE,GAAG,EAAE,YAAY,EAAE;oBACrB,EAAE,GAAG,EAAE,aAAa,EAAE;oBACtB,EAAE,GAAG,EAAE,cAAc,EAAE;oBACvB,EAAE,GAAG,EAAE,QAAQ,EAAE;oBACjB,EAAE,GAAG,EAAE,WAAW,EAAE;oBACpB,EAAE,GAAG,EAAE,YAAY,EAAE;iBACtB;aACF;SACF;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,CAAC,gBAAgB,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,mBAAmB,CAAC;QAC7F,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;KACxH;CACF,CAAC;AAEF,mFAAmF;AACnF,SAAS,WAAW,CAAC,MAA6B;IAChD,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,OAAO,EAAE,CAAC;IACpE,OAAO,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AACxG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,KAA2B,EAAE,IAAsB;IAC7E,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/G,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAC9B,MAAM,UAAU,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACzE,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,MAAM,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC/B,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAA0B,CAAC;YAC7F,IAAI,EAAE,CAAC,GAAG,CAAC;SACZ,CAAC,CAAC;QACH,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;KACzD,CAAC;AACJ,CAAC;AAED,2EAA2E;AAC3E,MAAM,UAAU,YAAY,CAAC,KAA2B,EAAE,IAAsB;IAC9E,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAClE,OAAO,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACpD,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,aAAa,CAAC,KAA2B,EAAE,IAAsB;IAC/E,OAAO,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAClH,CAAC;AAED,SAAS,WAAW,CAAC,KAAgB,EAAE,IAAsB;IAC3D,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;AACzF,CAAC;AAED,mGAAmG;AACnG,MAAM,UAAU,uBAAuB,CACrC,KAA2B,EAC3B,IAAsB,EACtB,KAAa;IAEb,OAAO;QACL,IAAI,EAAE,SAAS;QACf,KAAK;QACL,KAAK;QACL,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC;QAChC,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC;QAClC,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,EACN,GAAG,GAOJ;IACC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM;SACvB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;SAC7D,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,CAC/C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAClG,CAAC;IACF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,MAAM,KAAK,OAAO,CAAC;IAEnC,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5B,KAAK,CAAC,IAAI,CACR,eAAoB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,YAC/C,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;gBACxB,CAAC,CAAC,0DAA0D;gBAC5D,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,2DAA2D,IAH7E,SAAS,CAIZ,CACR,CAAC;IACJ,CAAC;IACD,IAAI,IAAI,CAAC,SAAS;QAAE,KAAK,CAAC,IAAI,CAAC,yDAAU,WAAW,CAAkC,CAAC,CAAC;IAExF,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,aACpD,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,gBAAgB,KAAK,EAAE,GAAI,EACzF,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAC3C,MAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,aACxC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACjC,KAAC,IAAI,IAAmB,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAC9E,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAC3B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,gBAAgB,KAAK,EAAE,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GACxH,IATO,KAAK,CAAC,KAAK,CAUf,CACR,CAAC,EACD,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACpC,KAAC,IAAI,IAAiB,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAC5E,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,CAAC,OAAO,EAC1B,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,GAAG,EAAE,GAAG,GACR,IAPO,KAAK,CAAC,GAAG,CAQb,CACR,CAAC,IACG,CACR,EACA,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAC,GAAG,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YACvH,KAAK,GACK,CACd,IACK,CACT,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAU;IAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,YAAY,GAAG,EAAE,CAAC;IAClC,IAAI,OAAO,KAAK,CAAC;QAAE,OAAO,GAAG,OAAO,IAAI,CAAC;IACzC,OAAO,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,OAAO,IAAI,CAAC;AAC1E,CAAC;AAED;;;;GAIG;AACH,SAAS,eAAe,CAAC,KAA2B,EAAE,IAAyC;IAC7F,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IACrG,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/C,OAAO,CACL,MAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,gBAAgB,iBACT,uBAAuB,KAAK,EAAE,EAC3C,KAAK,EAAE,6BAA6B,MAAM,iEAAiE,EAC3G,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,gCAEZ,MAAM,IACX,CACd,CAAC;AACJ,CAAC;AAED,+DAA+D;AAC/D,MAAM,UAAU,iBAAiB,CAAC,KAA2B,EAAE,IAAsB;IACnF,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACtC,OAAO,CACL,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC;QACpC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAChE,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CACtC,CAAC;AACJ,CAAC;AAcD;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAsB;IACxG,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;IAC1B,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IACzC,OAAO,CACL,KAAC,cAAc,IACb,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,EACxB,QAAQ,EAAE,mBAAmB,CAAC,KAAK,CAAC,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,EACzC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,EAAE,GAAG,EACd,SAAS,EAAE,QAAQ,CAAC,SAAS,EAC7B,YAAY,EAAE,QAAQ,CAAC,YAAY,EACnC,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,OAAO,EAAE,QAAQ,CAAC,MAAM,EACxB,OAAO,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,EAClD,YAAY,EAAC,oDAAoD,EACjE,cAAc,EAAE,GAAG,YAElB,IAAI,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7E,CAClB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,MAAM,EAA2D;IACrG,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACrC,OAAO,CACL,MAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAC,GAAG,iBAAa,uBAAuB,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,wDACzE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAC1E,CACd,CAAC;AACJ,CAAC"}

package/dist/telemetry/ui/components/dashboard/metrics/MetricSeriesChart.d.ts

@@ -0,0 +1,19 @@
+import type { DashboardMetricSeries } from '../../../../headless/services/telemetryDashboard.js';
+/** Lines past this many are left out (and said so): a 20-line chart reads as noise. */
+export declare const METRIC_CHART_MAX_LINES = 8;
+export interface MetricSeriesChartProps {
+    /** What the chart shows, e.g. "CPU and memory utilization" — its accessible name. */
+    title: string;
+    series: DashboardMetricSeries[];
+    height: number;
+    spanMs: number;
+    /** Phone: legend below and at most 4 x labels. */
+    compact: boolean;
+    /** A fixed colour for a line (`outcome` → status ok/crit); others take `palette.chart.series` in order. */
+    colorFor?: (series: DashboardMetricSeries) => string | undefined;
+    testId?: string;
+}
+/** A line's legend name: the split value when split, else the series label. */
+export declare function seriesName(series: DashboardMetricSeries): string;
+export declare function MetricSeriesChart({ title, series, height, spanMs, compact, colorFor, testId, }: MetricSeriesChartProps): import("react").JSX.Element | null;
+//# sourceMappingURL=MetricSeriesChart.d.ts.map

package/dist/telemetry/ui/components/dashboard/metrics/MetricSeriesChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricSeriesChart.d.ts","sourceRoot":"","sources":["../../../../../../src/telemetry/ui/components/dashboard/metrics/MetricSeriesChart.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AAIjG,uFAAuF;AACvF,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,MAAM,WAAW,sBAAsB;IACrC,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,OAAO,EAAE,OAAO,CAAC;IACjB,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,MAAM,GAAG,SAAS,CAAC;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,MAAM,EAAE,qBAAqB,GAAG,MAAM,CAEhE;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,GACP,EAAE,sBAAsB,sCAkExB"}

package/dist/telemetry/ui/components/dashboard/metrics/MetricSeriesChart.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A multi-series line chart over `/metrics` `series` — issue #602, epic #576.
+ *
+ * One line per series the caller passes (a family split by its `dimension`
+ * draws one line per `groupBy` value — per mountpoint, per outcome, per
+ * state). Every series in one chart shares a unit, so there is one y axis,
+ * formatted by that unit. A `null` point is a GAP (nothing measured), never a
+ * zero. The legend names every line, so colour is never the only key; the
+ * chart itself is one labelled image, and the numbers it shows are also in the
+ * section's tiles and table.
+ *
+ * Built on `@mui/x-charts`, like the API and log timelines.
+ */
+import { Box, Typography } from '@mui/material';
+import { LineChart } from '@mui/x-charts/LineChart';
+import { formatBucketLabel, formatMetricValue, formatTimestamp } from '../../../../headless/lib/format.js';
+import { useTelemetryTokens } from '../../../../theme/telemetryTokens.js';
+/** Lines past this many are left out (and said so): a 20-line chart reads as noise. */
+export const METRIC_CHART_MAX_LINES = 8;
+/** A line's legend name: the split value when split, else the series label. */
+export function seriesName(series) {
+    return series.groupBy ?? series.label;
+}
+export function MetricSeriesChart({ title, series, height, spanMs, compact, colorFor, testId, }) {
+    const tokens = useTelemetryTokens();
+    if (series.length === 0)
+        return null;
+    const shown = series.slice(0, METRIC_CHART_MAX_LINES);
+    const hidden = series.length - shown.length;
+    const unit = shown[0].unit;
+    // Every series of a group shares the window's buckets; the longest wins if one is short.
+    const starts = shown.reduce((longest, s) => (s.points.length > longest.length ? s.points.map((p) => p.t) : longest), []);
+    // The theme's categorical series (`palette.chart.series`, #686).
+    const palette = tokens.chart.series;
+    const step = compact ? Math.max(1, Math.ceil(starts.length / 4)) : 1;
+    return (_jsxs(Box, { "data-testid": testId, sx: { minWidth: 0, width: '100%' }, children: [_jsx(Box, { role: "img", "aria-label": `${title}: ${shown.map(seriesName).join(', ')}, ${starts.length} buckets`, sx: { minWidth: 0, width: '100%' }, children: _jsx(LineChart, { height: height, skipAnimation: true, series: shown.map((s, index) => ({
+                        id: `${s.key}:${s.groupBy ?? ''}`,
+                        label: seriesName(s),
+                        data: starts.map((t) => s.points.find((p) => p.t === t)?.v ?? null),
+                        color: colorFor?.(s) ?? palette[index % palette.length],
+                        connectNulls: false,
+                        showMark: false,
+                        valueFormatter: (value) => formatMetricValue(value, s.unit),
+                    })), xAxis: [
+                        {
+                            scaleType: 'point',
+                            data: starts,
+                            valueFormatter: (value, context) => context.location === 'tick' ? formatBucketLabel(value, spanMs) : formatTimestamp(value),
+                            ...(compact
+                                ? { tickInterval: (_value, index) => index % step === 0 }
+                                : { tickLabelInterval: 'auto' }),
+                            height: 28,
+                        },
+                    ], yAxis: [
+                        {
+                            width: compact ? 52 : 64,
+                            min: 0,
+                            ...(unit === '%' ? { max: 100 } : {}),
+                            valueFormatter: (value) => formatMetricValue(value, unit),
+                        },
+                    ], grid: { horizontal: true }, margin: { top: 8, right: 12, bottom: 4, left: 4 }, slotProps: { legend: { position: { vertical: compact ? 'bottom' : 'top', horizontal: 'center' } } } }) }), hidden > 0 && (_jsxs(Typography, { variant: "caption", color: "text.secondary", children: [hidden, " more not shown."] }))] }));
+}
+//# sourceMappingURL=MetricSeriesChart.js.map

package/dist/telemetry/ui/components/dashboard/metrics/MetricSeriesChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricSeriesChart.js","sourceRoot":"","sources":["../../../../../../src/telemetry/ui/components/dashboard/metrics/MetricSeriesChart.tsx"],"names":[],"mappings":"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"}

package/dist/telemetry/ui/components/dashboard/metrics/MetricTable.d.ts

@@ -0,0 +1,74 @@
+/**
+ * A `/metrics` table, formatted by column unit — issue #602, epic #576.
+ *
+ * The API decides the rows and columns (`tables[]`: a key column, one column
+ * per catalog part, `lastSeenAt`); this only presents them. Each cell is
+ * formatted by its column's unit (`format.ts`), `null` reads "—", and a column
+ * the caller asks for but the response lacks is skipped rather than shown
+ * empty. A caller may override a column's rendering (a utilization bar, an
+ * Up/Down status) or add a virtual column (slots "used / total").
+ *
+ * The table is labelled by its caption; it scrolls sideways inside its own
+ * box on a narrow screen, never the page.
+ *
+ * Opt-in "Top N" (issue #632): with `topN`, a compact select on the caption
+ * row limits how many rows are drawn (after `sortRows`, so the API's order is
+ * kept) and a line under the table says how many of how many are shown. The
+ * select appears only when the table has more rows than the smallest option —
+ * a small table has nothing to cut. The choice is per viewer, in
+ * `localStorage` (`topNPreference.ts`).
+ */
+import { type ReactNode } from 'react';
+import type { DashboardMetricCell, DashboardMetricColumn, DashboardMetricTable } from '../../../../headless/services/telemetryDashboard.js';
+import { type TopNOption } from '../../../../headless/lib/metrics/topNPreference.js';
+type Row = Record<string, DashboardMetricCell>;
+export interface MetricTableColumnSpec {
+    /** A column key of the response, or a virtual key when `render` is given. */
+    key: string;
+    /** Header text; defaults to the response's column label. */
+    label?: string;
+    /** Custom cell. Without it the value is formatted by the column's unit. */
+    render?: (row: Row, column: DashboardMetricColumn | undefined) => ReactNode;
+    /** Only drawn when every one of these response columns exists (for virtual columns). */
+    requires?: string[];
+}
+export interface MetricTableProps {
+    table: DashboardMetricTable;
+    /** Columns in order. Default: every response column. */
+    columns?: MetricTableColumnSpec[];
+    /** Rows first, e.g. failing URLs before healthy ones. Stable otherwise. */
+    sortRows?: (a: Row, b: Row) => number;
+    emptyMessage?: string;
+    /** For relative "Last reading" times. */
+    now?: number;
+    /** Offer a "Top N" row limit. Absent: every row is drawn. */
+    topN?: MetricTableTopN;
+}
+export interface MetricTableTopN {
+    /** Ascending counts, optionally ending in `'all'`. */
+    options: readonly TopNOption[];
+    default: TopNOption;
+}
+/**
+ * A utilization bar with its number beside it: the text carries the value,
+ * the bar only echoes it (warning from `warnAt`, error from `criticalAt`,
+ * which mirror the verdict thresholds).
+ */
+export declare function UtilizationBar({ value, label, warnAt, criticalAt, }: {
+    value: DashboardMetricCell;
+    label: string;
+    warnAt?: number;
+    criticalAt?: number;
+}): import("react").JSX.Element;
+/**
+ * A status as an icon AND a word, never colour alone: `ok` true → `okText`,
+ * false → `badText`, null → "—".
+ */
+export declare function StatusCell({ ok, okText, badText }: {
+    ok: DashboardMetricCell;
+    okText: string;
+    badText: string;
+}): import("react").JSX.Element;
+export declare function MetricTable({ table, columns, sortRows, emptyMessage, now, topN, }: MetricTableProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MetricTable.d.ts.map

package/dist/telemetry/ui/components/dashboard/metrics/MetricTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricTable.d.ts","sourceRoot":"","sources":["../../../../../../src/telemetry/ui/components/dashboard/metrics/MetricTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBjD,OAAO,KAAK,EACV,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,qDAAqD,CAAC;AAE7D,OAAO,EAAuB,KAAK,UAAU,EAAE,MAAM,oDAAoD,CAAC;AAG1G,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAE/C,MAAM,WAAW,qBAAqB;IACpC,6EAA6E;IAC7E,GAAG,EAAE,MAAM,CAAC;IACZ,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,qBAAqB,GAAG,SAAS,KAAK,SAAS,CAAC;IAC5E,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,oBAAoB,CAAC;IAC5B,wDAAwD;IACxD,OAAO,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAClC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,sDAAsD;IACtD,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,OAAO,EAAE,UAAU,CAAC;CACrB;AA4BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,MAAW,EACX,UAAe,GAChB,EAAE;IACD,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,+BAkBA;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IAAE,EAAE,EAAE,mBAAmB,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,+BAoB/G;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,YAAiD,EACjD,GAAgB,EAChB,IAAI,GACL,EAAE,gBAAgB,+BAqIlB"}