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

package/dist/telemetry/ui/components/AssistantTimeline.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The investigation timeline of one assistant turn — issue #571.
+ *
+ * Every tool step the agent ran, in order, with the model's interim reasoning
+ * (`thought`, sent on the first call of a round) shown as a short italic line
+ * before the step it led to. While the turn streams the timeline is open and
+ * headed "Investigating…"; once the answer arrives it collapses behind a
+ * toggle so the report is what the viewer sees first (a phone especially).
+ *
+ * Plain text only: nothing the model says is interpreted as HTML.
+ */
+import { useId, useState } from 'react';
+import { Box, Button, CircularProgress, Collapse, Stack, Typography } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+const TOOL_LABELS = {
+    list_tables: 'Listed tables',
+    describe_table: 'Described table',
+    run_query: 'Ran query',
+    get_app_context: 'Read app configuration',
+    health_overview: 'Health overview',
+    get_trace: 'Traced',
+    metrics_overview: 'Metrics overview',
+    compare_nodes: 'Compared worker nodes',
+};
+const TRACE_ID_SHORT = 8;
+/** What follows the label: the table, the metric group and window, the window, or a shortened trace id. */
+function stepTarget(step) {
+    const input = step.input;
+    if (!input)
+        return '';
+    if (step.tool === 'get_trace' && input.traceId) {
+        return input.traceId.length > TRACE_ID_SHORT ? `${input.traceId.slice(0, TRACE_ID_SHORT)}…` : input.traceId;
+    }
+    if (step.tool === 'metrics_overview')
+        return [input.group, input.window].filter(Boolean).join(' · ');
+    if ((step.tool === 'health_overview' || step.tool === 'compare_nodes') && input.window)
+        return input.window;
+    return input.table ?? '';
+}
+function stepFacts(step) {
+    const facts = [];
+    if (step.rowCount !== undefined)
+        facts.push(`${step.rowCount} row${step.rowCount === 1 ? '' : 's'}`);
+    if (step.truncated)
+        facts.push('truncated');
+    facts.push(`${Math.round(step.durationMs)} ms`);
+    return facts.join(' · ');
+}
+function StepRow({ step }) {
+    const label = TOOL_LABELS[step.tool] ?? step.tool;
+    const target = stepTarget(step);
+    return (_jsxs(Box, { sx: { minWidth: 0 }, children: [step.thought && (_jsx(Typography, { variant: "caption", component: "div", color: "text.secondary", "data-testid": "assistant-thought", sx: { fontStyle: 'italic', whiteSpace: 'pre-wrap', wordBreak: 'break-word', pt: 0.5 }, children: step.thought })), _jsxs(Box, { "data-testid": "assistant-step", sx: { py: 0.5, minWidth: 0 }, children: [_jsxs(Typography, { variant: "caption", component: "div", color: step.error ? 'error' : 'text.secondary', sx: { wordBreak: 'break-word' }, children: [_jsx("strong", { children: label }), target ? ` ${target}` : '', " \u00B7 ", stepFacts(step)] }), step.input?.sql && (_jsx(Box, { component: "pre", sx: {
+                            m: 0,
+                            mt: 0.25,
+                            p: 0.75,
+                            borderRadius: 1,
+                            bgcolor: 'action.hover',
+                            fontFamily: 'monospace',
+                            fontSize: 11,
+                            whiteSpace: 'pre-wrap',
+                            wordBreak: 'break-word',
+                            maxHeight: 96,
+                            overflow: 'auto',
+                        }, children: step.input.sql })), step.error && (_jsx(Typography, { variant: "caption", component: "div", color: "error", sx: { wordBreak: 'break-word' }, children: step.error }))] })] }));
+}
+function stepCount(n) {
+    return `${n} step${n === 1 ? '' : 's'}`;
+}
+export function AssistantTimeline({ steps, isInvestigating, collapsible }) {
+    const [open, setOpen] = useState(false);
+    const regionId = useId();
+    if (isInvestigating) {
+        return (_jsxs(Box, { children: [steps.map((step) => (_jsx(StepRow, { step: step }, `${step.index}-${step.tool}`))), _jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: 'center', pt: steps.length ? 0.5 : 0 }, children: [_jsx(CircularProgress, { size: 14 }), _jsxs(Typography, { variant: "body2", color: "text.secondary", sx: { fontStyle: 'italic' }, children: ["Investigating\u2026", steps.length > 0 ? ` (${stepCount(steps.length)})` : ''] })] })] }));
+    }
+    if (steps.length === 0)
+        return null;
+    if (!collapsible) {
+        return (_jsx(Box, { children: steps.map((step) => (_jsx(StepRow, { step: step }, `${step.index}-${step.tool}`))) }));
+    }
+    return (_jsxs(Box, { children: [_jsxs(Button, { size: "small", color: "inherit", "data-testid": "assistant-timeline-toggle", "aria-expanded": open, "aria-controls": regionId, onClick: () => setOpen((value) => !value), startIcon: open ? _jsx(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}), sx: { px: 0.5, color: 'text.secondary', textTransform: 'none' }, children: [open ? 'Hide' : 'Show', " investigation (", stepCount(steps.length), ")"] }), _jsx(Collapse, { in: open, id: regionId, children: _jsx(Box, { sx: { pl: 0.5, pb: 0.5 }, children: steps.map((step) => (_jsx(StepRow, { step: step }, `${step.index}-${step.tool}`))) }) })] }));
+}
+//# sourceMappingURL=AssistantTimeline.js.map

