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

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;AAG7D,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;AA2CD;;;;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,+BAsIlB"}

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

@@ -0,0 +1,137 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 { useState } from 'react';
+import { Box, LinearProgress, MenuItem, Select, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography, } from '@mui/material';
+import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutlined';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutlineOutlined';
+import { useMetricUnitFormats } from '../../../../headless/context/metricUnitFormats.js';
+import { formatMetricValue, formatTimestamp } from '../../../../headless/lib/format.js';
+import { readTopN, writeTopN } from '../../../../headless/lib/metrics/topNPreference.js';
+import { useTelemetryTokens } from '../../../../theme/telemetryTokens.js';
+const topNLabel = (option) => (option === 'all' ? 'All' : `Top ${option}`);
+function useTopN(tableKey, topN) {
+    const [value, setValue] = useState(() => (topN ? (readTopN(tableKey, topN.options) ?? topN.default) : null));
+    const choose = (next) => {
+        setValue(next);
+        writeTopN(tableKey, next);
+    };
+    return [value, choose];
+}
+const NUMERIC_UNITS = new Set(['%', 'bytes', 'bytes/s', 'count', 'per_s', 'per_min', 'ms', 'seconds', 'hours', 'days', 'cores', 'load']);
+/** The `format`s of an app unit that read as numbers (right-aligned like the built-in numeric units). */
+const NUMERIC_FORMATS = new Set(['number', 'percent', 'bytes', 'duration-ms', 'duration-s', 'currency']);
+/** Whether a column's values are numbers: a built-in numeric unit, or an app unit with a numeric format. */
+function isNumericUnit(unit, formats) {
+    if (NUMERIC_UNITS.has(unit))
+        return true;
+    const descriptor = formats.get(unit);
+    return descriptor !== undefined && NUMERIC_FORMATS.has(descriptor.format);
+}
+function formatCell(value, column, now, formats) {
+    if (!column)
+        return formatMetricValue(value, 'text', now);
+    if (column.unit === 'timestamp') {
+        if (typeof value !== 'string')
+            return '—';
+        return (_jsx(Box, { component: "span", title: formatTimestamp(value), children: formatMetricValue(value, 'timestamp', now) }));
+    }
+    return formatMetricValue(value, column.unit, now, formats);
+}
+/**
+ * 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 function UtilizationBar({ value, label, warnAt = 85, criticalAt = 95, }) {
+    if (typeof value !== 'number')
+        return _jsx(_Fragment, { children: "\u2014" });
+    const pct = Math.min(Math.max(value, 0), 100);
+    const color = value >= criticalAt ? 'error' : value >= warnAt ? 'warning' : 'primary';
+    return (_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1, minWidth: 120 }, children: [_jsx(LinearProgress, { variant: "determinate", value: pct, color: color, "aria-label": label, sx: { flex: 1, height: 8, borderRadius: 1 } }), _jsx(Box, { component: "span", sx: { minWidth: 48, textAlign: 'right' }, children: formatMetricValue(value, '%') })] }));
+}
+/**
+ * A status as an icon AND a word, never colour alone: `ok` true → `okText`,
+ * false → `badText`, null → "—".
+ */
+export function StatusCell({ ok, okText, badText }) {
+    const tokens = useTelemetryTokens();
+    if (typeof ok !== 'boolean')
+        return _jsx(_Fragment, { children: "\u2014" });
+    const Icon = ok ? CheckCircleOutlineIcon : ErrorOutlineIcon;
+    return (_jsxs(Box, { component: "span", sx: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 0.5,
+            color: ok ? tokens.status.ok : tokens.status.crit,
+            fontWeight: ok ? 400 : 600,
+            whiteSpace: 'nowrap',
+        }, children: [_jsx(Icon, { "aria-hidden": true, sx: { fontSize: 16 } }), ok ? okText : badText] }));
+}
+export function MetricTable({ table, columns, sortRows, emptyMessage = 'nothing reported in this window.', now = Date.now(), topN, }) {
+    const formats = useMetricUnitFormats();
+    const byKey = new Map(table.columns.map((column) => [column.key, column]));
+    const specs = (columns ?? table.columns.map((column) => ({ key: column.key }))).filter((spec) => (spec.render ? (spec.requires ?? []).every((key) => byKey.has(key)) : byKey.has(spec.key)));
+    const allRows = sortRows ? [...table.rows].sort(sortRows) : table.rows;
+    const captionId = `metric-table-${table.key}`;
+    const [limit, setLimit] = useTopN(table.key, topN);
+    const smallest = topN?.options.find((option) => typeof option === 'number');
+    const offerTopN = topN !== undefined && limit !== null && smallest !== undefined && allRows.length > smallest;
+    const rows = offerTopN && limit !== 'all' ? allRows.slice(0, limit) : allRows;
+    const selectLabel = `Rows to show for ${table.label}`;
+    const shownNote = rows.length < allRows.length ? `Showing ${rows.length} of ${allRows.length}` : null;
+    if (rows.length === 0) {
+        return (_jsxs(Typography, { variant: "body2", color: "text.secondary", sx: { py: 2, textAlign: 'center' }, children: [table.label, ": ", emptyMessage] }));
+    }
+    return (_jsxs(Box, { sx: { minWidth: 0 }, children: [_jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    flexWrap: 'wrap',
+                    columnGap: 1,
+                    rowGap: 0.5,
+                    mb: 0.5,
+                    minHeight: offerTopN ? 32 : undefined,
+                }, children: [_jsx(Typography, { id: captionId, variant: "subtitle2", component: "h3", sx: { minWidth: 0, overflowWrap: 'anywhere' }, children: table.label }), offerTopN && (_jsx(Select, { size: "small", value: limit, onChange: (event) => {
+                            const raw = event.target.value;
+                            setLimit(raw === 'all' ? 'all' : Number(raw));
+                        }, inputProps: { 'aria-label': selectLabel, 'aria-controls': `${captionId}-table` }, "data-testid": `metric-table-topn-${table.key}`, sx: { ml: 'auto', fontSize: 'body2.fontSize', '& .MuiSelect-select': { py: 0.5 } }, children: topN.options.map((option) => (_jsx(MenuItem, { value: option, children: topNLabel(option) }, String(option)))) }))] }), _jsx(TableContainer, { sx: { overflowX: 'auto', maxWidth: '100%' }, children: _jsxs(Table, { id: `${captionId}-table`, size: "small", "aria-labelledby": captionId, "data-testid": `metric-table-${table.key}`, children: [_jsx(TableHead, { children: _jsx(TableRow, { children: specs.map((spec) => {
+                                    const column = byKey.get(spec.key);
+                                    return (_jsx(TableCell, { align: column && isNumericUnit(column.unit, formats) && !spec.render ? 'right' : 'left', sx: { whiteSpace: 'nowrap' }, children: spec.label ?? column?.label ?? spec.key }, spec.key));
+                                }) }) }), _jsx(TableBody, { children: rows.map((row, index) => (_jsx(TableRow, { children: specs.map((spec, columnIndex) => {
+                                    const column = byKey.get(spec.key);
+                                    const content = spec.render ? spec.render(row, column) : formatCell(row[spec.key] ?? null, column, now, formats);
+                                    const numeric = column && isNumericUnit(column.unit, formats) && !spec.render;
+                                    return (_jsx(TableCell, { component: columnIndex === 0 ? 'th' : 'td', scope: columnIndex === 0 ? 'row' : undefined, align: numeric ? 'right' : 'left', sx: {
+                                            whiteSpace: numeric ? 'nowrap' : 'normal',
+                                            // The key (a URL, a job type) keeps a readable width and wraps only past it.
+                                            ...(columnIndex === 0 && {
+                                                minWidth: { xs: 120, sm: 160 },
+                                                maxWidth: 320,
+                                                overflowWrap: 'anywhere',
+                                                fontWeight: 500,
+                                            }),
+                                            ...(column?.unit === 'text' &&
+                                                columnIndex !== 0 && { minWidth: 80, maxWidth: 280, overflowWrap: 'anywhere' }),
+                                        }, children: content }, spec.key));
+                                }) }, `${String(row.key)}-${index}`))) })] }) }), shownNote && (_jsx(Typography, { variant: "caption", color: "text.secondary", component: "p", sx: { mt: 0.5, mb: 0 }, "data-testid": `metric-table-shown-${table.key}`, children: shownNote }))] }));
+}
+//# sourceMappingURL=MetricTable.js.map

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

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

