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

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

@@ -0,0 +1,126 @@
+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 { 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']);
+function formatCell(value, column, now) {
+    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);
+}
+/**
+ * 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 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 && NUMERIC_UNITS.has(column.unit) && !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);
+                                    const numeric = column && NUMERIC_UNITS.has(column.unit) && !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/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"}

package/dist/telemetry/ui/components/dashboard/severity.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 { Box, Chip, Stack } from '@mui/material';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutlineOutlined';
+import WarningAmberIcon from '@mui/icons-material/WarningAmber';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import HelpOutlineIcon from '@mui/icons-material/HelpOutlineOutlined';
+import { DASHBOARD_SEVERITIES } from '../../../headless/services/telemetryDashboard.js';
+export const SEVERITY_META = {
+    error: { label: 'Error', Icon: ErrorOutlineIcon, color: 'error' },
+    warn: { label: 'Warn', Icon: WarningAmberIcon, color: 'warning' },
+    info: { label: 'Info', Icon: InfoOutlinedIcon, color: 'info' },
+    other: { label: 'Other', Icon: HelpOutlineIcon, color: 'default' },
+};
+/** Map an event's severity text (`error`, `fatal`, `warning`, `debug`, …) to a band. */
+export function severityKind(severity) {
+    const text = (severity ?? '').toLowerCase();
+    if (text.startsWith('err') || text.startsWith('fatal') || text.startsWith('crit'))
+        return 'error';
+    if (text.startsWith('warn'))
+        return 'warn';
+    if (text.startsWith('info'))
+        return 'info';
+    return 'other';
+}
+/** A small icon + word label for one severity. */
+export function SeverityLabel({ severity }) {
+    const kind = severityKind(severity);
+    const meta = SEVERITY_META[kind];
+    // An unknown band keeps its own word ("debug", "trace"), capitalised.
+    const label = kind === 'other' && severity ? severity.charAt(0).toUpperCase() + severity.slice(1) : meta.label;
+    const color = meta.color === 'default' ? 'text.secondary' : `${meta.color}.main`;
+    return (_jsxs(Box, { component: "span", sx: { display: 'inline-flex', alignItems: 'center', gap: 0.5, color, fontWeight: 500, whiteSpace: 'nowrap' }, children: [_jsx(meta.Icon, { fontSize: "small", "aria-hidden": true }), _jsx("span", { children: label })] }));
+}
+/** A compact chip for list rows (phone events). */
+export function SeverityChip({ severity }) {
+    const kind = severityKind(severity);
+    const meta = SEVERITY_META[kind];
+    const label = kind === 'other' && severity ? severity.charAt(0).toUpperCase() + severity.slice(1) : meta.label;
+    return (_jsx(Chip, { size: "small", variant: "outlined", color: meta.color, icon: _jsx(meta.Icon, { "aria-hidden": true }), label: label }));
+}
+/**
+ * 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 function SeverityChips({ value, onChange, large = false, sx, label = 'Severity filter' }) {
+    const toggle = (severity) => {
+        const selected = value.includes(severity);
+        if (selected && value.length === 1)
+            return;
+        const next = selected ? value.filter((s) => s !== severity) : [...value, severity];
+        onChange(DASHBOARD_SEVERITIES.filter((s) => next.includes(s)));
+    };
+    return (_jsx(Stack, { direction: "row", spacing: 1, useFlexGap: true, role: "group", "aria-label": label, sx: { flexWrap: 'wrap', ...sx }, children: DASHBOARD_SEVERITIES.map((severity) => {
+            const meta = SEVERITY_META[severity];
+            const selected = value.includes(severity);
+            return (_jsx(Chip, { icon: _jsx(meta.Icon, { "aria-hidden": true }), label: meta.label, color: meta.color === 'default' ? undefined : meta.color, variant: selected ? 'filled' : 'outlined', onClick: () => toggle(severity), "aria-pressed": selected, sx: large ? { minHeight: 44, borderRadius: 22, px: 0.5 } : undefined }, severity));
+        }) }));
+}
+//# sourceMappingURL=severity.js.map

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

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

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

@@ -0,0 +1,11 @@
+/**
+ * The time (x) axis the two dashboard timelines share (#578): a band axis of
+ * bucket starts, labelled by time of day (plus the date past 24 h), with at
+ * most `maxTicks` labels on phones.
+ */
+import type { XAxis } from '@mui/x-charts/models';
+export declare const TIMELINE_AXIS_ID = "time";
+export declare function timelineXAxis(starts: string[], spanMs: number, maxTicks?: number): XAxis<'band'>;
+/** Timeline height per layout: desktop 320, tablet 280, phone 200. */
+export declare function timelineHeight(layout: 'phone' | 'tablet' | 'desktop'): number;
+//# sourceMappingURL=timelineAxis.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timelineAxis.d.ts","sourceRoot":"","sources":["../../../../../src/telemetry/ui/components/dashboard/timelineAxis.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,eAAO,MAAM,gBAAgB,SAAS,CAAC;AAEvC,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAahG;AAED,sEAAsE;AACtE,wBAAgB,cAAc,CAAC,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAE7E"}