package/dist/telemetry/ui/components/AssistantTimeline.js.map

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

package/dist/telemetry/ui/components/ResultsGrid.d.ts

@@ -0,0 +1,10 @@
+import type { TelemetryQueryResult } from '../../headless/services/telemetry.js';
+export interface ResultsGridProps {
+    result: TelemetryQueryResult;
+    onTraceClick?: (traceId: string) => void;
+}
+/** A cell value as text: strings as-is, objects as JSON, `null` as `NULL`. */
+export declare function formatCellValue(value: unknown): string;
+export declare function fieldFor(index: number): string;
+export declare function ResultsGrid({ result, onTraceClick }: ResultsGridProps): import("react").JSX.Element;
+//# sourceMappingURL=ResultsGrid.d.ts.map

package/dist/telemetry/ui/components/ResultsGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultsGrid.d.ts","sourceRoot":"","sources":["../../../../src/telemetry/ui/components/ResultsGrid.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAEjF,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,oBAAoB,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAID,8EAA8E;AAC9E,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAItD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,gBAAgB,+BAqFrE"}

package/dist/telemetry/ui/components/ResultsGrid.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The explorer's result grid — issue #537, epic #528.
+ *
+ * MUI X DataGrid directly rather than the app's `DataTable`: that wrapper is
+ * built around a DECLARED column contract with server-side paging, sorting and
+ * persisted layout, whereas a query result has columns nobody knew until it
+ * ran. The grid is used with the app theme, client-side paging/sorting and a
+ * bounded height so row virtualization works.
+ *
+ * Column names can repeat (`SELECT a.x, b.x`), so each column's field is its
+ * POSITION (`c0`, `c1`, …) and rows are read positionally, as the API sends
+ * them. A value in a column named `trace_id` is a link that opens that trace.
+ */
+import { useMemo } from 'react';
+import { Box, Link, Typography } from '@mui/material';
+import { DataGrid } from '@mui/x-data-grid';
+/** A cell value as text: strings as-is, objects as JSON, `null` as `NULL`. */
+export function formatCellValue(value) {
+    if (value === null || value === undefined)
+        return 'NULL';
+    if (typeof value === 'object')
+        return JSON.stringify(value);
+    return String(value);
+}
+export function fieldFor(index) {
+    return `c${index}`;
+}
+export function ResultsGrid({ result, onTraceClick }) {
+    const columns = useMemo(() => result.columns.map((column, index) => {
+        const isTraceId = column.name.toLowerCase() === 'trace_id';
+        return {
+            field: fieldFor(index),
+            headerName: column.name,
+            // The pg wire protocol truncates timestamps to microseconds.
+            description: column.type === 'timestamp'
+                ? `${column.name} · timestamp (microseconds; use CAST(ts AS STRING) for nanoseconds)`
+                : `${column.name} · ${column.type}`,
+            minWidth: 120,
+            flex: 1,
+            sortable: true,
+            valueFormatter: (value) => formatCellValue(value),
+            renderCell: (params) => {
+                const value = params.value;
+                if (value === null || value === undefined) {
+                    return (_jsx(Typography, { component: "span", variant: "body2", color: "text.disabled", sx: { fontStyle: 'italic' }, children: "NULL" }));
+                }
+                const text = formatCellValue(value);
+                if (isTraceId && onTraceClick && typeof value === 'string' && value) {
+                    return (_jsx(Link, { component: "button", type: "button", variant: "body2", onClick: (event) => {
+                            event.stopPropagation();
+                            onTraceClick(value);
+                        }, sx: { fontFamily: 'monospace' }, title: "Show this trace's spans and logs", children: text }));
+                }
+                return (_jsx(Box, { component: "span", title: text, sx: { overflow: 'hidden', textOverflow: 'ellipsis' }, children: text }));
+            },
+        };
+    }), [result.columns, onTraceClick]);
+    const rows = useMemo(() => result.rows.map((row, rowIndex) => {
+        const entry = { id: rowIndex };
+        row.forEach((value, index) => {
+            entry[fieldFor(index)] = value;
+        });
+        return entry;
+    }), [result.rows]);
+    return (_jsx(Box, { sx: { height: { xs: 420, sm: 480 }, width: '100%', minWidth: 0 }, children: _jsx(DataGrid, { rows: rows, columns: columns, density: "compact", "aria-label": "Query results", disableColumnFilter: true, disableRowSelectionOnClick: true, pageSizeOptions: [25, 50, 100], initialState: { pagination: { paginationModel: { pageSize: 100, page: 0 } } }, sx: {
+                '& .MuiDataGrid-cell': { fontFamily: 'monospace', fontSize: 13 },
+                '& .MuiDataGrid-virtualScroller': { overflowX: 'auto' },
+            } }) }));
+}
+//# sourceMappingURL=ResultsGrid.js.map

