@aceshooting/lyra-ui 2.1.0 → 2.3.0

package/dist/components/heatmap/heatmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmap.js","sourceRoot":"","sources":["../../../src/components/heatmap/heatmap.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC"}

package/dist/components/heatmap/heatmap.styles.d.ts

@@ -1 +1,2 @@
 export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=heatmap.styles.d.ts.map

package/dist/components/heatmap/heatmap.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmap.styles.d.ts","sourceRoot":"","sources":["../../../src/components/heatmap/heatmap.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkGlB,CAAC"}

package/dist/components/heatmap/heatmap.styles.js

@@ -7,16 +7,16 @@ export const styles = css `
        getComputedStyle and interpolates between them). Component-specific
        business color — exposed so hosts can retheme
        the ramp without raw hex leaking into the public API. */
-    --lyra-heatmap-scale-lo: #cde2fb;
-    --lyra-heatmap-scale-hi: #0969da;
+    --lyra-heatmap-scale-lo: var(--lyra-color-brand-quiet);
+    --lyra-heatmap-scale-hi: var(--lyra-color-brand);
     /* No-data cell fill (the -1 sentinel / NaN case) — same resolve-via-
        getComputedStyle pattern as the ramp endpoints above, so hosts can
        retheme it instead of it being a hardcoded literal in heatmap.ts. */
-    --lyra-heatmap-no-data-fill: rgba(128, 128, 128, 0.25);
+    --lyra-heatmap-no-data-fill: var(--lyra-color-no-data);
     /* Canvas-drawn axis/month/weekday label font — same resolve-via-
        getComputedStyle pattern as the ramp endpoints above (canvas can't
        consume var() directly). */
-    --lyra-heatmap-label-font: 10px sans-serif;
+    --lyra-heatmap-label-font: var(--lyra-size-10px) sans-serif;
     /* [part="tooltip"] is a real DOM element (not canvas-drawn), so unlike
        the tokens above it consumes these var()s directly — no getComputedStyle
        resolution needed. Own tokens (not the bare --lyra-color-surface/-text)
@@ -56,16 +56,16 @@ export const styles = css `
   [part='tooltip'] {
     position: absolute;
     transform: translate(-50%, -100%);
-    margin-block-start: -6px;
-    padding: 2px 6px;
+    margin-block-start: var(--lyra-size-neg-6px);
+    padding: var(--lyra-size-2px) var(--lyra-size-6px);
     border-radius: var(--lyra-radius);
     background: var(--lyra-heatmap-tooltip-bg);
     color: var(--lyra-heatmap-tooltip-text);
-    font-size: 0.75rem;
+    font-size: var(--lyra-font-size-xs);
     white-space: nowrap;
     box-shadow: var(--lyra-shadow);
     pointer-events: none;
-    z-index: 1;
+    z-index: var(--lyra-layer-content);
   }
   [part='tooltip'][hidden] {
     display: none;
@@ -74,28 +74,28 @@ export const styles = css `
     display: flex;
     align-items: center;
     gap: var(--lyra-space-xs);
-    font-size: 0.75rem;
+    font-size: var(--lyra-font-size-xs);
     color: var(--lyra-color-text-quiet);
   }
   [part='legend'] .bar {
-    inline-size: 6rem;
-    block-size: 0.5rem;
-    border-radius: 2px;
-    background: linear-gradient(
-      to right,
-      var(--lyra-heatmap-scale-lo),
-      var(--lyra-heatmap-scale-hi)
+    inline-size: var(--lyra-size-6rem);
+    block-size: var(--lyra-size-0-5rem);
+    border-radius: var(--lyra-size-2px);
+    background: var(
+      --lyra-heatmap-color-steps-gradient,
+      linear-gradient(to right, var(--lyra-heatmap-scale-lo), var(--lyra-heatmap-scale-hi))
     );
   }
   [part='legend-annotation'] {
     display: inline-flex;
     align-items: center;
-    gap: 3px;
+    gap: var(--lyra-size-3px);
   }
   [part='legend-annotation'] .ring-swatch {
-    inline-size: 0.6rem;
-    block-size: 0.6rem;
+    inline-size: var(--lyra-size-0-6rem);
+    block-size: var(--lyra-size-0-6rem);
     border-radius: 50%;
-    border: 2px solid var(--lyra-heatmap-annotation-color);
+    border: var(--lyra-border-width-medium) solid var(--lyra-heatmap-annotation-color);
   }
 `;
+//# sourceMappingURL=heatmap.styles.js.map

package/dist/components/heatmap/heatmap.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmap.styles.js","sourceRoot":"","sources":["../../../src/components/heatmap/heatmap.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGxB,CAAC"}

package/dist/components/json-viewer/json-viewer.class.d.ts

@@ -0,0 +1,77 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+export interface LyraJsonViewerEventMap {
+    'lyra-copy': CustomEvent<{
+        text: string;
+    }>;
+}
+/**
+ * `<lyra-json-viewer>` — a collapsible, copyable tree view for an arbitrary
+ * JSON-serializable value (object/array/string/number/boolean/null/
+ * undefined). Serves as the fallback renderer wherever a raw payload (tool
+ * call arguments, a tool result, an API response) needs inspecting without a
+ * bespoke view.
+ *
+ * Expand/collapse state is keyed by structural path (not by object identity),
+ * so it survives a `data` reassignment that keeps the same shape -- e.g. a
+ * streaming tool result being patched in place.
+ *
+ * @customElement lyra-json-viewer
+ * @event lyra-copy - `detail: { text }` -- fired by the top-level copy button or a per-node one. Fires even when `navigator.clipboard` silently failed or is unavailable (insecure context, older browser, stubbed-out test environment), so a consumer can still observe copy *intent*.
+ * @csspart base - The root scroll container; respects `max-height`.
+ * @csspart toolbar - The wrapper around the top-level copy button (only rendered when `copyable`).
+ * @csspart tree - The wrapper around the rendered node tree.
+ * @csspart key - An object property key or array index label.
+ * @csspart value - A primitive value's text -- carries `data-type` (`string`/`number`/`boolean`/`null`/`undefined`, or `circular` for a self-reference marker in place of a re-visited container's subtree) for per-type coloring, and `data-match` while it matches `search`.
+ * @csspart bracket - A `{`, `}`, `[`, or `]` delimiter.
+ * @csspart toggle - A container node's expand/collapse button (hidden, but present for row alignment, on leaf/empty nodes).
+ * @csspart copy-button - A copy-to-clipboard button -- the top-level one (in `toolbar`, labelled "Copy JSON to clipboard") or a per-node one (only rendered when `copyable`; labelled with its own key/type, e.g. "Copy age", so assistive tech can tell rows apart).
+ */
+export declare class LyraJsonViewer extends LyraElement<LyraJsonViewerEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** The value to render. Any JSON-serializable value, plus `undefined`. */
+    data: unknown;
+    /** Nodes at or beyond this nesting depth (root = 0) start collapsed. Omit/undefined: nothing auto-collapses. */
+    collapsedDepth?: number;
+    /** A CSS length (e.g. `"20rem"`); once set, the viewer scrolls internally past this height instead of growing the page. */
+    maxHeight: string;
+    /** Shows copy-to-clipboard affordances: one for the whole value, plus one per node. */
+    copyable: boolean;
+    /** Case-insensitive substring match against keys/values; matches are highlighted and their ancestors auto-expanded. */
+    search: string;
+    /**
+     * Per-path (`JSON.stringify(path)`) explicit expand/collapse, overriding
+     * the `collapsedDepth`/search defaults once a node's toggle has been used.
+     * Pruned in `willUpdate()` (to the paths still reachable in the tree)
+     * whenever `data` changes, so a long-lived instance bound to reshaping
+     * data -- this component's own stated streaming use case -- doesn't
+     * accumulate one entry per path ever toggled for the life of the instance.
+     */
+    private expandedOverrides;
+    /** Memoized result of the last `computeSearch()` walk -- see `willUpdate()`. */
+    private searchState;
+    private previewText;
+    private isExpanded;
+    private toggleNode;
+    private writeClipboard;
+    private copy;
+    /**
+     * Builds the key/value-match sets, the ancestor-paths-of-a-match set that
+     * `search` drives, and the full set of path keys reachable in the tree
+     * (`paths`, used to prune `expandedOverrides` -- see `willUpdate()`).
+     * Guards against a self-referencing `data` the same way `renderNode()`
+     * does: a container value already on the current recursion path is
+     * treated as a leaf instead of being walked again.
+     */
+    private computeSearch;
+    private renderCopyButton;
+    private renderNode;
+    protected willUpdate(changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-json-viewer': LyraJsonViewer;
+    }
+}
+//# sourceMappingURL=json-viewer.class.d.ts.map

