@dudousxd/nestjs-telescope-ui 2.0.0 → 3.0.0

package/dist/react/components/entry-types.d.ts

@@ -37,4 +37,33 @@ export declare function resolveEntryQuery(typeId: string): {
     type?: string;
     tag?: string;
 };
+/**
+ * Which nav/tab type ids to show given the server's registered watcher list.
+ *
+ * `/api/meta.watchers` carries EntryType strings (e.g. `['request',
+ * 'exception', 'query', 'job', 'redis']`) — the `type` field of each
+ * registered watcher, see the core registrar. We hide a type only when meta
+ * POSITIVELY says its watcher is absent:
+ *  - `watchers === undefined` → meta hasn't loaded or is from an older server
+ *    that predates the field; show everything (no flash-of-hidden-nav, and old
+ *    servers keep working).
+ *  - otherwise → show a type when it's always-visible, its id is in the watcher
+ *    set, or its backing query type is (so `schedule` follows `job`).
+ *
+ * Pure and order-preserving (keeps the canonical `ENTRY_TYPES` order) so it's
+ * trivially unit-testable.
+ */
+/**
+ * Built-in types plus extension-contributed ones (from `/api/meta.entryTypes`).
+ * Built-ins win on id collision so an extension can't shadow a core type's
+ * label/dot. Extension types lack the optional `query` override (that's only
+ * for the few built-ins like `schedule`), which is fine — `EntryTypeDef.query`
+ * is optional. Keeps built-ins first, then extras, so the nav order is stable.
+ */
+export declare function allEntryTypes(extension: readonly {
+    id: string;
+    label: string;
+    dot: string;
+}[] | undefined): EntryTypeDef[];
+export declare function visibleEntryTypes(types: readonly EntryTypeDef[], watchers: readonly string[] | undefined): EntryTypeDef[];
 //# sourceMappingURL=entry-types.d.ts.map

