@aceshooting/lyra-ui 4.2.0 → 5.1.0

package/dist/components/conversation/chat-viewport/chat-viewport.class.js

@@ -0,0 +1,530 @@
+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, state } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { prefersReducedMotion } from '../../../internal/motion.js';
+import { finiteCount, finiteRange } from '../../../internal/numbers.js';
+import { LyraVirtualList } from '../../layout/virtual-list/virtual-list.class.js';
+import { styles } from './chat-viewport.styles.js';
+import { getPluralRules } from '../../../internal/intl-cache.js';
+/**
+ * `<lr-chat-viewport>` — the transcript scroll container: owns stick-to-bottom behavior while an
+ * answer streams, the "jump to latest" pill, and the unread divider.
+ *
+ * **Two supported content shapes, auto-detected:** ordinary element children (typically
+ * `<lr-chat-message>`s -- *slotted mode*), or exactly one `<lr-virtual-list>` (*virtual mode*,
+ * detected via `instanceof` against the imported class so custom prefixes keep working). In virtual
+ * mode this component defers all scrolling to the slotted list's own `scrollToIndex()`.
+ *
+ * **Follow/release state machine.** While `follow` is engaged, content growth re-scrolls to the end.
+ * Release happens only on a *user-intent* gesture (wheel, touchmove, scrollbar-drag, or
+ * PageUp/ArrowUp/Home while the log region has focus) that leaves the view more than
+ * `bottomThreshold` from the end -- a scroll caused by this component's own programmatic scrolling,
+ * or by a layout shift, never releases it. Reaching the bottom again by any means re-engages `follow`.
+ * The internal log defaults to `live="off"`, which avoids announcing every streaming token. Consumers
+ * that append complete messages at an announcement-safe cadence can opt into `polite` or `assertive`.
+ *
+ * **`scrollToUnread()` in virtual mode.** The target row is scrolled with `align: 'start'` so the
+ * divider boundary lands at the top of the view with the unread content visible below it -- the
+ * only alignment that matches what "scroll to the divider" means here. The underlying virtual list
+ * only issues a corrective re-scroll for an initially-unmeasured target when that target's *own*
+ * height is what was uncertain (`align: 'end'`/a downward `align: 'auto'`); a `'start'`-aligned
+ * target's position is a function of the rows *before* it, so it has no such self-correction. In
+ * practice the rows leading up to an unread boundary are usually ones the reader already scrolled
+ * past (and so already measured), which keeps this accurate in the common case; a still-unmeasured
+ * long-distance jump can land approximately rather than pixel-exact. Fixing that fully would mean
+ * changing how the underlying list resolves offsets, which is out of scope here -- `align: 'end'`
+ * was considered and rejected because it changes the visible outcome (it would put the *bottom* of
+ * the boundary row at the viewport's bottom edge, hiding the unread content the jump is meant to
+ * reveal, not just changing how precisely it lands).
+ *
+ * Renders no messages and computes no unread state itself -- the host supplies `unreadStartIndex`;
+ * no virtualization of its own (`<lr-virtual-list>`); not a generic overflow surface
+ * (`<lr-scroller>`); no message semantics (`<lr-chat-message>`).
+ *
+ * @customElement lr-chat-viewport
+ * @slot - The transcript: ordinary element children, or exactly one `<lr-virtual-list>`.
+ * @event lr-follow-change - `detail: { following }` -- fired whenever `follow` flips (user
+ *   scroll-up release, or reaching the bottom again). Never fired for the initial mount state.
+ * @csspart base - The positioning root.
+ * @csspart scroll - The scroll container (`role="log"`, `tabindex="0"`). In virtual mode it stops
+ *   scrolling itself (the slotted list scrolls) but keeps the role.
+ * @csspart content - The slotted-content wrapper the growth observers watch.
+ * @csspart jump-pill - The built-in jump-to-latest button, absent while `follow` is engaged.
+ * @csspart unread-divider - The "New messages" separator (slotted mode only).
+ */
+export class LyraChatViewport extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Component-managed stick-to-bottom state, host-writable. Setting `true` scrolls to the end and
+         *  re-engages following; setting `false` releases it. */
+        this.follow = true;
+        /** Live-region policy forwarded to the internal `role="log"`. Keep `off` for token-by-token
+         * streaming; use `polite` or `assertive` only when messages are appended at an announcement-safe
+         * cadence. */
+        this.live = 'off';
+        /** Px distance from the end still counted as "at bottom." */
+        this.bottomThreshold = 24;
+        /** Index of the first unread item -- element-child index in slotted mode, `items` index in virtual
+         *  mode. Host-owned unread bookkeeping in, divider/pill count out. `null` disables both. */
+        this.unreadStartIndex = null;
+        /** Accessible name for the log region. Defaults to the localized `chatViewportLabel`;
+         *  a host `aria-label` (see `accessibleLabel`) wins over both. */
+        this.label = '';
+        /** Host `aria-label`, forwarded to the internal `role="log"` element -- an `aria-label` left
+         *  on the custom-element host itself names nothing, because the log role lives inside the
+         *  shadow root. Wins over `label` and the localized default. */
+        this.accessibleLabel = null;
+        this.unreadDividerTop = null;
+        this.pendingUserIntent = false;
+        this.scrollbarDragActive = false;
+        this.isMounting = true;
+        /** Which shape `armObservers()` last actually built watchers for -- `null` after a teardown.
+         *  Guards against rebuilding on a redundant `armObservers()` call (see its own comment). */
+        this.armedMode = null;
+        /** Bumped on every real (non-skipped) `armObservers()` call and on teardown -- invalidates a
+         *  still-pending deferred initial-measurement microtask from a now-stale arm. */
+        this.armGeneration = 0;
+        this.markUserIntent = () => {
+            this.pendingUserIntent = true;
+            this.cancelPendingUserIntentExpiry();
+            // A gesture that actually produced a scroll is consumed by onScroll()/onVirtualRangeChanged()
+            // well within two animation frames -- slotted mode's own [part="scroll"] fires 'scroll'
+            // directly off the native scroll; virtual mode's longest chain is one requestAnimationFrame
+            // (the slotted list's own scroll-coalescing) plus a Lit microtask update, both of which land
+            // inside the *first* of these two frames with room to spare. A gesture that changed nothing
+            // (e.g. wheel-down while already at the bottom, in virtual mode) never fires either handler,
+            // so nothing else would ever clear the flag -- proactively dropping it here, rather than
+            // waiting out a generous wall-clock timeout, closes the window during which an unrelated
+            // event arriving soon after (e.g. the next streamed-token append, which can land far sooner
+            // than any timeout long enough to be safe for a genuine gesture) would misattribute itself as
+            // user-caused and release `follow`.
+            this.pendingUserIntentExpiryId = requestAnimationFrame(() => {
+                this.pendingUserIntentExpiryId = requestAnimationFrame(() => {
+                    this.pendingUserIntentExpiryId = undefined;
+                    this.pendingUserIntent = false;
+                });
+            });
+        };
+        this.onPointerDown = () => {
+            this.scrollbarDragActive = true;
+            // Dragging a native scrollbar thumb (or just holding the mouse button) can end with the
+            // pointer well outside `[part="scroll"]` -- the release target is wherever the cursor
+            // happens to be, not necessarily this element or one of its descendants. A listener bound
+            // only here would never see that pointerup, leaving this flag stuck `true` and letting a
+            // later, unrelated layout-shift scroll spuriously release `follow`.
+            window.addEventListener('pointerup', this.onPointerUp);
+            // A drag can also end without a pointerup ever firing: a system gesture / palm rejection can
+            // fire `pointercancel` instead, and losing implicit pointer capture (e.g. the dragged element
+            // is removed) fires `lostpointercapture` -- both need the same teardown as pointerup, or this
+            // flag is stuck true just as surely as the pointerup-outside-the-element case above.
+            window.addEventListener('pointercancel', this.onPointerUp);
+            window.addEventListener('lostpointercapture', this.onPointerUp);
+        };
+        this.onPointerUp = () => {
+            this.scrollbarDragActive = false;
+            window.removeEventListener('pointerup', this.onPointerUp);
+            window.removeEventListener('pointercancel', this.onPointerUp);
+            window.removeEventListener('lostpointercapture', this.onPointerUp);
+        };
+        this.onKeyDown = (e) => {
+            if (e.key === 'PageUp' || e.key === 'ArrowUp' || e.key === 'Home')
+                this.markUserIntent();
+        };
+        this.onScroll = () => {
+            const el = this.scrollEl;
+            if (!el)
+                return;
+            const distanceFromEnd = el.scrollHeight - el.scrollTop - el.clientHeight;
+            const atBottom = distanceFromEnd <= this.effectiveBottomThreshold;
+            if (atBottom) {
+                this.clearUserIntent();
+                if (!this.follow)
+                    this.follow = true;
+                return;
+            }
+            const userCaused = this.consumeUserIntent() || this.scrollbarDragActive;
+            if (userCaused && this.follow)
+                this.follow = false;
+        };
+        this.onVirtualRangeChanged = (e) => {
+            const list = this.virtualListEl;
+            if (!list)
+                return;
+            const detail = e.detail;
+            const atBottom = list.items.length > 0 && detail.end >= list.items.length - 1;
+            if (atBottom) {
+                this.clearUserIntent();
+                if (!this.follow)
+                    this.follow = true;
+                return;
+            }
+            const userCaused = this.consumeUserIntent() || this.scrollbarDragActive;
+            if (userCaused) {
+                if (this.follow)
+                    this.follow = false;
+                return;
+            }
+            // Not user-caused and not at the bottom -- new items were appended (or the viewport itself
+            // resized). While follow is engaged, catch back up.
+            if (this.follow)
+                this.performScrollToEnd('auto');
+        };
+        this.onSlotChange = () => {
+            this.armObservers();
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    get virtualListEl() {
+        const children = Array.from(this.children);
+        return children.length === 1 && children[0] instanceof LyraVirtualList
+            ? children[0]
+            : null;
+    }
+    /** `bottomThreshold` normalized to a finite, non-negative pixel distance -- a non-finite value
+     *  would otherwise make the `distanceFromEnd <= bottomThreshold` comparison in `onScroll()`
+     *  always false (a `NaN` comparison never succeeds), permanently preventing `follow` from
+     *  re-engaging once released. */
+    get effectiveBottomThreshold() {
+        return finiteRange(this.bottomThreshold, 24, 0);
+    }
+    /** `unreadStartIndex` normalized to a finite, non-negative integer -- `null` (the documented
+     *  "disabled" sentinel) is passed through as-is, never coerced into a number. */
+    get effectiveUnreadStartIndex() {
+        return this.unreadStartIndex == null ? null : finiteCount(this.unreadStartIndex);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.hasUpdated)
+            this.armObservers();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.teardownObservers();
+        // Safety net for a drag still in progress (pointerdown fired, no matching pointerup/
+        // pointercancel/lostpointercapture yet) when this element is disconnected -- without this the
+        // window listeners `onPointerDown` added would leak for the lifetime of the page.
+        window.removeEventListener('pointerup', this.onPointerUp);
+        window.removeEventListener('pointercancel', this.onPointerUp);
+        window.removeEventListener('lostpointercapture', this.onPointerUp);
+        // Safety net for a still-scheduled proactive user-intent expiry (see markUserIntent()).
+        this.cancelPendingUserIntentExpiry();
+    }
+    firstUpdated() {
+        this.armObservers();
+    }
+    updated(changed) {
+        const wasMounting = this.isMounting;
+        this.isMounting = false;
+        if (changed.has('follow')) {
+            if (this.follow) {
+                // The very first paint always lands at the end instantly -- there's no prior on-screen
+                // position for an animated scroll to connect to, so animating it would just be motion for
+                // its own sake (and, as a bonus, is more reliable than relying on a 'smooth' scroll's
+                // variable-length animation to have actually finished by the time anything else inspects
+                // scroll position). `pendingScrollBehavior`/reduced-motion only matter for a later, real
+                // scroll (`scrollToBottom()` re-engaging a released `follow`), not this initial one.
+                const behavior = wasMounting
+                    ? 'auto'
+                    : (this.pendingScrollBehavior ?? (prefersReducedMotion() ? 'auto' : 'smooth'));
+                this.pendingScrollBehavior = undefined;
+                this.performScrollToEnd(behavior);
+            }
+            if (!wasMounting) {
+                this.emit('lr-follow-change', { following: this.follow });
+            }
+        }
+        // On the very first update, firstUpdated() -> armObservers() already computed this moments
+        // earlier in the same synchronous pass; recomputing it again here would be redundant (and,
+        // since @state property writes still schedule a follow-up update even when the recomputed
+        // value doesn't actually change layout between those two calls, needlessly trips Lit's
+        // "scheduled an update after an update completed" dev-mode notice).
+        if (changed.has('unreadStartIndex') && !wasMounting) {
+            this.updateUnreadDividerPosition();
+        }
+    }
+    /** Scrolls to the end and re-engages `follow`. Default `smooth`, forced to `auto` under
+     *  `prefers-reduced-motion`. */
+    scrollToBottom(options) {
+        const behavior = prefersReducedMotion() ? 'auto' : (options?.behavior ?? 'smooth');
+        if (this.follow) {
+            this.performScrollToEnd(behavior);
+        }
+        else {
+            this.pendingScrollBehavior = behavior;
+            this.follow = true;
+        }
+    }
+    /** Scrolls the unread divider to the top of the view; `false` when `unreadStartIndex` is
+     *  `null`/out of range. Does not re-engage `follow`. See the class doc for why virtual mode uses
+     *  `align: 'start'` and what that trades off. */
+    scrollToUnread(options) {
+        const unreadStartIndex = this.effectiveUnreadStartIndex;
+        if (unreadStartIndex == null)
+            return false;
+        const behavior = prefersReducedMotion() ? 'auto' : (options?.behavior ?? 'smooth');
+        const list = this.virtualListEl;
+        if (list) {
+            if (unreadStartIndex >= list.items.length)
+                return false;
+            list.scrollToIndex(unreadStartIndex, { align: 'start', behavior });
+            return true;
+        }
+        const scrollEl = this.scrollEl;
+        if (!scrollEl || this.unreadDividerTop == null)
+            return false;
+        scrollEl.scrollTo({ top: this.unreadDividerTop, behavior });
+        return true;
+    }
+    performScrollToEnd(behavior) {
+        const list = this.virtualListEl;
+        if (list) {
+            if (list.items.length > 0)
+                list.scrollToIndex(list.items.length - 1, { align: 'end', behavior });
+            return;
+        }
+        const el = this.scrollEl;
+        if (!el)
+            return;
+        el.scrollTo({ top: el.scrollHeight, behavior });
+    }
+    get totalCount() {
+        const list = this.virtualListEl;
+        return list ? list.items.length : this.children.length;
+    }
+    get unreadCount() {
+        const unreadStartIndex = this.effectiveUnreadStartIndex;
+        if (unreadStartIndex == null)
+            return 0;
+        return Math.max(0, this.totalCount - unreadStartIndex);
+    }
+    pillLabel() {
+        const count = this.unreadCount;
+        if (count <= 0)
+            return this.localize('jumpToLatest');
+        const key = getPluralRules(this.effectiveLocale).select(count) === 'one' ? 'newMessageCount' : 'newMessagesCount';
+        return this.localize(key, undefined, { count });
+    }
+    updateUnreadDividerPosition() {
+        const unreadStartIndex = this.effectiveUnreadStartIndex;
+        if (this.virtualListEl || unreadStartIndex == null) {
+            this.unreadDividerTop = null;
+            return;
+        }
+        const content = this.contentEl;
+        const children = Array.from(this.children);
+        const target = children[unreadStartIndex];
+        if (!target || !content) {
+            this.unreadDividerTop = null;
+            return;
+        }
+        // `offsetTop`/`offsetParent` don't cross the shadow boundary the way this needs: a slotted
+        // (light-DOM) row's offsetParent search only walks its light-DOM ancestors, which stops at
+        // this host element itself -- it never reaches the shadow-side [part="content"] this divider
+        // is actually positioned against, so it can land pixels off depending on the host's own box.
+        // A getBoundingClientRect() delta is well-defined regardless of that boundary and, since both
+        // rects move together by the same amount when the scroll container scrolls, is unaffected by
+        // the current scroll position.
+        this.unreadDividerTop = target.getBoundingClientRect().top - content.getBoundingClientRect().top;
+    }
+    cancelPendingUserIntentExpiry() {
+        if (this.pendingUserIntentExpiryId !== undefined) {
+            cancelAnimationFrame(this.pendingUserIntentExpiryId);
+            this.pendingUserIntentExpiryId = undefined;
+        }
+    }
+    /** Clears the pending user-intent flag and cancels its proactive expiry, if one is still
+     *  scheduled. */
+    clearUserIntent() {
+        this.pendingUserIntent = false;
+        this.cancelPendingUserIntentExpiry();
+    }
+    /** Consumes the pending user-intent flag, returning whatever it held. Always clears it (and its
+     *  proactive expiry, if still pending). */
+    consumeUserIntent() {
+        const wasPending = this.pendingUserIntent;
+        this.clearUserIntent();
+        return wasPending;
+    }
+    scheduleGrowthTick() {
+        if (this.growthRafId !== undefined)
+            return;
+        this.growthRafId = requestAnimationFrame(() => {
+            this.growthRafId = undefined;
+            this.updateUnreadDividerPosition();
+            if (this.follow)
+                this.performScrollToEnd('auto');
+        });
+    }
+    armObservers() {
+        const list = this.virtualListEl;
+        const mode = list ? 'virtual' : 'slotted';
+        // `onSlotChange` calls this on *every* `slotchange`, including the very first one, which
+        // always fires once during initial mount even though `firstUpdated()` already armed things a
+        // moment earlier. A naive unconditional rebuild here would tear down and recreate the
+        // ResizeObserver(s) below on that redundant call -- and ResizeObserver guarantees an
+        // immediate callback on `observe()` reporting the target's *current* size, not just future
+        // changes, so a redundant rebuild re-triggers a follow-driven scroll-to-bottom purely from
+        // being re-observed. That's a real, observed bug: it can land asynchronously after this
+        // rebuild, undoing an unrelated scroll a host performs in between (e.g. `scrollToUnread()`
+        // right after mount). Skip the rebuild when neither the mode nor, in virtual mode, the
+        // specific list instance actually changed since the last arm.
+        if (this.armedMode === mode && (mode === 'slotted' || this.listenedVirtualList === list))
+            return;
+        this.teardownObservers();
+        this.armedMode = mode;
+        if (list) {
+            this.listenedVirtualList = list;
+            list.addEventListener('lr-visible-range-changed', this.onVirtualRangeChanged);
+        }
+        else {
+            const content = this.contentEl;
+            if (content) {
+                // `ResizeObserver.observe()` guarantees one callback reporting the target's *current* size
+                // before any real change happens -- useful for measuring, but wrong to treat as "content
+                // grew," since acting on it re-triggers a scroll purely from having just started watching
+                // (this was the same asynchronous-baseline case caught below for the scroll container's
+                // own observer -- see that comment for why it matters). Ignore exactly that first delivery.
+                let baselineSeen = false;
+                this.contentResizeObserver = new ResizeObserver(() => {
+                    if (!baselineSeen) {
+                        baselineSeen = true;
+                        return;
+                    }
+                    this.scheduleGrowthTick();
+                });
+                this.contentResizeObserver.observe(content);
+            }
+            // Slotted rows live in the light DOM; slot assignment doesn't reparent them into the shadow
+            // tree, so a MutationObserver watching the shadow-side content wrapper would never see one
+            // added, removed, or reordered -- it has to watch `this` (the host) directly instead. This
+            // also catches a childList change that doesn't happen to alter the transcript's overall
+            // height (e.g. same-height rows reordered around the unread boundary), which the size-only
+            // ResizeObserver above can't. `MutationObserver.observe()` has no equivalent guaranteed-first-
+            // callback behavior, so it needs no baseline guard.
+            this.contentMutationObserver = new MutationObserver(() => this.scheduleGrowthTick());
+            this.contentMutationObserver.observe(this, { childList: true });
+        }
+        const scrollEl = this.scrollEl;
+        if (scrollEl) {
+            // Same guaranteed-first-callback behavior as above, and it matters more here: this one calls
+            // `performScrollToEnd()` directly, with no rAF hop of its own, so its baseline delivery can be
+            // scheduled for a later animation frame than the content observer's (which detours through
+            // `scheduleGrowthTick()`'s own rAF) and land after a scroll performed shortly after mount --
+            // e.g. `scrollToUnread()` while `follow` is still engaged -- silently overwriting it back to
+            // the end. Without this guard that race is real, not hypothetical: the baseline callback fires
+            // unconditionally on every fresh `observe()` regardless of whether the size actually changed.
+            let baselineSeen = false;
+            this.scrollResizeObserver = new ResizeObserver(() => {
+                if (!baselineSeen) {
+                    baselineSeen = true;
+                    return;
+                }
+                if (this.follow)
+                    this.performScrollToEnd('auto');
+            });
+            this.scrollResizeObserver.observe(scrollEl);
+        }
+        // Deferred rather than called synchronously here: this is a real DOM-layout measurement that
+        // necessarily writes reactive state (`unreadDividerTop`) reflecting it, and this method runs
+        // from inside a Lit lifecycle callback (firstUpdated()/connectedCallback()) on the initial arm
+        // -- a synchronous write there still needs a follow-up render to reflect it, which is
+        // unavoidable, but doing it inside the lifecycle callback itself needlessly trips Lit's
+        // "scheduled an update after an update completed" dev-mode notice. A microtask hop clears that
+        // callback first. Mirrors the identical pattern (and reasoning) in
+        // LyraVirtualList.attachContainerListeners()'s own initial measurement.
+        const generation = ++this.armGeneration;
+        queueMicrotask(() => {
+            if (!this.isConnected || generation !== this.armGeneration)
+                return;
+            this.updateUnreadDividerPosition();
+        });
+    }
+    teardownObservers() {
+        this.scrollResizeObserver?.disconnect();
+        this.scrollResizeObserver = undefined;
+        this.contentResizeObserver?.disconnect();
+        this.contentResizeObserver = undefined;
+        this.contentMutationObserver?.disconnect();
+        this.contentMutationObserver = undefined;
+        this.listenedVirtualList?.removeEventListener('lr-visible-range-changed', this.onVirtualRangeChanged);
+        this.listenedVirtualList = undefined;
+        this.armedMode = null;
+        this.armGeneration++;
+        if (this.growthRafId !== undefined) {
+            cancelAnimationFrame(this.growthRafId);
+            this.growthRafId = undefined;
+        }
+    }
+    render() {
+        const label = this.accessibleLabel || this.label || this.localize('chatViewportLabel');
+        return html `
+      <div part="base">
+        <div
+          part="scroll"
+          role="log"
+          aria-live=${this.live}
+          aria-label=${label}
+          tabindex="0"
+          @scroll=${this.onScroll}
+          @wheel=${this.markUserIntent}
+          @touchmove=${this.markUserIntent}
+          @pointerdown=${this.onPointerDown}
+          @keydown=${this.onKeyDown}
+        >
+          <div part="content">
+            <slot @slotchange=${this.onSlotChange}></slot>
+            ${this.unreadDividerTop != null
+            ? html `<div
+                  part="unread-divider"
+                  role="separator"
+                  style=${styleMap({ top: `${this.unreadDividerTop}px` })}
+                >
+                  ${this.localize('newMessages')}
+                </div>`
+            : nothing}
+          </div>
+        </div>
+        ${!this.follow
+            ? html `<button part="jump-pill" type="button" @click=${() => this.scrollToBottom()}>
+              ${this.pillLabel()}
+            </button>`
+            : nothing}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraChatViewport.prototype, "follow", void 0);
+__decorate([
+    property({ reflect: true })
+], LyraChatViewport.prototype, "live", void 0);
+__decorate([
+    property({ type: Number, attribute: 'bottom-threshold' })
+], LyraChatViewport.prototype, "bottomThreshold", void 0);
+__decorate([
+    property({ type: Number, attribute: 'unread-start-index' })
+], LyraChatViewport.prototype, "unreadStartIndex", void 0);
+__decorate([
+    property()
+], LyraChatViewport.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraChatViewport.prototype, "accessibleLabel", void 0);
+__decorate([
+    state()
+], LyraChatViewport.prototype, "unreadDividerTop", void 0);
+__decorate([
+    query('[part="scroll"]')
+], LyraChatViewport.prototype, "scrollEl", void 0);
+__decorate([
+    query('[part="content"]')
+], LyraChatViewport.prototype, "contentEl", void 0);
+//# sourceMappingURL=chat-viewport.class.js.map

package/dist/components/conversation/chat-viewport/chat-viewport.class.js.map

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

package/dist/components/conversation/chat-viewport/chat-viewport.d.ts.map

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

package/dist/components/conversation/chat-viewport/chat-viewport.js

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

package/dist/components/conversation/chat-viewport/chat-viewport.js.map

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

package/dist/components/conversation/chat-viewport/chat-viewport.styles.d.ts.map

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

package/dist/components/conversation/chat-viewport/chat-viewport.styles.js.map

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

package/dist/components/conversation/checkpoint/checkpoint.class.d.ts

@@ -0,0 +1,71 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export interface CheckpointRestoreDetail {
+    checkpointId: string;
+    label: string;
+}
+export interface LyraCheckpointEventMap {
+    'lr-restore': CustomEvent<CheckpointRestoreDetail>;
+}
+/**
+ * `<lr-checkpoint>` — an inline conversation restore point: a labeled marker between messages
+ * whose Restore affordance confirms inline, then hands the host a `lr-restore` event. This
+ * component persists and restores nothing itself — host state in, events out.
+ *
+ * @customElement lr-checkpoint
+ * @slot - Optional supplemental content under the marker row (e.g. what changed since this
+ *   point).
+ * @event lr-restore - Restore was activated (after the inline confirm step, when
+ *   `confirmRestore` is on). `detail: { checkpointId, label }`. Not cancelable — a request; this
+ *   component performs no default action and stores nothing.
+ * @csspart base - The marker root (`role="group"`).
+ * @csspart line - Each of the two flanking rules.
+ * @csspart icon - The bookmark glyph.
+ * @csspart label - The computed label text.
+ * @csspart timestamp - The formatted `timestamp`, when set.
+ * @csspart restore-button - The Restore button. Only rendered while `restorable`.
+ * @csspart confirm-group - The inline confirm prompt, swapped in for `restore-button` while
+ *   confirming.
+ * @csspart confirm-prompt - The confirm prompt text.
+ * @csspart confirm-button - Confirms the restore, firing `lr-restore`.
+ * @csspart cancel-button - Cancels, reverting to `restore-button`.
+ * @cssprop [--lr-checkpoint-spin-duration=1s] - Duration of one restoring-spinner rotation
+ *   (stopped under reduced motion).
+ */
+export declare class LyraCheckpoint extends LyraElement<LyraCheckpointEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Opaque id echoed in the `lr-restore` event detail. */
+    checkpointId: string;
+    /** Checkpoint name. The generic `'Checkpoint'` fallback renders while empty. */
+    label: string;
+    /** Optional creation time, rendered as `<time datetime>`, default `hour:minute` in
+     *  `effectiveLocale`. Invalid strings are treated as unset. */
+    timestamp?: Date | string;
+    /** Overrides the default `hour:minute` rendering of `timestamp`. */
+    formatTimestamp?: (date: Date) => string;
+    /** When `false`, renders a plain marker with no button — for read-only views, or the currently-
+     *  restored checkpoint. */
+    restorable: boolean;
+    /** Gates the `lr-restore` event behind the inline confirm step. */
+    confirmRestore: boolean;
+    /** Host-set busy state: the Restore button becomes `aria-disabled="true"` with a spinner beside
+     *  the localized "Restoring…" text. */
+    restoring: boolean;
+    private confirming;
+    private get computedLabel();
+    private get normalizedTimestamp();
+    private fireRestore;
+    private onRestoreClick;
+    private revertToRestore;
+    private onConfirmClick;
+    private onCancelClick;
+    private onConfirmGroupKeyDown;
+    private onConfirmGroupFocusOut;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-checkpoint': LyraCheckpoint;
+    }
+}
+//# sourceMappingURL=checkpoint.class.d.ts.map

package/dist/components/conversation/checkpoint/checkpoint.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkpoint.class.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/checkpoint/checkpoint.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAA0D,MAAM,KAAK,CAAC;AAEtH,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAKhE,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAAC;CACpD;AA0CD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,cAAe,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IACrE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,yDAAyD;IACf,YAAY,SAAM;IAE5D,gFAAgF;IACpE,KAAK,SAAM;IAEvB;mEAC+D;IAC/B,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAE1D,oEAAoE;IACpC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IAEzE;+BAC2B;IAC2B,UAAU,UAAQ;IAExE,mEAAmE;IACiB,cAAc,UAAQ;IAE1G;2CACuC;IACK,SAAS,UAAS;IAErD,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,mBAAmB,GAI9B;IAED,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,cAAc,CAUpB;IAEF,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,aAAa,CAA0C;IAE/D,OAAO,CAAC,qBAAqB,CAK3B;IAEF,OAAO,CAAC,sBAAsB,CAI5B;IAEF,MAAM,IAAI,cAAc,CAgDvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,cAAc,CAAC;KACjC;CACF"}