package/dist/telemetry/ui/components/dashboard/panels/builtinPanelViews.d.ts

@@ -0,0 +1,12 @@
+import { type DashboardPanelViewProps } from './dashboardPanelViews.js';
+/** The platform's `api` panel: requests per bucket by status class, and p95. */
+export declare function ApiPanelView({ query, tick, layout, spanMs, host }: DashboardPanelViewProps<undefined>): import("react").JSX.Element;
+/** The platform's `logs` panel: log records per bucket by severity, with the severity filter. */
+export declare function LogsPanelView({ query, tick, layout, spanMs, host }: DashboardPanelViewProps<undefined>): import("react").JSX.Element;
+/**
+ * Registers the `api` and `logs` views, once. The dashboard page calls it at
+ * module scope (a bare import for the side effect would be dropped by a
+ * bundler that honours `sideEffects: false`).
+ */
+export declare function registerPlatformDashboardPanelViews(): void;
+//# sourceMappingURL=builtinPanelViews.d.ts.map

package/dist/telemetry/ui/components/dashboard/panels/builtinPanelViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"builtinPanelViews.d.ts","sourceRoot":"","sources":["../../../../../../src/telemetry/ui/components/dashboard/panels/builtinPanelViews.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,0BAA0B,CAAC;AAmBlC,gFAAgF;AAChF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,uBAAuB,CAAC,SAAS,CAAC,+BAoCrG;AAED,iGAAiG;AACjG,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,uBAAuB,CAAC,SAAS,CAAC,+BAoDtG;AAED;;;;GAIG;AACH,wBAAgB,mCAAmC,IAAI,IAAI,CAG1D"}