package/dist/telemetry/ui/components/dashboard/timelineAxis.js

@@ -0,0 +1,20 @@
+import { formatBucketLabel, formatTimestamp } from '../../../headless/lib/format.js';
+export const TIMELINE_AXIS_ID = 'time';
+export function timelineXAxis(starts, spanMs, maxTicks) {
+    const step = maxTicks ? Math.max(1, Math.ceil(starts.length / maxTicks)) : 1;
+    return {
+        id: TIMELINE_AXIS_ID,
+        scaleType: 'band',
+        data: starts,
+        valueFormatter: (value, context) => context.location === 'tick' ? formatBucketLabel(value, spanMs) : formatTimestamp(value),
+        ...(maxTicks
+            ? { tickInterval: (_value, index) => index % step === 0 }
+            : { tickLabelInterval: 'auto' }),
+        height: 28,
+    };
+}
+/** Timeline height per layout: desktop 320, tablet 280, phone 200. */
+export function timelineHeight(layout) {
+    return layout === 'desktop' ? 320 : layout === 'tablet' ? 280 : 200;
+}
+//# sourceMappingURL=timelineAxis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timelineAxis.js","sourceRoot":"","sources":["../../../../../src/telemetry/ui/components/dashboard/timelineAxis.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAErF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAEvC,MAAM,UAAU,aAAa,CAAC,MAAgB,EAAE,MAAc,EAAE,QAAiB;IAC/E,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7E,OAAO;QACL,EAAE,EAAE,gBAAgB;QACpB,SAAS,EAAE,MAAM;QACjB,IAAI,EAAE,MAAM;QACZ,cAAc,EAAE,CAAC,KAAa,EAAE,OAAO,EAAE,EAAE,CACzC,OAAO,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC;QACzF,GAAG,CAAC,QAAQ;YACV,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,EAAE;YACzE,CAAC,CAAC,EAAE,iBAAiB,EAAE,MAAe,EAAE,CAAC;QAC3C,MAAM,EAAE,EAAE;KACX,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,MAAM,UAAU,cAAc,CAAC,MAAsC;IACnE,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AACtE,CAAC"}

package/dist/telemetry/ui/dashboard-page.d.ts

@@ -0,0 +1,2 @@
+export { default, default as TelemetryDashboardPage } from './pages/TelemetryDashboardPage.js';
+//# sourceMappingURL=dashboard-page.d.ts.map

package/dist/telemetry/ui/dashboard-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page.d.ts","sourceRoot":"","sources":["../../../src/telemetry/ui/dashboard-page.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/telemetry/ui/dashboard-page.js

@@ -0,0 +1,6 @@
+// `@marinoscar/platform-web/telemetry/ui/dashboard-page`: the TelemetryDashboardPage
+// route component alone (issue #704), as a default and a named export, so
+// the app keeps `lazy(() => import('@marinoscar/platform-web/telemetry/ui/dashboard-page'))`
+// and the page stays in a chunk of its own. Documented in ../README.md.
+export { default, default as TelemetryDashboardPage } from './pages/TelemetryDashboardPage.js';
+//# sourceMappingURL=dashboard-page.js.map

