@aceshooting/lyra-ui 6.2.0 → 7.0.0

package/dist/components/agent-tools/result-card/result-card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAoElB,CAAC"}
+{"version":3,"file":"result-card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAsElB,CAAC"}

package/dist/components/agent-tools/result-card/result-card.styles.js

@@ -56,7 +56,9 @@ export const styles = css `
     display: flex;
     align-items: center;
     gap: var(--lr-space-xs);
-    flex: 0 0 auto;
+    flex: 0 1 auto;
+    min-inline-size: 0;
+    flex-wrap: wrap;
   }
   [part='actions'][hidden] {
     display: none;

package/dist/components/agent-tools/result-card/result-card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"result-card.styles.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoExB,CAAC"}
+{"version":3,"file":"result-card.styles.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsExB,CAAC"}

package/dist/components/agent-tools/result-card/result-field.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-field.class.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-field.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAIhE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,OAAgB,MAAM,iCAAgC;IAEtD,kFAAkF;IACtE,KAAK,SAAM;IAEvB;8CAC0C;IAC9B,KAAK,SAAM;IAEd,OAAO,CAAC,YAAY,CAAS;IAEtC,UAAmB,UAAU,IAAI,IAAI,CAIpC;IAEQ,YAAY,IAAI,IAAI,CAO5B;IAED,OAAO,CAAC,YAAY,CAElB;IAEO,MAAM,IAAI,cAAc,CAUhC;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACpC;CACF"}
+{"version":3,"file":"result-field.class.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-field.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAIhE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,OAAgB,MAAM,iCAAgC;IAEtD,kFAAkF;IACtE,KAAK,SAAM;IAEvB;8CAC0C;IAC9B,KAAK,SAAM;IAEd,OAAO,CAAC,YAAY,CAAS;IAEtC,UAAmB,UAAU,IAAI,IAAI,CAIpC;IAEQ,YAAY,IAAI,IAAI,CAO5B;IAED,OAAO,CAAC,YAAY,CAElB;IAEO,MAAM,IAAI,cAAc,CAYhC;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACpC;CACF"}

package/dist/components/agent-tools/result-card/result-field.class.js

@@ -56,7 +56,9 @@ export class LyraResultField extends LyraElement {
         const hasLabel = this.label.length > 0;
         return html `
       <div part="base">
-        ${hasLabel ? html `<span part="label">${this.label}:</span>` : nothing}
+        ${hasLabel
+            ? html `<span part="label">${this.localize('resultFieldLabel', undefined, { label: this.label })}</span>`
+            : nothing}
         <span part="value"
           >${this.hasValueSlot ? nothing : this.value}<slot @slotchange=${this.onSlotChange}></slot
         ></span>

package/dist/components/agent-tools/result-card/result-field.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"result-field.class.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-field.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAAhD;;QAGE,kFAAkF;QACtE,UAAK,GAAG,EAAE,CAAC;QAEvB;kDAC0C;QAC9B,UAAK,GAAG,EAAE,CAAC;QAEN,iBAAY,GAAG,KAAK,CAAC;QAiB9B,iBAAY,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACxC,IAAI,CAAC,YAAY,GAAG,cAAc,CAAE,CAAC,CAAC,MAA0B,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACrG,CAAC,CAAC;IAaJ,CAAC;aAzCiB,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAWnC,UAAU;QAC3B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QAClE,CAAC;IACH,CAAC;IAEQ,YAAY;QACnB,sEAAsE;QACtE,qEAAqE;QACrE,mEAAmE;QACnE,2DAA2D;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAoB,CAAC;QACvE,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC;IAMQ,MAAM;QACb,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,OAAO,IAAI,CAAA;;UAEL,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO;;aAEhE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,qBAAqB,IAAI,CAAC,YAAY;;;KAGtF,CAAC;IACJ,CAAC;CACF;AAtCa;IAAX,QAAQ,EAAE;8CAAY;AAIX;IAAX,QAAQ,EAAE;8CAAY;AAEN;IAAhB,KAAK,EAAE;qDAA8B"}
+{"version":3,"file":"result-field.class.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-field.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAAhD;;QAGE,kFAAkF;QACtE,UAAK,GAAG,EAAE,CAAC;QAEvB;kDAC0C;QAC9B,UAAK,GAAG,EAAE,CAAC;QAEN,iBAAY,GAAG,KAAK,CAAC;QAiB9B,iBAAY,GAAG,CAAC,CAAQ,EAAQ,EAAE;YACxC,IAAI,CAAC,YAAY,GAAG,cAAc,CAAE,CAAC,CAAC,MAA0B,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACrG,CAAC,CAAC;IAeJ,CAAC;aA3CiB,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAWnC,UAAU;QAC3B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;QAClE,CAAC;IACH,CAAC;IAEQ,YAAY;QACnB,sEAAsE;QACtE,qEAAqE;QACrE,mEAAmE;QACnE,2DAA2D;QAC3D,MAAM,IAAI,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,MAAM,CAAoB,CAAC;QACvE,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5E,CAAC;IAMQ,MAAM;QACb,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,OAAO,IAAI,CAAA;;UAEL,QAAQ;YACR,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS;YACxG,CAAC,CAAC,OAAO;;aAEN,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,qBAAqB,IAAI,CAAC,YAAY;;;KAGtF,CAAC;IACJ,CAAC;CACF;AAxCa;IAAX,QAAQ,EAAE;8CAAY;AAIX;IAAX,QAAQ,EAAE;8CAAY;AAEN;IAAhB,KAAK,EAAE;qDAA8B"}

