@aceshooting/lyra-ui 4.1.0 → 5.0.0

package/dist/components/agent-tools/compare-panel/compare-panel.class.d.ts

@@ -0,0 +1,112 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import '../../utility/live-region/live-region.js';
+export type CompareVote = 'a' | 'b' | 'tie' | 'both-bad';
+export interface LyraComparePanelEventMap {
+    'lr-vote': CustomEvent<{
+        choice: CompareVote;
+        itemId: string;
+    }>;
+}
+/**
+ * `<lr-compare-panel>` — side-by-side A/B output comparison with a winner
+ * vote (LMSYS-arena / LangSmith-pairwise style): two slotted panes, a vote
+ * bar, synchronized reading.
+ *
+ * @customElement lr-compare-panel
+ * @slot a - The first output (any content — a chat message, markdown, a viewer).
+ * @slot b - The second output.
+ * @slot prompt - Optional shared-input header above both panes.
+ * @event lr-vote - `detail: { choice, itemId }`.
+ * @csspart base - The outer wrapper.
+ * @csspart prompt - The optional prompt header, hidden when the `prompt` slot is empty.
+ * @csspart panes - The row (or, under 640px, column) wrapping both panes.
+ * @csspart pane-a - The first pane's labeled scroll region.
+ * @csspart pane-b - The second pane's labeled scroll region.
+ * @csspart pane-header - A pane's visible heading.
+ * @csspart vote-bar - The `role="group"` row of vote buttons.
+ * @csspart vote-button - One vote button.
+ * @csspart live-region - The internal vote-announcement live region.
+ */
+export declare class LyraComparePanel extends LyraElement<LyraComparePanelEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    static properties: {
+        labelA: {
+            attribute: string;
+            noAccessor: boolean;
+        };
+        labelB: {
+            attribute: string;
+            noAccessor: boolean;
+        };
+        vote: {
+            reflect: boolean;
+            noAccessor: boolean;
+        };
+        itemId: {
+            attribute: string;
+            noAccessor: boolean;
+        };
+        hideTie: {
+            type: BooleanConstructor;
+            attribute: string;
+            noAccessor: boolean;
+        };
+        hideBothBad: {
+            type: BooleanConstructor;
+            attribute: string;
+            noAccessor: boolean;
+        };
+        syncScroll: {
+            type: BooleanConstructor;
+            attribute: string;
+            noAccessor: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            noAccessor: boolean;
+        };
+    };
+    private hasPromptSlot;
+    private paneAEl?;
+    private paneBEl?;
+    private liveRegion?;
+    private _labelA;
+    private _labelB;
+    private _vote;
+    private _itemId;
+    private _hideTie;
+    private _hideBothBad;
+    private _syncScroll;
+    private _disabled;
+    private pendingScrollReset;
+    private suppressSync;
+    get labelA(): string;
+    set labelA(next: string);
+    get labelB(): string;
+    set labelB(next: string);
+    get vote(): CompareVote | null;
+    set vote(next: CompareVote | null);
+    get itemId(): string;
+    set itemId(next: string);
+    get hideTie(): boolean;
+    set hideTie(next: boolean);
+    get hideBothBad(): boolean;
+    set hideBothBad(next: boolean);
+    get syncScroll(): boolean;
+    set syncScroll(next: boolean);
+    get disabled(): boolean;
+    set disabled(next: boolean);
+    private onPromptSlotChange;
+    private castVote;
+    private onPaneScroll;
+    protected updated(_changed: PropertyValues): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-compare-panel': LyraComparePanel;
+    }
+}
+//# sourceMappingURL=compare-panel.class.d.ts.map