package/dist/telemetry/ui/components/dashboard/panels/builtinPanelViews.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The platform's own dashboard panels, `api` and `logs`, as views (PP-14.18).
+ *
+ * Each is the JSX the dashboard page used to hold inline, moved here unchanged:
+ * a `DashboardPanel` frame around the timeline chart, with the panel's own data
+ * hook, its "Open in Explorer" / "Ask assistant" actions from the page's
+ * `host` and its empty message. They register through the same
+ * `registerPlatformDashboardPanelView` an app's view uses, so the dashboard
+ * draws its two headline panels the way it draws any panel.
+ */
+import { useMemo } from 'react';
+import { useDashboardTimeseries } from '../../../../headless/hooks/useTelemetryDashboard.js';
+import { ApiTimelineChart } from '../ApiTimelineChart.js';
+import { DashboardPanel } from '../DashboardPanel.js';
+import { LogSeverityChart } from '../LogSeverityChart.js';
+import { SeverityChips } from '../severity.js';
+import { timelineHeight } from '../timelineAxis.js';
+import { getDashboardPanelView, registerPlatformDashboardPanelView, } from './dashboardPanelViews.js';
+/** Zoom gestures per layout: drag on desktop, drag or tap on tablet, tap on phones. */
+const ZOOM_MODES = {
+    desktop: { drag: true, tap: false },
+    tablet: { drag: true, tap: true },
+    phone: { drag: false, tap: true },
+};
+/** Whether any bucket holds a record of a selected band (`other` rides with `info`). */
+function hasSelectedLogs(buckets, sev) {
+    return buckets.some((bucket) => (sev.includes('error') && bucket.error > 0) ||
+        (sev.includes('warn') && bucket.warn > 0) ||
+        (sev.includes('info') && bucket.info + bucket.other > 0));
+}
+/** The platform's `api` panel: requests per bucket by status class, and p95. */
+export function ApiPanelView({ query, tick, layout, spanMs, host }) {
+    const series = useDashboardTimeseries('api', query, tick);
+    const isPhone = layout === 'phone';
+    return (_jsx(DashboardPanel, { id: "panel-api", title: "API requests", actions: host.actionsFor('panel-api', series.data?.sql, series.data ? { kind: 'api', title: 'API requests', buckets: series.data.buckets } : null), sql: series.data?.sql, isLoading: series.isLoading, isRefreshing: series.isRefreshing, error: series.error, onRetry: series.reload, isEmpty: !!series.data && series.data.buckets.length === 0, emptyMessage: "No requests in this window.", skeletonHeight: timelineHeight(layout), children: series.data && (_jsx(ApiTimelineChart, { buckets: series.data.buckets, height: timelineHeight(layout), spanMs: spanMs, compact: isPhone, zoom: ZOOM_MODES[layout], onZoomBuckets: host.zoomTo(series.data.buckets.map((bucket) => bucket.t), series.data.range.bucketSeconds) })) }));
+}
+/** The platform's `logs` panel: log records per bucket by severity, with the severity filter. */
+export function LogsPanelView({ query, tick, layout, spanMs, host }) {
+    const series = useDashboardTimeseries('logs', query, tick);
+    const isPhone = layout === 'phone';
+    const { state, update } = host;
+    const headerExtra = useMemo(() => (_jsx(SeverityChips, { value: state.sev, onChange: (sev) => update({ sev }), large: isPhone, label: "Log severity filter" })), [state.sev, update, isPhone]);
+    return (_jsx(DashboardPanel, { id: "panel-logs", title: "Log severity", headerExtra: headerExtra, actions: host.actionsFor('panel-logs', series.data?.sql, series.data
+            ? { kind: 'logs', title: 'Log severity', buckets: series.data.buckets, severities: state.sev }
+            : null), sql: series.data?.sql, isLoading: series.isLoading, isRefreshing: series.isRefreshing, error: series.error, onRetry: series.reload, isEmpty: !!series.data && !hasSelectedLogs(series.data.buckets, state.sev), emptyMessage: "No log records of the selected severities in this window.", skeletonHeight: timelineHeight(layout), children: series.data && (_jsx(LogSeverityChart, { buckets: series.data.buckets, severities: state.sev, height: timelineHeight(layout), spanMs: spanMs, compact: isPhone, zoom: ZOOM_MODES[layout], onZoomBuckets: host.zoomTo(series.data.buckets.map((bucket) => bucket.t), series.data.range.bucketSeconds) })) }));
+}
+/**
+ * Registers the `api` and `logs` views, once. The dashboard page calls it at
+ * module scope (a bare import for the side effect would be dropped by a
+ * bundler that honours `sideEffects: false`).
+ */
+export function registerPlatformDashboardPanelViews() {
+    if (!getDashboardPanelView('api'))
+        registerPlatformDashboardPanelView('api', ApiPanelView);
+    if (!getDashboardPanelView('logs'))
+        registerPlatformDashboardPanelView('logs', LogsPanelView);
+}
+//# sourceMappingURL=builtinPanelViews.js.map

