@aceshooting/lyra-ui 4.2.0 → 5.1.0

package/dist/components/retrieval/retrieval-search/retrieval-search.class.js

@@ -0,0 +1,267 @@
+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 { LyraElement } from '../../../internal/lyra-element.js';
+import '../../forms/input/input.class.js';
+import '../../layout/segmented/segmented.class.js';
+import '../../overlays/chip/chip.class.js';
+import '../../overlays/chip/chip-group.class.js';
+import '../../overlays/spinner/spinner.class.js';
+import '../../overlays/empty/empty.class.js';
+import { styles } from './retrieval-search.styles.js';
+/**
+ * `<lr-retrieval-search>` -- the query bar for a retrieval/RAG surface: query text, an active-
+ * filter/scope chip row, a vector/keyword/hybrid mode selector, and loading/error/empty status
+ * feedback. Consumes `RetrievalQuery` (`src/ai/types.ts`) as the shape emitted on submit.
+ *
+ * Fully controlled, like every other Lyra input: `query`/`mode`/`filters`/`scope` are host-owned
+ * properties. This component never performs retrieval itself -- it only emits `lr-search`; the
+ * host owns the actual fetch and toggles `loading` around it. Because this component has no way
+ * to know when a request resolves (only `loading`, set from outside), submitting again (Enter, or
+ * clicking the button) while `loading` is already `true` is treated as **superseding** the
+ * in-flight request: `lr-cancel` fires immediately before the new `lr-search`. The submit button
+ * itself doubles as an explicit Cancel affordance while `loading` -- clicking it only emits
+ * `lr-cancel`, without resubmitting, the same "just stop" action `<lr-chat-composer>`'s Stop
+ * button offers for its own `stoppable` busy state.
+ *
+ * Composes `<lr-input type="search">` for the query field, `<lr-segmented>` for the mode
+ * selector (the same small-closed-set-choice-in-a-toolbar role it already fills, sized to sit
+ * flush beside `<lr-input>`), `<lr-chip>`/`<lr-chip-group>` for removable active-filter/scope
+ * chips, `<lr-spinner>` for the loading state, and `<lr-empty>` (compact) for the empty state.
+ * `filters`/`scope` chip removal updates this component's own copy first, then emits
+ * `lr-filters-change` with the complete next state -- the same "update, then emit; reassign to
+ * control" round-trip `<lr-source-picker>`'s `selectedIds` already establishes. `empty` is a
+ * host-driven flag (the last completed search returned zero results); this component holds no
+ * results data of its own -- see `<lr-retrieval-results>` for rendering the actual chunk list.
+ *
+ * @customElement lr-retrieval-search
+ * @event lr-search - The query was submitted (Enter in the query field, or the submit button
+ *   while not `loading`). `detail`: the full `RetrievalQuery` (`{ text, mode, filters, scope }`).
+ * @event lr-cancel - The in-flight request should be cancelled: either the user clicked the
+ *   button while `loading` (`detail: {}`), or a new submission superseded the in-flight one before
+ *   it resolved (`detail: { reason: 'superseded' }`, fired immediately before the new `lr-search`).
+ * @event lr-filters-change - A `filters`/`scope` chip's remove button was activated. `detail`: the
+ *   complete updated `{ filters, scope }` state.
+ * @csspart base - The `role="search"` root landmark.
+ * @csspart row - The row holding the query field, mode selector, and submit/cancel button.
+ * @csspart query - The query `<lr-input type="search">`.
+ * @csspart mode - The vector/keyword/hybrid `<lr-segmented>`.
+ * @csspart submit - The submit/cancel `<button>`. Reads "Search" while idle, "Cancel" while
+ *   `loading`.
+ * @csspart filters - The active-filter/scope `<lr-chip-group>`. Omitted entirely when both
+ *   `filters` and `scope` are empty.
+ * @csspart spinner - The busy `<lr-spinner>`, shown only while `loading`.
+ * @csspart error - The `role="alert"` error message, shown only when `errorText` is non-empty and
+ *   not `loading`.
+ * @csspart empty - The compact `<lr-empty>`, shown only when `empty` is `true` and neither
+ *   `loading` nor `errorText` is set.
+ */
+export class LyraRetrievalSearch extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The current query text. Controlled -- the internal `lr-input` updates this optimistically as
+         *  the user types (mirroring every other Lyra input's controlled-value convention), and a host
+         *  reassignment always wins. */
+        this.query = '';
+        /** Retrieval mode. Defaults to `'hybrid'`, the common default for a search bar combining both
+         *  vector and keyword retrieval. */
+        this.mode = 'hybrid';
+        /** Arbitrary metadata filters, rendered as removable `"{key}: {value}"` chips. Controlled --
+         *  reassign to change what's shown; see the class doc's "update, then emit" round-trip. */
+        this.filters = {};
+        /** Source-scope ids/labels this query is restricted to, rendered as removable chips alongside
+         *  `filters`. Same controlled round-trip as `filters`. */
+        this.scope = [];
+        /** Host-driven busy flag. This component never performs retrieval itself and has no way to know
+         *  when a request resolves, so the host toggles this explicitly around its own fetch -- see the
+         *  class doc for the resulting submit/cancel/supersede behavior. */
+        this.loading = false;
+        /** Host-supplied error message from the last failed search, shown verbatim (caller-owned text,
+         *  not localized) in a `role="alert"` region. Empty string (the default) shows nothing. */
+        this.errorText = '';
+        /** Host-driven flag: the last completed search returned zero results. Renders a compact
+         *  `<lr-empty>` beneath the search row. Never inferred by this component itself -- see the
+         *  class doc; it holds no results data of its own. */
+        this.empty = false;
+        /** Placeholder for the query field. Empty string (the default) falls back to the localized
+         *  generic "Search" placeholder, which also becomes that field's accessible name (mirroring
+         *  `<lr-input>`'s own placeholder-as-label fallback). */
+        this.placeholder = '';
+        /** Accessible name for the `role="search"` landmark. Falls back to the localized default; a
+         *  host `aria-label` (via `accessibleLabel`) wins over both. */
+        this.label = '';
+        /** Overrides the computed accessible name for the `role="search"` landmark. Wins over `label`
+         *  and the localized default. Attribute-reflects from a host-level `aria-label`. */
+        this.accessibleLabel = null;
+        this.onQueryInput = (e) => {
+            this.query = e.detail.value;
+        };
+        this.onQueryKeyDown = (e) => {
+            if (e.key !== 'Enter')
+                return;
+            // An IME composition step (e.g. confirming a Japanese/Chinese/Korean candidate) must never be
+            // treated as "the user pressed Enter to search" -- keyCode 229 is a defense-in-depth fallback
+            // for browsers that report isComposing inconsistently on the compositionend-adjacent keydown.
+            // Mirrors <lr-chat-composer>'s identical guard.
+            if (e.isComposing || e.keyCode === 229)
+                return;
+            e.preventDefault();
+            this.submit();
+        };
+        this.onModeChange = (e) => {
+            this.mode = e.detail.value;
+        };
+        this.onSubmitClick = () => {
+            if (this.loading) {
+                this.cancel();
+                return;
+            }
+            this.submit();
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    modeItems() {
+        return [
+            { value: 'vector', label: this.localize('retrievalModeVector') },
+            { value: 'keyword', label: this.localize('retrievalModeKeyword') },
+            { value: 'hybrid', label: this.localize('retrievalModeHybrid') },
+        ];
+    }
+    formatFilterValue(value) {
+        if (typeof value === 'string')
+            return value;
+        if (typeof value === 'number' || typeof value === 'boolean')
+            return String(value);
+        if (Array.isArray(value))
+            return value.map((v) => this.formatFilterValue(v)).join(', ');
+        if (value == null)
+            return '';
+        try {
+            return JSON.stringify(value);
+        }
+        catch {
+            return String(value);
+        }
+    }
+    buildQuery() {
+        return { text: this.query, mode: this.mode, filters: { ...this.filters }, scope: [...this.scope] };
+    }
+    submit() {
+        if (this.loading)
+            this.emit('lr-cancel', { reason: 'superseded' });
+        this.emit('lr-search', this.buildQuery());
+    }
+    cancel() {
+        this.emit('lr-cancel', {});
+    }
+    emitFiltersChange() {
+        this.emit('lr-filters-change', {
+            filters: { ...this.filters },
+            scope: [...this.scope],
+        });
+    }
+    removeScope(value) {
+        this.scope = this.scope.filter((s) => s !== value);
+        this.emitFiltersChange();
+    }
+    removeFilter(key) {
+        const next = { ...this.filters };
+        delete next[key];
+        this.filters = next;
+        this.emitFiltersChange();
+    }
+    render() {
+        const label = this.accessibleLabel || this.label || this.localize('retrievalSearchLabel');
+        const hasFilters = Object.keys(this.filters).length > 0 || this.scope.length > 0;
+        return html `
+      <div part="base" role="search" aria-label=${label}>
+        <div part="row">
+          <lr-input
+            part="query"
+            type="search"
+            placeholder=${this.placeholder || this.localize('search')}
+            .value=${this.query}
+            @lr-input=${this.onQueryInput}
+            @keydown=${this.onQueryKeyDown}
+          ></lr-input>
+          <lr-segmented
+            part="mode"
+            size="s"
+            .items=${this.modeItems()}
+            .value=${this.mode}
+            label=${this.localize('retrievalModeLabel')}
+            @lr-change=${this.onModeChange}
+          ></lr-segmented>
+          <button part="submit" type="button" @click=${this.onSubmitClick}>
+            ${this.loading ? this.localize('cancel') : this.localize('search')}
+          </button>
+        </div>
+        ${hasFilters
+            ? html `<lr-chip-group
+              part="filters"
+              role="group"
+              aria-label=${this.localize('retrievalFiltersLabel')}
+            >
+              ${this.scope.map((s) => html `<lr-chip tone="brand" removable value=${s} @lr-remove=${() => this.removeScope(s)}
+                  >${s}</lr-chip
+                >`)}
+              ${Object.entries(this.filters).map(([k, v]) => html `<lr-chip removable value=${k} @lr-remove=${() => this.removeFilter(k)}
+                  >${this.localize('retrievalFilterChipLabel', undefined, {
+                key: k,
+                value: this.formatFilterValue(v),
+            })}</lr-chip
+                >`)}
+            </lr-chip-group>`
+            : nothing}
+        ${this.loading
+            ? html `<lr-spinner part="spinner"></lr-spinner>`
+            : this.errorText
+                ? html `<div part="error" role="alert">${this.errorText}</div>`
+                : this.empty
+                    ? html `<lr-empty
+                  part="empty"
+                  compact
+                  heading=${this.localize('noMatches')}
+                  description=${this.localize('retrievalSearchEmptyDescription', undefined)}
+                ></lr-empty>`
+                    : nothing}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraRetrievalSearch.prototype, "query", void 0);
+__decorate([
+    property()
+], LyraRetrievalSearch.prototype, "mode", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraRetrievalSearch.prototype, "filters", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraRetrievalSearch.prototype, "scope", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraRetrievalSearch.prototype, "loading", void 0);
+__decorate([
+    property({ attribute: 'error-text' })
+], LyraRetrievalSearch.prototype, "errorText", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraRetrievalSearch.prototype, "empty", void 0);
+__decorate([
+    property()
+], LyraRetrievalSearch.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], LyraRetrievalSearch.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraRetrievalSearch.prototype, "accessibleLabel", void 0);
+//# sourceMappingURL=retrieval-search.class.js.map

package/dist/components/retrieval/retrieval-search/retrieval-search.class.js.map

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

package/dist/components/retrieval/retrieval-search/retrieval-search.d.ts

@@ -0,0 +1,8 @@
+export * from './retrieval-search.class.js';
+import '../../forms/input/input.js';
+import '../../layout/segmented/segmented.js';
+import '../../overlays/chip/chip.js';
+import '../../overlays/chip/chip-group.js';
+import '../../overlays/spinner/spinner.js';
+import '../../overlays/empty/empty.js';
+//# sourceMappingURL=retrieval-search.d.ts.map

package/dist/components/retrieval/retrieval-search/retrieval-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"retrieval-search.d.ts","sourceRoot":"","sources":["../../../../src/components/retrieval/retrieval-search/retrieval-search.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAG5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC"}

package/dist/components/retrieval/retrieval-search/retrieval-search.js

@@ -0,0 +1,11 @@
+export * from './retrieval-search.class.js';
+import { LyraRetrievalSearch } from './retrieval-search.class.js';
+import { defineElement } from '../../../internal/prefix.js';
+import '../../forms/input/input.js';
+import '../../layout/segmented/segmented.js';
+import '../../overlays/chip/chip.js';
+import '../../overlays/chip/chip-group.js';
+import '../../overlays/spinner/spinner.js';
+import '../../overlays/empty/empty.js';
+defineElement('retrieval-search', LyraRetrievalSearch);
+//# sourceMappingURL=retrieval-search.js.map

package/dist/components/retrieval/retrieval-search/retrieval-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"retrieval-search.js","sourceRoot":"","sources":["../../../../src/components/retrieval/retrieval-search/retrieval-search.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,4BAA4B,CAAC;AACpC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC;AACvC,aAAa,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC"}

package/dist/components/retrieval/retrieval-search/retrieval-search.styles.d.ts.map

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

package/dist/components/retrieval/retrieval-search/retrieval-search.styles.js.map

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

package/dist/components/retrieval/retrieval-trace/retrieval-trace.class.d.ts

@@ -0,0 +1,102 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import type { RetrievalChunk } from '../../../ai/types.js';
+import '../../agent-tools/span-waterfall/span-waterfall.class.js';
+import '../chunk-inspector/chunk-inspector.class.js';
+/** One of the five fixed stages a retrieval pipeline moves through, in order. */
+export type RetrievalStageKind = 'query-rewrite' | 'embed' | 'retrieve' | 'rerank' | 'filter';
+/**
+ * Evidence backing one `RetrievalStage`, rendered in that stage's expandable evidence panel.
+ * `chunks` reuses `RetrievalChunk` (`src/ai/types.ts`) verbatim -- the same shape a retrieval
+ * step already produces -- and renders through `<lr-chunk-inspector>` rather than new chunk
+ * markup, mapping `source.id -> sourceId` / `source.name -> title`.
+ */
+export interface RetrievalStageEvidence {
+    /** Free-form text, e.g. the rewritten query string or an embedding model identifier. */
+    text?: string;
+    /** Chunks this stage produced or retained, in this stage's own order. */
+    chunks?: RetrievalChunk[];
+    /** Arbitrary stage facts (e.g. filter criteria, embedding dimensions), rendered as a plain key/value list. */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * One stage in a retrieval pipeline. Projected to one `LyraSpan` for the internal
+ * `<lr-span-waterfall>` timeline -- `id`/`startMs`/`endMs`/`status` map straight across, `kind`
+ * maps onto whichever existing `LyraSpan['kind']` fits best (`embed` -> `'embedding'`, `retrieve`
+ * -> `'retriever'`, `query-rewrite` -> `'llm'`, `rerank`/`filter` -> `'tool'`), and the visible
+ * bar name is `label` (if set) or the stage's own localized default for `kind`.
+ */
+export interface RetrievalStage {
+    id: string;
+    kind: RetrievalStageKind;
+    /** Overrides the localized default label for `kind` (e.g. a specific embedding-model name). */
+    label?: string;
+    /** Milliseconds relative to the trace start. */
+    startMs: number;
+    /** Milliseconds relative to the trace start. Absent while the stage is still running. */
+    endMs?: number;
+    /** Same vocabulary as `LyraSpan.status`. */
+    status: 'pending' | 'running' | 'success' | 'error' | 'denied';
+    /** Secondary text under the stage name, e.g. "12 chunks, top score 0.87". */
+    detail?: string;
+    evidence?: RetrievalStageEvidence;
+}
+export interface LyraRetrievalTraceEventMap {
+    'lr-stage-select': CustomEvent<{
+        id: string;
+    }>;
+    'lr-stage-toggle': CustomEvent<{
+        id: string;
+        expanded: boolean;
+    }>;
+}
+/**
+ * `<lr-retrieval-trace>` — a retrieval pipeline's stage timeline (query rewriting, embedding,
+ * retrieval, reranking, filtering), rendered through `<lr-span-waterfall>`'s existing
+ * time-scaled bar rendering, plus a disclosure list below it exposing each stage's evidence:
+ * free-form text, retrieved/reranked/filtered chunks via `<lr-chunk-inspector>`, and/or arbitrary
+ * stage metadata. Never fetches, ranks, or computes retrieval results itself.
+ *
+ * @customElement lr-retrieval-trace
+ * @event lr-stage-select - A stage's bar was activated in the timeline (click, Enter, Space). `detail: { id }`.
+ * @event lr-stage-toggle - A stage's evidence panel was expanded or collapsed (via its own toggle,
+ * or implicitly by selecting that stage in the timeline for the first time). `detail: { id, expanded }`.
+ * @csspart base - The root wrapper.
+ * @csspart timeline - The internal `<lr-span-waterfall>` element.
+ * @csspart evidence-list - The wrapper around every stage's evidence disclosure row. Omitted when no stage has evidence.
+ * @csspart evidence-row - One stage's evidence disclosure row. Omitted for a stage with no evidence.
+ * @csspart evidence-toggle - A stage's evidence disclosure `<button>`.
+ * @csspart evidence-toggle-icon - The disclosure button's chevron glyph.
+ * @csspart evidence-body - A stage's evidence content wrapper, hidden while collapsed.
+ * @csspart evidence-text - A stage's free-form text evidence.
+ * @csspart evidence-metadata - A stage's key/value metadata list (a `<dl>`).
+ * @csspart evidence-metadata-row - One metadata entry's `<dt>`/`<dd>` pair wrapper, inside `evidence-metadata`.
+ * @csspart evidence-metadata-key - One metadata entry's key (a `<dt>`).
+ * @csspart evidence-metadata-value - One metadata entry's value (a `<dd>`).
+ */
+export declare class LyraRetrievalTrace extends LyraElement<LyraRetrievalTraceEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** The pipeline's stages, in any order -- the internal timeline sorts them by `startMs`. */
+    stages: RetrievalStage[];
+    /** Controlled selection, forwarded verbatim to the internal `<lr-span-waterfall>`'s `activeSpanId`. */
+    activeStageId: string | null;
+    /** Accessible name for the internal timeline. Falls back to a host `aria-label`, then the timeline's own localized default. */
+    label: string;
+    /** Ids of stages whose evidence panel is open. Absence means collapsed -- every stage starts collapsed. */
+    private expandedStageIds;
+    private readonly evidenceIdBase;
+    private stageLabel;
+    private toSpans;
+    private toggleEvidence;
+    private onStageSelect;
+    protected willUpdate(changed: PropertyValues): void;
+    private renderEvidenceBody;
+    private renderEvidenceRow;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-retrieval-trace': LyraRetrievalTrace;
+    }
+}
+//# sourceMappingURL=retrieval-trace.class.d.ts.map

package/dist/components/retrieval/retrieval-trace/retrieval-trace.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"retrieval-trace.class.d.ts","sourceRoot":"","sources":["../../../../src/components/retrieval/retrieval-trace/retrieval-trace.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,OAAO,0DAA0D,CAAC;AAClE,OAAO,6CAA6C,CAAC;AAGrD,iFAAiF;AACjF,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9F;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB;IACrC,wFAAwF;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,kBAAkB,CAAC;IACzB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/D,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,sBAAsB,CAAC;CACnC;AA2CD,MAAM,WAAW,0BAA0B;IACzC,iBAAiB,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,iBAAiB,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CACnE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,kBAAmB,SAAQ,WAAW,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,MAAM,iCAAgC;IAE7C,4FAA4F;IAC5D,MAAM,EAAE,cAAc,EAAE,CAAM;IAC9D,uGAAuG;IAC3D,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChF,+HAA+H;IACnH,KAAK,SAAM;IAEvB,2GAA2G;IAClG,OAAO,CAAC,gBAAgB,CAAqB;IAEtD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6B;IAE5D,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,OAAO;IAcf,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,aAAa,CAcnB;IAEF,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAYlD;IAED,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,iBAAiB;IAsBzB,MAAM,IAAI,cAAc,CAiBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,kBAAkB,CAAC;KAC1C;CACF"}

package/dist/components/retrieval/retrieval-trace/retrieval-trace.class.js

@@ -0,0 +1,216 @@
+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 { LyraElement } from '../../../internal/lyra-element.js';
+import { nextId } from '../../../internal/a11y.js';
+import { chevronIcon } from '../../../internal/icons.js';
+import '../../agent-tools/span-waterfall/span-waterfall.class.js';
+import '../chunk-inspector/chunk-inspector.class.js';
+import { styles } from './retrieval-trace.styles.js';
+const STAGE_SPAN_KIND = {
+    'query-rewrite': 'llm',
+    embed: 'embedding',
+    retrieve: 'retriever',
+    rerank: 'tool',
+    filter: 'tool',
+};
+/** `this.localize()` key per stage kind. */
+const STAGE_LABEL = {
+    'query-rewrite': { key: 'retrievalStageQueryRewrite' },
+    embed: { key: 'retrievalStageEmbed' },
+    retrieve: { key: 'retrievalStageRetrieve' },
+    rerank: { key: 'retrievalStageRerank' },
+    filter: { key: 'retrievalStageFilter' },
+};
+function hasEvidence(evidence) {
+    if (!evidence)
+        return false;
+    return (Boolean(evidence.text) ||
+        Boolean(evidence.chunks && evidence.chunks.length > 0) ||
+        Boolean(evidence.metadata && Object.keys(evidence.metadata).length > 0));
+}
+function toLyraChunk(chunk) {
+    return { id: chunk.id, text: chunk.text, score: chunk.score, sourceId: chunk.source.id, title: chunk.source.name };
+}
+function formatMetadataValue(value) {
+    if (value == null)
+        return '';
+    if (typeof value === 'string')
+        return value;
+    if (typeof value === 'number' || typeof value === 'boolean')
+        return String(value);
+    try {
+        return JSON.stringify(value);
+    }
+    catch {
+        return String(value);
+    }
+}
+/**
+ * `<lr-retrieval-trace>` — a retrieval pipeline's stage timeline (query rewriting, embedding,
+ * retrieval, reranking, filtering), rendered through `<lr-span-waterfall>`'s existing
+ * time-scaled bar rendering, plus a disclosure list below it exposing each stage's evidence:
+ * free-form text, retrieved/reranked/filtered chunks via `<lr-chunk-inspector>`, and/or arbitrary
+ * stage metadata. Never fetches, ranks, or computes retrieval results itself.
+ *
+ * @customElement lr-retrieval-trace
+ * @event lr-stage-select - A stage's bar was activated in the timeline (click, Enter, Space). `detail: { id }`.
+ * @event lr-stage-toggle - A stage's evidence panel was expanded or collapsed (via its own toggle,
+ * or implicitly by selecting that stage in the timeline for the first time). `detail: { id, expanded }`.
+ * @csspart base - The root wrapper.
+ * @csspart timeline - The internal `<lr-span-waterfall>` element.
+ * @csspart evidence-list - The wrapper around every stage's evidence disclosure row. Omitted when no stage has evidence.
+ * @csspart evidence-row - One stage's evidence disclosure row. Omitted for a stage with no evidence.
+ * @csspart evidence-toggle - A stage's evidence disclosure `<button>`.
+ * @csspart evidence-toggle-icon - The disclosure button's chevron glyph.
+ * @csspart evidence-body - A stage's evidence content wrapper, hidden while collapsed.
+ * @csspart evidence-text - A stage's free-form text evidence.
+ * @csspart evidence-metadata - A stage's key/value metadata list (a `<dl>`).
+ * @csspart evidence-metadata-row - One metadata entry's `<dt>`/`<dd>` pair wrapper, inside `evidence-metadata`.
+ * @csspart evidence-metadata-key - One metadata entry's key (a `<dt>`).
+ * @csspart evidence-metadata-value - One metadata entry's value (a `<dd>`).
+ */
+export class LyraRetrievalTrace extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The pipeline's stages, in any order -- the internal timeline sorts them by `startMs`. */
+        this.stages = [];
+        /** Controlled selection, forwarded verbatim to the internal `<lr-span-waterfall>`'s `activeSpanId`. */
+        this.activeStageId = null;
+        /** Accessible name for the internal timeline. Falls back to a host `aria-label`, then the timeline's own localized default. */
+        this.label = '';
+        /** Ids of stages whose evidence panel is open. Absence means collapsed -- every stage starts collapsed. */
+        this.expandedStageIds = new Set();
+        this.evidenceIdBase = nextId('retrieval-trace');
+        this.onStageSelect = (e) => {
+            const { id } = e.detail;
+            this.emit('lr-stage-select', { id });
+            // Selecting a stage in the timeline opens its evidence panel the first time (a "click a
+            // stage, see what it did" flow), but never auto-collapses it again on a second click -- the
+            // dedicated evidence-toggle button (with its own aria-expanded/aria-controls) is the only
+            // control that closes it, so the two affordances stay independently predictable.
+            const stage = this.stages.find((s) => s.id === id);
+            if (stage && hasEvidence(stage.evidence) && !this.expandedStageIds.has(id)) {
+                const next = new Set(this.expandedStageIds);
+                next.add(id);
+                this.expandedStageIds = next;
+                this.emit('lr-stage-toggle', { id, expanded: true });
+            }
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    stageLabel(stage) {
+        if (stage.label)
+            return stage.label;
+        return this.localize(STAGE_LABEL[stage.kind].key);
+    }
+    toSpans() {
+        return this.stages.map((stage) => ({
+            id: stage.id,
+            name: this.stageLabel(stage),
+            kind: STAGE_SPAN_KIND[stage.kind],
+            startMs: stage.startMs,
+            endMs: stage.endMs,
+            status: stage.status,
+            detail: stage.detail,
+        }));
+    }
+    toggleEvidence(id) {
+        const expanded = !this.expandedStageIds.has(id);
+        const next = new Set(this.expandedStageIds);
+        if (expanded)
+            next.add(id);
+        else
+            next.delete(id);
+        this.expandedStageIds = next;
+        this.emit('lr-stage-toggle', { id, expanded });
+    }
+    willUpdate(changed) {
+        if (changed.has('stages')) {
+            const ids = new Set(this.stages.map((s) => s.id));
+            let pruned = null;
+            for (const id of this.expandedStageIds) {
+                if (!ids.has(id)) {
+                    pruned ??= new Set(this.expandedStageIds);
+                    pruned.delete(id);
+                }
+            }
+            if (pruned)
+                this.expandedStageIds = pruned;
+        }
+    }
+    renderEvidenceBody(evidence) {
+        const chunks = evidence.chunks && evidence.chunks.length > 0 ? evidence.chunks.map(toLyraChunk) : [];
+        const metaEntries = evidence.metadata ? Object.entries(evidence.metadata) : [];
+        return html `
+      ${evidence.text ? html `<p part="evidence-text">${evidence.text}</p>` : nothing}
+      ${chunks.length > 0 ? html `<lr-chunk-inspector compact .chunks=${chunks}></lr-chunk-inspector>` : nothing}
+      ${metaEntries.length > 0
+            ? html `<dl part="evidence-metadata">
+            ${metaEntries.map(([key, value]) => html `<div part="evidence-metadata-row">
+                  <dt part="evidence-metadata-key">${key}</dt>
+                  <dd part="evidence-metadata-value">${formatMetadataValue(value)}</dd>
+                </div>`)}
+          </dl>`
+            : nothing}
+    `;
+    }
+    renderEvidenceRow(stage) {
+        if (!hasEvidence(stage.evidence))
+            return nothing;
+        const expanded = this.expandedStageIds.has(stage.id);
+        const bodyId = `${this.evidenceIdBase}-${stage.id}`;
+        const label = this.stageLabel(stage);
+        return html `
+      <div part="evidence-row" data-id=${stage.id} ?data-active=${this.activeStageId === stage.id}>
+        <button
+          part="evidence-toggle"
+          type="button"
+          aria-expanded=${expanded ? 'true' : 'false'}
+          aria-controls=${bodyId}
+          @click=${() => this.toggleEvidence(stage.id)}
+        >
+          <span part="evidence-toggle-icon" aria-hidden="true">${chevronIcon()}</span>
+          <span>${this.localize('retrievalTraceEvidenceToggle', undefined, { label })}</span>
+        </button>
+        <div part="evidence-body" id=${bodyId} ?hidden=${!expanded}>${this.renderEvidenceBody(stage.evidence)}</div>
+      </div>
+    `;
+    }
+    render() {
+        const spans = this.toSpans();
+        const hasAnyEvidence = this.stages.some((s) => hasEvidence(s.evidence));
+        return html `
+      <div part="base">
+        <lr-span-waterfall
+          part="timeline"
+          .spans=${spans}
+          .activeSpanId=${this.activeStageId}
+          .label=${this.label}
+          @lr-span-select=${this.onStageSelect}
+        ></lr-span-waterfall>
+        ${hasAnyEvidence
+            ? html `<div part="evidence-list">${this.stages.map((stage) => this.renderEvidenceRow(stage))}</div>`
+            : nothing}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraRetrievalTrace.prototype, "stages", void 0);
+__decorate([
+    property({ attribute: 'active-stage-id' })
+], LyraRetrievalTrace.prototype, "activeStageId", void 0);
+__decorate([
+    property()
+], LyraRetrievalTrace.prototype, "label", void 0);
+__decorate([
+    state()
+], LyraRetrievalTrace.prototype, "expandedStageIds", void 0);
+//# sourceMappingURL=retrieval-trace.class.js.map