@aceshooting/lyra-ui 3.9.0 → 4.1.0

package/dist/components/graph-query-builder/graph-query-builder.styles.js

@@ -0,0 +1,170 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-l);
+    color: var(--lr-color-text);
+    font-size: var(--lr-font-size-sm);
+  }
+
+  [part='path-fields'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-end;
+    gap: var(--lr-space-m);
+  }
+  [part='path-fields'] > * {
+    flex: 1 1 var(--lr-size-10rem);
+    min-inline-size: 0;
+  }
+  [part='min-hops'],
+  [part='max-hops'] {
+    flex-basis: var(--lr-size-7rem);
+  }
+
+  [part='filter-group'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-xs);
+  }
+  [part='relationship-picker'],
+  [part='node-type-picker'],
+  [part='direction'] {
+    max-inline-size: var(--lr-size-24rem);
+  }
+  [part='relationship-chips'],
+  [part='node-type-chips'] {
+    min-block-size: 0;
+  }
+
+  [part='footer'] {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--lr-space-s);
+    flex-wrap: wrap;
+  }
+
+  [part='run-button'],
+  [part='save-button'] {
+    font: inherit;
+    border-radius: var(--lr-radius);
+    padding: var(--lr-space-xs) var(--lr-space-m);
+    cursor: pointer;
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    background: var(--lr-color-surface);
+    color: var(--lr-color-text);
+  }
+  [part='run-button'] {
+    background: var(--lr-color-brand);
+    border-color: var(--lr-color-brand);
+    color: var(--lr-color-on-brand);
+  }
+  [part='run-button']:disabled,
+  [part='save-button']:disabled,
+  [part='saved-load-button']:disabled,
+  [part='saved-delete-button']:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+  [part='run-button']:focus-visible,
+  [part='save-button']:focus-visible,
+  [part='saved-load-button']:focus-visible,
+  [part='saved-delete-button']:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
+  }
+
+  [part='saved-queries'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-s);
+    padding-block-start: var(--lr-space-m);
+    border-block-start: var(--lr-border-width-thin) solid var(--lr-color-border);
+  }
+  [part='saved-queries-label'] {
+    margin: 0;
+    font-size: var(--lr-font-size-sm);
+    font-weight: var(--lr-font-weight-semibold);
+    color: var(--lr-color-text);
+  }
+  [part='save-row'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-end;
+    gap: var(--lr-space-s);
+  }
+  [part='save-row'] > [part='save-name-input'] {
+    flex: 1 1 var(--lr-size-12rem);
+    min-inline-size: 0;
+  }
+
+  [part='saved-list'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-2xs);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  [part='saved-item'] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--lr-space-s);
+    padding: var(--lr-space-2xs) var(--lr-space-xs);
+    border-radius: var(--lr-radius);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    background: var(--lr-color-surface);
+  }
+  [part='saved-load-button'] {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: start;
+    font: inherit;
+    color: var(--lr-color-text);
+    background: none;
+    border: none;
+    padding: var(--lr-space-2xs);
+    cursor: pointer;
+    border-radius: var(--lr-radius-xs);
+  }
+  [part='saved-load-button']:hover {
+    text-decoration: underline;
+  }
+  [part='saved-delete-button'] {
+    flex: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    inline-size: var(--lr-space-2xl);
+    block-size: var(--lr-space-2xl);
+    padding: 0;
+    color: var(--lr-color-text-quiet);
+    background: none;
+    border: none;
+    border-radius: var(--lr-radius-xs);
+    cursor: pointer;
+  }
+  [part='saved-delete-button'] svg {
+    inline-size: var(--lr-size-1em);
+    block-size: var(--lr-size-1em);
+  }
+  [part='saved-delete-button']:hover {
+    color: var(--lr-color-danger);
+  }
+
+  [part='saved-empty'] {
+    margin: 0;
+    color: var(--lr-color-text-quiet);
+  }
+`;
+//# sourceMappingURL=graph-query-builder.styles.js.map

package/dist/components/graph-query-builder/graph-query-builder.styles.js.map

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

package/dist/components/grounding-summary/grounding-summary.class.d.ts

@@ -0,0 +1,80 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../stat/stat.class.js';
+import '../citation-badge/citation-badge.class.js';
+import '../empty/empty.class.js';
+import type { Citation, CitationSelectEventDetail, GroundingAssessment } from '../../ai/types.js';
+export interface LyraGroundingSummaryEventMap {
+    'lr-citation-select': CustomEvent<CitationSelectEventDetail>;
+}
+/** Coverage/confidence tone thresholds (both are 0-1 fractions) -- the same shape and default
+ *  magnitude `<lr-chunk-inspector>`'s own `thresholds` prop already establishes for its
+ *  relevance-score tiers, reused here for the analogous "how well grounded" reading. */
+export interface GroundingSummaryThresholds {
+    high: number;
+    medium: number;
+}
+/**
+ * `<lr-grounding-summary>` -- the claim-level scorecard for one generated answer: supported/
+ * unsupported claim counts, citation coverage, an optional confidence score, any warnings, and
+ * (when `citations` is supplied) a list of evidence citations linking back to their exact spans.
+ * Consumes `GroundingAssessment` from `src/ai/types.ts` directly as its primary input. Pure
+ * projection + event conduit: never fetches or computes an assessment itself.
+ *
+ * Composes `<lr-stat>` for every numeric display (claim counts, coverage, confidence) and
+ * `<lr-citation-badge>` for each evidence entry -- this component defines no numeric-badge or
+ * citation-link markup of its own.
+ *
+ * `<lr-citation-badge>`'s own `lr-citation-activate` event (`detail: { sourceId, index }`) still
+ * bubbles through unmodified, same as every other Lyra component composing a child that emits its
+ * own events. This component additionally listens for it and re-emits the richer
+ * `lr-citation-select` (`detail: { citation }`, `CitationSelectEventDetail` from `src/ai/types.ts`)
+ * carrying the full `Citation` -- including its `span` -- since a bare `sourceId`/`index` pair
+ * can't by itself tell a host which exact evidence span to jump to.
+ *
+ * @customElement lr-grounding-summary
+ * @event lr-citation-select - An evidence citation badge was activated. `detail: { citation }`.
+ * @csspart base - The `role="group"` root wrapper.
+ * @csspart stats - Container for the claim-count/coverage/confidence `<lr-stat>` row.
+ * @csspart warnings - Wrapper for the warnings section. Omitted when there are no warnings.
+ * @csspart warnings-heading - The "Warnings" heading text.
+ * @csspart warnings-count - The warnings count.
+ * @csspart warnings-list - The `<ul>` of warning messages.
+ * @csspart warning - One warning `<li>`.
+ * @csspart evidence - Wrapper for the evidence section. Omitted when `citations` is empty.
+ * @csspart evidence-heading - The "Evidence" heading text.
+ * @csspart evidence-count - The evidence count.
+ * @csspart evidence-item - One citation's row (badge + always-visible label/span text).
+ * @csspart evidence-label - A citation's `label`, shown next to its badge (omitted when unset).
+ * @csspart evidence-span - A citation's formatted `span` range, shown next to its badge (omitted
+ *   when `span` is unset).
+ * @csspart empty - The empty-state message, shown when `assessment` is `null`.
+ */
+export declare class LyraGroundingSummary extends LyraElement<LyraGroundingSummaryEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** The assessment to summarize. `null` (the default) renders the empty state. */
+    assessment: GroundingAssessment | null;
+    /** Evidence citations backing the assessment, each rendered as an `<lr-citation-badge>` linking
+     *  back to its exact `span`. Independent of `assessment` -- the evidence section is simply
+     *  omitted when this is empty, same as the warnings section is omitted when `assessment.warnings`
+     *  is empty/unset. */
+    citations: Citation[];
+    /** Tone thresholds applied to both `coverage` and `confidence` (both 0-1 fractions): at or above
+     *  `high` renders `success`, at or above `medium` renders `warning`, below `medium` renders
+     *  `danger`. */
+    thresholds: GroundingSummaryThresholds;
+    /** Accessible group label override. Falls back to a host `aria-label`, then the localized
+     *  `groundingSummaryLabel` default. */
+    label: string;
+    private tone;
+    private formatPercent;
+    private onCitationSelect;
+    private renderEvidenceItem;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-grounding-summary': LyraGroundingSummary;
+    }
+}
+//# sourceMappingURL=grounding-summary.class.d.ts.map

package/dist/components/grounding-summary/grounding-summary.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grounding-summary.class.d.ts","sourceRoot":"","sources":["../../../src/components/grounding-summary/grounding-summary.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2CAA2C,CAAC;AACnD,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAGlG,MAAM,WAAW,4BAA4B;IAC3C,oBAAoB,EAAE,WAAW,CAAC,yBAAyB,CAAC,CAAC;CAC9D;AAED;;wFAEwF;AACxF,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBAAa,oBAAqB,SAAQ,WAAW,CAAC,4BAA4B,CAAC;IACjF,MAAM,CAAC,MAAM,iCAAgC;IAE7C,iFAAiF;IACjD,UAAU,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAE9E;;;0BAGsB;IACU,SAAS,EAAE,QAAQ,EAAE,CAAM;IAE3D;;oBAEgB;IACgB,UAAU,EAAE,0BAA0B,CAA8B;IAEpG;2CACuC;IAC3B,KAAK,SAAM;IAEvB,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,kBAAkB,CAqBxB;IAEF,MAAM,IAAI,cAAc,CAiEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,oBAAoB,CAAC;KAC9C;CACF"}

package/dist/components/grounding-summary/grounding-summary.class.js

@@ -0,0 +1,182 @@
+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, finiteRange } from '../../internal/numbers.js';
+import { getNumberFormat } from '../../internal/intl-cache.js';
+import '../stat/stat.class.js';
+import '../citation-badge/citation-badge.class.js';
+import '../empty/empty.class.js';
+import { styles } from './grounding-summary.styles.js';
+/**
+ * `<lr-grounding-summary>` -- the claim-level scorecard for one generated answer: supported/
+ * unsupported claim counts, citation coverage, an optional confidence score, any warnings, and
+ * (when `citations` is supplied) a list of evidence citations linking back to their exact spans.
+ * Consumes `GroundingAssessment` from `src/ai/types.ts` directly as its primary input. Pure
+ * projection + event conduit: never fetches or computes an assessment itself.
+ *
+ * Composes `<lr-stat>` for every numeric display (claim counts, coverage, confidence) and
+ * `<lr-citation-badge>` for each evidence entry -- this component defines no numeric-badge or
+ * citation-link markup of its own.
+ *
+ * `<lr-citation-badge>`'s own `lr-citation-activate` event (`detail: { sourceId, index }`) still
+ * bubbles through unmodified, same as every other Lyra component composing a child that emits its
+ * own events. This component additionally listens for it and re-emits the richer
+ * `lr-citation-select` (`detail: { citation }`, `CitationSelectEventDetail` from `src/ai/types.ts`)
+ * carrying the full `Citation` -- including its `span` -- since a bare `sourceId`/`index` pair
+ * can't by itself tell a host which exact evidence span to jump to.
+ *
+ * @customElement lr-grounding-summary
+ * @event lr-citation-select - An evidence citation badge was activated. `detail: { citation }`.
+ * @csspart base - The `role="group"` root wrapper.
+ * @csspart stats - Container for the claim-count/coverage/confidence `<lr-stat>` row.
+ * @csspart warnings - Wrapper for the warnings section. Omitted when there are no warnings.
+ * @csspart warnings-heading - The "Warnings" heading text.
+ * @csspart warnings-count - The warnings count.
+ * @csspart warnings-list - The `<ul>` of warning messages.
+ * @csspart warning - One warning `<li>`.
+ * @csspart evidence - Wrapper for the evidence section. Omitted when `citations` is empty.
+ * @csspart evidence-heading - The "Evidence" heading text.
+ * @csspart evidence-count - The evidence count.
+ * @csspart evidence-item - One citation's row (badge + always-visible label/span text).
+ * @csspart evidence-label - A citation's `label`, shown next to its badge (omitted when unset).
+ * @csspart evidence-span - A citation's formatted `span` range, shown next to its badge (omitted
+ *   when `span` is unset).
+ * @csspart empty - The empty-state message, shown when `assessment` is `null`.
+ */
+export class LyraGroundingSummary extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The assessment to summarize. `null` (the default) renders the empty state. */
+        this.assessment = null;
+        /** Evidence citations backing the assessment, each rendered as an `<lr-citation-badge>` linking
+         *  back to its exact `span`. Independent of `assessment` -- the evidence section is simply
+         *  omitted when this is empty, same as the warnings section is omitted when `assessment.warnings`
+         *  is empty/unset. */
+        this.citations = [];
+        /** Tone thresholds applied to both `coverage` and `confidence` (both 0-1 fractions): at or above
+         *  `high` renders `success`, at or above `medium` renders `warning`, below `medium` renders
+         *  `danger`. */
+        this.thresholds = { high: 0.8, medium: 0.5 };
+        /** Accessible group label override. Falls back to a host `aria-label`, then the localized
+         *  `groundingSummaryLabel` default. */
+        this.label = '';
+        this.renderEvidenceItem = (citation, index) => {
+            const spanText = citation.span
+                ? this.localize('groundingSummaryEvidenceSpan', undefined, {
+                    start: citation.span.start,
+                    end: citation.span.end,
+                })
+                : '';
+            return html `
+      <div part="evidence-item">
+        <lr-citation-badge
+          index=${index + 1}
+          source-id=${citation.sourceId ?? ''}
+          @lr-citation-activate=${() => this.onCitationSelect(citation)}
+        >
+          ${citation.label ? html `<span>${citation.label}</span>` : nothing}
+          ${spanText ? html `<span>${spanText}</span>` : nothing}
+        </lr-citation-badge>
+        ${citation.label ? html `<span part="evidence-label">${citation.label}</span>` : nothing}
+        ${spanText ? html `<span part="evidence-span">${spanText}</span>` : nothing}
+      </div>
+    `;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    tone(value) {
+        if (value >= this.thresholds.high)
+            return 'success';
+        if (value >= this.thresholds.medium)
+            return 'warning';
+        return 'danger';
+    }
+    formatPercent(value) {
+        return getNumberFormat(this.effectiveLocale, { style: 'percent' }).format(finiteRange(value, 0, 0, 1));
+    }
+    onCitationSelect(citation) {
+        this.emit('lr-citation-select', { citation });
+    }
+    render() {
+        const groupLabel = this.getAttribute('aria-label') || this.label || this.localize('groundingSummaryLabel');
+        const a = this.assessment;
+        if (!a) {
+            return html `<div part="base" role="group" aria-label=${groupLabel}>
+        <lr-empty part="empty" heading=${this.localize('groundingSummaryEmpty')}></lr-empty>
+      </div>`;
+        }
+        const supportedClaims = finiteCount(a.supportedClaims);
+        const unsupportedClaims = finiteCount(a.unsupportedClaims);
+        const coverage = finiteRange(a.coverage, 0, 0, 1);
+        const hasConfidence = typeof a.confidence === 'number';
+        const warnings = a.warnings ?? [];
+        const numberFormat = getNumberFormat(this.effectiveLocale);
+        return html `
+      <div part="base" role="group" aria-label=${groupLabel}>
+        <div part="stats">
+          <lr-stat
+            label=${this.localize('groundingSummarySupportedLabel')}
+            value=${numberFormat.format(supportedClaims)}
+            variant=${supportedClaims > 0 ? 'success' : 'neutral'}
+          ></lr-stat>
+          <lr-stat
+            label=${this.localize('groundingSummaryUnsupportedLabel')}
+            value=${numberFormat.format(unsupportedClaims)}
+            variant=${unsupportedClaims > 0 ? 'danger' : 'neutral'}
+          ></lr-stat>
+          <lr-stat
+            label=${this.localize('groundingSummaryCoverageLabel')}
+            value=${this.formatPercent(coverage)}
+            variant=${this.tone(coverage)}
+          ></lr-stat>
+          ${hasConfidence
+            ? html `<lr-stat
+                label=${this.localize('groundingSummaryConfidenceLabel')}
+                value=${this.formatPercent(a.confidence)}
+                variant=${this.tone(finiteRange(a.confidence, 0, 0, 1))}
+              ></lr-stat>`
+            : nothing}
+        </div>
+        ${warnings.length > 0
+            ? html `
+              <div part="warnings">
+                <span part="warnings-heading">${this.localize('groundingSummaryWarningsHeading')}</span>
+                <span part="warnings-count">${warnings.length}</span>
+                <ul part="warnings-list">
+                  ${warnings.map((warning) => html `<li part="warning">${warning}</li>`)}
+                </ul>
+              </div>
+            `
+            : nothing}
+        ${this.citations.length > 0
+            ? html `
+              <div part="evidence">
+                <span part="evidence-heading">${this.localize('groundingSummaryEvidenceHeading')}</span>
+                <span part="evidence-count">${this.citations.length}</span>
+                <div>${this.citations.map((citation, index) => this.renderEvidenceItem(citation, index))}</div>
+              </div>
+            `
+            : nothing}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraGroundingSummary.prototype, "assessment", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraGroundingSummary.prototype, "citations", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraGroundingSummary.prototype, "thresholds", void 0);
+__decorate([
+    property()
+], LyraGroundingSummary.prototype, "label", void 0);
+//# sourceMappingURL=grounding-summary.class.js.map

