@aceshooting/lyra-ui 3.7.0 → 3.9.0

package/dist/components/activity-feed/activity-feed.class.d.ts

@@ -0,0 +1,123 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../live-region/live-region.js';
+import '../virtual-list/virtual-list.js';
+export type ActivityEntryTone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
+export interface ActivityEntry {
+    id: string;
+    text: string;
+    /** Literal icon hint (e.g. an emoji), like `<lyra-tool-call-chip>`'s `icon`. A small tone dot
+     *  renders in its place when omitted. */
+    icon?: string;
+    /** Invalid strings are treated as unset. */
+    timestamp?: Date | string;
+    /** Token-mapped, same vocabulary as `ContextMeterTone`. */
+    tone?: ActivityEntryTone;
+}
+export type ActivityFeedMode = 'live' | 'post-hoc';
+export interface ActivityFeedToggleDetail {
+    expanded: boolean;
+}
+export interface ActivityFeedFollowChangeDetail {
+    following: boolean;
+}
+export interface LyraActivityFeedEventMap {
+    'lyra-toggle': CustomEvent<ActivityFeedToggleDetail>;
+    'lyra-follow-change': CustomEvent<ActivityFeedFollowChangeDetail>;
+}
+/**
+ * `<lyra-activity-feed>` — an append-only streaming log of granular agent actions ("Searching the
+ * web…", "Read src/index.ts"), collapsing to a localized "Completed N steps" summary once the run
+ * is over. Entries never change state once added (a step whose status mutates in place belongs to
+ * `<lyra-task-list>` instead). Implements the shared follow (stick-to-bottom) contract: `follow`
+ * is a component-managed, host-assignable property, released on user scroll-up and re-engaged at
+ * the bottom, firing `lyra-follow-change` on every transition (mount excluded). At/above
+ * `virtualizeThreshold` entries, the body renders through an internal `<lyra-virtual-list>`
+ * instead of a plain keyed list — same list semantics either way, keyed by `id`.
+ *
+ * Each entry's `text` renders as plain text by default; a host needing richer per-entry content
+ * (rendered markdown, a trailing tool-call chip list, etc.) sets `renderText` to fully replace it,
+ * identically whether or not the feed is currently virtualized.
+ *
+ * @customElement lyra-activity-feed
+ * @event lyra-toggle - The header was activated, expanding or collapsing the body. `detail: {
+ *   expanded }`.
+ * @event lyra-follow-change - `follow` released or re-engaged (user scroll, or a host
+ *   assignment). `detail: { following }`. Never fired for the value `follow` happens to mount
+ *   with.
+ * @csspart base - The outer container.
+ * @csspart header - The clickable header (`<button>`).
+ * @csspart status-dot - The decorative mode indicator dot; pulses while `mode="live"`.
+ * @csspart summary - The header's one-line ticker (`live`) or completed-count summary
+ *   (`post-hoc`).
+ * @csspart toggle - The chevron indicator inside the header.
+ * @csspart body - The scrollable region containing the entries (or the internal virtual-list).
+ * @csspart entry - One entry row; carries `data-tone`.
+ * @csspart entry-icon - The literal `icon` hint, or a tone dot when unset.
+ * @csspart entry-text - The entry's `text`. Not rendered while `renderText` is set — its returned
+ *   content replaces this part entirely.
+ * @csspart entry-timestamp - The formatted timestamp, only rendered while `showTimestamps` and a
+ *   valid `timestamp` is set.
+ * @cssprop [--lyra-activity-feed-max-height=16rem] - Cap on how tall the expanded body grows
+ *   before it scrolls internally (non-virtualized mode); also sizes the internal virtual-list.
+ */
+export declare class LyraActivityFeed extends LyraElement<LyraActivityFeedEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Append-only: stable ids, new entries at the end. Entries never change state once added. */
+    entries: ActivityEntry[];
+    /** `'live'` follows the tail (per `follow`) and pulses; `'post-hoc'` shows the completed-count
+     *  summary and never scrolls. */
+    mode: ActivityFeedMode;
+    /** Component-managed, host-assignable stick-to-bottom flag — released on user scroll-up,
+     *  re-engaged at the bottom. Only drives scrolling in `'live'` mode. */
+    follow: boolean;
+    /** Body visibility. Never self-mutated on `mode` changes — a host wanting the finished feed
+     *  collapsed sets `mode="post-hoc"` and `expanded=false` together. */
+    expanded: boolean;
+    /** Header text. Localized (`activityFeedLabel`) while at its default `'Activity'`. */
+    label: string;
+    /** Trailing `<time datetime>` per entry, default `hour:minute` in `effectiveLocale`. */
+    showTimestamps: boolean;
+    /** Overrides the default `hour:minute` rendering of every entry's `timestamp`. */
+    formatTimestamp?: (date: Date) => string;
+    /** Overrides the default plain-text `[part="entry-text"]` rendering of every entry with an
+     *  arbitrary `TemplateResult` (e.g. rendered markdown, or markdown plus a trailing list of
+     *  `<lyra-tool-call-chip>`s) — the returned content fully replaces `[part="entry-text"]` rather
+     *  than augmenting it, the same way `formatTimestamp` fully replaces the default timestamp
+     *  formatting. Applies identically whether or not the feed is currently virtualized, since both
+     *  paths render every entry through the same internal template. */
+    renderText?: (entry: ActivityEntry) => TemplateResult;
+    /** At/above this entry count, the body renders through an internal `<lyra-virtual-list>`. */
+    virtualizeThreshold: number;
+    private liveRegion?;
+    private virtualListEl?;
+    private readonly headerId;
+    private readonly bodyId;
+    /** `true` until the first completed update -- gates `lyra-follow-change` and the mode-transition
+     *  announcement so mounting with a non-default `follow`/`mode` never itself fires either. */
+    private isMounting;
+    private scrollRafId?;
+    disconnectedCallback(): void;
+    /** `virtualizeThreshold`, normalized to a finite non-negative integer (falling back to the
+     *  property's own default of `200`) -- a raw `NaN` (e.g. an invalid `virtualize-threshold`
+     *  attribute) would otherwise make `entries.length >= virtualizeThreshold` always false,
+     *  silently disabling virtualization instead of falling back to the default threshold. */
+    private get effectiveVirtualizeThreshold();
+    private get isVirtualized();
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    private scrollToLatest;
+    private completedStepsSummary;
+    private toggle;
+    private onBodyScroll;
+    private onVirtualListRangeChanged;
+    private normalizedTimestamp;
+    private entryTemplate;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lyra-activity-feed': LyraActivityFeed;
+    }
+}
+//# sourceMappingURL=activity-feed.class.d.ts.map