package/dist/react/components/entry-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entry-types.d.ts","sourceRoot":"","sources":["../../../src/react/components/entry-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,EAmBrC,CAAC;AAQF,qEAAqE;AACrE,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED,gEAAgE;AAChE,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,2DAA2D;AAC3D,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAEnD;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAEjF"}
+{"version":3,"file":"entry-types.d.ts","sourceRoot":"","sources":["../../../src/react/components/entry-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,EA0BrC,CAAC;AAQF,qEAAqE;AACrE,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED,gEAAgE;AAChE,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,2DAA2D;AAC3D,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAEnD;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAEjF;AAeD;;;;;;;;;;;;;;;GAeG;AACH;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,SAAS,GAC3E,YAAY,EAAE,CAIhB;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,SAAS,YAAY,EAAE,EAC9B,QAAQ,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,GACtC,YAAY,EAAE,CAUhB"}

package/dist/react/components/entry-types.js

@@ -2,7 +2,9 @@ export const ENTRY_TYPES = [
     { id: 'request', label: 'Requests', dot: 'bg-emerald-400' },
     { id: 'query', label: 'Queries', dot: 'bg-sky-400' },
     { id: 'exception', label: 'Exceptions', dot: 'bg-red-400' },
+    { id: 'client_exception', label: 'Client errors', dot: 'bg-orange-500' },
     { id: 'job', label: 'Jobs', dot: 'bg-violet-400' },
+    { id: 'durable', label: 'Workflows', dot: 'bg-purple-400' },
     { id: 'mail', label: 'Mail', dot: 'bg-pink-400' },
     { id: 'cache', label: 'Cache', dot: 'bg-teal-400' },
     {
@@ -17,6 +19,11 @@ export const ENTRY_TYPES = [
     { id: 'log', label: 'Logs', dot: 'bg-zinc-400' },
     { id: 'model', label: 'Models', dot: 'bg-lime-400' },
     { id: 'redis', label: 'Redis', dot: 'bg-rose-400' },
+    { id: 'inertia', label: 'Inertia', dot: 'bg-cyan-400' },
+    // NestJS first-party channels, recorded by @dudousxd/nestjs-telescope-official.
+    { id: 'resilience', label: 'Resilience', dot: 'bg-yellow-400' },
+    { id: 'workflow', label: 'Nest workflows', dot: 'bg-purple-300' },
+    { id: 'auth', label: 'Auth', dot: 'bg-red-300' },
 ];
 const FALLBACK_DOT = 'bg-zinc-500';
 const BY_ID = Object.fromEntries(ENTRY_TYPES.map((type) => [type.id, type]));
@@ -41,4 +48,57 @@ export function isKnownType(typeId) {
 export function resolveEntryQuery(typeId) {
     return BY_ID[typeId]?.query ?? { type: typeId };
 }
+/**
+ * Entry types that are ALWAYS captured regardless of which watchers a host
+ * registers, so their nav items must always show. `request` and `exception`
+ * are wired unconditionally by the core registrar (see
+ * `telescope-watcher-registrar.service.ts`, which seeds `[Request, Exception]`
+ * before appending registered watchers), so `/api/meta.watchers` always lists
+ * them — but we hard-code them here too so the nav stays correct even if a
+ * future server drops them from the list. `schedule` rides on the `job`
+ * watcher (scheduled runs are tagged `job` entries), so it's visible whenever
+ * `job` is.
+ */
+const ALWAYS_VISIBLE_TYPE_IDS = new Set(['request', 'exception']);
+/**
+ * Which nav/tab type ids to show given the server's registered watcher list.
+ *
+ * `/api/meta.watchers` carries EntryType strings (e.g. `['request',
+ * 'exception', 'query', 'job', 'redis']`) — the `type` field of each
+ * registered watcher, see the core registrar. We hide a type only when meta
+ * POSITIVELY says its watcher is absent:
+ *  - `watchers === undefined` → meta hasn't loaded or is from an older server
+ *    that predates the field; show everything (no flash-of-hidden-nav, and old
+ *    servers keep working).
+ *  - otherwise → show a type when it's always-visible, its id is in the watcher
+ *    set, or its backing query type is (so `schedule` follows `job`).
+ *
+ * Pure and order-preserving (keeps the canonical `ENTRY_TYPES` order) so it's
+ * trivially unit-testable.
+ */
+/**
+ * Built-in types plus extension-contributed ones (from `/api/meta.entryTypes`).
+ * Built-ins win on id collision so an extension can't shadow a core type's
+ * label/dot. Extension types lack the optional `query` override (that's only
+ * for the few built-ins like `schedule`), which is fine — `EntryTypeDef.query`
+ * is optional. Keeps built-ins first, then extras, so the nav order is stable.
+ */
+export function allEntryTypes(extension) {
+    const extras = (extension ?? []).map((e) => ({ id: e.id, label: e.label, dot: e.dot }));
+    const builtinIds = new Set(ENTRY_TYPES.map((t) => t.id));
+    return [...ENTRY_TYPES, ...extras.filter((e) => !builtinIds.has(e.id))];
+}
+export function visibleEntryTypes(types, watchers) {
+    if (watchers === undefined)
+        return [...types];
+    const registered = new Set(watchers);
+    return types.filter((type) => {
+        if (ALWAYS_VISIBLE_TYPE_IDS.has(type.id))
+            return true;
+        // A type with a `query` override (e.g. schedule → job) is backed by that
+        // query type's watcher, not its own id.
+        const backingType = type.query?.type ?? type.id;
+        return registered.has(type.id) || registered.has(backingType);
+    });
+}
 //# sourceMappingURL=entry-types.js.map

package/dist/react/components/entry-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"entry-types.js","sourceRoot":"","sources":["../../../src/react/components/entry-types.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,MAAM,WAAW,GAAmB;IACzC,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,gBAAgB,EAAE;IAC3D,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,YAAY,EAAE;IACpD,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE;IAC3D,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE;IAClD,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE;IACjD,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE;IACnD;QACE,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,UAAU;QACjB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE;KACxC;IACD,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,cAAc,EAAE;IAChE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE;IACrD,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,EAAE;IACtD,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE;IAChD,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,aAAa,EAAE;IACpD,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE;CACpD,CAAC;AAEF,MAAM,YAAY,GAAG,aAAa,CAAC;AAEnC,MAAM,KAAK,GAAiC,MAAM,CAAC,WAAW,CAC5D,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAC3C,CAAC;AAEF,qEAAqE;AACrE,MAAM,UAAU,UAAU,CAAC,MAAc;IACvC,OAAO,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,YAAY,CAAC;AAC5C,CAAC;AAED,gEAAgE;AAChE,MAAM,UAAU,YAAY,CAAC,MAAc;IACzC,OAAO,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC;AACxC,CAAC;AAED,2DAA2D;AAC3D,MAAM,UAAU,WAAW,CAAC,MAAc;IACxC,OAAO,MAAM,IAAI,KAAK,CAAC;AACzB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAc;IAC9C,OAAO,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAClD,CAAC"}
+{"version":3,"file":"entry-types.js","sourceRoot":"","sources":["../../../src/react/components/entry-types.ts"],"names":[],"mappings":"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"}

package/dist/react/components/export-json-toolbar.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { copyJson, downloadJson } from './export-json.js';
-const BUTTON_CLASS = 'rounded border border-zinc-700 bg-zinc-900 px-2.5 py-1 text-[11px] text-zinc-300 ' +
-    'transition-colors hover:border-zinc-600 hover:bg-zinc-800 hover:text-zinc-100';
+const BUTTON_CLASS = 'rounded border border-line bg-panel px-2.5 py-1 text-[11px] text-foreground ' +
+    'transition-colors hover:border-line hover:bg-panel-2 hover:text-foreground';
 /**
  * A small toolbar exposing "Copy JSON" / "Download JSON" actions for a value.
  * Used on the entry-detail page to export the full `EntryWithBatch`.

package/dist/react/components/export-json-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"export-json-toolbar.js","sourceRoot":"","sources":["../../../src/react/components/export-json-toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,YAAY,GAChB,mFAAmF;IACnF,+EAA+E,CAAC;AAElF;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,GAC6B;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,KAAK,UAAU,UAAU;QACvB,MAAM,EAAE,GAAG,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,EAAE,EAAE,CAAC;YACP,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,YAC/D,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,GACzB,EACT,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,YAAY,8BAElF,IACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"export-json-toolbar.js","sourceRoot":"","sources":["../../../src/react/components/export-json-toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,YAAY,GAChB,8EAA8E;IAC9E,4EAA4E,CAAC;AAE/E;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,GAC6B;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,KAAK,UAAU,UAAU;QACvB,MAAM,EAAE,GAAG,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,EAAE,EAAE,CAAC;YACP,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,YAC/D,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,GACzB,EACT,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,YAAY,8BAElF,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/extensions/panel-column-menu.d.ts

@@ -0,0 +1,19 @@
+import { type JSX } from 'react';
+import type { PanelColumn } from './table-features.js';
+/**
+ * The "Columns" menu on a table panel: one toggle per column that declared
+ * `hideable`, driven by v9's `columnVisibilityFeature`.
+ *
+ * Built from the vendored `Button` inside a plain positioned `div` rather than a
+ * vendored menu primitive, because there isn't one — `src/react/ui/` vendors
+ * Table, Button, Input, Select, Dialog, Tabs, Tooltip and Badge, and a menu is a
+ * large Base UI surface to vendor for a list of checkboxes. Every *control* here
+ * is still the vendored Button; only the container is bare markup.
+ *
+ * Renders nothing at all when no column opted in, which is what keeps every
+ * dashboard that predates this feature rendering exactly as it did.
+ */
+export declare function PanelColumnMenu({ columns }: {
+    columns: PanelColumn[];
+}): JSX.Element | null;
+//# sourceMappingURL=panel-column-menu.d.ts.map

package/dist/react/components/extensions/panel-column-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-column-menu.d.ts","sourceRoot":"","sources":["../../../../src/react/components/extensions/panel-column-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAA+B,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,WAAW,EAAE,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAiE3F"}

package/dist/react/components/extensions/panel-column-menu.js

@@ -0,0 +1,47 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Button } from '../../ui/button.js';
+/**
+ * The "Columns" menu on a table panel: one toggle per column that declared
+ * `hideable`, driven by v9's `columnVisibilityFeature`.
+ *
+ * Built from the vendored `Button` inside a plain positioned `div` rather than a
+ * vendored menu primitive, because there isn't one — `src/react/ui/` vendors
+ * Table, Button, Input, Select, Dialog, Tabs, Tooltip and Badge, and a menu is a
+ * large Base UI surface to vendor for a list of checkboxes. Every *control* here
+ * is still the vendored Button; only the container is bare markup.
+ *
+ * Renders nothing at all when no column opted in, which is what keeps every
+ * dashboard that predates this feature rendering exactly as it did.
+ */
+export function PanelColumnMenu({ columns }) {
+    const [open, setOpen] = useState(false);
+    const root = useRef(null);
+    const hideable = columns.filter((column) => column.getCanHide());
+    // Click-away and Escape. Without these the menu is a trap: it sits over the
+    // panel below it and the only way to dismiss it is to find the trigger again.
+    useEffect(() => {
+        if (!open)
+            return;
+        function onPointerDown(event) {
+            if (event.target instanceof Node && root.current?.contains(event.target))
+                return;
+            setOpen(false);
+        }
+        function onKeyDown(event) {
+            if (event.key === 'Escape')
+                setOpen(false);
+        }
+        document.addEventListener('mousedown', onPointerDown);
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', onPointerDown);
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [open]);
+    if (hideable.length === 0)
+        return null;
+    const hiddenCount = hideable.filter((column) => !column.getIsVisible()).length;
+    return (_jsxs("div", { className: "relative", ref: root, children: [_jsxs(Button, { variant: "ghost", size: "xs", "aria-haspopup": "menu", "aria-expanded": open, onClick: () => setOpen((previous) => !previous), className: "px-1.5 text-muted-foreground", children: ["Columns", hiddenCount > 0 ? ` (${hideable.length - hiddenCount}/${hideable.length})` : ''] }), open && (_jsx("div", { role: "menu", className: "absolute right-0 z-20 mt-1 min-w-[10rem] rounded border border-line bg-popover p-1 shadow-lg", children: hideable.map((column) => (_jsxs(Button, { role: "menuitemcheckbox", "aria-checked": column.getIsVisible(), variant: "ghost", size: "xs", onClick: () => column.toggleVisibility(), className: "w-full justify-start gap-2 normal-case tracking-normal", children: [_jsx("span", { "aria-hidden": "true", className: column.getIsVisible() ? '' : 'opacity-30', children: column.getIsVisible() ? '☑' : '☐' }), typeof column.columnDef.header === 'string' ? column.columnDef.header : column.id] }, column.id))) }))] }));
+}
+//# sourceMappingURL=panel-column-menu.js.map

package/dist/react/components/extensions/panel-column-menu.js.map

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

package/dist/react/components/extensions/panel-renderer.d.ts

@@ -0,0 +1,46 @@
+import type { JSX } from 'react';
+import type { Panel } from '../../../client/types.js';
+import type { ChartSelection } from '../charts/chart-selection.js';
+import type { TableFilterState, TableSortState } from './table-query.js';
+/** Pure view: render a panel from already-resolved data. */
+export declare function PanelView({ panel, data, onPageChange, requestedPage, sort, onSortChange, filters, onFiltersChange, onSelect, }: {
+    panel: Panel;
+    data: unknown;
+    /** Paged tables only: called with the requested 1-based page on prev/next. */
+    onPageChange?: (page: number) => void;
+    /**
+     * Paged tables only: the page the caller has ASKED for, which takes precedence over the page the
+     * response reports.
+     *
+     * The two are normally the same, and when they are this changes nothing. They diverge when a
+     * provider ignores `query.page` — and driving the control off the response there does not merely
+     * show a stale number, it wedges the pager permanently: the handler computes `page + 1` from the
+     * pinned page, so the second click re-requests the page the caller is already on, the state does
+     * not change, nothing re-renders, and neither button ever does anything again short of a reload.
+     * That is a real incident (`@dudousxd/nestjs-agent-telescope`'s providers read `?page=2` as a
+     * string and answered page 1 for every request).
+     *
+     * Preferring the requested page keeps every click moving, so the worst a broken provider can do
+     * is fail to change the rows — visible, and recoverable with Prev.
+     */
+    requestedPage?: number | undefined;
+    /**
+     * Tables only. Sort and filter state live with the caller for the same reason
+     * `page` does: changing either has to re-resolve the provider, which is the
+     * caller's query, not this view's. Absent means "unsorted / unfiltered", which
+     * is exactly what a panel declaring no `sortable` or `filterable` column
+     * renders with.
+     */
+    sort?: TableSortState | undefined;
+    onSortChange?: (sort: TableSortState | undefined) => void;
+    filters?: TableFilterState | undefined;
+    onFiltersChange?: (filters: TableFilterState) => void;
+    /**
+     * Drill-down: called when a chart-shaped panel is clicked. The view stays pure —
+     * it reports what was clicked and the caller decides what that filters. Omit it
+     * and no chart gets a click handler, which is the behaviour of every panel that
+     * does not declare `drilldown`.
+     */
+    onSelect?: (selection: ChartSelection) => void;
+}): JSX.Element | null;
+//# sourceMappingURL=panel-renderer.d.ts.map

package/dist/react/components/extensions/panel-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-renderer.d.ts","sourceRoot":"","sources":["../../../../src/react/components/extensions/panel-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAKtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAOnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAuGzE,4DAA4D;AAC5D,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,eAAe,EACf,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;IACd,8EAA8E;IAC9E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkJrB"}

package/dist/react/components/extensions/panel-renderer.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../ui/button.js';
+import { AreaChartCard } from '../charts/area-chart-card.js';
+import { BarChartCard } from '../charts/bar-chart-card.js';
+import { BreakdownCard } from '../charts/breakdown-card.js';
+import { DistributionChartCard } from '../charts/distribution-chart-card.js';
+import { GaugeCard } from '../charts/gauge-card.js';
+import { StackedAreaChartCard } from '../charts/stacked-area-chart-card.js';
+import { PanelTable } from './panel-table.js';
+import { StatCard } from './stat-card.js';
+function formatStat(value, format) {
+    if (format === 'percent')
+        return `${Math.round(value * 100)}%`;
+    if (format === 'duration')
+        return value >= 1000 ? `${(value / 1000).toFixed(1)}s` : `${Math.round(value)}ms`;
+    if (format === 'rate')
+        return `${new Intl.NumberFormat().format(Math.round(value))}/hr`;
+    return new Intl.NumberFormat().format(value);
+}
+/**
+ * Narrows a table provider's resolved payload to its rows.
+ *
+ * A guard rather than a cast: `data` is literally whatever came back over HTTP
+ * from an extension nobody in this package controls, and every field has a safe
+ * absent behaviour — a provider that returns `null`, or `{ rows: 'soon' }` while
+ * it is being written, renders the empty state instead of throwing inside the
+ * table instance where the stack says nothing about which panel is at fault.
+ */
+function readPanelRows(data) {
+    if (typeof data !== 'object' || data === null || !('rows' in data))
+        return [];
+    const rows = data.rows;
+    if (!Array.isArray(rows))
+        return [];
+    return rows.filter((row) => typeof row === 'object' && row !== null);
+}
+/** Reads a number off a resolved payload, or `undefined` when it is missing or
+ *  isn't one — `NaN` reaching `Math.ceil` is a "Page 1 of NaN" indicator. */
+function readNumber(data, key) {
+    if (typeof data !== 'object' || data === null || !(key in data))
+        return undefined;
+    const value = Reflect.get(data, key);
+    return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
+}
+/** The paged-table payload — `{ rows, total, page, limit }` — with each field
+ *  falling back to what a bare `{ rows }` implies. */
+function readPagedTable(data) {
+    const rows = readPanelRows(data);
+    return {
+        rows,
+        total: readNumber(data, 'total') ?? rows.length,
+        page: readNumber(data, 'page') ?? 1,
+        limit: readNumber(data, 'limit') ?? 0,
+    };
+}
+/** Shared empty-state card so a provider that resolves with no rows reads as
+ *  "nothing happened in this window" rather than a blank/broken panel. */
+function EmptyPanel({ title }) {
+    return (_jsxs("div", { className: "rounded-lg border border-line bg-panel/40", children: [_jsx("p", { className: "border-b border-line px-4 py-2 text-xs font-medium text-foreground", children: title }), _jsx("p", { className: "px-4 py-8 text-center text-xs text-muted-foreground", children: "No data in this window." })] }));
+}
+/**
+ * Prev/next + "page X of Y" controls for a paged table panel. Purely
+ * presentational — the caller (the dashboard's `BoundPanel`) owns the actual
+ * page state and re-resolves the provider; this just reports intent.
+ */
+function PagerControls({ page, totalPages, onPageChange, }) {
+    return (_jsxs("div", { className: "flex items-center gap-2 text-[10px] text-muted-foreground", children: [_jsx(Button, { variant: "outline", size: "xs", disabled: page <= 1, onClick: () => onPageChange?.(page - 1), className: "px-1.5 text-muted-foreground", children: "Prev" }), _jsxs("span", { children: ["Page ", page, " of ", totalPages] }), _jsx(Button, { variant: "outline", size: "xs", disabled: page >= totalPages, onClick: () => onPageChange?.(page + 1), className: "px-1.5 text-muted-foreground", children: "Next" })] }));
+}
+/** Pure view: render a panel from already-resolved data. */
+export function PanelView({ panel, data, onPageChange, requestedPage, sort, onSortChange, filters, onFiltersChange, onSelect, }) {
+    // Spread rather than passed: under `exactOptionalPropertyTypes` an explicit
+    // `undefined` is not assignable to the cards' optional handlers.
+    const selectProps = onSelect ? { onSelect } : {};
+    switch (panel.kind) {
+        case 'stat': {
+            const d = (data ?? {});
+            return (_jsx(StatCard, { label: panel.title, value: formatStat(d.value ?? 0, panel.format), ...(d.value !== undefined ? { currentValue: d.value } : {}), ...(d.delta !== undefined ? { delta: d.delta } : {}), ...(d.deltaLabel ? { deltaLabel: d.deltaLabel } : {}), ...(panel.spark && d.spark ? { spark: d.spark } : {}), ...(panel.thresholds ? { thresholds: panel.thresholds } : {}), ...(panel.accent ? { accent: panel.accent } : {}) }));
+        }
+        case 'distribution': {
+            const d = (data ?? {});
+            return (_jsx(DistributionChartCard, { title: panel.title, buckets: d.buckets ?? [], ...(d.p50 !== undefined ? { p50: d.p50 } : {}), ...(d.p95 !== undefined ? { p95: d.p95 } : {}), ...(d.p99 !== undefined ? { p99: d.p99 } : {}), ...selectProps }));
+        }
+        case 'gauge': {
+            const d = (data ?? {});
+            return (_jsx(GaugeCard, { title: panel.title, value: d.value ?? 0, ...(panel.min !== undefined ? { min: panel.min } : {}), ...(panel.max !== undefined ? { max: panel.max } : {}) }));
+        }
+        case 'breakdown': {
+            const d = (data ?? {});
+            return (_jsx(BreakdownCard, { title: panel.title, segments: d.segments ?? [], ...(panel.style ? { style: panel.style } : {}), ...selectProps }));
+        }
+        case 'timeseries': {
+            const rows = data?.rows ?? [];
+            const primary = panel.series[0];
+            return panel.style === 'stacked' ? (_jsx(StackedAreaChartCard, { title: panel.title, data: rows, series: panel.series, ...selectProps })) : (_jsx(AreaChartCard, { title: panel.title, data: rows.map((r) => ({
+                    label: r.label,
+                    value: primary ? Number(r[primary] ?? 0) : 0,
+                })), ...selectProps }));
+        }
+        case 'topN': {
+            const items = data?.items ?? [];
+            const limited = panel.limit ? items.slice(0, panel.limit) : items;
+            if (limited.length === 0)
+                return _jsx(EmptyPanel, { title: panel.title });
+            return (_jsx(BarChartCard, { title: panel.title, data: limited, horizontal: true, truncateLabel: 32, ...selectProps }));
+        }
+        case 'table': {
+            // One `<PanelTable>` for both variants — the paged one only adds the pager
+            // to the card header and lets the rows scroll under a pinned header, since
+            // it is the variant whose row count is unbounded from the panel's side.
+            const table = (_jsx(PanelTable, { columns: panel.columns, rows: readPanelRows(data), scrolls: panel.paged === true, sort: sort, ...(onSortChange ? { onSortChange } : {}), filters: filters, ...(onFiltersChange ? { onFiltersChange } : {}) }));
+            if (panel.paged) {
+                const { rows, total, page, limit } = readPagedTable(data);
+                const totalPages = Math.max(1, Math.ceil(total / (limit || rows.length || 1)));
+                return (_jsxs("div", { className: "rounded-lg border border-line bg-panel/40", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-line px-4 py-2", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: panel.title }), _jsx(PagerControls, { page: requestedPage ?? page, totalPages: totalPages, ...(onPageChange ? { onPageChange } : {}) })] }), table] }));
+            }
+            return (_jsxs("div", { className: "rounded-lg border border-line bg-panel/40", children: [_jsx("p", { className: "border-b border-line px-4 py-2 text-xs font-medium text-foreground", children: panel.title }), table] }));
+        }
+        default:
+            return null;
+    }
+}
+//# sourceMappingURL=panel-renderer.js.map

package/dist/react/components/extensions/panel-renderer.js.map

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

package/dist/react/components/extensions/panel-table-header.d.ts

@@ -0,0 +1,18 @@
+import { type JSX } from 'react';
+import { type PanelTableInstance } from './table-features.js';
+/**
+ * A table panel's `<thead>`: the label row, plus a filter row when at least one
+ * column declared `filterable`.
+ *
+ * `sticky` is passed only for paged tables, whose body is height-capped and
+ * scrolls; the classes go on the `<th>`s rather than the `<thead>` because a
+ * `border-collapse: collapse` table (which the vendored `Table` is) does not
+ * honour `position: sticky` on a section element in every browser.
+ */
+export declare function PanelTableHeader({ table, sticky, menu, }: {
+    table: PanelTableInstance;
+    sticky: boolean;
+    /** The column-visibility menu, rendered in its own trailing cell when present. */
+    menu?: JSX.Element | null;
+}): JSX.Element;
+//# sourceMappingURL=panel-table-header.d.ts.map

package/dist/react/components/extensions/panel-table-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-table-header.d.ts","sourceRoot":"","sources":["../../../../src/react/components/extensions/panel-table-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAuB,MAAM,OAAO,CAAC;AAItD,OAAO,EAAoB,KAAK,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AA4F5F;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,MAAM,EACN,IAAI,GACL,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CAC3B,GAAG,GAAG,CAAC,OAAO,CAyCd"}

package/dist/react/components/extensions/panel-table-header.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Button } from '../../ui/button.js';
+import { Input } from '../../ui/input.js';
+import { TableHead, TableHeader, TableRow } from '../../ui/table.js';
+import { flexRender } from './table-features.js';
+/** The three sort states a header can be in, as a glyph. `↕` is the "you can
+ *  sort by this" affordance, dimmed so it reads as available rather than active. */
+function SortIndicator({ direction }) {
+    if (direction === 'asc')
+        return _jsx("span", { "aria-hidden": "true", children: "\u2191" });
+    if (direction === 'desc')
+        return _jsx("span", { "aria-hidden": "true", children: "\u2193" });
+    return (_jsx("span", { "aria-hidden": "true", className: "opacity-30", children: "\u2195" }));
+}
+/**
+ * A sortable column's header: the vendored ghost `Button` plus a direction
+ * glyph, wired to TanStack's own `getToggleSortingHandler()` so the
+ * ascending → descending → unsorted cycle is the library's and not a
+ * hand-rolled one that drifts from it.
+ *
+ * `aria-sort` goes on the `<th>` rather than the button — that is where assistive
+ * tech looks for it, and it is the only thing that tells a screen-reader user
+ * the table is sorted at all, since the direction itself is a decorative glyph.
+ */
+function SortableHead({ header, className, }) {
+    const direction = header.column.getIsSorted();
+    const label = flexRender(header.column.columnDef.header, header.getContext());
+    return (_jsx(TableHead, { className: `whitespace-nowrap p-0 ${className}`, "aria-sort": direction === 'asc' ? 'ascending' : direction === 'desc' ? 'descending' : 'none', children: _jsxs(Button, { variant: "ghost", size: "xs", onClick: header.column.getToggleSortingHandler(), className: "w-full justify-start gap-1 px-3 py-2 font-normal", children: [label, _jsx(SortIndicator, { direction: direction })] }) }));
+}
+/**
+ * A filter box for one column.
+ *
+ * Draft state is local and only committed on Enter or blur. A live-as-you-type
+ * filter looks nicer and is the wrong shape here: every keystroke would be a
+ * fresh provider resolve, i.e. a query against whatever store the extension
+ * sits on, for a string the user has not finished typing. Committing is also
+ * what makes "clear the box" mean "drop the filter" rather than "match the
+ * empty string".
+ */
+function ColumnFilterInput({ header }) {
+    const applied = header.column.getFilterValue();
+    const appliedText = typeof applied === 'string' ? applied : '';
+    const [draft, setDraft] = useState(appliedText);
+    // The applied value can change underneath the box — another panel control
+    // resets it, or the dashboard remounts with a different filter. Re-seed the
+    // draft from it, or the box would keep showing a filter that is no longer on.
+    useEffect(() => setDraft(appliedText), [appliedText]);
+    const commit = () => {
+        if (draft === appliedText)
+            return;
+        header.column.setFilterValue(draft);
+    };
+    return (_jsx(Input, { value: draft, "aria-label": `Filter by ${header.column.id}`, placeholder: "Filter\u2026", className: "w-full py-0.5", onChange: (event) => setDraft(event.target.value), onBlur: commit, onKeyDown: (event) => {
+            if (event.key === 'Enter')
+                commit();
+            if (event.key === 'Escape')
+                setDraft(appliedText);
+        } }));
+}
+/**
+ * A table panel's `<thead>`: the label row, plus a filter row when at least one
+ * column declared `filterable`.
+ *
+ * `sticky` is passed only for paged tables, whose body is height-capped and
+ * scrolls; the classes go on the `<th>`s rather than the `<thead>` because a
+ * `border-collapse: collapse` table (which the vendored `Table` is) does not
+ * honour `position: sticky` on a section element in every browser.
+ */
+export function PanelTableHeader({ table, sticky, menu, }) {
+    const headers = table.getHeaderGroups().at(-1)?.headers ?? [];
+    const anyFilterable = headers.some((header) => header.column.getCanFilter());
+    // The filter row sticks BELOW the label row, hence the second offset — both
+    // rows have to stay put or the one that scrolls away takes its controls with it.
+    //
+    // `bg-panel` and not the card's own `bg-panel/40`: a pinned header has rows
+    // passing underneath it, and a translucent one shows them through.
+    const stickyClass = sticky ? 'sticky top-0 z-10 bg-panel' : '';
+    const stickyFilterClass = sticky ? 'sticky top-8 z-10 bg-panel' : '';
+    return (_jsxs(TableHeader, { children: [_jsxs(TableRow, { children: [headers.map((header) => header.column.getCanSort() ? (_jsx(SortableHead, { header: header, className: stickyClass }, header.id)) : (_jsx(TableHead, { className: `whitespace-nowrap ${stickyClass}`, children: flexRender(header.column.columnDef.header, header.getContext()) }, header.id))), menu ? (_jsx(TableHead, { className: `w-px whitespace-nowrap text-right ${stickyClass}`, children: menu })) : null] }), anyFilterable && (_jsxs(TableRow, { children: [headers.map((header) => (_jsx(TableHead, { className: `py-1 ${stickyFilterClass}`, children: header.column.getCanFilter() ? _jsx(ColumnFilterInput, { header: header }) : null }, header.id))), menu ? _jsx(TableHead, { className: stickyFilterClass }) : null] }))] }));
+}
+//# sourceMappingURL=panel-table-header.js.map

package/dist/react/components/extensions/panel-table-header.js.map

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

package/dist/react/components/extensions/panel-table.d.ts

@@ -0,0 +1,27 @@
+import { type JSX } from 'react';
+import { type TableColumnSpec } from './table-columns.js';
+import { type PanelRow } from './table-features.js';
+import type { TableFilterState, TableSortState } from './table-query.js';
+/**
+ * A `table` panel, rendered through a TanStack Table v9 instance.
+ *
+ * The instance is what earns its place: sorting cycles, filter values, and
+ * column visibility are all state machines this file would otherwise hand-roll.
+ * What it deliberately does NOT do is transform rows — `manualSorting` and
+ * `manualFiltering` are on and no row model is registered, so the rows render in
+ * exactly the order the provider returned them, and the sort/filter state is
+ * handed straight back up to the dashboard page to re-resolve that provider.
+ * See `table-features.ts` for why.
+ */
+export declare function PanelTable({ columns, rows, sort, onSortChange, filters, onFiltersChange, scrolls, }: {
+    columns: TableColumnSpec[];
+    rows: PanelRow[];
+    sort?: TableSortState | undefined;
+    onSortChange?: ((sort: TableSortState | undefined) => void) | undefined;
+    filters?: TableFilterState | undefined;
+    onFiltersChange?: ((filters: TableFilterState) => void) | undefined;
+    /** Cap the body height and pin the header — used for paged tables, which are
+     *  the ones whose row count is unbounded from the panel's point of view. */
+    scrolls?: boolean;
+}): JSX.Element;
+//# sourceMappingURL=panel-table.d.ts.map

package/dist/react/components/extensions/panel-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-table.d.ts","sourceRoot":"","sources":["../../../../src/react/components/extensions/panel-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAqB,MAAM,OAAO,CAAC;AAIpD,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAGL,KAAK,QAAQ,EAKd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAkBzE;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,eAAe,EACf,OAAO,GACR,EAAE;IACD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxE,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpE;gFAC4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,GAAG,CAAC,OAAO,CAmFd"}