package/dist/components/agent-tools/result-card/result-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8BlB,CAAC"}
+{"version":3,"file":"result-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgClB,CAAC"}

package/dist/components/agent-tools/result-card/result-field.styles.js

@@ -17,7 +17,9 @@ export const styles = css `
     line-height: var(--lr-line-height-1-4);
   }
   [part='label'] {
-    flex: 0 0 auto;
+    flex: 0 1 auto;
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
     color: var(--lr-color-text-quiet);
   }
   [part='value'] {

package/dist/components/agent-tools/result-card/result-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"result-field.styles.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxB,CAAC"}
+{"version":3,"file":"result-field.styles.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/result-card/result-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAC"}

package/dist/components/agent-tools/schema-viewer/schema-viewer.class.d.ts

@@ -0,0 +1,77 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import '../../overlays/badge/badge.class.js';
+import '../../overlays/empty/empty.class.js';
+export interface JsonSchemaNode {
+    $ref?: string;
+    type?: string | string[];
+    title?: string;
+    description?: string;
+    properties?: Record<string, JsonSchemaNode>;
+    items?: JsonSchemaNode | JsonSchemaNode[];
+    required?: string[];
+    enum?: unknown[];
+    const?: unknown;
+    default?: unknown;
+    examples?: unknown[];
+    oneOf?: JsonSchemaNode[];
+    anyOf?: JsonSchemaNode[];
+    allOf?: JsonSchemaNode[];
+    [key: string]: unknown;
+}
+export interface SchemaValidationIssue {
+    path: string;
+    message: string;
+    severity?: 'error' | 'warning' | 'info';
+}
+export interface LyraSchemaViewerEventMap {
+    'lr-schema-select': CustomEvent<{
+        path: string;
+        schema: JsonSchemaNode;
+    }>;
+}
+/**
+ * `<lr-schema-viewer>` — a recursive, selectable JSON Schema inspector with required-state,
+ * constraints, composition branches, `$ref` display, validation issues, cycle protection, and a
+ * configurable depth ceiling. It does not resolve remote references or validate values.
+ *
+ * @customElement lr-schema-viewer
+ * @event lr-schema-select - A schema node was activated. `detail: { path, schema }`.
+ * @csspart base - The named schema region.
+ * @csspart tree - The recursive schema tree.
+ * @csspart node - One schema node.
+ * @csspart node-selected - The selected schema node.
+ * @csspart node-trigger - A schema-node activation button.
+ * @csspart name - Property/branch name.
+ * @csspart type - Schema type badge.
+ * @csspart required - Required badge.
+ * @csspart description - Caller-supplied schema description.
+ * @csspart constraints - Recognized schema constraints.
+ * @csspart issue - One caller-supplied validation issue.
+ * @csspart limit - Resource-ceiling status shown when additional nodes are omitted.
+ * @csspart empty - The empty state.
+ * @cssprop [--lr-schema-viewer-selected-border=var(--lr-color-brand)] - Selected node branch.
+ * @cssprop [--lr-schema-viewer-error-border=var(--lr-color-danger)] - Error issue border.
+ * @cssprop [--lr-schema-viewer-error-bg=var(--lr-color-danger-quiet)] - Error issue background.
+ * @cssprop [--lr-schema-viewer-warning-border=var(--lr-color-warning)] - Warning issue border.
+ * @cssprop [--lr-schema-viewer-warning-bg=var(--lr-color-warning-quiet)] - Warning issue background.
+ */
+export declare class LyraSchemaViewer extends LyraElement<LyraSchemaViewerEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    schema: JsonSchemaNode | null;
+    issues: SchemaValidationIssue[];
+    selectedPath: string;
+    /** Requested nesting depth, clamped to 100 to keep recursive template construction stack-safe. */
+    maxDepth: number;
+    label: string;
+    private pointerSegment;
+    private constraints;
+    private renderNode;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-schema-viewer': LyraSchemaViewer;
+    }
+}
+//# sourceMappingURL=schema-viewer.class.d.ts.map

package/dist/components/agent-tools/schema-viewer/schema-viewer.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-viewer.class.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/schema-viewer/schema-viewer.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAG7C,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AACD,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CACzC;AACD,MAAM,WAAW,wBAAwB;IACvC,kBAAkB,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,cAAc,CAAA;KAAE,CAAC,CAAC;CAC3E;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,gBAAiB,SAAQ,WAAW,CAAC,wBAAwB,CAAC;IACzE,OAAgB,MAAM,iCAAgC;IAEtB,MAAM,EAAE,cAAc,GAAG,IAAI,CAAQ;IACrC,MAAM,EAAE,qBAAqB,EAAE,CAAM;IAC3B,YAAY,SAAM;IAC5D,kGAAkG;IAC9C,QAAQ,SAAM;IACtD,KAAK,SAAM;IAEvB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,WAAW;IAmBnB,OAAO,CAAC,UAAU;IA0FT,MAAM,IAAI,cAAc,CAqBhC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,gBAAgB,CAAC;KACtC;CACF"}

package/dist/components/agent-tools/schema-viewer/schema-viewer.class.js

@@ -0,0 +1,196 @@
+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 } from 'lit/decorators.js';
+import { getNumberFormat } from '../../../internal/intl-cache.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { finiteCount } from '../../../internal/numbers.js';
+import '../../overlays/badge/badge.class.js';
+import '../../overlays/empty/empty.class.js';
+import { styles } from './schema-viewer.styles.js';
+const MAX_RENDERED_SCHEMA_NODES = 500;
+const MAX_SCHEMA_DEPTH = 100;
+/**
+ * `<lr-schema-viewer>` — a recursive, selectable JSON Schema inspector with required-state,
+ * constraints, composition branches, `$ref` display, validation issues, cycle protection, and a
+ * configurable depth ceiling. It does not resolve remote references or validate values.
+ *
+ * @customElement lr-schema-viewer
+ * @event lr-schema-select - A schema node was activated. `detail: { path, schema }`.
+ * @csspart base - The named schema region.
+ * @csspart tree - The recursive schema tree.
+ * @csspart node - One schema node.
+ * @csspart node-selected - The selected schema node.
+ * @csspart node-trigger - A schema-node activation button.
+ * @csspart name - Property/branch name.
+ * @csspart type - Schema type badge.
+ * @csspart required - Required badge.
+ * @csspart description - Caller-supplied schema description.
+ * @csspart constraints - Recognized schema constraints.
+ * @csspart issue - One caller-supplied validation issue.
+ * @csspart limit - Resource-ceiling status shown when additional nodes are omitted.
+ * @csspart empty - The empty state.
+ * @cssprop [--lr-schema-viewer-selected-border=var(--lr-color-brand)] - Selected node branch.
+ * @cssprop [--lr-schema-viewer-error-border=var(--lr-color-danger)] - Error issue border.
+ * @cssprop [--lr-schema-viewer-error-bg=var(--lr-color-danger-quiet)] - Error issue background.
+ * @cssprop [--lr-schema-viewer-warning-border=var(--lr-color-warning)] - Warning issue border.
+ * @cssprop [--lr-schema-viewer-warning-bg=var(--lr-color-warning-quiet)] - Warning issue background.
+ */
+export class LyraSchemaViewer extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.schema = null;
+        this.issues = [];
+        this.selectedPath = '';
+        /** Requested nesting depth, clamped to 100 to keep recursive template construction stack-safe. */
+        this.maxDepth = 20;
+        this.label = '';
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    pointerSegment(value) {
+        return value.replace(/~/g, '~0').replace(/\//g, '~1');
+    }
+    constraints(schema) {
+        const keys = [
+            'format',
+            'pattern',
+            'minimum',
+            'maximum',
+            'minLength',
+            'maxLength',
+            'minItems',
+            'maxItems',
+            'minProperties',
+            'maxProperties',
+        ];
+        const rows = keys.flatMap((key) => (schema[key] == null ? [] : [`${key}: ${String(schema[key])}`]));
+        if (schema.enum)
+            rows.push(`enum: ${schema.enum.map(String).join(', ')}`);
+        if (schema.$ref)
+            rows.push(`$ref: ${schema.$ref}`);
+        return rows;
+    }
+    renderNode(name, schema, path, required, depth, ancestors, budget) {
+        if (budget.remaining <= 0) {
+            budget.truncated = true;
+            return nothing;
+        }
+        budget.remaining--;
+        const selected = path === this.selectedPath;
+        if (ancestors.has(schema)) {
+            return html `<li part="node"><span part="description">${this.localize('schemaViewerCircular')}</span></li>`;
+        }
+        const nextAncestors = new Set(ancestors).add(schema);
+        const type = Array.isArray(schema.type) ? schema.type.join(' | ') : schema.type ?? (schema.properties ? 'object' : '');
+        const constraints = this.constraints(schema);
+        const issues = this.issues.filter((issue) => issue.path === path);
+        const children = [];
+        const addChild = (child) => {
+            if (children.length >= budget.remaining) {
+                budget.truncated = true;
+                return false;
+            }
+            children.push(child);
+            return true;
+        };
+        if (depth < finiteCount(this.maxDepth, 20, MAX_SCHEMA_DEPTH)) {
+            const properties = schema.properties ?? {};
+            for (const key in properties) {
+                if (!Object.prototype.hasOwnProperty.call(properties, key))
+                    continue;
+                const node = properties[key];
+                if (!node)
+                    continue;
+                if (!addChild({
+                    name: key,
+                    node,
+                    path: `${path}/properties/${this.pointerSegment(key)}`,
+                    required: schema.required?.includes(key) ?? false,
+                }))
+                    break;
+            }
+            for (const keyword of ['allOf', 'anyOf', 'oneOf']) {
+                const nodes = schema[keyword] ?? [];
+                for (let index = 0; index < nodes.length; index++) {
+                    const node = nodes[index];
+                    if (!node || !addChild({
+                        name: `${keyword}[${index}]`,
+                        node,
+                        path: `${path}/${keyword}/${index}`,
+                        required: false,
+                    }))
+                        break;
+                }
+            }
+            if (schema.items && !Array.isArray(schema.items)) {
+                addChild({ name: 'items', node: schema.items, path: `${path}/items`, required: false });
+            }
+        }
+        const nodePart = selected ? 'node node-selected' : 'node';
+        return html `
+      <li part=${nodePart}>
+        <button
+          part="node-trigger"
+          type="button"
+          data-path=${path}
+          aria-pressed=${selected ? 'true' : 'false'}
+          @click=${() => this.emit('lr-schema-select', { path, schema })}
+        >
+          <strong part="name">${name}</strong>
+          ${type
+            ? html `<lr-badge part="type" variant="neutral">${this.localize('schemaViewerType', undefined, { type })}</lr-badge>`
+            : nothing}
+          ${required ? html `<lr-badge part="required" variant="danger">${this.localize('schemaViewerRequired')}</lr-badge>` : nothing}
+        </button>
+        ${schema.description ? html `<p part="description">${schema.description}</p>` : nothing}
+        ${constraints.length ? html `<ul part="constraints">${constraints.map((row) => html `<li>${row}</li>`)}</ul>` : nothing}
+        ${issues.map((issue) => html `<p part="issue" data-severity=${issue.severity ?? 'error'}>${issue.message}</p>`)}
+        ${children.length
+            ? html `<ul>${children.map((child) => this.renderNode(child.name, child.node, child.path, child.required, depth + 1, nextAncestors, budget))}</ul>`
+            : nothing}
+      </li>
+    `;
+    }
+    render() {
+        const label = this.getAttribute('aria-label') || this.label || this.localize('schemaViewerLabel');
+        if (!this.schema || typeof this.schema !== 'object') {
+            return html `<section part="base" aria-label=${label}>
+        <lr-empty part="empty" heading=${this.localize('schemaViewerEmpty')}></lr-empty>
+      </section>`;
+        }
+        const budget = { remaining: MAX_RENDERED_SCHEMA_NODES, truncated: false };
+        const tree = this.renderNode(this.schema.title || '$', this.schema, '', false, 0, new Set(), budget);
+        return html `
+      <section part="base" aria-label=${label}>
+        <ul part="tree">
+          ${tree}
+        </ul>
+        ${budget.truncated
+            ? html `<p part="limit" role="status">${this.localize('schemaViewerLimit', undefined, {
+                count: getNumberFormat(this.effectiveLocale).format(MAX_RENDERED_SCHEMA_NODES),
+            })}</p>`
+            : nothing}
+      </section>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraSchemaViewer.prototype, "schema", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraSchemaViewer.prototype, "issues", void 0);
+__decorate([
+    property({ attribute: 'selected-path' })
+], LyraSchemaViewer.prototype, "selectedPath", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-depth' })
+], LyraSchemaViewer.prototype, "maxDepth", void 0);
+__decorate([
+    property()
+], LyraSchemaViewer.prototype, "label", void 0);
+//# sourceMappingURL=schema-viewer.class.js.map