package/dist/telemetry/ui/components/dashboard/panels/builtinPanelViews.js.map

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

package/dist/telemetry/ui/components/dashboard/panels/dashboardPanelViews.d.ts

@@ -0,0 +1,155 @@
+/**
+ * The dashboard-panel view registry (PP-14.18).
+ *
+ * A dashboard panel has two halves, joined by its id: the API registers
+ * `registerDashboardPanel({ id, label, order, data })` and serves the panel's
+ * payload at `GET …/dashboard/panels/:id`; the web registers the VIEW that draws
+ * that payload, here, with `registerDashboardPanelView(id, View)`. The platform's
+ * own `api` and `logs` panels are views registered through the same function
+ * (`registerPlatformDashboardPanelViews`), which draw their own frame and read
+ * their own data.
+ *
+ * The dashboard draws, in `order`, the app's panels the API lists that have a
+ * view registered here; a listed panel with no view is skipped, a view whose
+ * panel the API does not list is never drawn.
+ *
+ * Register at import time, from a file the app's entry loads (the registry is a
+ * module-level map: the app's registration and the dashboard page share one
+ * instance because they import this one module).
+ */
+import type { ComponentType } from 'react';
+import type { DashboardState } from '../../../../headless/lib/dashboardState.js';
+import type { AssistantPanelContext } from '../../../../headless/lib/dashboard/assistantPrompt.js';
+import type { DashboardPanelMeta, DashboardQuery } from '../../../../headless/services/telemetryDashboard.js';
+import type { DashboardLayout } from '../DashboardFilterBar.js';
+import type { PanelAction } from '../DashboardPanel.js';
+/**
+ * What the dashboard page offers a panel view: the page's own state and the
+ * header actions it gives every panel ("Ask assistant", "Open in Explorer").
+ * Read-only data and callbacks; no API client.
+ *
+ * @stability experimental
+ */
+export interface DashboardPanelHost {
+    /** The dashboard's URL state: range, filters, severities, refresh. */
+    readonly state: DashboardState;
+    /** Changes the dashboard's URL state (zoom to a window, change the severities). */
+    update(patch: Partial<DashboardState>): void;
+    /**
+     * The header actions the page gives a panel: "Ask assistant" (when the
+     * assistant is available) and "Open in Explorer" with the panel's `sql`.
+     *
+     * @param panelId - the panel's DOM test id (`panel-signups`).
+     * @param sql - the statement(s) the panel ran, primary first.
+     * @param context - what "Ask assistant" describes, or `null`.
+     * @internal Used by the platform's own panels; a view that wants the frame's actions returns a `sql` in its payload instead.
+     */
+    actionsFor(panelId: string, sql: string | string[] | undefined, context: AssistantPanelContext | null): PanelAction[];
+    /**
+     * A chart-zoom handler: the window the buckets from `first` to `last` span
+     * becomes the dashboard's window.
+     *
+     * @param starts - the buckets' start instants.
+     * @param bucketSeconds - the bucket size.
+     */
+    zoomTo(starts: string[], bucketSeconds: number): (first: number, last: number) => void;
+}
+/**
+ * What a panel view receives.
+ *
+ * @typeParam Payload - the shape the app's API panel returns (agreed between the two).
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export interface DashboardPanelViewProps<Payload = unknown> {
+    /** The panel as the API lists it. */
+    panel: DashboardPanelMeta;
+    /** The payload the API returned for the dashboard's window (`frame: 'page'`); `undefined` for a view that draws its own frame and reads its own data. */
+    payload: Payload;
+    /** The window and filters the dashboard asks every panel for (the series query: 30 buckets on a phone). */
+    query: DashboardQuery;
+    /** The dashboard's refresh counter: a view that fetches for itself refetches when it changes. */
+    tick: number;
+    /** Phone, tablet or desktop, decided by the page. */
+    layout: DashboardLayout;
+    /** The window's length in milliseconds. */
+    spanMs: number;
+    /** The page's state and header actions. */
+    host: DashboardPanelHost;
+}
+/**
+ * How a view is registered.
+ *
+ * @stability experimental
+ */
+export interface DashboardPanelViewOptions {
+    /**
+     * Who draws the panel's frame (title, loading skeleton, error with Retry,
+     * header actions). `page` (the default): the dashboard does, and the view
+     * draws only the payload. `self`: the view draws everything, including its own
+     * `DashboardPanel`, and reads its own data (the platform's `api` and `logs`).
+     */
+    frame?: 'page' | 'self';
+}
+/**
+ * A registered view.
+ *
+ * @stability experimental
+ */
+export interface RegisteredDashboardPanelView {
+    /** The panel id. */
+    readonly id: string;
+    /** The component. */
+    readonly View: ComponentType<DashboardPanelViewProps<never>>;
+    /** Who draws the frame. */
+    readonly frame: 'page' | 'self';
+    /** Whether the platform registered it (`api`, `logs`). */
+    readonly builtin: boolean;
+}
+/**
+ * Registers the view that draws the dashboard panel `id`. The API half is
+ * `registerDashboardPanel` (`@marinoscar/platform-api/telemetry`).
+ *
+ * @typeParam Payload - the shape of the payload the API panel returns.
+ * @param id - the panel id (the API registers the same one).
+ * @param View - the component; it receives {@link DashboardPanelViewProps}.
+ * @param options - who draws the frame.
+ * @throws Error when `id` is malformed, or another view is already registered for it.
+ *
+ * @example
+ * ```tsx
+ * registerDashboardPanelView<{ total: number }>('signups', ({ payload }) => <Typography>{payload.total} sign-ups</Typography>);
+ * ```
+ *
+ * @extensionPoint registry
+ * @stability experimental
+ */
+export declare function registerDashboardPanelView<Payload = unknown>(id: string, View: ComponentType<DashboardPanelViewProps<Payload>>, options?: DashboardPanelViewOptions): void;
+/**
+ * Registers one of the platform's own panel views. Not part of the public
+ * surface (the `ui` index does not export it); the dashboard page calls
+ * `registerPlatformDashboardPanelViews`, which uses it.
+ */
+export declare function registerPlatformDashboardPanelView(id: string, View: ComponentType<DashboardPanelViewProps<never>>): void;
+/**
+ * The view registered for `id`.
+ *
+ * @param id - a panel id.
+ * @returns the registered view, or `undefined`.
+ *
+ * @stability experimental
+ */
+export declare function getDashboardPanelView(id: string): RegisteredDashboardPanelView | undefined;
+/**
+ * Every registered view, in registration order.
+ *
+ * @returns the views.
+ *
+ * @extensionPoint registry
+ * @stability experimental
+ */
+export declare function dashboardPanelViews(): RegisteredDashboardPanelView[];
+/** Empties the registry. For tests only: nothing in a running app calls it. */
+export declare function resetDashboardPanelViewsForTests(): void;
+//# sourceMappingURL=dashboardPanelViews.d.ts.map