package/dist/components/grounding-summary/grounding-summary.class.js.map

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

package/dist/components/grounding-summary/grounding-summary.d.ts

@@ -0,0 +1,5 @@
+export * from './grounding-summary.class.js';
+import '../stat/stat.js';
+import '../citation-badge/citation-badge.js';
+import '../empty/empty.js';
+//# sourceMappingURL=grounding-summary.d.ts.map

package/dist/components/grounding-summary/grounding-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grounding-summary.d.ts","sourceRoot":"","sources":["../../../src/components/grounding-summary/grounding-summary.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAG7C,OAAO,iBAAiB,CAAC;AACzB,OAAO,qCAAqC,CAAC;AAC7C,OAAO,mBAAmB,CAAC"}

package/dist/components/grounding-summary/grounding-summary.js

@@ -0,0 +1,8 @@
+export * from './grounding-summary.class.js';
+import { LyraGroundingSummary } from './grounding-summary.class.js';
+import { defineElement } from '../../internal/prefix.js';
+import '../stat/stat.js';
+import '../citation-badge/citation-badge.js';
+import '../empty/empty.js';
+defineElement('grounding-summary', LyraGroundingSummary);
+//# sourceMappingURL=grounding-summary.js.map

package/dist/components/grounding-summary/grounding-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grounding-summary.js","sourceRoot":"","sources":["../../../src/components/grounding-summary/grounding-summary.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,iBAAiB,CAAC;AACzB,OAAO,qCAAqC,CAAC;AAC7C,OAAO,mBAAmB,CAAC;AAC3B,aAAa,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC"}