package/dist/components/agent-tools/compare-panel/compare-panel.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-panel.class.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/compare-panel/compare-panel.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,0CAA0C,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,KAAK,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,gBAAiB,SAAQ,WAAW,CAAC,wBAAwB,CAAC;IACzE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,MAAM,CAAC,UAAU;QACf,MAAM;YAAI,SAAS;YAAa,UAAU;;QAC1C,MAAM;YAAI,SAAS;YAAa,UAAU;;QAC1C,IAAI;YAAI,OAAO;YAAQ,UAAU;;QACjC,MAAM;YAAI,SAAS;YAAa,UAAU;;QAC1C,OAAO;YAAI,IAAI;YAAW,SAAS;YAAc,UAAU;;QAC3D,WAAW;YAAI,IAAI;YAAW,SAAS;YAAmB,UAAU;;QACpE,UAAU;YAAI,IAAI;YAAW,SAAS;YAAiB,UAAU;;QACjE,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;MACpD;IAEO,OAAO,CAAC,aAAa,CAAS;IAEb,OAAO,CAAC,OAAO,CAAC,CAAc;IAC9B,OAAO,CAAC,OAAO,CAAC,CAAc;IAC/B,OAAO,CAAC,UAAU,CAAC,CAAiB;IAE7D,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,YAAY,CAAS;IAE7B,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM,EAItB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM,EAItB;IAED,IAAI,IAAI,IAAI,WAAW,GAAG,IAAI,CAE7B;IACD,IAAI,IAAI,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAMhC;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IACD,IAAI,MAAM,CAAC,IAAI,EAAE,MAAM,EAQtB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,IAAI,EAAE,OAAO,EAIxB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,EAI5B;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,IAAI,EAAE,OAAO,EAI3B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,EAKzB;IAED,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,QAAQ;IAiBhB,OAAO,CAAC,YAAY,CAgBlB;IAEF,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAMhD;IAED,MAAM,IAAI,cAAc,CAmEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,gBAAgB,CAAC;KACtC;CACF"}

package/dist/components/agent-tools/compare-panel/compare-panel.class.js