package/dist/telemetry/ui/components/dashboard/panels/dashboardPanelViews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardPanelViews.d.ts","sourceRoot":"","sources":["../../../../../../src/telemetry/ui/components/dashboard/panels/dashboardPanelViews.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACnG,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AAC9G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,mFAAmF;IACnF,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC7C;;;;;;;;OAQG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,qBAAqB,GAAG,IAAI,GAAG,WAAW,EAAE,CAAC;IACtH;;;;;;OAMG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxF;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,uBAAuB,CAAC,OAAO,GAAG,OAAO;IACxD,qCAAqC;IACrC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,yJAAyJ;IACzJ,OAAO,EAAE,OAAO,CAAC;IACjB,2GAA2G;IAC3G,KAAK,EAAE,cAAc,CAAC;IACtB,iGAAiG;IACjG,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,MAAM,EAAE,eAAe,CAAC;IACxB,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED;;;;GAIG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7D,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,0DAA0D;IAC1D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AAoBD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,GAAG,OAAO,EAC1D,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,aAAa,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,EACrD,OAAO,GAAE,yBAA8B,GACtC,IAAI,CAEN;AAED;;;;GAIG;AACH,wBAAgB,kCAAkC,CAChD,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,aAAa,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,GAClD,IAAI,CAEN;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,4BAA4B,GAAG,SAAS,CAE1F;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,IAAI,4BAA4B,EAAE,CAEpE;AAED,+EAA+E;AAC/E,wBAAgB,gCAAgC,IAAI,IAAI,CAEvD"}