package/dist/components/activity-feed/activity-feed.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-feed.class.d.ts","sourceRoot":"","sources":["../../../src/components/activity-feed/activity-feed.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAkC,MAAM,KAAK,CAAC;AAG9G,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D,OAAO,+BAA+B,CAAC;AAEvC,OAAO,iCAAiC,CAAC;AAGzC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvF,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb;6CACyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,UAAU,CAAC;AAEnD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,aAAa,EAAE,WAAW,CAAC,wBAAwB,CAAC,CAAC;IACrD,oBAAoB,EAAE,WAAW,CAAC,8BAA8B,CAAC,CAAC;CACnE;AAkCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBAAa,gBAAiB,SAAQ,WAAW,CAAC,wBAAwB,CAAC;IACzE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,8FAA8F;IAC9D,OAAO,EAAE,aAAa,EAAE,CAAM;IAE9D;qCACiC;IACJ,IAAI,EAAE,gBAAgB,CAAU;IAE7D;4EACwE;IACY,MAAM,UAAQ;IAElG;0EACsE;IAC1B,QAAQ,UAAS;IAE7D,sFAAsF;IAC1E,KAAK,SAAc;IAE/B,wFAAwF;IAC7B,cAAc,UAAS;IAElF,kFAAkF;IAClD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IAEzE;;;;;uEAKmE;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,cAAc,CAAC;IAEtF,6FAA6F;IAC9B,mBAAmB,SAAO;IAE9D,OAAO,CAAC,UAAU,CAAC,CAAiB;IACnC,OAAO,CAAC,aAAa,CAAC,CAAkB;IAEpE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkC;IAC3D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgC;IAEvD;iGAC6F;IAC7F,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,WAAW,CAAC,CAAS;IAE7B,oBAAoB,IAAI,IAAI,CAM3B;IAED;;;8FAG0F;IAC1F,OAAO,KAAK,4BAA4B,GAEvC;IAED,OAAO,KAAK,aAAa,GAExB;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAOlD;IAED,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAuB/C;IAED,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,qBAAqB;IAS7B,OAAO,CAAC,MAAM,CAGZ;IAEF,OAAO,CAAC,YAAY,CAKlB;IAEF,OAAO,CAAC,yBAAyB,CAI/B;IAEF,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,aAAa;IAcrB,MAAM,IAAI,cAAc,CA0CvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/components/activity-feed/activity-feed.class.js