package/dist/components/agent-tools/schema-viewer/schema-viewer.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-viewer.class.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/schema-viewer/schema-viewer.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAiCnD,MAAM,yBAAyB,GAAG,GAAG,CAAC;AACtC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,OAAO,gBAAiB,SAAQ,WAAqC;IAA3E;;QAGkC,WAAM,GAA0B,IAAI,CAAC;QACrC,WAAM,GAA4B,EAAE,CAAC;QAC3B,iBAAY,GAAG,EAAE,CAAC;QAC5D,kGAAkG;QAC9C,aAAQ,GAAG,EAAE,CAAC;QACtD,UAAK,GAAG,EAAE,CAAC;IAyIzB,CAAC;aAhJiB,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAS9C,cAAc,CAAC,KAAa;QAClC,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC;IAEO,WAAW,CAAC,MAAsB;QACxC,MAAM,IAAI,GAAG;YACX,QAAQ;YACR,SAAS;YACT,SAAS;YACT,SAAS;YACT,WAAW;YACX,WAAW;YACX,UAAU;YACV,UAAU;YACV,eAAe;YACf,eAAe;SAChB,CAAC;QACF,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACpG,IAAI,MAAM,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1E,IAAI,MAAM,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;QACnD,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,UAAU,CAChB,IAAY,EACZ,MAAsB,EACtB,IAAY,EACZ,QAAiB,EACjB,KAAa,EACb,SAAsB,EACtB,MAA0B;QAE1B,IAAI,MAAM,CAAC,SAAS,IAAI,CAAC,EAAE,CAAC;YAC1B,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;YACxB,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,MAAM,CAAC,SAAS,EAAE,CAAC;QACnB,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC;QAC5C,IAAI,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAA,4CAA4C,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,cAAc,CAAC;QAC7G,CAAC;QACD,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACvH,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QAClE,MAAM,QAAQ,GAAmF,EAAE,CAAC;QACpG,MAAM,QAAQ,GAAG,CAAC,KAA8E,EAAW,EAAE;YAC3G,IAAI,QAAQ,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;gBACxC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;gBACxB,OAAO,KAAK,CAAC;YACf,CAAC;YACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;QACF,IAAI,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,gBAAgB,CAAC,EAAE,CAAC;YAC7D,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;YAC3C,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;gBAC7B,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC;oBAAE,SAAS;gBACrE,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;gBAC7B,IAAI,CAAC,IAAI;oBAAE,SAAS;gBACpB,IAAI,CAAC,QAAQ,CAAC;oBACZ,IAAI,EAAE,GAAG;oBACT,IAAI;oBACJ,IAAI,EAAE,GAAG,IAAI,eAAe,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;oBACtD,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,KAAK;iBAClD,CAAC;oBAAE,MAAM;YACZ,CAAC;YACD,KAAK,MAAM,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAU,EAAE,CAAC;gBAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBACpC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;oBAClD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;oBAC1B,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;wBACrB,IAAI,EAAE,GAAG,OAAO,IAAI,KAAK,GAAG;wBAC5B,IAAI;wBACJ,IAAI,EAAE,GAAG,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE;wBACnC,QAAQ,EAAE,KAAK;qBAChB,CAAC;wBAAE,MAAM;gBACZ,CAAC;YACH,CAAC;YACD,IAAI,MAAM,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;YAC1F,CAAC;QACH,CAAC;QACD,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC;QAC1D,OAAO,IAAI,CAAA;iBACE,QAAQ;;;;sBAIH,IAAI;yBACD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBACjC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gCAExC,IAAI;YACxB,IAAI;YACJ,CAAC,CAAC,IAAI,CAAA,2CAA2C,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,aAAa;YACpH,CAAC,CAAC,OAAO;YACT,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,8CAA8C,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO;;UAE3H,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,yBAAyB,MAAM,CAAC,WAAW,MAAM,CAAC,CAAC,CAAC,OAAO;UACpF,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,0BAA0B,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;UACnH,MAAM,CAAC,GAAG,CACV,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA,iCAAiC,KAAK,CAAC,QAAQ,IAAI,OAAO,IAAI,KAAK,CAAC,OAAO,MAAM,CACjG;UACC,QAAQ,CAAC,MAAM;YACf,CAAC,CAAC,IAAI,CAAA,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAChC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,aAAa,EAAE,MAAM,CAAC,CACtG,OAAO;YACV,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;IAEQ,MAAM;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAClG,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YACpD,OAAO,IAAI,CAAA,mCAAmC,KAAK;yCAChB,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC;iBAC1D,CAAC;QACd,CAAC;QACD,MAAM,MAAM,GAAuB,EAAE,SAAS,EAAE,yBAAyB,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAC9F,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,CAAC,CAAC;QACrG,OAAO,IAAI,CAAA;wCACyB,KAAK;;YAEjC,IAAI;;UAEN,MAAM,CAAC,SAAS;YAChB,CAAC,CAAC,IAAI,CAAA,iCAAiC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,EAAE,SAAS,EAAE;gBAC/E,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC;aAC/E,CAAC,MAAM;YACZ,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;CACF;AA9IiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gDAAsC;AACrC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gDAAsC;AAC3B;IAAzC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;sDAAmB;AAER;IAAnD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;kDAAe;AACtD;IAAX,QAAQ,EAAE;+CAAY"}