package/dist/telemetry/ui/components/ResultsGrid.js.map

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

package/dist/telemetry/ui/components/SchemaPanel.d.ts

@@ -0,0 +1,9 @@
+import type { TelemetrySchemaTable } from '../../headless/services/telemetry.js';
+export interface SchemaPanelProps {
+    tables: TelemetrySchemaTable[];
+    isLoading: boolean;
+    error: string | null;
+    onInsert: (text: string) => void;
+}
+export declare function SchemaPanel({ tables, isLoading, error, onInsert }: SchemaPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=SchemaPanel.d.ts.map

package/dist/telemetry/ui/components/SchemaPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPanel.d.ts","sourceRoot":"","sources":["../../../../src/telemetry/ui/components/SchemaPanel.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAGjF,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BA4GnF"}

package/dist/telemetry/ui/components/SchemaPanel.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The explorer's schema browser — issue #537, epic #528.
+ *
+ * Tables from `GET /admin/telemetry/schema`, each expandable to its columns
+ * and types. Clicking a table or column name inserts it (double-quoted when
+ * needed — flattened attribute columns always are) at the editor's cursor.
+ */
+import { useMemo, useState } from 'react';
+import { Alert, Box, Collapse, IconButton, List, ListItemButton, ListItemText, TextField, Tooltip, Typography, } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
+import { quoteIdentifier } from '../../headless/lib/starterQueries.js';
+export function SchemaPanel({ tables, isLoading, error, onInsert }) {
+    const [open, setOpen] = useState(new Set());
+    const [filter, setFilter] = useState('');
+    const visible = useMemo(() => {
+        const needle = filter.trim().toLowerCase();
+        if (!needle)
+            return tables;
+        return tables.filter((table) => table.name.toLowerCase().includes(needle) ||
+            table.columns.some((column) => column.name.toLowerCase().includes(needle)));
+    }, [tables, filter]);
+    const toggle = (name) => setOpen((prev) => {
+        const next = new Set(prev);
+        if (next.has(name))
+            next.delete(name);
+        else
+            next.add(name);
+        return next;
+    });
+    return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', minHeight: 0, height: '100%' }, children: [_jsx(TextField, { size: "small", placeholder: "Filter tables and columns", value: filter, onChange: (event) => setFilter(event.target.value), slotProps: { htmlInput: { 'aria-label': 'Filter schema' } }, sx: { mb: 1 } }), error && (_jsx(Alert, { severity: "error", sx: { mb: 1 }, children: error })), isLoading && (_jsx(Typography, { variant: "body2", color: "text.secondary", children: "Loading schema\u2026" })), !isLoading && !error && visible.length === 0 && (_jsx(Typography, { variant: "body2", color: "text.secondary", children: "No tables." })), _jsx(List, { dense: true, disablePadding: true, "aria-label": "Telemetry schema", sx: { overflowY: 'auto', flex: 1 }, children: visible.map((table) => {
+                    const expanded = open.has(table.name) || filter.trim() !== '';
+                    return (_jsxs(Box, { component: "li", sx: { listStyle: 'none' }, children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center' }, children: [_jsx(IconButton, { size: "small", onClick: () => toggle(table.name), "aria-label": `${expanded ? 'Collapse' : 'Expand'} ${table.name}`, "aria-expanded": expanded, children: expanded ? _jsx(ExpandMoreIcon, { fontSize: "small" }) : _jsx(ChevronRightIcon, { fontSize: "small" }) }), _jsx(Tooltip, { title: "Insert table name", placement: "right", children: _jsx(ListItemButton, { dense: true, onClick: () => onInsert(quoteIdentifier(table.name)), sx: { py: 0, borderRadius: 1, minWidth: 0 }, children: _jsx(ListItemText, { primary: table.name, secondary: table.rows != null ? `${table.rows.toLocaleString()} rows` : undefined, slotProps: {
+                                                    primary: { sx: { fontFamily: 'monospace', fontSize: 13, wordBreak: 'break-all' } },
+                                                } }) }) })] }), _jsx(Collapse, { in: expanded, unmountOnExit: true, children: _jsx(List, { dense: true, disablePadding: true, sx: { pl: 4 }, "aria-label": `Columns of ${table.name}`, children: table.columns.map((column, index) => (_jsx(ListItemButton, { dense: true, onClick: () => onInsert(quoteIdentifier(column.name)), sx: { py: 0, borderRadius: 1 }, children: _jsx(ListItemText, { primary: column.name, secondary: column.semanticType ? `${column.type} · ${column.semanticType}` : column.type, slotProps: {
+                                                primary: { sx: { fontFamily: 'monospace', fontSize: 12, wordBreak: 'break-all' } },
+                                                secondary: { sx: { fontSize: 11 } },
+                                            } }) }, `${column.name}-${index}`))) }) })] }, table.name));
+                }) })] }));
+}
+//# sourceMappingURL=SchemaPanel.js.map