package/dist/components/grounding-summary/grounding-summary.styles.d.ts

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

package/dist/components/grounding-summary/grounding-summary.styles.d.ts.map

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

package/dist/components/grounding-summary/grounding-summary.styles.js

@@ -0,0 +1,88 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    inline-size: 100%;
+    min-inline-size: 0;
+  }
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-m);
+  }
+  [part='stats'] {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--lr-space-m);
+  }
+  [part='stats'] > lr-stat {
+    flex: 1 1 var(--lr-size-10rem);
+    min-inline-size: 0;
+  }
+  [part='warnings'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-xs);
+    padding: var(--lr-space-s) var(--lr-space-m);
+    border-inline-start: var(--lr-border-width-thick) solid var(--lr-color-warning);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-warning-quiet);
+  }
+  [part='warnings-heading'] {
+    font-weight: var(--lr-font-weight-semibold);
+    color: var(--lr-color-text);
+  }
+  [part='warnings-count'] {
+    margin-inline-start: var(--lr-space-xs);
+    color: var(--lr-color-text-quiet);
+    font-weight: var(--lr-font-weight-medium);
+  }
+  [part='warnings-list'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-xs);
+    margin: 0;
+    padding-inline-start: var(--lr-space-l);
+  }
+  [part='warning'] {
+    font-size: var(--lr-font-size-sm);
+    color: var(--lr-color-text);
+  }
+  [part='evidence'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-s);
+  }
+  [part='evidence-heading'] {
+    font-size: var(--lr-font-size-xs);
+    font-weight: var(--lr-font-weight-semibold);
+    text-transform: uppercase;
+    letter-spacing: var(--lr-size-0-04em);
+    color: var(--lr-color-text-quiet);
+  }
+  [part='evidence-count'] {
+    margin-inline-start: var(--lr-space-xs);
+    font-size: var(--lr-font-size-xs);
+    color: var(--lr-color-text-quiet);
+  }
+  [part='evidence-item'] {
+    display: flex;
+    align-items: baseline;
+    flex-wrap: wrap;
+    gap: var(--lr-space-xs);
+    padding-block: var(--lr-space-xs);
+  }
+  [part='evidence-item'] + [part='evidence-item'] {
+    border-block-start: var(--lr-border-width-thin) solid var(--lr-color-border);
+  }
+  [part='evidence-label'] {
+    font-size: var(--lr-font-size-sm);
+    color: var(--lr-color-text);
+  }
+  [part='evidence-span'] {
+    font-size: var(--lr-font-size-sm);
+    font-family: var(--lr-font-mono);
+    color: var(--lr-color-text-quiet);
+  }
+`;
+//# sourceMappingURL=grounding-summary.styles.js.map

package/dist/components/grounding-summary/grounding-summary.styles.js.map

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

package/dist/components/handoff-divider/handoff-divider.class.d.ts

@@ -2,17 +2,17 @@ import { type TemplateResult } from 'lit';
 import { LyraElement } from '../../internal/lyra-element.js';
 import '../live-region/live-region.js';
 /**
- * `<lyra-handoff-divider>` — a labeled semantic separator marking control transfer between agents
+ * `<lr-handoff-divider>` — a labeled semantic separator marking control transfer between agents
  * in a transcript ("Transferred to Research Agent"), with an optional agent avatar. Purely
  * presentational: no events, no interactivity, no restore semantics.
  *
  * The computed label is announced once, on first connect, through an internal
- * `<lyra-live-region>` — a single mount-time announcement is enough since a handoff lands
+ * `<lr-live-region>` — a single mount-time announcement is enough since a handoff lands
  * mid-stream and there is only ever one thing to say. Later property changes re-render the
  * visible/accessible label but never re-announce.
  *
- * @customElement lyra-handoff-divider
- * @slot avatar - The incoming agent's `<lyra-avatar>` (or icon), at the start of the chip. Hidden
+ * @customElement lr-handoff-divider
+ * @slot avatar - The incoming agent's `<lr-avatar>` (or icon), at the start of the chip. Hidden
  *   entirely while empty.
  * @csspart base - The separator root (`role="separator"`).
  * @csspart line - Each of the two flanking rules.
@@ -40,7 +40,7 @@ export declare class LyraHandoffDivider extends LyraElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-handoff-divider': LyraHandoffDivider;
+        'lr-handoff-divider': LyraHandoffDivider;
     }
 }
 //# sourceMappingURL=handoff-divider.class.d.ts.map

package/dist/components/handoff-divider/handoff-divider.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handoff-divider.class.d.ts","sourceRoot":"","sources":["../../../src/components/handoff-divider/handoff-divider.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,+BAA+B,CAAC;AAGvC;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,kBAAmB,SAAQ,WAAW;IACjD,MAAM,CAAC,MAAM,iCAAgC;IAE7C,2FAA2F;IAC/E,KAAK,SAAM;IAEvB;8EAC0E;IACnC,SAAS,SAAM;IAEtD;4BACwB;IACZ,KAAK,SAAM;IAEd,OAAO,CAAC,aAAa,CAAS;IAEZ,OAAO,CAAC,UAAU,CAAC,CAAiB;IAE/D,SAAS,CAAC,UAAU,IAAI,IAAI,CAI3B;IAED,YAAY,IAAI,IAAI,CAEnB;IAED,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,KAAK,aAAa,GASxB;IAED,MAAM,IAAI,cAAc,CAevB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
+{"version":3,"file":"handoff-divider.class.d.ts","sourceRoot":"","sources":["../../../src/components/handoff-divider/handoff-divider.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,+BAA+B,CAAC;AAGvC;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,kBAAmB,SAAQ,WAAW;IACjD,MAAM,CAAC,MAAM,iCAAgC;IAE7C,2FAA2F;IAC/E,KAAK,SAAM;IAEvB;8EAC0E;IACnC,SAAS,SAAM;IAEtD;4BACwB;IACZ,KAAK,SAAM;IAEd,OAAO,CAAC,aAAa,CAAS;IAEd,OAAO,CAAC,UAAU,CAAC,CAAiB;IAE7D,SAAS,CAAC,UAAU,IAAI,IAAI,CAI3B;IAED,YAAY,IAAI,IAAI,CAEnB;IAED,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,KAAK,aAAa,GASxB;IAED,MAAM,IAAI,cAAc,CAgBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,kBAAkB,CAAC;KAC1C;CACF"}

package/dist/components/handoff-divider/handoff-divider.class.js

@@ -10,17 +10,17 @@ import { LyraElement } from '../../internal/lyra-element.js';
 import '../live-region/live-region.js';
 import { styles } from './handoff-divider.styles.js';
 /**
- * `<lyra-handoff-divider>` — a labeled semantic separator marking control transfer between agents
+ * `<lr-handoff-divider>` — a labeled semantic separator marking control transfer between agents
  * in a transcript ("Transferred to Research Agent"), with an optional agent avatar. Purely
  * presentational: no events, no interactivity, no restore semantics.
  *
  * The computed label is announced once, on first connect, through an internal
- * `<lyra-live-region>` — a single mount-time announcement is enough since a handoff lands
+ * `<lr-live-region>` — a single mount-time announcement is enough since a handoff lands
  * mid-stream and there is only ever one thing to say. Later property changes re-render the
  * visible/accessible label but never re-announce.
  *
- * @customElement lyra-handoff-divider
- * @slot avatar - The incoming agent's `<lyra-avatar>` (or icon), at the start of the chip. Hidden
+ * @customElement lr-handoff-divider
+ * @slot avatar - The incoming agent's `<lr-avatar>` (or icon), at the start of the chip. Hidden
  *   entirely while empty.
  * @csspart base - The separator root (`role="separator"`).
  * @csspart line - Each of the two flanking rules.
@@ -66,8 +66,9 @@ export class LyraHandoffDivider extends LyraElement {
     }
     render() {
         const label = this.computedLabel;
+        const ariaLabel = this.getAttribute('aria-label') || label;
         return html `
-      <div part="base" role="separator" aria-orientation="horizontal" aria-label=${label}>
+      <div part="base" role="separator" aria-orientation="horizontal" aria-label=${ariaLabel}>
         <span part="line" aria-hidden="true"></span>
         <span part="chip" aria-hidden="true" title=${label}>
           <span part="avatar" ?hidden=${!this.hasAvatarSlot}>
@@ -77,7 +78,7 @@ export class LyraHandoffDivider extends LyraElement {
         </span>
         <span part="line" aria-hidden="true"></span>
       </div>
-      <lyra-live-region></lyra-live-region>
+      <lr-live-region></lr-live-region>
     `;
     }
 }
@@ -94,6 +95,6 @@ __decorate([
     state()
 ], LyraHandoffDivider.prototype, "hasAvatarSlot", void 0);
 __decorate([
-    query('lyra-live-region')
+    query('lr-live-region')
 ], LyraHandoffDivider.prototype, "liveRegion", void 0);
 //# sourceMappingURL=handoff-divider.class.js.map