package/dist/components/agent-tools/schema-viewer/schema-viewer.d.ts

@@ -0,0 +1,4 @@
+export * from './schema-viewer.class.js';
+import '../../overlays/badge/badge.js';
+import '../../overlays/empty/empty.js';
+//# sourceMappingURL=schema-viewer.d.ts.map

package/dist/components/agent-tools/schema-viewer/schema-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-viewer.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/schema-viewer/schema-viewer.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AAGzC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC"}

package/dist/components/agent-tools/schema-viewer/schema-viewer.js

@@ -0,0 +1,7 @@
+export * from './schema-viewer.class.js';
+import { LyraSchemaViewer } from './schema-viewer.class.js';
+import { defineElement } from '../../../internal/prefix.js';
+import '../../overlays/badge/badge.js';
+import '../../overlays/empty/empty.js';
+defineElement('schema-viewer', LyraSchemaViewer);
+//# sourceMappingURL=schema-viewer.js.map

package/dist/components/agent-tools/schema-viewer/schema-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema-viewer.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/schema-viewer/schema-viewer.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AAEvC,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/agent-tools/schema-viewer/schema-viewer.styles.d.ts

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

package/dist/components/agent-tools/schema-viewer/schema-viewer.styles.d.ts.map

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

package/dist/components/agent-tools/schema-viewer/schema-viewer.styles.js