@@ -0,0 +1,260 @@
+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 { query, state } from 'lit/decorators.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import '../../utility/live-region/live-region.js';
+import { styles } from './compare-panel.styles.js';
+/**
+ * `<lr-compare-panel>` — side-by-side A/B output comparison with a winner
+ * vote (LMSYS-arena / LangSmith-pairwise style): two slotted panes, a vote
+ * bar, synchronized reading.
+ *
+ * @customElement lr-compare-panel
+ * @slot a - The first output (any content — a chat message, markdown, a viewer).
+ * @slot b - The second output.
+ * @slot prompt - Optional shared-input header above both panes.
+ * @event lr-vote - `detail: { choice, itemId }`.
+ * @csspart base - The outer wrapper.
+ * @csspart prompt - The optional prompt header, hidden when the `prompt` slot is empty.
+ * @csspart panes - The row (or, under 640px, column) wrapping both panes.
+ * @csspart pane-a - The first pane's labeled scroll region.
+ * @csspart pane-b - The second pane's labeled scroll region.
+ * @csspart pane-header - A pane's visible heading.
+ * @csspart vote-bar - The `role="group"` row of vote buttons.
+ * @csspart vote-button - One vote button.
+ * @csspart live-region - The internal vote-announcement live region.
+ */
+export class LyraComparePanel extends LyraElement {
+    constructor() {
+        super(...arguments);
+        this.hasPromptSlot = false;
+        this._labelA = '';
+        this._labelB = '';
+        this._vote = null;
+        this._itemId = '';
+        this._hideTie = false;
+        this._hideBothBad = false;
+        this._syncScroll = false;
+        this._disabled = false;
+        this.pendingScrollReset = false;
+        this.suppressSync = false;
+        this.onPromptSlotChange = (e) => {
+            this.hasPromptSlot = e.target.assignedNodes({ flatten: true }).length > 0;
+        };
+        this.onPaneScroll = (source) => {
+            return () => {
+                if (!this.syncScroll || this.suppressSync)
+                    return;
+                const from = source === 'a' ? this.paneAEl : this.paneBEl;
+                const to = source === 'a' ? this.paneBEl : this.paneAEl;
+                if (!from || !to)
+                    return;
+                const fromMax = from.scrollHeight - from.clientHeight;
+                const toMax = to.scrollHeight - to.clientHeight;
+                if (fromMax <= 0)
+                    return;
+                const fraction = from.scrollTop / fromMax;
+                this.suppressSync = true;
+                to.scrollTop = fraction * toMax;
+                requestAnimationFrame(() => {
+                    this.suppressSync = false;
+                });
+            };
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    static { this.properties = {
+        labelA: { attribute: 'label-a', noAccessor: true },
+        labelB: { attribute: 'label-b', noAccessor: true },
+        vote: { reflect: true, noAccessor: true },
+        itemId: { attribute: 'item-id', noAccessor: true },
+        hideTie: { type: Boolean, attribute: 'hide-tie', noAccessor: true },
+        hideBothBad: { type: Boolean, attribute: 'hide-both-bad', noAccessor: true },
+        syncScroll: { type: Boolean, attribute: 'sync-scroll', noAccessor: true },
+        disabled: { type: Boolean, reflect: true, noAccessor: true },
+    }; }
+    get labelA() {
+        return this._labelA;
+    }
+    set labelA(next) {
+        const old = this._labelA;
+        this._labelA = next ?? '';
+        this.requestUpdate('labelA', old);
+    }
+    get labelB() {
+        return this._labelB;
+    }
+    set labelB(next) {
+        const old = this._labelB;
+        this._labelB = next ?? '';
+        this.requestUpdate('labelB', old);
+    }
+    get vote() {
+        return this._vote;
+    }
+    set vote(next) {
+        const old = this._vote;
+        this._vote = next ?? null;
+        if (this._vote)
+            this.setAttribute('vote', this._vote);
+        else
+            this.removeAttribute('vote');
+        this.requestUpdate('vote', old);
+    }
+    get itemId() {
+        return this._itemId;
+    }
+    set itemId(next) {
+        const old = this._itemId;
+        this._itemId = next ?? '';
+        if (old !== this._itemId) {
+            this.vote = null;
+            this.pendingScrollReset = true;
+        }
+        this.requestUpdate('itemId', old);
+    }
+    get hideTie() {
+        return this._hideTie;
+    }
+    set hideTie(next) {
+        const old = this._hideTie;
+        this._hideTie = Boolean(next);
+        this.requestUpdate('hideTie', old);
+    }
+    get hideBothBad() {
+        return this._hideBothBad;
+    }
+    set hideBothBad(next) {
+        const old = this._hideBothBad;
+        this._hideBothBad = Boolean(next);
+        this.requestUpdate('hideBothBad', old);
+    }
+    get syncScroll() {
+        return this._syncScroll;
+    }
+    set syncScroll(next) {
+        const old = this._syncScroll;
+        this._syncScroll = Boolean(next);
+        this.requestUpdate('syncScroll', old);
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(next) {
+        const old = this._disabled;
+        this._disabled = Boolean(next);
+        this.toggleAttribute('disabled', this._disabled);
+        this.requestUpdate('disabled', old);
+    }
+    castVote(choice) {
+        if (this.disabled)
+            return;
+        this.vote = choice;
+        this.emit('lr-vote', { choice, itemId: this.itemId });
+        const labelAText = this.labelA || this.localize('compareResponseA');
+        const labelBText = this.labelB || this.localize('compareResponseB');
+        const label = choice === 'a'
+            ? labelAText
+            : choice === 'b'
+                ? labelBText
+                : choice === 'tie'
+                    ? this.localize('compareVoteTie')
+                    : this.localize('compareVoteBothBad');
+        this.liveRegion?.announce(this.localize('compareVoteRecorded', undefined, { label }), { force: true });
+    }
+    updated(_changed) {
+        if (this.pendingScrollReset) {
+            this.pendingScrollReset = false;
+            if (this.paneAEl)
+                this.paneAEl.scrollTop = 0;
+            if (this.paneBEl)
+                this.paneBEl.scrollTop = 0;
+        }
+    }
+    render() {
+        const labelAText = this.labelA || this.localize('compareResponseA');
+        const labelBText = this.labelB || this.localize('compareResponseB');
+        return html `
+      <div part="base" role="group" aria-label=${this.getAttribute('aria-label') || this.localize('comparePanel')}>
+        <div part="prompt" ?hidden=${!this.hasPromptSlot}>
+          <slot name="prompt" @slotchange=${this.onPromptSlotChange}></slot>
+        </div>
+        <div part="panes">
+          <div part="pane-a" role="region" aria-label=${labelAText} tabindex="0" @scroll=${this.onPaneScroll('a')}>
+            <div part="pane-header">${labelAText}</div>
+            <slot name="a"></slot>
+          </div>
+          <div part="pane-b" role="region" aria-label=${labelBText} tabindex="0" @scroll=${this.onPaneScroll('b')}>
+            <div part="pane-header">${labelBText}</div>
+            <slot name="b"></slot>
+          </div>
+        </div>
+        <div part="vote-bar" role="group" aria-label=${this.localize('compareVoteLabel')}>
+          <button
+            part="vote-button"
+            type="button"
+            ?disabled=${this.disabled}
+            aria-pressed=${this.vote === 'a' ? 'true' : 'false'}
+            ?data-selected=${this.vote === 'a'}
+            @click=${() => this.castVote('a')}
+          >
+            ${this.localize('compareVoteBetter', undefined, { label: labelAText })}
+          </button>
+          <button
+            part="vote-button"
+            type="button"
+            ?disabled=${this.disabled}
+            aria-pressed=${this.vote === 'b' ? 'true' : 'false'}
+            ?data-selected=${this.vote === 'b'}
+            @click=${() => this.castVote('b')}
+          >
+            ${this.localize('compareVoteBetter', undefined, { label: labelBText })}
+          </button>
+          ${!this.hideTie
+            ? html `<button
+                part="vote-button"
+                type="button"
+                ?disabled=${this.disabled}
+                aria-pressed=${this.vote === 'tie' ? 'true' : 'false'}
+                ?data-selected=${this.vote === 'tie'}
+                @click=${() => this.castVote('tie')}
+              >
+                ${this.localize('compareVoteTie')}
+              </button>`
+            : nothing}
+          ${!this.hideBothBad
+            ? html `<button
+                part="vote-button"
+                type="button"
+                ?disabled=${this.disabled}
+                aria-pressed=${this.vote === 'both-bad' ? 'true' : 'false'}
+                ?data-selected=${this.vote === 'both-bad'}
+                @click=${() => this.castVote('both-bad')}
+              >
+                ${this.localize('compareVoteBothBad')}
+              </button>`
+            : nothing}
+        </div>
+      </div>
+      <lr-live-region part="live-region" mode="polite"></lr-live-region>
+    `;
+    }
+}
+__decorate([
+    state()
+], LyraComparePanel.prototype, "hasPromptSlot", void 0);
+__decorate([
+    query('[part="pane-a"]')
+], LyraComparePanel.prototype, "paneAEl", void 0);
+__decorate([
+    query('[part="pane-b"]')
+], LyraComparePanel.prototype, "paneBEl", void 0);
+__decorate([
+    query('lr-live-region')
+], LyraComparePanel.prototype, "liveRegion", void 0);
+//# sourceMappingURL=compare-panel.class.js.map

package/dist/components/agent-tools/compare-panel/compare-panel.class.js.map

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

package/dist/components/agent-tools/compare-panel/compare-panel.d.ts

@@ -0,0 +1,3 @@
+export * from './compare-panel.class.js';
+import '../../utility/live-region/live-region.js';
+//# sourceMappingURL=compare-panel.d.ts.map

package/dist/components/agent-tools/compare-panel/compare-panel.d.ts.map

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

package/dist/components/agent-tools/compare-panel/compare-panel.js

@@ -0,0 +1,6 @@
+export * from './compare-panel.class.js';
+import { LyraComparePanel } from './compare-panel.class.js';
+import { defineElement } from '../../../internal/prefix.js';
+import '../../utility/live-region/live-region.js';
+defineElement('compare-panel', LyraComparePanel);
+//# sourceMappingURL=compare-panel.js.map

package/dist/components/agent-tools/compare-panel/compare-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-panel.js","sourceRoot":"","sources":["../../../../src/components/agent-tools/compare-panel/compare-panel.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,0CAA0C,CAAC;AAElD,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/agent-tools/compare-panel/compare-panel.styles.d.ts.map

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

package/dist/components/agent-tools/compare-panel/compare-panel.styles.js.map

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

package/dist/components/agent-tools/confirm-bar/confirm-bar.class.d.ts

@@ -0,0 +1,81 @@
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import '../../layout/details/details.class.js';
+import '../../utility/json-viewer/json-viewer.class.js';
+import '../../utility/live-region/live-region.class.js';
+export type ConfirmBarDecision = 'approved' | 'denied' | null;
+export type ConfirmBarTone = 'neutral' | 'danger';
+export interface LyraConfirmBarEventMap {
+    'lr-approve': CustomEvent<{
+        args: unknown;
+    }>;
+    'lr-deny': CustomEvent<undefined>;
+}
+/**
+ * `<lr-confirm-bar>` — an inline, non-modal approve/deny block for one proposed action: the
+ * in-flow sibling of `<lr-tool-approval-dialog>` for confirmations that should sit in the
+ * transcript instead of hijacking focus. Same `lr-approve`/`lr-deny` event shapes as the dialog,
+ * and the same `toolApprovalHeading`/`toolApprovalArgsLabel`/`deny`/`approve` localization keys, so
+ * the two always translate in lockstep.
+ *
+ * Non-modal by contract: no focus trap, no scroll lock, no Escape/backdrop semantics, and it never
+ * steals focus when it appears in the transcript. DOM and tab order put Deny before Approve (the
+ * dialog's safe-action-first rationale). On activation, focus moves synchronously to `[part="status"]`
+ * (an always-rendered, `tabindex="-1"` element) *before* the Deny/Approve buttons unmount, so focus
+ * never has a gap where it would otherwise fall back to `<body>`.
+ *
+ * No argument editing (escalate to `<lr-tool-approval-dialog>`'s `editable` when edit-before-approve
+ * matters); no blocking/modality guarantee (a user can scroll past); no decision persistence or
+ * "remember choice" logic (the `footer` slot + host own that).
+ *
+ * @customElement lr-confirm-bar
+ * @slot - Supplementary body content between the heading and the actions (e.g. a `lr-diff-view` of
+ *   the proposed change).
+ * @slot footer - Extra content at the start of the action row (e.g. a "remember this choice"
+ *   checkbox), mirroring `lr-tool-approval-dialog`'s own `footer` slot.
+ * @event lr-approve - `detail: { args }` (the `args` prop as-is; no editing in the bar) — identical
+ *   shape to `lr-tool-approval-dialog`.
+ * @event lr-deny - No detail, identical to the dialog.
+ * @csspart base - The root (`role="group"`).
+ * @csspart heading - The heading.
+ * @csspart tool-name - The tool-name span within the heading. Only rendered when `heading` is unset.
+ * @csspart body - The default-slot wrapper.
+ * @csspart args - The `lr-details` + `lr-json-viewer` wrapper. Only rendered when `args` is
+ *   defined.
+ * @csspart footer - The action row.
+ * @csspart deny-button - Named identically to the dialog's part.
+ * @csspart approve-button - Named identically to the dialog's part.
+ * @csspart status - The decided-state text. Always present in the DOM (`tabindex="-1"`) so focus has
+ *   a stable, synchronous landing spot on activation.
+ */
+export declare class LyraConfirmBar extends LyraElement<LyraConfirmBarEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Drives the default heading through the existing dialog keys. */
+    toolName: string;
+    /** Free-form heading override for non-tool proposals. Wins over `toolName` when set. */
+    heading: string;
+    /** Shown read-only inside a collapsed `lr-details` + `lr-json-viewer` when defined. */
+    args: unknown;
+    /** Decided state. Set by the component on activation *and* host-writable (an externally-resolved
+     *  decision -- timeout, another reviewer -- renders identically but emits nothing). */
+    decision: ConfirmBarDecision;
+    /** Token-mapped emphasis for destructive proposals. */
+    tone: ConfirmBarTone;
+    private statusEl?;
+    private liveRegion?;
+    private hasBodySlot;
+    private readonly headingId;
+    protected willUpdate(changed: PropertyValues): void;
+    private onBodySlotChange;
+    private decide;
+    protected updated(changed: PropertyValues): void;
+    private renderHeading;
+    private statusText;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-confirm-bar': LyraConfirmBar;
+    }
+}
+//# sourceMappingURL=confirm-bar.class.d.ts.map

package/dist/components/agent-tools/confirm-bar/confirm-bar.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-bar.class.d.ts","sourceRoot":"","sources":["../../../../src/components/agent-tools/confirm-bar/confirm-bar.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAA0B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3G,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AACxD,OAAO,gDAAgD,CAAC;AAIxD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,GAAG,IAAI,CAAC;AAC9D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7C,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACnC;AA2BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBAAa,cAAe,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IACrE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,mEAAmE;IAC7B,QAAQ,SAAM;IAEpD,wFAAwF;IAC5E,OAAO,SAAM;IAEzB,uFAAuF;IACvD,IAAI,EAAE,OAAO,CAAa;IAE1D;2FACuF;IAC1D,QAAQ,EAAE,kBAAkB,CAAQ;IAEjE,uDAAuD;IAC1B,IAAI,EAAE,cAAc,CAAa;IAEpC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAChC,OAAO,CAAC,UAAU,CAAC,CAAiB;IAKpD,OAAO,CAAC,WAAW,CAAS;IAErC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAiC;IAE3D,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAKlD;IAED,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,MAAM;IAcd,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAK/C;IAED,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,UAAU;IAIlB,MAAM,IAAI,cAAc,CAgCvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,cAAc,CAAC;KAClC;CACF"}