package/dist/telemetry/ui/components/dashboard/panels/dashboardPanelViews.js

@@ -0,0 +1,74 @@
+import { DASHBOARD_PANEL_ID_PATTERN } from '@marinoscar/platform-contract/telemetry';
+const views = new Map();
+function put(id, View, frame, builtin) {
+    if (!DASHBOARD_PANEL_ID_PATTERN.test(id)) {
+        throw new Error(`Dashboard panel view id "${id}" must match ${DASHBOARD_PANEL_ID_PATTERN}.`);
+    }
+    if (typeof View !== 'function' && (typeof View !== 'object' || View === null)) {
+        throw new Error(`Dashboard panel view "${id}" needs a React component.`);
+    }
+    const existing = views.get(id);
+    if (existing) {
+        // The same component again is a no-op (a re-evaluated module); another one is a clash.
+        if (existing.View === View && existing.frame === frame)
+            return;
+        throw new Error(`A dashboard panel view is already registered for "${id}".`);
+    }
+    views.set(id, Object.freeze({ id, View, frame, builtin }));
+}
+/**
+ * Registers the view that draws the dashboard panel `id`. The API half is
+ * `registerDashboardPanel` (`@marinoscar/platform-api/telemetry`).
+ *
+ * @typeParam Payload - the shape of the payload the API panel returns.
+ * @param id - the panel id (the API registers the same one).
+ * @param View - the component; it receives {@link DashboardPanelViewProps}.
+ * @param options - who draws the frame.
+ * @throws Error when `id` is malformed, or another view is already registered for it.
+ *
+ * @example
+ * ```tsx
+ * registerDashboardPanelView<{ total: number }>('signups', ({ payload }) => <Typography>{payload.total} sign-ups</Typography>);
+ * ```
+ *
+ * @extensionPoint registry
+ * @stability experimental
+ */
+export function registerDashboardPanelView(id, View, options = {}) {
+    put(id, View, options.frame ?? 'page', false);
+}
+/**
+ * Registers one of the platform's own panel views. Not part of the public
+ * surface (the `ui` index does not export it); the dashboard page calls
+ * `registerPlatformDashboardPanelViews`, which uses it.
+ */
+export function registerPlatformDashboardPanelView(id, View) {
+    put(id, View, 'self', true);
+}
+/**
+ * The view registered for `id`.
+ *
+ * @param id - a panel id.
+ * @returns the registered view, or `undefined`.
+ *
+ * @stability experimental
+ */
+export function getDashboardPanelView(id) {
+    return views.get(id);
+}
+/**
+ * Every registered view, in registration order.
+ *
+ * @returns the views.
+ *
+ * @extensionPoint registry
+ * @stability experimental
+ */
+export function dashboardPanelViews() {
+    return [...views.values()];
+}
+/** Empties the registry. For tests only: nothing in a running app calls it. */
+export function resetDashboardPanelViewsForTests() {
+    views.clear();
+}
+//# sourceMappingURL=dashboardPanelViews.js.map