@@ -0,0 +1,32 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: block; container-type: inline-size; }
+  ul { display: flex; flex-direction: column; gap: var(--lr-space-xs); margin: 0; padding-inline-start: var(--lr-space-l); list-style: none; }
+  [part='tree'] { padding-inline-start: 0; }
+  [part~='node'] { min-inline-size: 0; border-inline-start: var(--lr-border-width-thin) solid var(--lr-color-border); padding-inline-start: var(--lr-space-s); }
+  [part~='node-selected'] {
+    border-inline-start-color: var(--lr-schema-viewer-selected-border, var(--lr-color-brand));
+  }
+  [part='node-trigger'] {
+    display: flex; flex-wrap: wrap; gap: var(--lr-space-xs); align-items: center; inline-size: 100%; min-block-size: var(--lr-icon-button-size);
+    padding: var(--lr-space-xs); border: 0; border-radius: var(--lr-radius); background: transparent; color: var(--lr-color-text); font: inherit; text-align: start; cursor: pointer;
+  }
+  [part='node-trigger']:hover { background: var(--lr-color-surface-raised); }
+  [part='node-trigger']:focus-visible { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: var(--lr-focus-ring-offset); }
+  [part='name'] { min-inline-size: 0; overflow-wrap: anywhere; }
+  [part='description'], [part='issue'] { margin: var(--lr-space-2xs) var(--lr-space-xs); font-size: var(--lr-font-size-sm); overflow-wrap: anywhere; }
+  [part='description'] { color: var(--lr-color-text-quiet); }
+  [part='issue'] {
+    padding: var(--lr-space-xs);
+    border-inline-start: var(--lr-border-width-thick) solid
+      var(--lr-schema-viewer-error-border, var(--lr-color-danger));
+    background: var(--lr-schema-viewer-error-bg, var(--lr-color-danger-quiet));
+  }
+  [part='issue'][data-severity='warning'] {
+    border-inline-start-color: var(--lr-schema-viewer-warning-border, var(--lr-color-warning));
+    background: var(--lr-schema-viewer-warning-bg, var(--lr-color-warning-quiet));
+  }
+  [part='constraints'] { display: flex; flex-flow: row wrap; gap: var(--lr-space-xs); padding: var(--lr-space-xs); color: var(--lr-color-text-quiet); font-family: var(--lr-font-mono); font-size: var(--lr-font-size-xs); }
+  @container (max-inline-size: 319.98px) { ul { padding-inline-start: var(--lr-space-s); } [part='tree'] { padding-inline-start: 0; } }
+`;
+//# sourceMappingURL=schema-viewer.styles.js.map

package/dist/components/agent-tools/schema-viewer/schema-viewer.styles.js.map

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

package/dist/components/agent-tools/span-waterfall/span-waterfall.class.d.ts

@@ -50,6 +50,8 @@ export declare class LyraSpanWaterfall extends LyraElement<LyraSpanWaterfallEven
     hideAxis: boolean;
     label: string;
     private focusedId;
+    private sortedSource?;
+    private sortedCache;
     private liveRegion?;
     private sortedSpans;
     private viewWindow;

package/dist/components/agent-tools/span-waterfall/span-waterfall.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"span-waterfall.class.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/span-waterfall/span-waterfall.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAIhE,OAAO,gDAAgD,CAAC;AACxD,OAAO,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqDtD,MAAM,WAAW,yBAAyB;IACxC,gBAAgB,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,yBAAyB,CAAC;IAC3E,OAAgB,MAAM,iCAAgC;IAEtD,qGAAqG;IACrE,KAAK,EAAE,QAAQ,EAAE,CAAM;IACZ,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9E;;;qFAGiF;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjC,QAAQ,UAAS;IAC1D,KAAK,SAAM;IAEd,OAAO,CAAC,SAAS,CAAuB;IAExB,OAAO,CAAC,UAAU,CAAC,CAAiB;IAE7D,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,SAAS,CA+Bf;IAEF,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAO3D;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAMxD;IAED,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,SAAS;IA6CR,MAAM,IAAI,cAAc,CAkBhC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,iBAAiB,CAAC;KACxC;CACF"}
+{"version":3,"file":"span-waterfall.class.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/span-waterfall/span-waterfall.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAKhE,OAAO,gDAAgD,CAAC;AACxD,OAAO,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqDtD,MAAM,WAAW,yBAAyB;IACxC,gBAAgB,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,yBAAyB,CAAC;IAC3E,OAAgB,MAAM,iCAAgC;IAEtD,qGAAqG;IACrE,KAAK,EAAE,QAAQ,EAAE,CAAM;IACZ,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9E;;;qFAGiF;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IACjC,QAAQ,UAAS;IAC1D,KAAK,SAAM;IAEvB,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,YAAY,CAAC,CAAa;IAClC,OAAO,CAAC,WAAW,CAAkB;IAEZ,OAAO,CAAC,UAAU,CAAC,CAAiB;IAE7D,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,QAAQ;IAWhB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,SAAS,CA+Bf;IAEF,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAY3D;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAKxD;IAED,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,SAAS;IA6CR,MAAM,IAAI,cAAc,CAkBhC;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,iBAAiB,CAAC;KACxC;CACF"}

package/dist/components/agent-tools/span-waterfall/span-waterfall.class.js

@@ -5,10 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing } from 'lit';
-import { property, state, query } from 'lit/decorators.js';
+import { property, query } from 'lit/decorators.js';
 import { LyraElement } from '../../../internal/lyra-element.js';
 import { prefersReducedMotion } from '../../../internal/motion.js';
 import { finiteRange } from '../../../internal/numbers.js';
+import { getNumberFormat } from '../../../internal/intl-cache.js';
 import '../../utility/live-region/live-region.class.js';
 import '../../overlays/empty/empty.class.js';
 import { styles } from './span-waterfall.styles.js';
@@ -100,6 +101,7 @@ export class LyraSpanWaterfall extends LyraElement {
         this.hideAxis = false;
         this.label = '';
         this.focusedId = null;
+        this.sortedCache = [];
         this.onKeyDown = (e) => {
             const rows = this.sortedSpans();
             if (rows.length === 0)
@@ -136,13 +138,23 @@ export class LyraSpanWaterfall extends LyraElement {
     }
     static { this.styles = [LyraElement.styles, styles]; }
     sortedSpans() {
-        return this.spans
+        if (this.sortedSource === this.spans)
+            return this.sortedCache;
+        this.sortedSource = this.spans;
+        this.sortedCache = this.spans
+            .filter((span) => Number.isFinite(span.startMs) && (span.endMs == null || Number.isFinite(span.endMs)))
+            .map((span) => {
+            const startMs = Math.max(0, span.startMs);
+            const endMs = span.endMs == null ? undefined : Math.max(startMs, span.endMs);
+            return { ...span, startMs, endMs };
+        })
             .map((s, i) => ({ s, i }))
             .sort((a, b) => a.s.startMs - b.s.startMs || a.i - b.i)
             .map((x) => x.s);
+        return this.sortedCache;
     }
     viewWindow() {
-        const extentEnd = this.spans.reduce((m, s) => Math.max(m, s.endMs ?? s.startMs, s.startMs), 0);
+        const extentEnd = this.sortedSpans().reduce((m, s) => Math.max(m, s.endMs ?? s.startMs, s.startMs), 0);
         const fallbackEnd = Math.max(extentEnd, 1);
         // `null` means "fit the whole trace"; a non-null-but-NaN value (a bad attribute) falls back
         // to that same default instead of flowing NaN into axisTicks()/barGeometry(). Both bounds are
@@ -165,20 +177,33 @@ export class LyraSpanWaterfall extends LyraElement {
         return { startPct, widthPct };
     }
     formatDuration(ms) {
-        if (ms == null)
+        if (ms == null || !Number.isFinite(ms))
             return '';
-        return ms < 1000
-            ? this.localize('durationMilliseconds', undefined, { value: Math.round(ms) })
-            : this.localize('durationSeconds', undefined, { value: (ms / 1000).toFixed(1) });
+        const milliseconds = Math.max(0, ms);
+        return milliseconds < 1000
+            ? getNumberFormat(this.effectiveLocale, {
+                style: 'unit',
+                unit: 'millisecond',
+                unitDisplay: 'short',
+                maximumFractionDigits: 0,
+            }).format(milliseconds)
+            : getNumberFormat(this.effectiveLocale, {
+                style: 'unit',
+                unit: 'second',
+                unitDisplay: 'short',
+                maximumFractionDigits: 1,
+            }).format(milliseconds / 1000);
     }
     focusRow(span) {
         if (!span)
             return;
+        const previous = this.renderRoot.querySelector('[part="bar"][tabindex="0"]');
         this.focusedId = span.id;
         this.announceFocus(span);
-        void this.updateComplete.then(() => {
-            this.renderRoot.querySelector(`[data-id="${CSS.escape(span.id)}"]`)?.focus();
-        });
+        previous?.setAttribute('tabindex', '-1');
+        const next = this.renderRoot.querySelector(`[data-id="${CSS.escape(span.id)}"]`);
+        next?.setAttribute('tabindex', '0');
+        next?.focus();
     }
     announceFocus(span) {
         const parts = [
@@ -199,15 +224,20 @@ export class LyraSpanWaterfall extends LyraElement {
     }
     willUpdate(changed) {
         if (changed.has('spans')) {
+            this.sortedSource = undefined;
             const ids = new Set(this.spans.map((s) => s.id));
             if (this.focusedId == null || !ids.has(this.focusedId)) {
                 this.focusedId = this.activeSpanId && ids.has(this.activeSpanId) ? this.activeSpanId : (this.sortedSpans()[0]?.id ?? null);
             }
         }
+        if (changed.has('activeSpanId') && this.activeSpanId) {
+            const ids = new Set(this.sortedSpans().map((span) => span.id));
+            if (ids.has(this.activeSpanId))
+                this.focusedId = this.activeSpanId;
+        }
     }
     updated(changed) {
         if (changed.has('activeSpanId') && this.activeSpanId) {
-            this.focusedId = this.activeSpanId;
             const bar = this.renderRoot.querySelector(`[data-id="${CSS.escape(this.activeSpanId)}"]`);
             bar?.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion() ? 'auto' : 'smooth' });
         }
@@ -304,9 +334,6 @@ __decorate([
 __decorate([
     property()
 ], LyraSpanWaterfall.prototype, "label", void 0);
-__decorate([
-    state()
-], LyraSpanWaterfall.prototype, "focusedId", void 0);
 __decorate([
     query('lr-live-region')
 ], LyraSpanWaterfall.prototype, "liveRegion", void 0);