@@ -0,0 +1,300 @@
+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, query } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { nextId } from '../../internal/a11y.js';
+import { chevronIcon } from '../../internal/icons.js';
+import { getDateTimeFormat, getPluralRules } from '../../internal/intl-cache.js';
+import { finiteCount } from '../../internal/numbers.js';
+import '../live-region/live-region.js';
+import '../virtual-list/virtual-list.js';
+import { styles } from './activity-feed.styles.js';
+/** Close enough to the body's own max scroll position to count as anchored there -- identical
+ *  value and rationale to `<lyra-thinking-panel>`'s `NEAR_BOTTOM_PX`. */
+const NEAR_BOTTOM_PX = 48;
+/** `true`-defaulting boolean attribute converter, identical shape to `<lyra-task-list>`'s
+ *  `trueDefaultBooleanConverter` -- duplicated locally per this library's convention of not
+ *  sharing these tiny converters across independently-consumable component files. Lit's default
+ *  presence-based `type: Boolean` can never be set back to `false` from a plain-HTML attribute
+ *  once the property's own default is `true` (removing an attribute that was never present fires
+ *  no `attributeChangedCallback`), so `fromAttribute` checks the literal string instead.
+ *  `toAttribute` reflects the `true` state as a present (empty-string) attribute rather than
+ *  omitting it, so `follow`'s host attribute is present by default, matching every other
+ *  `reflect: true` boolean property in this library. */
+const trueDefaultBooleanConverter = {
+    fromAttribute(value) {
+        return value !== 'false';
+    },
+    toAttribute(value) {
+        return value ? '' : null;
+    },
+};
+/** `hour:minute` in the component's effective locale -- identical algorithm to
+ *  `<lyra-chat-message>`'s own `defaultFormatTimestamp`, duplicated locally. Uses the shared
+ *  per-locale formatter cache: this runs once per entry on every render of a live feed, and
+ *  constructing an `Intl.DateTimeFormat` per call is an ICU locale-data lookup that would
+ *  otherwise repeat for every visible row on every appended entry. `effectiveLocale` always
+ *  resolves to a non-empty tag (it falls back to `'en'`), so no empty-locale guard is needed. */
+function defaultFormatTimestamp(date, locale) {
+    return getDateTimeFormat(locale, { hour: 'numeric', minute: '2-digit' }).format(date);
+}
+/**
+ * `<lyra-activity-feed>` — an append-only streaming log of granular agent actions ("Searching the
+ * web…", "Read src/index.ts"), collapsing to a localized "Completed N steps" summary once the run
+ * is over. Entries never change state once added (a step whose status mutates in place belongs to
+ * `<lyra-task-list>` instead). Implements the shared follow (stick-to-bottom) contract: `follow`
+ * is a component-managed, host-assignable property, released on user scroll-up and re-engaged at
+ * the bottom, firing `lyra-follow-change` on every transition (mount excluded). At/above
+ * `virtualizeThreshold` entries, the body renders through an internal `<lyra-virtual-list>`
+ * instead of a plain keyed list — same list semantics either way, keyed by `id`.
+ *
+ * Each entry's `text` renders as plain text by default; a host needing richer per-entry content
+ * (rendered markdown, a trailing tool-call chip list, etc.) sets `renderText` to fully replace it,
+ * identically whether or not the feed is currently virtualized.
+ *
+ * @customElement lyra-activity-feed
+ * @event lyra-toggle - The header was activated, expanding or collapsing the body. `detail: {
+ *   expanded }`.
+ * @event lyra-follow-change - `follow` released or re-engaged (user scroll, or a host
+ *   assignment). `detail: { following }`. Never fired for the value `follow` happens to mount
+ *   with.
+ * @csspart base - The outer container.
+ * @csspart header - The clickable header (`<button>`).
+ * @csspart status-dot - The decorative mode indicator dot; pulses while `mode="live"`.
+ * @csspart summary - The header's one-line ticker (`live`) or completed-count summary
+ *   (`post-hoc`).
+ * @csspart toggle - The chevron indicator inside the header.
+ * @csspart body - The scrollable region containing the entries (or the internal virtual-list).
+ * @csspart entry - One entry row; carries `data-tone`.
+ * @csspart entry-icon - The literal `icon` hint, or a tone dot when unset.
+ * @csspart entry-text - The entry's `text`. Not rendered while `renderText` is set — its returned
+ *   content replaces this part entirely.
+ * @csspart entry-timestamp - The formatted timestamp, only rendered while `showTimestamps` and a
+ *   valid `timestamp` is set.
+ * @cssprop [--lyra-activity-feed-max-height=16rem] - Cap on how tall the expanded body grows
+ *   before it scrolls internally (non-virtualized mode); also sizes the internal virtual-list.
+ */
+export class LyraActivityFeed extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Append-only: stable ids, new entries at the end. Entries never change state once added. */
+        this.entries = [];
+        /** `'live'` follows the tail (per `follow`) and pulses; `'post-hoc'` shows the completed-count
+         *  summary and never scrolls. */
+        this.mode = 'live';
+        /** Component-managed, host-assignable stick-to-bottom flag — released on user scroll-up,
+         *  re-engaged at the bottom. Only drives scrolling in `'live'` mode. */
+        this.follow = true;
+        /** Body visibility. Never self-mutated on `mode` changes — a host wanting the finished feed
+         *  collapsed sets `mode="post-hoc"` and `expanded=false` together. */
+        this.expanded = false;
+        /** Header text. Localized (`activityFeedLabel`) while at its default `'Activity'`. */
+        this.label = 'Activity';
+        /** Trailing `<time datetime>` per entry, default `hour:minute` in `effectiveLocale`. */
+        this.showTimestamps = false;
+        /** At/above this entry count, the body renders through an internal `<lyra-virtual-list>`. */
+        this.virtualizeThreshold = 200;
+        this.headerId = nextId('activity-feed-header');
+        this.bodyId = nextId('activity-feed-body');
+        /** `true` until the first completed update -- gates `lyra-follow-change` and the mode-transition
+         *  announcement so mounting with a non-default `follow`/`mode` never itself fires either. */
+        this.isMounting = true;
+        this.toggle = () => {
+            this.expanded = !this.expanded;
+            this.emit('lyra-toggle', { expanded: this.expanded });
+        };
+        this.onBodyScroll = (e) => {
+            if (this.isVirtualized || this.mode !== 'live')
+                return;
+            const body = e.currentTarget;
+            const nearBottom = body.scrollHeight - body.scrollTop - body.clientHeight <= NEAR_BOTTOM_PX;
+            if (nearBottom !== this.follow)
+                this.follow = nearBottom;
+        };
+        this.onVirtualListRangeChanged = (e) => {
+            if (this.mode !== 'live')
+                return;
+            const atBottom = this.entries.length > 0 && e.detail.end >= this.entries.length - 1;
+            if (atBottom !== this.follow)
+                this.follow = atBottom;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.scrollRafId !== undefined) {
+            cancelAnimationFrame(this.scrollRafId);
+            this.scrollRafId = undefined;
+        }
+    }
+    /** `virtualizeThreshold`, normalized to a finite non-negative integer (falling back to the
+     *  property's own default of `200`) -- a raw `NaN` (e.g. an invalid `virtualize-threshold`
+     *  attribute) would otherwise make `entries.length >= virtualizeThreshold` always false,
+     *  silently disabling virtualization instead of falling back to the default threshold. */
+    get effectiveVirtualizeThreshold() {
+        return finiteCount(this.virtualizeThreshold, 200);
+    }
+    get isVirtualized() {
+        return this.entries.length >= this.effectiveVirtualizeThreshold;
+    }
+    willUpdate(changed) {
+        if ((changed.has('expanded') || changed.has('mode')) && this.expanded && this.mode === 'live') {
+            // Resetting to "anchored" on expand/live-transition, in willUpdate (not updated) so this
+            // stays part of the SAME update pass rather than scheduling a second one -- identical
+            // willUpdate/updated split rationale to lyra-generation-status's elapsedMs computation.
+            this.follow = true;
+        }
+    }
+    updated(changed) {
+        const wasMounting = this.isMounting;
+        this.isMounting = false;
+        if (!wasMounting && changed.has('follow')) {
+            this.emit('lyra-follow-change', { following: this.follow });
+        }
+        if (!wasMounting && changed.has('mode')) {
+            const previousMode = changed.get('mode');
+            if (previousMode === 'live' && this.mode === 'post-hoc') {
+                const region = this.liveRegion;
+                if (region) {
+                    region.mode = 'polite';
+                    region.announce(this.completedStepsSummary(), { force: true });
+                }
+            }
+        }
+        const justAnchored = (changed.has('expanded') || changed.has('mode')) && this.expanded && this.mode === 'live';
+        if (justAnchored || (changed.has('entries') && this.expanded && this.mode === 'live' && this.follow)) {
+            this.scrollToLatest();
+        }
+    }
+    scrollToLatest() {
+        if (this.isVirtualized) {
+            // Deferred to updateComplete: the internal virtual-list may not have re-rendered its own
+            // windowed rows for the latest `entries` yet within this same synchronous pass.
+            void this.updateComplete.then(() => {
+                this.virtualListEl?.scrollToIndex(this.entries.length - 1, { align: 'end' });
+            });
+            return;
+        }
+        if (this.scrollRafId !== undefined)
+            return;
+        this.scrollRafId = requestAnimationFrame(() => {
+            this.scrollRafId = undefined;
+            // Re-check inside the callback -- the reader may have scrolled away in the window between
+            // scheduling and firing (identical rationale/pattern to lyra-thinking-panel's own
+            // onContentMutated rAF coalescing).
+            if (!(this.expanded && this.mode === 'live' && this.follow))
+                return;
+            const body = this.renderRoot.querySelector('[part="body"]');
+            if (body)
+                body.scrollTop = body.scrollHeight;
+        });
+    }
+    completedStepsSummary() {
+        const count = this.entries.length;
+        const key = getPluralRules(this.effectiveLocale).select(count) === 'one'
+            ? 'activityFeedCompletedStep'
+            : 'activityFeedCompletedSteps';
+        return this.localize(key, undefined, { count });
+    }
+    normalizedTimestamp(value) {
+        if (value === undefined)
+            return undefined;
+        const date = value instanceof Date ? value : new Date(value);
+        return Number.isNaN(date.getTime()) ? undefined : date;
+    }
+    entryTemplate(entry, ownRole) {
+        const ts = this.normalizedTimestamp(entry.timestamp);
+        const formatter = this.formatTimestamp ?? ((date) => defaultFormatTimestamp(date, this.effectiveLocale));
+        return html `
+      <div part="entry" role=${ownRole ? 'listitem' : nothing} data-tone=${entry.tone ?? 'neutral'}>
+        <span part="entry-icon" aria-hidden="true">${entry.icon ? entry.icon : html `<span class="tone-dot"></span>`}</span>
+        ${this.renderText ? this.renderText(entry) : html `<span part="entry-text">${entry.text}</span>`}
+        ${this.showTimestamps && ts
+            ? html `<time part="entry-timestamp" datetime=${ts.toISOString()}>${formatter(ts)}</time>`
+            : nothing}
+      </div>
+    `;
+    }
+    render() {
+        const label = this.label === 'Activity' ? this.localize('activityFeedLabel') : this.label;
+        const headerText = this.mode === 'live' ? (this.entries[this.entries.length - 1]?.text ?? '') : this.completedStepsSummary();
+        const virtualized = this.isVirtualized;
+        return html `
+      <div part="base">
+        <button
+          part="header"
+          type="button"
+          id=${this.headerId}
+          aria-expanded=${this.expanded ? 'true' : 'false'}
+          aria-controls=${this.bodyId}
+          @click=${this.toggle}
+        >
+          <span part="toggle" aria-hidden="true">${chevronIcon()}</span>
+          <span part="status-dot" aria-hidden="true"></span>
+          <span part="label">${label}</span>
+          <span part="summary">${headerText}</span>
+        </button>
+        <div
+          part="body"
+          id=${this.bodyId}
+          role=${virtualized ? nothing : 'list'}
+          tabindex=${virtualized ? nothing : '0'}
+          aria-label=${virtualized ? nothing : label}
+          ?hidden=${!this.expanded}
+          @scroll=${this.onBodyScroll}
+        >
+          ${virtualized
+            ? html `<lyra-virtual-list
+                .items=${this.entries}
+                .renderItem=${(item) => this.entryTemplate(item, false)}
+                .keyFunction=${(item) => item.id}
+                aria-label=${label}
+                @lyra-visible-range-changed=${this.onVirtualListRangeChanged}
+              ></lyra-virtual-list>`
+            : repeat(this.entries, (entry) => entry.id, (entry) => this.entryTemplate(entry, true))}
+        </div>
+        <lyra-live-region></lyra-live-region>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraActivityFeed.prototype, "entries", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraActivityFeed.prototype, "mode", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, converter: trueDefaultBooleanConverter })
+], LyraActivityFeed.prototype, "follow", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraActivityFeed.prototype, "expanded", void 0);
+__decorate([
+    property()
+], LyraActivityFeed.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-timestamps' })
+], LyraActivityFeed.prototype, "showTimestamps", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraActivityFeed.prototype, "formatTimestamp", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraActivityFeed.prototype, "renderText", void 0);
+__decorate([
+    property({ type: Number, attribute: 'virtualize-threshold' })
+], LyraActivityFeed.prototype, "virtualizeThreshold", void 0);
+__decorate([
+    query('lyra-live-region')
+], LyraActivityFeed.prototype, "liveRegion", void 0);
+__decorate([
+    query('lyra-virtual-list')
+], LyraActivityFeed.prototype, "virtualListEl", void 0);
+//# sourceMappingURL=activity-feed.class.js.map

package/dist/components/activity-feed/activity-feed.class.js.map

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

package/dist/components/activity-feed/activity-feed.d.ts

@@ -0,0 +1,2 @@
+export * from './activity-feed.class.js';
+//# sourceMappingURL=activity-feed.d.ts.map

package/dist/components/activity-feed/activity-feed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-feed.d.ts","sourceRoot":"","sources":["../../../src/components/activity-feed/activity-feed.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/components/activity-feed/activity-feed.js

@@ -0,0 +1,5 @@
+export * from './activity-feed.class.js';
+import { LyraActivityFeed } from './activity-feed.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('activity-feed', LyraActivityFeed);
+//# sourceMappingURL=activity-feed.js.map

package/dist/components/activity-feed/activity-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-feed.js","sourceRoot":"","sources":["../../../src/components/activity-feed/activity-feed.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/activity-feed/activity-feed.styles.d.ts

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

package/dist/components/activity-feed/activity-feed.styles.d.ts.map

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

package/dist/components/activity-feed/activity-feed.styles.js

@@ -0,0 +1,147 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    --lyra-activity-feed-max-height: var(--lyra-size-16rem);
+  }
+  [part='base'] {
+    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+    border-radius: var(--lyra-radius);
+    background: var(--lyra-color-surface);
+    overflow: hidden;
+  }
+  [part='header'] {
+    display: flex;
+    align-items: center;
+    gap: var(--lyra-space-xs);
+    inline-size: 100%;
+    box-sizing: border-box;
+    padding: var(--lyra-space-s) var(--lyra-space-m);
+    border: none;
+    background: none;
+    color: var(--lyra-color-text);
+    font: inherit;
+    text-align: start;
+    cursor: pointer;
+  }
+  [part='header']:hover {
+    background: var(--lyra-color-brand-quiet);
+    color: var(--lyra-color-brand);
+  }
+  [part='header']:focus-visible {
+    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
+    outline-offset: calc(-1 * var(--lyra-focus-ring-offset));
+  }
+  [part='toggle'] {
+    display: inline-flex;
+    flex: 0 0 auto;
+    transition: transform var(--lyra-transition-fast);
+  }
+  :host([expanded]) [part='toggle'] {
+    transform: rotate(90deg);
+  }
+  :host(:not([expanded]):dir(rtl)) [part='toggle'] {
+    transform: scaleX(-1);
+  }
+  [part='status-dot'] {
+    flex: 0 0 auto;
+    inline-size: var(--lyra-size-0-5rem);
+    block-size: var(--lyra-size-0-5rem);
+    border-radius: var(--lyra-radius-pill);
+    background: var(--lyra-color-text-quiet);
+  }
+  :host([mode='live']) [part='status-dot'] {
+    background: var(--lyra-color-brand);
+    animation: lyra-activity-feed-pulse var(--lyra-transition-ambient) infinite;
+  }
+  [part='label'] {
+    flex: 0 0 auto;
+    font-weight: var(--lyra-font-weight-semibold);
+  }
+  [part='summary'] {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: var(--lyra-font-size-sm);
+    color: var(--lyra-color-text-quiet);
+    text-align: start;
+  }
+  [part='body'] {
+    display: flex;
+    flex-direction: column;
+    max-block-size: var(--lyra-activity-feed-max-height);
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    border-block-start: var(--lyra-border-width-thin) solid var(--lyra-color-border);
+  }
+  [part='body'][hidden] {
+    display: none;
+  }
+  lyra-virtual-list {
+    display: block;
+    inline-size: 100%;
+    block-size: var(--lyra-activity-feed-max-height);
+  }
+  [part='entry'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: var(--lyra-space-xs);
+    padding: var(--lyra-space-2xs) var(--lyra-space-m);
+  }
+  [part='entry-icon'] {
+    flex: 0 0 auto;
+    display: inline-flex;
+    align-items: center;
+    inline-size: var(--lyra-size-1em);
+  }
+  .tone-dot {
+    display: block;
+    inline-size: var(--lyra-size-0-5rem);
+    block-size: var(--lyra-size-0-5rem);
+    border-radius: var(--lyra-radius-pill);
+    background: var(--lyra-color-text-quiet);
+  }
+  [part='entry'][data-tone='brand'] .tone-dot {
+    background: var(--lyra-color-brand);
+  }
+  [part='entry'][data-tone='success'] .tone-dot {
+    background: var(--lyra-color-success);
+  }
+  [part='entry'][data-tone='warning'] .tone-dot {
+    background: var(--lyra-color-warning);
+  }
+  [part='entry'][data-tone='danger'] .tone-dot {
+    background: var(--lyra-color-danger);
+  }
+  [part='entry-text'] {
+    flex: 1 1 auto;
+    min-inline-size: var(--lyra-size-3ch);
+    font-size: var(--lyra-font-size-sm);
+  }
+  [part='entry-timestamp'] {
+    flex: 0 0 auto;
+    font-size: var(--lyra-font-size-xs);
+    color: var(--lyra-color-text-quiet);
+  }
+  @keyframes lyra-activity-feed-pulse {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.35;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [part='toggle'] {
+      transition: none !important;
+    }
+    [part='status-dot'] {
+      animation: none !important;
+    }
+  }
+`;
+//# sourceMappingURL=activity-feed.styles.js.map

package/dist/components/activity-feed/activity-feed.styles.js.map

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

package/dist/components/animation/animation.class.d.ts

@@ -84,6 +84,18 @@ export declare class LyraAnimation extends LyraElement<LyraAnimationEventMap> {
     private hasStarted;
     private visibilityObserver?;
     private motionQuery?;
+    private get safeDelay();
+    private get safeDuration();
+    private get safeEndDelay();
+    /** `iterations` normalized to a finite, non-negative real -- *or* `Infinity` verbatim.
+     *  `Infinity` is this property's own documented default (an animation that repeats forever,
+     *  mirroring the upstream Web Awesome/Shoelace contract) and a legitimate, spec-sanctioned
+     *  `EffectTiming.iterations` value, so it must never be coerced away by `finiteRange`'s clamp
+     *  (which cannot itself represent "fall back to Infinity" -- its fallback parameter must be
+     *  finite). Only a genuinely invalid raw value (`NaN`, negative, `-Infinity`) falls back to `1`. */
+    private get safeIterations();
+    private get safeIterationStart();
+    private get safePlaybackRate();
     connectedCallback(): void;
     disconnectedCallback(): void;
     private onMotionPreferenceChange;

package/dist/components/animation/animation.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation.class.d.ts","sourceRoot":"","sources":["../../../src/components/animation/animation.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D;;oEAEoE;AACpE,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,SAAS,GACT,UAAU,GACV,SAAS,GACT,UAAU,GACV,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,eAAe,GACf,aAAa,GACb,eAAe,GACf,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO,CAAC;AAEZ;;gCAEgC;AAChC,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/E,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACtC,aAAa,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACvC;AAgFD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBAAa,aAAc,SAAQ,WAAW,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,MAAM,iCAAgC;IAEjC,IAAI,EAAE,mBAAmB,CAAU;IACf,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAa;IAClC,IAAI,UAAS;IAC7B,KAAK,SAAK;IAC1B,SAAS,EAAE,iBAAiB,CAAY;IACxB,QAAQ,SAAQ;IAChC,MAAM,SAAY;IACsB,QAAQ,SAAK;IACrD,IAAI,EAAE,QAAQ,CAAU;IACR,UAAU,SAAY;IACQ,cAAc,SAAK;IACrB,YAAY,SAAK;IAChB,YAAY,EAAE,yBAAyB,CAAY;IAC3B,oBAAoB,UAAQ;IACnC,aAAa,UAAS;IACf,mBAAmB,UAAS;IACrE,UAAU,SAAS;IAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAK;IACjC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5D,OAAO,CAAC,SAAS,CAAC,CAAY;IAC9B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,kBAAkB,CAAC,CAAuB;IAClD,OAAO,CAAC,WAAW,CAAC,CAAiB;IAErC,iBAAiB,IAAI,IAAI,CAQxB;IAED,oBAAoB,IAAI,IAAI,CAO3B;IAKD,OAAO,CAAC,wBAAwB,CAAsC;IAEtE,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAqB/C;IAED,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,sBAAsB,CA4B5B;IAWF,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,eAAe,CA6BrB;IAQF,OAAO,CAAC,cAAc,CAWpB;IAEF,OAAO,CAAC,iBAAiB,CAIvB;IAEF,OAAO,CAAC,iBAAiB,CAIvB;IAEF,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,EAE5B;IAED;;8CAE0C;IAC1C,KAAK,IAAI,IAAI,CAEZ;IAED,iDAAiD;IACjD,KAAK,IAAI,IAAI,CAEZ;IAED,4EAA4E;IAC5E,MAAM,IAAI,IAAI,CAEb;IAED,uDAAuD;IACvD,MAAM,IAAI,IAAI,CAEb;IAED,MAAM,IAAI,cAAc,CAEvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}
+{"version":3,"file":"animation.class.d.ts","sourceRoot":"","sources":["../../../src/components/animation/animation.class.ts"],"names":[],"mappings":"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"}