package/dist/components/json-viewer/json-viewer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.class.d.ts","sourceRoot":"","sources":["../../../src/components/json-viewer/json-viewer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAqE7D,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5C;AACD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAAa,cAAe,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IACrE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,0EAA0E;IAC1C,IAAI,EAAE,OAAO,CAAC;IAC9C,gHAAgH;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IAClF,2HAA2H;IACpF,SAAS,SAAM;IACtD,uFAAuF;IAC3C,QAAQ,UAAS;IAC7D,uHAAuH;IAC3G,MAAM,SAAM;IAExB;;;;;;;OAOG;IACM,OAAO,CAAC,iBAAiB,CAA8B;IAEhE,gFAAgF;IAChF,OAAO,CAAC,WAAW,CAA6B;IAEhD,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,IAAI;IAaZ;;;;;;;OAOG;IACH,OAAO,CAAC,aAAa;IAuCrB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,UAAU;IA0GlB,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAoBlD;IAED,MAAM,IAAI,cAAc,CAkBvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/json-viewer/json-viewer.class.js

@@ -0,0 +1,362 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { chevronIcon } from '../../internal/icons.js';
+import { styles } from './json-viewer.styles.js';
+const EMPTY_SEARCH = {
+    keyMatches: new Set(),
+    valueMatches: new Set(),
+    forceExpand: new Set(),
+    paths: new Set(),
+};
+function isPlainContainer(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+/** `[key, value]` pairs for an object's own enumerable properties or an array's indices; `[]` for anything else. */
+function entriesOf(value) {
+    if (Array.isArray(value))
+        return value.map((v, i) => [i, v]);
+    if (isPlainContainer(value))
+        return Object.entries(value);
+    return [];
+}
+function valueType(value) {
+    if (value === null)
+        return 'null';
+    if (value === undefined)
+        return 'undefined';
+    if (Array.isArray(value))
+        return 'array';
+    const t = typeof value;
+    if (t === 'string' || t === 'number' || t === 'boolean')
+        return t;
+    if (t === 'object')
+        return 'object';
+    // function/symbol/bigint -- not valid JSON, but rendering *something*
+    // sensible beats throwing on a value a caller handed us by mistake.
+    return 'string';
+}
+function formatPrimitive(value, type) {
+    switch (type) {
+        case 'string':
+            // `type` here also covers valueType()'s function/symbol/bigint
+            // fallback (see the comment there) -- JSON.stringify() throws a
+            // TypeError for a BigInt, so only an actual string gets the
+            // quoted/escaped treatment; everything else falls back to a plain
+            // String() coercion, which renders "sensibly" without throwing.
+            return typeof value === 'string' ? JSON.stringify(value) : String(value);
+        case 'null':
+            return 'null';
+        case 'undefined':
+            return 'undefined';
+        default:
+            return String(value);
+    }
+}
+/**
+ * `<lyra-json-viewer>` — a collapsible, copyable tree view for an arbitrary
+ * JSON-serializable value (object/array/string/number/boolean/null/
+ * undefined). Serves as the fallback renderer wherever a raw payload (tool
+ * call arguments, a tool result, an API response) needs inspecting without a
+ * bespoke view.
+ *
+ * Expand/collapse state is keyed by structural path (not by object identity),
+ * so it survives a `data` reassignment that keeps the same shape -- e.g. a
+ * streaming tool result being patched in place.
+ *
+ * @customElement lyra-json-viewer
+ * @event lyra-copy - `detail: { text }` -- fired by the top-level copy button or a per-node one. Fires even when `navigator.clipboard` silently failed or is unavailable (insecure context, older browser, stubbed-out test environment), so a consumer can still observe copy *intent*.
+ * @csspart base - The root scroll container; respects `max-height`.
+ * @csspart toolbar - The wrapper around the top-level copy button (only rendered when `copyable`).
+ * @csspart tree - The wrapper around the rendered node tree.
+ * @csspart key - An object property key or array index label.
+ * @csspart value - A primitive value's text -- carries `data-type` (`string`/`number`/`boolean`/`null`/`undefined`, or `circular` for a self-reference marker in place of a re-visited container's subtree) for per-type coloring, and `data-match` while it matches `search`.
+ * @csspart bracket - A `{`, `}`, `[`, or `]` delimiter.
+ * @csspart toggle - A container node's expand/collapse button (hidden, but present for row alignment, on leaf/empty nodes).
+ * @csspart copy-button - A copy-to-clipboard button -- the top-level one (in `toolbar`, labelled "Copy JSON to clipboard") or a per-node one (only rendered when `copyable`; labelled with its own key/type, e.g. "Copy age", so assistive tech can tell rows apart).
+ */
+export class LyraJsonViewer extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** A CSS length (e.g. `"20rem"`); once set, the viewer scrolls internally past this height instead of growing the page. */
+        this.maxHeight = '';
+        /** Shows copy-to-clipboard affordances: one for the whole value, plus one per node. */
+        this.copyable = false;
+        /** Case-insensitive substring match against keys/values; matches are highlighted and their ancestors auto-expanded. */
+        this.search = '';
+        /**
+         * Per-path (`JSON.stringify(path)`) explicit expand/collapse, overriding
+         * the `collapsedDepth`/search defaults once a node's toggle has been used.
+         * Pruned in `willUpdate()` (to the paths still reachable in the tree)
+         * whenever `data` changes, so a long-lived instance bound to reshaping
+         * data -- this component's own stated streaming use case -- doesn't
+         * accumulate one entry per path ever toggled for the life of the instance.
+         */
+        this.expandedOverrides = new Map();
+        /** Memoized result of the last `computeSearch()` walk -- see `willUpdate()`. */
+        this.searchState = EMPTY_SEARCH;
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    previewText(type, count) {
+        if (type === 'array')
+            return `${count} ${this.localize(count === 1 ? 'item' : 'items')}`;
+        return `${count} ${this.localize(count === 1 ? 'key' : 'keys')}`;
+    }
+    isExpanded(pathKey, depth, forceExpand) {
+        const override = this.expandedOverrides.get(pathKey);
+        if (override !== undefined)
+            return override;
+        if (forceExpand.has(pathKey))
+            return true;
+        if (this.collapsedDepth !== undefined && depth >= this.collapsedDepth)
+            return false;
+        return true;
+    }
+    toggleNode(pathKey, currentlyExpanded) {
+        const next = new Map(this.expandedOverrides);
+        next.set(pathKey, !currentlyExpanded);
+        this.expandedOverrides = next;
+    }
+    writeClipboard(text) {
+        try {
+            // navigator.clipboard is absent in insecure contexts / older browsers,
+            // and some engines throw synchronously rather than rejecting -- either
+            // way this is best-effort; copy() below always emits lyra-copy
+            // regardless of whether the OS clipboard was actually reached.
+            void navigator.clipboard?.writeText(text)?.catch(() => { });
+        }
+        catch {
+            // see above
+        }
+    }
+    copy(value) {
+        const text = value === undefined
+            ? 'undefined'
+            : // A BigInt anywhere inside `value` (not just at the root) throws a
+                // TypeError from the default JSON.stringify() serializer the same
+                // way formatPrimitive()'s unguarded call used to -- the replacer
+                // downgrades it to its decimal string form instead.
+                JSON.stringify(value, (_key, v) => (typeof v === 'bigint' ? v.toString() : v), 2);
+        this.writeClipboard(text);
+        this.emit('lyra-copy', { text });
+    }
+    /**
+     * Builds the key/value-match sets, the ancestor-paths-of-a-match set that
+     * `search` drives, and the full set of path keys reachable in the tree
+     * (`paths`, used to prune `expandedOverrides` -- see `willUpdate()`).
+     * Guards against a self-referencing `data` the same way `renderNode()`
+     * does: a container value already on the current recursion path is
+     * treated as a leaf instead of being walked again.
+     */
+    computeSearch() {
+        const query = this.search.trim().toLowerCase();
+        const keyMatches = new Set();
+        const valueMatches = new Set();
+        const forceExpand = new Set();
+        const paths = new Set();
+        const ancestors = new WeakSet();
+        const markAncestors = (path) => {
+            for (let i = path.length - 1; i >= 0; i--)
+                forceExpand.add(JSON.stringify(path.slice(0, i)));
+        };
+        const walk = (value, path, keyLabel) => {
+            const pathKey = JSON.stringify(path);
+            paths.add(pathKey);
+            const type = valueType(value);
+            if (query) {
+                let hit = false;
+                if (keyLabel !== undefined && keyLabel.toLowerCase().includes(query)) {
+                    keyMatches.add(pathKey);
+                    hit = true;
+                }
+                if (type !== 'object' && type !== 'array' && formatPrimitive(value, type).toLowerCase().includes(query)) {
+                    valueMatches.add(pathKey);
+                    hit = true;
+                }
+                if (hit)
+                    markAncestors(path);
+            }
+            if ((type === 'object' || type === 'array') && !ancestors.has(value)) {
+                ancestors.add(value);
+                for (const [k, v] of entriesOf(value))
+                    walk(v, [...path, k], String(k));
+                ancestors.delete(value);
+            }
+        };
+        walk(this.data, []);
+        return { keyMatches, valueMatches, forceExpand, paths };
+    }
+    renderCopyButton(value, label) {
+        if (!this.copyable)
+            return nothing;
+        return html `
+      <button
+        part="copy-button"
+        type="button"
+        aria-label=${`${this.localize('copy')} ${label ?? 'value'}`}
+        @click=${(e) => {
+            e.stopPropagation();
+            this.copy(value);
+        }}
+      >
+        ${this.localize('copy')}
+      </button>
+    `;
+    }
+    renderNode(value, path, keyLabel, depth, search, ancestors) {
+        const pathKey = JSON.stringify(path);
+        const type = valueType(value);
+        // A container value already on the current recursion path (i.e. `data`
+        // self-references, directly or through a longer cycle) gets rendered as
+        // a leaf marker instead of recursing again -- recursing would blow the
+        // stack instead of degrading gracefully.
+        const isCircular = (type === 'object' || type === 'array') && ancestors.has(value);
+        const isContainer = (type === 'object' || type === 'array') && !isCircular;
+        const entries = isContainer ? entriesOf(value) : [];
+        const hasEntries = entries.length > 0;
+        const expanded = hasEntries && this.isExpanded(pathKey, depth, search.forceExpand);
+        const indentStyle = `padding-inline-start:calc(${depth} * var(--lyra-space-l))`;
+        const toggleLabel = keyLabel ?? (type === 'array' ? 'array' : type === 'object' ? 'object' : 'value');
+        const openBracket = type === 'array' ? '[' : '{';
+        const closeBracket = type === 'array' ? ']' : '}';
+        // Computed eagerly -- in this same synchronous call, rather than left for
+        // lit-html's `repeat` directive to invoke lazily during commit -- so the
+        // `ancestors.add()`/`.delete()` pair below brackets exactly the values on
+        // the real recursive descent through *this* subtree, regardless of
+        // whenever lit-html itself gets around to resolving the directive.
+        let childRows = [];
+        if (isContainer && expanded) {
+            ancestors.add(value);
+            childRows = entries.map(([k, v]) => this.renderNode(v, [...path, k], String(k), depth + 1, search, ancestors));
+            ancestors.delete(value);
+        }
+        const headRow = html `
+      <div class="row" style=${indentStyle}>
+        <button
+          part="toggle"
+          type="button"
+          ?hidden=${!hasEntries}
+          tabindex=${hasEntries ? nothing : -1}
+          aria-hidden=${hasEntries ? nothing : 'true'}
+          aria-expanded=${hasEntries ? (expanded ? 'true' : 'false') : nothing}
+          aria-label=${hasEntries
+            ? `${this.localize(expanded ? 'collapse' : 'expand')} ${toggleLabel}`
+            : nothing}
+          @click=${() => hasEntries && this.toggleNode(pathKey, expanded)}
+        >
+          <span class="chevron" style=${`transform:rotate(${expanded ? '90deg' : '0deg'})`}>${chevronIcon()}</span>
+        </button>
+        ${keyLabel !== undefined
+            ? html `<span part="key" ?data-match=${search.keyMatches.has(pathKey)}>${keyLabel}</span
+              ><span class="colon">:</span>`
+            : nothing}
+        ${isCircular
+            ? html `
+              <span part="bracket">${openBracket}</span>
+              <span part="value" data-type="circular">${this.localize('circularReference')}</span>
+              <span part="bracket">${closeBracket}</span>
+            `
+            : isContainer
+                ? html `
+                <span part="bracket">${openBracket}</span>
+                ${hasEntries && !expanded
+                    ? html `<span class="preview">${this.previewText(type, entries.length)}</span>`
+                    : nothing}
+                ${!expanded ? html `<span part="bracket">${closeBracket}</span>` : nothing}
+              `
+                : html `<span part="value" data-type=${type} ?data-match=${search.valueMatches.has(pathKey)}
+                >${formatPrimitive(value, type)}</span
+              >`}
+        ${this.renderCopyButton(value, toggleLabel)}
+      </div>
+    `;
+        // Always returned from this one call site, with a single conditional
+        // hole for the children block -- switching between *returning headRow
+        // bare* and *wrapping it in a bigger template* (two different template
+        // shapes at the same tree position) would make lit-html tear down and
+        // recreate the whole subtree on every expand/collapse instead of
+        // patching in place, destroying the toggle button's DOM identity (and
+        // with it, real DOM focus) on every click.
+        return html `
+      ${headRow}
+      ${isContainer && expanded
+            ? html `
+            <div class="children">
+              ${repeat(entries, ([k]) => JSON.stringify([...path, k]), (_entry, i) => childRows[i])}
+            </div>
+            <div class="row" style=${indentStyle}>
+              <span class="toggle-space" aria-hidden="true"></span>
+              <span part="bracket">${closeBracket}</span>
+            </div>
+          `
+            : nothing}
+    `;
+    }
+    willUpdate(changed) {
+        if (!this.hasUpdated || changed.has('data') || changed.has('search')) {
+            const next = this.computeSearch();
+            if (!this.hasUpdated || changed.has('data')) {
+                // A path with no entry in `next.paths` no longer exists anywhere in
+                // the new tree, so its override has nothing left to apply to --
+                // dropping it here (rather than never, as before) is what keeps a
+                // long-lived instance bound to reshaping data from accumulating one
+                // Map entry per distinct path ever toggled over its whole lifetime.
+                let pruned = null;
+                for (const key of this.expandedOverrides.keys()) {
+                    if (!next.paths.has(key)) {
+                        pruned ??= new Map(this.expandedOverrides);
+                        pruned.delete(key);
+                    }
+                }
+                if (pruned)
+                    this.expandedOverrides = pruned;
+            }
+            this.searchState = next;
+        }
+    }
+    render() {
+        return html `
+      <div part="base" style=${this.maxHeight ? `--lyra-json-viewer-max-height:${this.maxHeight}` : nothing}>
+        ${this.copyable
+            ? html `<div part="toolbar">
+              <button
+                part="copy-button"
+                type="button"
+                aria-label=${this.localize('copyJson')}
+                @click=${() => this.copy(this.data)}
+              >
+                ${this.localize('copy')}
+              </button>
+            </div>`
+            : nothing}
+        <div part="tree">${this.renderNode(this.data, [], undefined, 0, this.searchState, new WeakSet())}</div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraJsonViewer.prototype, "data", void 0);
+__decorate([
+    property({ type: Number, attribute: 'collapsed-depth' })
+], LyraJsonViewer.prototype, "collapsedDepth", void 0);
+__decorate([
+    property({ attribute: 'max-height' })
+], LyraJsonViewer.prototype, "maxHeight", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraJsonViewer.prototype, "copyable", void 0);
+__decorate([
+    property()
+], LyraJsonViewer.prototype, "search", void 0);
+__decorate([
+    state()
+], LyraJsonViewer.prototype, "expandedOverrides", void 0);
+//# sourceMappingURL=json-viewer.class.js.map

package/dist/components/json-viewer/json-viewer.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.class.js","sourceRoot":"","sources":["../../../src/components/json-viewer/json-viewer.class.ts"],"names":[],"mappings":"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"}

package/dist/components/json-viewer/json-viewer.d.ts

@@ -1,70 +1,2 @@
-import { type TemplateResult, type PropertyValues } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-/**
- * `<lyra-json-viewer>` — a collapsible, copyable tree view for an arbitrary
- * JSON-serializable value (object/array/string/number/boolean/null/
- * undefined). Serves as the fallback renderer wherever a raw payload (tool
- * call arguments, a tool result, an API response) needs inspecting without a
- * bespoke view.
- *
- * Expand/collapse state is keyed by structural path (not by object identity),
- * so it survives a `data` reassignment that keeps the same shape -- e.g. a
- * streaming tool result being patched in place.
- *
- * @customElement lyra-json-viewer
- * @event lyra-copy - `detail: { text }` -- fired by the top-level copy button or a per-node one. Fires even when `navigator.clipboard` silently failed or is unavailable (insecure context, older browser, stubbed-out test environment), so a consumer can still observe copy *intent*.
- * @csspart base - The root scroll container; respects `max-height`.
- * @csspart toolbar - The wrapper around the top-level copy button (only rendered when `copyable`).
- * @csspart tree - The wrapper around the rendered node tree.
- * @csspart key - An object property key or array index label.
- * @csspart value - A primitive value's text -- carries `data-type` (`string`/`number`/`boolean`/`null`/`undefined`, or `circular` for a self-reference marker in place of a re-visited container's subtree) for per-type coloring, and `data-match` while it matches `search`.
- * @csspart bracket - A `{`, `}`, `[`, or `]` delimiter.
- * @csspart toggle - A container node's expand/collapse button (hidden, but present for row alignment, on leaf/empty nodes).
- * @csspart copy-button - A copy-to-clipboard button -- the top-level one (in `toolbar`, labelled "Copy JSON to clipboard") or a per-node one (only rendered when `copyable`; labelled with its own key/type, e.g. "Copy age", so assistive tech can tell rows apart).
- */
-export declare class LyraJsonViewer extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    /** The value to render. Any JSON-serializable value, plus `undefined`. */
-    data: unknown;
-    /** Nodes at or beyond this nesting depth (root = 0) start collapsed. Omit/undefined: nothing auto-collapses. */
-    collapsedDepth?: number;
-    /** A CSS length (e.g. `"20rem"`); once set, the viewer scrolls internally past this height instead of growing the page. */
-    maxHeight: string;
-    /** Shows copy-to-clipboard affordances: one for the whole value, plus one per node. */
-    copyable: boolean;
-    /** Case-insensitive substring match against keys/values; matches are highlighted and their ancestors auto-expanded. */
-    search: string;
-    /**
-     * Per-path (`JSON.stringify(path)`) explicit expand/collapse, overriding
-     * the `collapsedDepth`/search defaults once a node's toggle has been used.
-     * Pruned in `willUpdate()` (to the paths still reachable in the tree)
-     * whenever `data` changes, so a long-lived instance bound to reshaping
-     * data -- this component's own stated streaming use case -- doesn't
-     * accumulate one entry per path ever toggled for the life of the instance.
-     */
-    private expandedOverrides;
-    /** Memoized result of the last `computeSearch()` walk -- see `willUpdate()`. */
-    private searchState;
-    private isExpanded;
-    private toggleNode;
-    private writeClipboard;
-    private copy;
-    /**
-     * Builds the key/value-match sets, the ancestor-paths-of-a-match set that
-     * `search` drives, and the full set of path keys reachable in the tree
-     * (`paths`, used to prune `expandedOverrides` -- see `willUpdate()`).
-     * Guards against a self-referencing `data` the same way `renderNode()`
-     * does: a container value already on the current recursion path is
-     * treated as a leaf instead of being walked again.
-     */
-    private computeSearch;
-    private renderCopyButton;
-    private renderNode;
-    protected willUpdate(changed: PropertyValues): void;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-json-viewer': LyraJsonViewer;
-    }
-}
+export * from './json-viewer.class.js';
+//# sourceMappingURL=json-viewer.d.ts.map

package/dist/components/json-viewer/json-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-viewer.d.ts","sourceRoot":"","sources":["../../../src/components/json-viewer/json-viewer.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}