package/dist/telemetry/ui/components/dashboard/panels/dashboardPanelViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardPanelViews.js","sourceRoot":"","sources":["../../../../../../src/telemetry/ui/components/dashboard/panels/dashboardPanelViews.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAgGrF,MAAM,KAAK,GAAG,IAAI,GAAG,EAAwC,CAAC;AAE9D,SAAS,GAAG,CAAC,EAAU,EAAE,IAAmD,EAAE,KAAsB,EAAE,OAAgB;IACpH,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;QACzC,MAAM,IAAI,KAAK,CAAC,4BAA4B,EAAE,gBAAgB,0BAA0B,GAAG,CAAC,CAAC;IAC/F,CAAC;IACD,IAAI,OAAO,IAAI,KAAK,UAAU,IAAI,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;QAC9E,MAAM,IAAI,KAAK,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,CAAC;IAC3E,CAAC;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC/B,IAAI,QAAQ,EAAE,CAAC;QACb,uFAAuF;QACvF,IAAI,QAAQ,CAAC,IAAI,KAAK,IAAI,IAAI,QAAQ,CAAC,KAAK,KAAK,KAAK;YAAE,OAAO;QAC/D,MAAM,IAAI,KAAK,CAAC,qDAAqD,EAAE,IAAI,CAAC,CAAC;IAC/E,CAAC;IACD,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;AAC7D,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,0BAA0B,CACxC,EAAU,EACV,IAAqD,EACrD,UAAqC,EAAE;IAEvC,GAAG,CAAC,EAAE,EAAE,IAAqD,EAAE,OAAO,CAAC,KAAK,IAAI,MAAM,EAAE,KAAK,CAAC,CAAC;AACjG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,kCAAkC,CAChD,EAAU,EACV,IAAmD;IAEnD,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;AAC9B,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAU;IAC9C,OAAO,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AACvB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB;IACjC,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;AAC7B,CAAC;AAED,+EAA+E;AAC/E,MAAM,UAAU,gCAAgC;IAC9C,KAAK,CAAC,KAAK,EAAE,CAAC;AAChB,CAAC"}