package/dist/telemetry/ui/components/SchemaPanel.js.map

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

package/dist/telemetry/ui/components/SqlEditor.d.ts

@@ -0,0 +1,21 @@
+import type { Ref } from 'react';
+import { type SQLNamespace } from '@codemirror/lang-sql';
+import type { TelemetrySchemaTable } from '../../headless/services/telemetry.js';
+export interface SqlEditorHandle {
+    /** Replace the selection (or insert at the cursor) with `text`, then focus. */
+    insertAtCursor: (text: string) => void;
+    focus: () => void;
+}
+export interface SqlEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    /** Ctrl/Cmd+Enter. */
+    onRun: () => void;
+    tables: TelemetrySchemaTable[];
+    mode: 'light' | 'dark';
+    ref?: Ref<SqlEditorHandle>;
+}
+/** `GET schema` → the lang-sql completion namespace (table → columns with types). */
+export declare function toSqlNamespace(tables: TelemetrySchemaTable[]): SQLNamespace;
+export default function SqlEditor({ value, onChange, onRun, tables, mode, ref }: SqlEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=SqlEditor.d.ts.map

package/dist/telemetry/ui/components/SqlEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SqlEditor.d.ts","sourceRoot":"","sources":["../../../../src/telemetry/ui/components/SqlEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAEjF,MAAM,WAAW,eAAe;IAC9B,+EAA+E;IAC/E,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sBAAsB;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAED,qFAAqF;AACrF,wBAAgB,cAAc,CAAC,MAAM,EAAE,oBAAoB,EAAE,GAAG,YAAY,CAU3E;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,cAAc,+BAqD9F"}

package/dist/telemetry/ui/components/SqlEditor.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The Telemetry Explorer's SQL editor — issue #537, epic #528.
+ *
+ * CodeMirror 6 (`@uiw/react-codemirror` + `@codemirror/lang-sql`), PostgreSQL
+ * dialect (GreptimeDB speaks the PostgreSQL wire protocol and dialect), with
+ * autocompletion fed from `GET /admin/telemetry/schema`. The theme follows the
+ * MUI palette mode. Ctrl/Cmd+Enter runs the query.
+ *
+ * This module is the ONLY importer of CodeMirror, and the explorer page loads
+ * it with `React.lazy`, so the editor (~hundreds of kB) is its own chunk and
+ * weighs on nobody who never opens the explorer.
+ */
+import { useImperativeHandle, useMemo, useRef } from 'react';
+import CodeMirror, { EditorView, Prec, keymap } from '@uiw/react-codemirror';
+import { PostgreSQL, sql } from '@codemirror/lang-sql';
+/** `GET schema` → the lang-sql completion namespace (table → columns with types). */
+export function toSqlNamespace(tables) {
+    const namespace = {};
+    for (const table of tables) {
+        namespace[table.name] = table.columns.map((column) => ({
+            label: column.name,
+            type: 'property',
+            detail: column.type,
+        }));
+    }
+    return namespace;
+}
+export default function SqlEditor({ value, onChange, onRun, tables, mode, ref }) {
+    const editorRef = useRef(null);
+    // Read through a ref so the keymap extension is built once, not per render.
+    const onRunRef = useRef(onRun);
+    onRunRef.current = onRun;
+    useImperativeHandle(ref, () => ({
+        insertAtCursor: (text) => {
+            const view = editorRef.current?.view;
+            if (!view)
+                return;
+            view.dispatch(view.state.replaceSelection(text));
+            view.focus();
+        },
+        focus: () => editorRef.current?.view?.focus(),
+    }), []);
+    const extensions = useMemo(() => [
+        sql({ dialect: PostgreSQL, schema: toSqlNamespace(tables), upperCaseKeywords: true }),
+        Prec.highest(keymap.of([
+            {
+                key: 'Mod-Enter',
+                run: () => {
+                    onRunRef.current();
+                    return true;
+                },
+            },
+        ])),
+        EditorView.lineWrapping,
+        EditorView.contentAttributes.of({ 'aria-label': 'SQL query' }),
+    ], [tables]);
+    return (_jsx(CodeMirror, { ref: editorRef, value: value, onChange: onChange, extensions: extensions, theme: mode, minHeight: "160px", maxHeight: "45vh", basicSetup: { lineNumbers: true, foldGutter: false, highlightActiveLine: true }, style: { fontSize: 14 } }));
+}
+//# sourceMappingURL=SqlEditor.js.map

package/dist/telemetry/ui/components/SqlEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SqlEditor.js","sourceRoot":"","sources":["../../../../src/telemetry/ui/components/SqlEditor.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,UAAU,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,GAAG,EAAqB,MAAM,sBAAsB,CAAC;AAmB1E,qFAAqF;AACrF,MAAM,UAAU,cAAc,CAAC,MAA8B;IAC3D,MAAM,SAAS,GAAsE,EAAE,CAAC;IACxF,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACrD,KAAK,EAAE,MAAM,CAAC,IAAI;YAClB,IAAI,EAAE,UAAU;YAChB,MAAM,EAAE,MAAM,CAAC,IAAI;SACpB,CAAC,CAAC,CAAC;IACN,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAkB;IAC7F,MAAM,SAAS,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACnD,4EAA4E;IAC5E,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAEzB,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,cAAc,EAAE,CAAC,IAAY,EAAE,EAAE;YAC/B,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC;YACrC,IAAI,CAAC,IAAI;gBAAE,OAAO;YAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;YACjD,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;QACD,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE;KAC9C,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC;QACJ,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC;QACrF,IAAI,CAAC,OAAO,CACV,MAAM,CAAC,EAAE,CAAC;YACR;gBACE,GAAG,EAAE,WAAW;gBAChB,GAAG,EAAE,GAAG,EAAE;oBACR,QAAQ,CAAC,OAAO,EAAE,CAAC;oBACnB,OAAO,IAAI,CAAC;gBACd,CAAC;aACF;SACF,CAAC,CACH;QACD,UAAU,CAAC,YAAY;QACvB,UAAU,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;KAC/D,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,IAAI,EACX,SAAS,EAAC,OAAO,EACjB,SAAS,EAAC,MAAM,EAChB,UAAU,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,EAC/E,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GACvB,CACH,CAAC;AACJ,CAAC"}

package/dist/telemetry/ui/components/TelemetryConnectionSection.d.ts

@@ -0,0 +1,14 @@
+/** The element id the page's other alerts link to. */
+export declare const TELEMETRY_CONNECTION_SECTION_ID = "telemetry-connection";
+export interface TelemetryConnectionSectionProps {
+    canWrite: boolean;
+    /** After a successful save or revert — the page refreshes its config and status. */
+    onChanged: (message: string) => void;
+    /**
+     * Bumped by the page when the store changed under it (a telemetry services
+     * deploy, #567): the connection is re-read and a stale test result dropped.
+     */
+    refreshToken?: number;
+}
+export declare function TelemetryConnectionSection({ canWrite, onChanged, refreshToken, }: TelemetryConnectionSectionProps): import("react").JSX.Element;
+//# sourceMappingURL=TelemetryConnectionSection.d.ts.map

package/dist/telemetry/ui/components/TelemetryConnectionSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryConnectionSection.d.ts","sourceRoot":"","sources":["../../../../src/telemetry/ui/components/TelemetryConnectionSection.tsx"],"names":[],"mappings":"AAyDA,sDAAsD;AACtD,eAAO,MAAM,+BAA+B,yBAAyB,CAAC;AAqOtE,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,oFAAoF;IACpF,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,SAAS,EACT,YAAgB,GACjB,EAAE,+BAA+B,+BA0UjC"}