package/dist/telemetry/ui/dashboard-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page.js","sourceRoot":"","sources":["../../../src/telemetry/ui/dashboard-page.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,0EAA0E;AAC1E,6FAA6F;AAC7F,wEAAwE;AAExE,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/telemetry/ui/explorer-page.d.ts

@@ -0,0 +1,2 @@
+export { default, default as TelemetryExplorerPage } from './pages/TelemetryExplorerPage.js';
+//# sourceMappingURL=explorer-page.d.ts.map

package/dist/telemetry/ui/explorer-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"explorer-page.d.ts","sourceRoot":"","sources":["../../../src/telemetry/ui/explorer-page.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/telemetry/ui/explorer-page.js

@@ -0,0 +1,6 @@
+// `@marinoscar/platform-web/telemetry/ui/explorer-page`: the TelemetryExplorerPage
+// route component alone (issue #704), as a default and a named export, so
+// the app keeps `lazy(() => import('@marinoscar/platform-web/telemetry/ui/explorer-page'))`
+// and the page stays in a chunk of its own. Documented in ../README.md.
+export { default, default as TelemetryExplorerPage } from './pages/TelemetryExplorerPage.js';
+//# sourceMappingURL=explorer-page.js.map

package/dist/telemetry/ui/explorer-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"explorer-page.js","sourceRoot":"","sources":["../../../src/telemetry/ui/explorer-page.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,0EAA0E;AAC1E,4FAA4F;AAC5F,wEAAwE;AAExE,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/telemetry/ui/index.d.ts

@@ -0,0 +1,6 @@
+export { telemetryAdminCards } from './admin.js';
+export type { TelemetryAdminCard } from './admin.js';
+export { default as TelemetrySettingsPage } from './pages/TelemetrySettingsPage.js';
+export { default as TelemetryExplorerPage } from './pages/TelemetryExplorerPage.js';
+export { default as TelemetryDashboardPage } from './pages/TelemetryDashboardPage.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/telemetry/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/telemetry/ui/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/telemetry/ui/index.js

@@ -0,0 +1,10 @@
+// `@marinoscar/platform-web/telemetry/ui`: the three telemetry route
+// components and the admin registry cards (issue #704). For lazy routes,
+// import a page from its own subpath (`./settings-page`, `./explorer-page`,
+// `./dashboard-page`) so each stays in a chunk of its own. Documented in
+// ../README.md.
+export { telemetryAdminCards } from './admin.js';
+export { default as TelemetrySettingsPage } from './pages/TelemetrySettingsPage.js';
+export { default as TelemetryExplorerPage } from './pages/TelemetryExplorerPage.js';
+export { default as TelemetryDashboardPage } from './pages/TelemetryDashboardPage.js';
+//# sourceMappingURL=index.js.map

package/dist/telemetry/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/telemetry/ui/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,yEAAyE;AACzE,4EAA4E;AAC5E,yEAAyE;AACzE,gBAAgB;AAEhB,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/telemetry/ui/pages/TelemetryDashboardPage.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The Telemetry Dashboard (`/admin/settings/telemetry/dashboard`): the
+ * verdict, KPI tiles, API and log timelines, top problems, events and one
+ * section per metric group the API reports (an app's own groups included,
+ * titled from their metadata). Its state lives in the URL. Route it behind the
+ * app's permission gate for `telemetry:query` and `RequireTelemetryEnabled`.
+ *
+ * @returns the page.
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export default function TelemetryDashboardPage(): import("react").JSX.Element;
+//# sourceMappingURL=TelemetryDashboardPage.d.ts.map

package/dist/telemetry/ui/pages/TelemetryDashboardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryDashboardPage.d.ts","sourceRoot":"","sources":["../../../../src/telemetry/ui/pages/TelemetryDashboardPage.tsx"],"names":[],"mappings":"AA0QA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,gCAsZ7C"}