package/dist/telemetry/ui/components/dashboard/severity.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Severity presentation for the Telemetry Dashboard (#578). Severity is NEVER
+ * colour alone: every mark carries an icon and a word ("Error", "Warn",
+ * "Info"), so it reads in greyscale, to a screen reader and to a colour-blind
+ * operator alike.
+ */
+import { type SxProps, type Theme } from '@mui/material';
+import type { SvgIconComponent } from '@mui/icons-material';
+import { type DashboardSeverity } from '../../../headless/services/telemetryDashboard.js';
+export type SeverityKind = DashboardSeverity | 'other';
+interface SeverityMeta {
+    label: string;
+    Icon: SvgIconComponent;
+    color: 'error' | 'warning' | 'info' | 'default';
+}
+export declare const SEVERITY_META: Record<SeverityKind, SeverityMeta>;
+/** Map an event's severity text (`error`, `fatal`, `warning`, `debug`, …) to a band. */
+export declare function severityKind(severity: string | null | undefined): SeverityKind;
+/** A small icon + word label for one severity. */
+export declare function SeverityLabel({ severity }: {
+    severity: string;
+}): import("react").JSX.Element;
+/** A compact chip for list rows (phone events). */
+export declare function SeverityChip({ severity }: {
+    severity: string;
+}): import("react").JSX.Element;
+interface SeverityChipsProps {
+    value: DashboardSeverity[];
+    onChange: (next: DashboardSeverity[]) => void;
+    /** Touch targets of 44px on phones. */
+    large?: boolean;
+    sx?: SxProps<Theme>;
+    /** Names the group for assistive tech. */
+    label?: string;
+}
+/**
+ * Toggle chips for the `sev` filter. The last selected chip cannot be turned
+ * off — an empty filter is not a view anyone means, and the API would fall
+ * back to its default anyway.
+ */
+export declare function SeverityChips({ value, onChange, large, sx, label }: SeverityChipsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=severity.d.ts.map

package/dist/telemetry/ui/components/dashboard/severity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"severity.d.ts","sourceRoot":"","sources":["../../../../../src/telemetry/ui/components/dashboard/severity.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAoB,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAK3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAwB,KAAK,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAEhH,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,OAAO,CAAC;AAEvD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CACjD;AAED,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,YAAY,CAK5D,CAAC;AAEF,wFAAwF;AACxF,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,CAM9E;AAED,kDAAkD;AAClD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,+BAe/D;AAED,mDAAmD;AACnD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,+BAa9D;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC9C,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAa,EAAE,EAAE,EAAE,KAAyB,EAAE,EAAE,kBAAkB,+BA2BlH"}