@aceshooting/lyra-ui 4.0.0 → 4.2.0

package/dist/components/chat-message/chat-message.class.js

@@ -81,7 +81,11 @@ const STATUS_TEXT_KEY = {
  * finishing), is additionally announced through an internal
  * `<lr-live-region>` (see that component's header for the throttled-
  * announcement wiring this composes) so a screen-reader user who isn't
- * currently focused on this message still learns about it. This differs
+ * currently focused on this message still learns about it — *unless* the
+ * `failure` slot has content, in which case this internal announcement is
+ * skipped: the host's own `role="alert"` failure content is expected to
+ * announce itself, and firing both would double-announce the same failure
+ * with two different (and differently specific) messages. This differs
  * from `<lr-typing-indicator>`'s deliberately simpler `role="status"`
  * approach — that component only ever has one thing to announce (its own
  * mount); this one has a `status` that can flip between several values
@@ -105,7 +109,24 @@ const STATUS_TEXT_KEY = {
  * @slot badges - Small status/metric chips (e.g. token count, latency, model name) — entirely app-supplied; this component computes none of that itself.
  * @slot actions - Action controls (e.g. copy, retry), rendered at the end of the footer.
  * @slot attachments - File/image attachment chips, rendered below the message body by default; see `attachments-position`.
- * @event lr-retry - Fired by the built-in retry button, only rendered when `status="failed"`.
+ * @slot failure - Only ever rendered while `status="failed"`. Empty (the default), the footer keeps
+ *   its built-in `[part="status-text"]`/`[part="retry-button"]` exactly as before. The moment this
+ *   slot has assigned content, that built-in status text and retry button are suppressed — the host
+ *   is now fully responsible for presenting its own failure UI, and the built-in `chatFailedAnnounce`
+ *   live-region announcement is suppressed too (see `@event lr-retry` below for the effect on that
+ *   event, and the "Accessibility of `status`" paragraph above for the built-in announcement this
+ *   replaces). Content assigned here should carry `role="alert"` itself when it represents an
+ *   actionable send failure — this component does not add that role on the host's behalf, since it
+ *   has no way to know what markup the host puts in this slot. This mirrors `lr-flow-node`'s `header`
+ *   slot, which replaces that component's own built-in heading row the same way.
+ * @event lr-retry - Fired by the built-in retry button, only rendered when `status="failed"` and the
+ *   `failure` slot is empty. `detail: { messageId?: string }` includes this element's stable
+ *   `messageId` when supplied, so a conversation surface can identify the message without a
+ *   closure around each row. A host using the `failure` slot owns its own retry control and is not
+ *   required to use this event at all — but nothing stops that control from dispatching its own
+ *   `new CustomEvent('lr-retry', { bubbles: true, composed: true })` to stay consistent with the
+ *   same event contract a listener further up a conversation surface already relies on for every
+ *   other message.
  * @event lr-collapse-toggle - `detail: boolean` (the new `collapsed` state) — fired when the user activates the built-in collapse button.
  * @csspart bubble - The message bubble root. Programmatically focusable (`tabindex="-1"`) so focus has a stable place to land when the built-in retry button is removed (e.g. a `lr-retry` listener flipping `status` away from `"failed"`).
  * @csspart header - The row above the message body — avatar, badges, and the collapse toggle. Hidden entirely when none of those have anything to show.
@@ -114,6 +135,9 @@ const STATUS_TEXT_KEY = {
  * @csspart collapse-button - The built-in collapse/expand toggle (only rendered when `collapsible`).
  * @csspart body - The wrapper around the default slot (the message content). Hidden while `collapsed`.
  * @csspart attachments - The wrapper around the `attachments` slot.
+ * @csspart failure - The `failure` slot itself (`display: contents` — it contributes no box of its
+ *   own, so the host's own content lays out exactly as if it were a direct child of `bubble`, with no
+ *   `::part(failure)` override needed to get there). Only present in the DOM while `status="failed"`.
  * @csspart footer - The row below the message body — status, timestamp, retry, and actions. Hidden entirely when none of those have anything to show.
  * @csspart status-indicator - A small decorative (`aria-hidden`) dot reflecting `status`; absent while `status="sent"`.
  * @csspart status-text - The visible text twin of `status-indicator` — carries the state in text, not just color.
@@ -129,6 +153,9 @@ export class LyraChatMessage extends LyraElement {
         super(...arguments);
         /** Who authored the message. Reflects to `data-role` — see the class doc. */
         this.role = 'assistant';
+        /** Optional stable application-defined identifier for this message. Included in `lr-retry`
+         *  detail when set. */
+        this.messageId = '';
         /** Shows the built-in collapse/expand toggle in the header. */
         this.collapsible = false;
         /** Whether the message body is currently hidden. Effective whenever set,
@@ -151,6 +178,11 @@ export class LyraChatMessage extends LyraElement {
         this.hasBadgesSlot = false;
         this.hasAttachmentsSlot = false;
         this.hasActionsSlot = false;
+        /** Whether the `failure` slot currently has assigned content. Only meaningful while
+         *  `status === "failed"` -- that's the only time the slot itself is even in the render (see
+         *  `render()`), mirroring `lr-flow-node`'s identical `hasHeaderSlot` flag for its own
+         *  entirely-replaces-the-built-in-UI `header` slot. */
+        this.hasFailureSlot = false;
         this.bodyId = nextId('chat-message-body');
         this._status = 'sent';
         /** The value `status` held immediately before its current one, recorded
@@ -182,6 +214,9 @@ export class LyraChatMessage extends LyraElement {
         this.onActionsSlotChange = (e) => {
             this.hasActionsSlot = e.target.assignedElements({ flatten: true }).length > 0;
         };
+        this.onFailureSlotChange = (e) => {
+            this.hasFailureSlot = e.target.assignedElements({ flatten: true }).length > 0;
+        };
         this.toggleCollapsed = () => {
             this.collapsed = !this.collapsed;
             this.emit('lr-collapse-toggle', this.collapsed);
@@ -193,7 +228,7 @@ export class LyraChatMessage extends LyraElement {
             // so it lands somewhere stable inside the message instead of silently
             // reverting to `<body>` once the button it was on disappears.
             this.bubbleEl?.focus();
-            this.emit('lr-retry');
+            this.emit('lr-retry', { messageId: this.messageId || undefined });
         };
     }
     static { this.styles = [LyraElement.styles, styles]; }
@@ -220,12 +255,38 @@ export class LyraChatMessage extends LyraElement {
         this._status = value;
         this.requestUpdate('status', old);
     }
-    willUpdate() {
+    willUpdate(changed) {
         if (!this.hasUpdated) {
             this.hasAvatarSlot = this.hasSlotted('avatar');
             this.hasBadgesSlot = this.hasSlotted('badges');
             this.hasAttachmentsSlot = this.hasSlotted('attachments');
             this.hasActionsSlot = this.hasSlotted('actions');
+            // Mounting directly into status="failed" with failure-slot content already present in the
+            // initial markup -- the <slot name="failure"> element is about to exist for the very first
+            // time this render, so there's no prior slotchange to have fired yet. Same "detected on first
+            // paint, not just via slotchange" need the avatar/badges flags above already have.
+            if (this.status === 'failed') {
+                this.hasFailureSlot = this.hasSlotted('failure');
+            }
+        }
+        else if (changed.has('status')) {
+            if (this.status === 'failed') {
+                // Entering "failed" *after* mount -- the <slot name="failure"> element didn't exist in the
+                // previous render (see render()), so any slot="failure" content the host already had sitting
+                // in its light DOM has never had a slotchange fire for it either. Recheck directly, same
+                // reasoning as the mount-time check above.
+                this.hasFailureSlot = this.hasSlotted('failure');
+            }
+            else if (this.previousStatus === 'failed' && this.hasFailureSlot && this.isFocusWithinFailureSlot()) {
+                // Leaving "failed" while the host's own failure content held focus (e.g. the host's own
+                // retry button, whose click listener is documented to flip status away from "failed") --
+                // the <slot name="failure"> this content was rendering through is about to disappear from
+                // this render entirely. An assigned node with no <slot> left to render into is forcibly
+                // blurred by the browser, which silently drops focus to <body> if nothing intervenes. Move
+                // focus to the always-rendered bubble first, synchronously, mirroring onRetryClick's
+                // identical rescue for the built-in retry button.
+                this.bubbleEl?.focus();
+            }
         }
     }
     updated(changed) {
@@ -238,6 +299,17 @@ export class LyraChatMessage extends LyraElement {
     hasSlotted(name) {
         return Array.from(this.children).some((el) => el.getAttribute('slot') === name);
     }
+    /** Whether `document.activeElement` is (or is inside) one of this host's `slot="failure"`
+     *  children. Slotting doesn't move an element out of the light DOM -- `document.activeElement`
+     *  reports the actual focused node regardless of where Shadow DOM projects it for rendering --
+     *  so this walks the host's real children, same as `hasSlotted` above, rather than anything
+     *  shadow-root-relative. */
+    isFocusWithinFailureSlot() {
+        const active = document.activeElement;
+        if (!active)
+            return false;
+        return Array.from(this.children).some((el) => el.getAttribute('slot') === 'failure' && el.contains(active));
+    }
     get normalizedTimestamp() {
         if (this.timestamp === undefined)
             return undefined;
@@ -254,6 +326,11 @@ export class LyraChatMessage extends LyraElement {
         if (!region)
             return;
         if (this.status === 'failed') {
+            // The `failure` slot's own content is expected to carry `role="alert"` and announce itself --
+            // see the class doc's "Accessibility of `status`" paragraph. Firing this generic announcement
+            // on top of that would double-announce the same failure.
+            if (this.hasFailureSlot)
+                return;
             region.mode = 'assertive';
             region.announce(this.localize('chatFailedAnnounce'), { force: true });
         }
@@ -265,10 +342,14 @@ export class LyraChatMessage extends LyraElement {
     render() {
         const ts = this.normalizedTimestamp;
         const formatter = this.formatTimestamp ?? ((date) => defaultFormatTimestamp(date, this.effectiveLocale));
-        const statusText = this.statusText;
+        // Once the `failure` slot is populated it takes over full responsibility for presenting the
+        // failed state -- suppress the built-in status text and retry button so a consumer is never
+        // shown both at once (see the class doc's `failure` slot entry).
+        const suppressBuiltInFailedUi = this.status === 'failed' && this.hasFailureSlot;
+        const statusText = suppressBuiltInFailedUi ? undefined : this.statusText;
         const showHeader = this.hasAvatarSlot || this.hasBadgesSlot || this.collapsible;
-        // `statusText` is already truthy whenever `status === 'failed'`, so it
-        // alone covers that case here too.
+        // `statusText` is already truthy whenever `status === 'failed'` and the built-in UI isn't
+        // suppressed, so it alone covers that case here too.
         const showFooter = Boolean(statusText) || Boolean(ts) || (!this.actionsOutsideBubble && this.hasActionsSlot);
         const actionsBlock = html `<span part="actions" ?hidden=${!this.hasActionsSlot}
       ><slot name="actions" @slotchange=${this.onActionsSlotChange}></slot
@@ -303,6 +384,9 @@ export class LyraChatMessage extends LyraElement {
           <slot></slot>
         </div>
         ${this.attachmentsPosition === 'before' ? nothing : attachmentsBlock}
+        ${this.status === 'failed'
+            ? html `<slot part="failure" name="failure" @slotchange=${this.onFailureSlotChange}></slot>`
+            : nothing}
         <div part="footer" ?hidden=${!showFooter}>
           ${statusText
             ? html `<span part="status-indicator" aria-hidden="true"></span><span part="status-text"
@@ -310,7 +394,7 @@ export class LyraChatMessage extends LyraElement {
                 >`
             : nothing}
           ${ts ? html `<time part="timestamp" datetime=${ts.toISOString()}>${formatter(ts)}</time>` : nothing}
-          ${this.status === 'failed'
+          ${this.status === 'failed' && !suppressBuiltInFailedUi
             ? html `<button part="retry-button" type="button" @click=${this.onRetryClick}>
                 ${retryIcon()}<span>${this.localize('retry')}</span>
               </button>`
@@ -326,6 +410,9 @@ export class LyraChatMessage extends LyraElement {
 __decorate([
     property({ reflect: true, attribute: 'data-role' })
 ], LyraChatMessage.prototype, "role", void 0);
+__decorate([
+    property({ attribute: 'message-id', reflect: true })
+], LyraChatMessage.prototype, "messageId", void 0);
 __decorate([
     property({ attribute: false })
 ], LyraChatMessage.prototype, "timestamp", void 0);
@@ -356,6 +443,9 @@ __decorate([
 __decorate([
     state()
 ], LyraChatMessage.prototype, "hasActionsSlot", void 0);
+__decorate([
+    state()
+], LyraChatMessage.prototype, "hasFailureSlot", void 0);
 __decorate([
     query('lr-live-region')
 ], LyraChatMessage.prototype, "liveRegion", void 0);

package/dist/components/chat-message/chat-message.class.js.map

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

package/dist/components/chat-message/chat-message.styles.d.ts.map

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

package/dist/components/chat-message/chat-message.styles.js

@@ -127,6 +127,20 @@ export const styles = css `
     gap: var(--lr-space-xs);
   }
 
+  /* Fully transparent to layout -- the same display:contents idiom
+     lr-attachment-trigger's :host and lr-combobox's [part='tags'] already
+     use for identical reasons. The slot itself contributes no box, so
+     whatever the host slots in here (expected to be a block-level
+     role="alert" element) becomes a direct flex item of [part='bubble'],
+     inheriting its gap, exactly as if it had been authored as a sibling of
+     [part='body']/[part='footer'] -- no ::part(failure) override needed to
+     get there. When empty, this produces zero boxes and zero footprint,
+     which is what keeps the failed state byte-identical to today's
+     rendering whenever the failure slot goes unused. */
+  [part='failure'] {
+    display: contents;
+  }
+
   [part='footer'] {
     display: flex;
     flex-wrap: wrap;

package/dist/components/chat-message/chat-message.styles.js.map

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

package/dist/components/context-inspector/context-inspector.class.d.ts

@@ -0,0 +1,114 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import type { Citation } from '../../ai/types.js';
+import type { ContextMeterTone } from '../context-meter/context-meter.class.js';
+import type { ExportFormatOption } from '../export-button/export-button.class.js';
+import '../context-meter/context-meter.class.js';
+import '../copy-button/copy-button.class.js';
+import '../export-button/export-button.class.js';
+import '../citation-badge/citation-badge.class.js';
+import '../empty/empty.class.js';
+/**
+ * One redacted character range within a `ContextInspectorSegment.text`. `start`/`end` are plain
+ * UTF-16 offsets, matching `Citation['span']`'s own `{ start; end }` shape (`ai/types.ts`). `text`
+ * is expected to already carry a redaction placeholder in that range (e.g. `[REDACTED]`) -- this
+ * component only visually/accessibly marks the range, it never receives, un-redacts, or renders
+ * the original sensitive content.
+ */
+export interface ContextInspectorRedaction {
+    start: number;
+    end: number;
+    /** Shown as the marker's `title`/accessible reason. Falls back to a generic localized "Redacted" when unset. */
+    reason?: string;
+}
+/** One piece of the assembled final prompt context, e.g. a system prompt, a retrieved chunk, or one chat-history turn. */
+export interface ContextInspectorSegment {
+    id: string;
+    /** Short heading, e.g. "System prompt", "Retrieved chunk 2". Feeds both this segment's own heading and its `<lr-context-meter>` segment label. */
+    label: string;
+    /** The segment's final text, exactly as sent to the model (post-redaction/post-truncation). */
+    text: string;
+    /** Estimated token count. Feeds `<lr-context-meter>`'s segment `value` directly. */
+    tokens: number;
+    tone?: ContextMeterTone;
+    /** Source attribution -- renders a `<lr-citation-badge>` carrying `citation.sourceId`/`citation.label`. */
+    citation?: Citation;
+    /** True when `text` was cut short of the segment's original content. */
+    truncated?: boolean;
+    /** Tokens omitted by truncation, shown in the truncation-boundary marker's text when set. */
+    omittedTokens?: number;
+    /** Character ranges within `text` that are redaction placeholders (see `ContextInspectorRedaction`). */
+    redactions?: ContextInspectorRedaction[];
+}
+/**
+ * `<lr-context-inspector>` — an inspection view of the exact context assembled for a model call:
+ * per-segment token estimates via `<lr-context-meter>`, source attribution via
+ * `<lr-citation-badge>`, and copy/export affordances via `<lr-copy-button>`/`<lr-export-button>`.
+ * Truncation-boundary and redaction-marker rendering are this component's own minimal
+ * presentational logic (see `ContextInspectorSegment`'s `truncated`/`omittedTokens`/`redactions`
+ * fields) — no existing primitive covers "show where this got cut off / redacted", so this stays a
+ * small, purpose-built rendering step rather than a general text-annotation system.
+ *
+ * Pure projection: never fetches, estimates tokens, or performs redaction itself — `segments` is
+ * expected to already carry each field's final, already-processed value (e.g. `text` already has
+ * any redaction placeholders substituted in; this component never sees or renders the original
+ * unredacted content).
+ *
+ * @customElement lr-context-inspector
+ * @event lr-copy - `detail: { text }`, surfaced by the embedded `lr-copy-button` copying the
+ *   assembled context text (every segment's `label` + `text`, in order). Bubbles + composed
+ *   already; not re-emitted, so exactly one event reaches a host listener.
+ * @event lr-export - `detail: { format }`, surfaced by the embedded `lr-export-button`, one row
+ *   per segment. Cancelable — see that component's own contract for substituting a
+ *   server-generated export.
+ * @event lr-export-complete - `detail: { format }`, fired after a non-cancelled export completes.
+ * @event lr-citation-activate - `detail: { sourceId, index }`, surfaced by a segment's embedded
+ *   `lr-citation-badge` — the "jump to this source" signal a host wires to scrolling/highlighting
+ *   the matching `lr-source-card`.
+ * @event lr-citation-open - `detail: { sourceId, index, href }`, this component's "full preview"
+ *   signal, surfaced the same way.
+ * @csspart base - The `role="group"` wrapper.
+ * @csspart meter - The embedded `lr-context-meter`. Omitted (replaced by `empty`) when `segments` is empty.
+ * @csspart toolbar - The wrapper around the copy/export affordances. Omitted when `segments` is empty.
+ * @csspart copy-button - The embedded `lr-copy-button`.
+ * @csspart export-button - The embedded `lr-export-button`.
+ * @csspart segments - The `role="list"` wrapper around all segments. Omitted (replaced by `empty`) when `segments` is empty.
+ * @csspart segment - One segment's wrapper (`role="listitem"`).
+ * @csspart segment-header - A segment's label/token-count/citation row.
+ * @csspart segment-label - A segment's visible label text.
+ * @csspart segment-tokens - A segment's visible token-estimate text.
+ * @csspart citation - A segment's embedded `lr-citation-badge`, rendered only when it carries a `citation`.
+ * @csspart segment-text - A segment's text body, carrying any `redaction` marks and its own trailing `truncation-boundary` marker.
+ * @csspart redaction - One redacted range within a segment's text (a `<mark>`).
+ * @csspart truncation-boundary - The marker appended after a `truncated` segment's text.
+ * @csspart empty - The empty state, shown when `segments` is empty.
+ */
+export declare class LyraContextInspector extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** The assembled context, one entry per piece (system prompt, retrieved chunk, history turn, ...). */
+    segments: ContextInspectorSegment[];
+    /** The full token budget `segments` are measured against — passed straight through to `<lr-context-meter>`'s own `total`. */
+    total: number;
+    /** Accessible group name, and the embedded `<lr-context-meter>`'s own visible caption, e.g. "128K context window". */
+    label: string;
+    /** Export format(s) offered by the embedded `<lr-export-button>` — a single id renders a plain button, more than one a format-choice menu. */
+    formats: ExportFormatOption[];
+    /** Download filename (no extension) passed through to `<lr-export-button>`. */
+    filename: string;
+    private get meterSegments();
+    /** Every segment's `label` + `text`, in order — the `<lr-copy-button>`'s `value`. */
+    private get assembledText();
+    /** One flat row per segment for `<lr-export-button>` — `redactions` is summarized as a count
+     *  rather than carried in full, keeping every export format (including CSV) well-formed. */
+    private get exportRows();
+    private renderSegmentText;
+    private renderTruncationBoundary;
+    private renderSegment;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-context-inspector': LyraContextInspector;
+    }
+}
+//# sourceMappingURL=context-inspector.class.d.ts.map

package/dist/components/context-inspector/context-inspector.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-inspector.class.d.ts","sourceRoot":"","sources":["../../../src/components/context-inspector/context-inspector.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAuB,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AACrG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,yCAAyC,CAAC;AACjD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,yCAAyC,CAAC;AACjD,OAAO,2CAA2C,CAAC;AACnD,OAAO,yBAAyB,CAAC;AAGjC;;;;;;GAMG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,gHAAgH;IAChH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,0HAA0H;AAC1H,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,kJAAkJ;IAClJ,KAAK,EAAE,MAAM,CAAC;IACd,+FAA+F;IAC/F,IAAI,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wGAAwG;IACxG,UAAU,CAAC,EAAE,yBAAyB,EAAE,CAAC;CAC1C;AAwCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBAAa,oBAAqB,SAAQ,WAAW;IACnD,MAAM,CAAC,MAAM,iCAAgC;IAE7C,sGAAsG;IACtE,QAAQ,EAAE,uBAAuB,EAAE,CAAM;IAEzE,6HAA6H;IACjG,KAAK,SAAK;IAEtC,sHAAsH;IAC1G,KAAK,SAAM;IAEvB,8IAA8I;IAC9G,OAAO,EAAE,kBAAkB,EAAE,CAAY;IAEzE,+EAA+E;IACnE,QAAQ,SAAa;IAEjC,OAAO,KAAK,aAAa,GAExB;IAED,qFAAqF;IACrF,OAAO,KAAK,aAAa,GAExB;IAED;gGAC4F;IAC5F,OAAO,KAAK,UAAU,GAWrB;IAED,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,wBAAwB;IAUhC,OAAO,CAAC,aAAa;IAsBrB,MAAM,IAAI,cAAc,CA+BvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,oBAAoB,CAAC;KAC9C;CACF"}

package/dist/components/context-inspector/context-inspector.class.js

@@ -0,0 +1,222 @@
+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 { finiteCount } from '../../internal/numbers.js';
+import '../context-meter/context-meter.class.js';
+import '../copy-button/copy-button.class.js';
+import '../export-button/export-button.class.js';
+import '../citation-badge/citation-badge.class.js';
+import '../empty/empty.class.js';
+import { styles } from './context-inspector.styles.js';
+/**
+ * Clamps, sorts, and merges overlapping/inverted/out-of-range ranges in `redactions` against
+ * `length` -- bad host data (a dangling span past the end of `text`, a reversed `start`/`end`, two
+ * overlapping spans) degrades to a clamped, non-overlapping range list instead of throwing or
+ * corrupting the rendered text.
+ */
+function normalizeRedactions(redactions, length) {
+    if (!redactions || redactions.length === 0)
+        return [];
+    const clamped = redactions
+        .map((r) => ({
+        start: finiteCount(Math.min(r.start, r.end), 0, length),
+        end: finiteCount(Math.max(r.start, r.end), 0, length),
+        reason: r.reason,
+    }))
+        .filter((r) => r.end > r.start)
+        .sort((a, b) => a.start - b.start);
+    const merged = [];
+    for (const r of clamped) {
+        const prev = merged[merged.length - 1];
+        if (prev && r.start < prev.end) {
+            prev.end = Math.max(prev.end, r.end);
+            continue;
+        }
+        merged.push({ ...r });
+    }
+    return merged;
+}
+function formatCount(n, locale) {
+    return Math.round(finiteCount(n)).toLocaleString(locale);
+}
+/**
+ * `<lr-context-inspector>` — an inspection view of the exact context assembled for a model call:
+ * per-segment token estimates via `<lr-context-meter>`, source attribution via
+ * `<lr-citation-badge>`, and copy/export affordances via `<lr-copy-button>`/`<lr-export-button>`.
+ * Truncation-boundary and redaction-marker rendering are this component's own minimal
+ * presentational logic (see `ContextInspectorSegment`'s `truncated`/`omittedTokens`/`redactions`
+ * fields) — no existing primitive covers "show where this got cut off / redacted", so this stays a
+ * small, purpose-built rendering step rather than a general text-annotation system.
+ *
+ * Pure projection: never fetches, estimates tokens, or performs redaction itself — `segments` is
+ * expected to already carry each field's final, already-processed value (e.g. `text` already has
+ * any redaction placeholders substituted in; this component never sees or renders the original
+ * unredacted content).
+ *
+ * @customElement lr-context-inspector
+ * @event lr-copy - `detail: { text }`, surfaced by the embedded `lr-copy-button` copying the
+ *   assembled context text (every segment's `label` + `text`, in order). Bubbles + composed
+ *   already; not re-emitted, so exactly one event reaches a host listener.
+ * @event lr-export - `detail: { format }`, surfaced by the embedded `lr-export-button`, one row
+ *   per segment. Cancelable — see that component's own contract for substituting a
+ *   server-generated export.
+ * @event lr-export-complete - `detail: { format }`, fired after a non-cancelled export completes.
+ * @event lr-citation-activate - `detail: { sourceId, index }`, surfaced by a segment's embedded
+ *   `lr-citation-badge` — the "jump to this source" signal a host wires to scrolling/highlighting
+ *   the matching `lr-source-card`.
+ * @event lr-citation-open - `detail: { sourceId, index, href }`, this component's "full preview"
+ *   signal, surfaced the same way.
+ * @csspart base - The `role="group"` wrapper.
+ * @csspart meter - The embedded `lr-context-meter`. Omitted (replaced by `empty`) when `segments` is empty.
+ * @csspart toolbar - The wrapper around the copy/export affordances. Omitted when `segments` is empty.
+ * @csspart copy-button - The embedded `lr-copy-button`.
+ * @csspart export-button - The embedded `lr-export-button`.
+ * @csspart segments - The `role="list"` wrapper around all segments. Omitted (replaced by `empty`) when `segments` is empty.
+ * @csspart segment - One segment's wrapper (`role="listitem"`).
+ * @csspart segment-header - A segment's label/token-count/citation row.
+ * @csspart segment-label - A segment's visible label text.
+ * @csspart segment-tokens - A segment's visible token-estimate text.
+ * @csspart citation - A segment's embedded `lr-citation-badge`, rendered only when it carries a `citation`.
+ * @csspart segment-text - A segment's text body, carrying any `redaction` marks and its own trailing `truncation-boundary` marker.
+ * @csspart redaction - One redacted range within a segment's text (a `<mark>`).
+ * @csspart truncation-boundary - The marker appended after a `truncated` segment's text.
+ * @csspart empty - The empty state, shown when `segments` is empty.
+ */
+export class LyraContextInspector extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The assembled context, one entry per piece (system prompt, retrieved chunk, history turn, ...). */
+        this.segments = [];
+        /** The full token budget `segments` are measured against — passed straight through to `<lr-context-meter>`'s own `total`. */
+        this.total = 0;
+        /** Accessible group name, and the embedded `<lr-context-meter>`'s own visible caption, e.g. "128K context window". */
+        this.label = '';
+        /** Export format(s) offered by the embedded `<lr-export-button>` — a single id renders a plain button, more than one a format-choice menu. */
+        this.formats = ['json'];
+        /** Download filename (no extension) passed through to `<lr-export-button>`. */
+        this.filename = 'context';
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    get meterSegments() {
+        return this.segments.map((s) => ({ label: s.label, value: s.tokens, ...(s.tone ? { tone: s.tone } : {}) }));
+    }
+    /** Every segment's `label` + `text`, in order — the `<lr-copy-button>`'s `value`. */
+    get assembledText() {
+        return this.segments.map((s) => `${s.label}\n${s.text}`).join('\n\n');
+    }
+    /** One flat row per segment for `<lr-export-button>` — `redactions` is summarized as a count
+     *  rather than carried in full, keeping every export format (including CSV) well-formed. */
+    get exportRows() {
+        return this.segments.map((s) => ({
+            id: s.id,
+            label: s.label,
+            tokens: s.tokens,
+            truncated: !!s.truncated,
+            omittedTokens: s.omittedTokens ?? null,
+            sourceId: s.citation?.sourceId ?? null,
+            redactionCount: s.redactions?.length ?? 0,
+            text: s.text,
+        }));
+    }
+    renderSegmentText(segment) {
+        const text = segment.text;
+        const redactions = normalizeRedactions(segment.redactions, text.length);
+        if (redactions.length === 0)
+            return html `${text}`;
+        const nodes = [];
+        let cursor = 0;
+        for (const r of redactions) {
+            if (r.start > cursor)
+                nodes.push(text.slice(cursor, r.start));
+            nodes.push(html `<mark part="redaction" title=${r.reason || this.localize('contextInspectorRedacted')}
+          >${text.slice(r.start, r.end)}</mark
+        >`);
+            cursor = r.end;
+        }
+        if (cursor < text.length)
+            nodes.push(text.slice(cursor));
+        return html `${nodes}`;
+    }
+    renderTruncationBoundary(segment) {
+        const text = segment.omittedTokens != null
+            ? this.localize('contextInspectorTruncatedCount', undefined, {
+                count: formatCount(segment.omittedTokens, this.effectiveLocale),
+            })
+            : this.localize('contextInspectorTruncated');
+        return html `<div part="truncation-boundary" role="note">${text}</div>`;
+    }
+    renderSegment(segment, citationIndex) {
+        const tokensText = this.localize('contextInspectorSegmentTokens', undefined, {
+            tokens: formatCount(segment.tokens, this.effectiveLocale),
+        });
+        return html `
+      <div part="segment" role="listitem">
+        <div part="segment-header">
+          <span part="segment-label">${segment.label}</span>
+          <span part="segment-tokens">${tokensText}</span>
+          ${segment.citation
+            ? html `<lr-citation-badge part="citation" source-id=${segment.citation.sourceId ?? ''} index=${citationIndex}
+                >${segment.citation.label ?? ''}</lr-citation-badge
+              >`
+            : nothing}
+        </div>
+        <div part="segment-text">
+          ${this.renderSegmentText(segment)}${segment.truncated ? this.renderTruncationBoundary(segment) : nothing}
+        </div>
+      </div>
+    `;
+    }
+    render() {
+        const groupLabel = this.getAttribute('aria-label') || this.label || this.localize('contextInspectorLabel');
+        if (this.segments.length === 0) {
+            return html `
+        <div part="base" role="group" aria-label=${groupLabel}>
+          <lr-empty part="empty" heading=${this.localize('contextInspectorEmpty')}></lr-empty>
+        </div>
+      `;
+        }
+        let citationIndex = 0;
+        return html `
+      <div part="base" role="group" aria-label=${groupLabel}>
+        <lr-context-meter part="meter" .segments=${this.meterSegments} .total=${this.total} label=${this.label}></lr-context-meter>
+        <div part="toolbar">
+          <lr-copy-button
+            part="copy-button"
+            .value=${this.assembledText}
+            aria-label=${this.localize('contextInspectorCopyLabel')}
+          ></lr-copy-button>
+          <lr-export-button part="export-button" .rows=${this.exportRows} .formats=${this.formats} filename=${this.filename}></lr-export-button>
+        </div>
+        <div part="segments" role="list">
+          ${this.segments.map((segment) => {
+            if (segment.citation)
+                citationIndex += 1;
+            return this.renderSegment(segment, citationIndex);
+        })}
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraContextInspector.prototype, "segments", void 0);
+__decorate([
+    property({ type: Number })
+], LyraContextInspector.prototype, "total", void 0);
+__decorate([
+    property()
+], LyraContextInspector.prototype, "label", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraContextInspector.prototype, "formats", void 0);
+__decorate([
+    property()
+], LyraContextInspector.prototype, "filename", void 0);
+//# sourceMappingURL=context-inspector.class.js.map