@syntrologie/adapt-chatbot 2.8.0-canary.417 → 2.8.0-canary.418

package/dist/AdaptiveChatBar.js

@@ -2,8 +2,8 @@ import {
   AdaptiveChatBar
 } from "./chunk-2NX6765N.js";
 import "./chunk-EWPPVPJ4.js";
-import "./chunk-LTG5G6WN.js";
-import "./chunk-5PW6T3QF.js";
+import "./chunk-LSJFN2BR.js";
+import "./chunk-QF7ZTKXA.js";
 import "./chunk-UVKRO5ER.js";
 export {
   AdaptiveChatBar

package/dist/AdaptiveChatTrail.anchor-scroll.test.d.ts

@@ -0,0 +1,2 @@
+import './AdaptiveChatTrail';
+//# sourceMappingURL=AdaptiveChatTrail.anchor-scroll.test.d.ts.map

package/dist/AdaptiveChatTrail.anchor-scroll.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptiveChatTrail.anchor-scroll.test.d.ts","sourceRoot":"","sources":["../src/AdaptiveChatTrail.anchor-scroll.test.ts"],"names":[],"mappings":"AA0BA,OAAO,qBAAqB,CAAC"}

package/dist/AdaptiveChatTrail.d.ts

@@ -171,6 +171,9 @@ export declare class AdaptiveChatTrail extends LitElement {
         mountInlineWidget: {
             attribute: boolean;
         };
+        _messagesBelow: {
+            state: boolean;
+        };
     };
     messages: TrailMessage[];
     tileReceipts: TileReceipt[];
@@ -192,6 +195,46 @@ export declare class AdaptiveChatTrail extends LitElement {
      * automatically when the first real message arrives.
      */
     greeting: string | undefined;
+    /** Follow the bottom on content growth. On by default (history
+     * browsing); off from a new user message until the visitor opts back in
+     * (pill tap or a user-gesture scroll that reaches the bottom). */
+    private _stickToBottom;
+    /** The user message the current turn is anchored to. */
+    private _anchorMsgId;
+    /** Whether a turn anchor is live (drives expand-mid-turn landing). */
+    private _anchorActive;
+    /** Keep enforcing chip-at-top on updates (late geometry, mode flips)
+     * until the user scrolls or opts into following. */
+    private _anchorHold;
+    /** Number of messages whose BOTTOM edge is still below the viewport —
+     * messages the visitor hasn't scrolled past yet. Drives the
+     * "⌄ N messages" pill and stays accurate as they scroll (one long
+     * streaming reply counts as 1 until its end has been read). Reactive. */
+    private _messagesBelow;
+    /** Timestamp of the last user scroll gesture (wheel/touch): scroll
+     * events outside this window are programmatic (our own pin/anchor) and
+     * must not re-engage following — anchoring the newest message clamps AT
+     * the bottom in any longer conversation. */
+    private _lastUserScrollIntentTs;
+    private static readonly _AT_BOTTOM_EPSILON_PX;
+    private static readonly _USER_SCROLL_INTENT_WINDOW_MS;
+    private get _scrollable();
+    private _trailContainer;
+    private _isAtBottom;
+    /** Count chips whose bottom edge hasn't entered the viewport yet. */
+    private _countMessagesBelow;
+    private _syncContentBelow;
+    private _markUserScrollIntent;
+    private _onTrailScroll;
+    /** Pill tap: jump to the newest content and follow for the rest of the turn. */
+    private _onScrollToRecent;
+    /** Scroll so the anchored user chip sits at the top of the trail
+     * viewport. Idempotent — safe to re-apply on every update while the
+     * hold is live (content grows BELOW the anchor, so the target is
+     * stable; re-applying also covers late geometry, e.g. expanding
+     * mid-turn from the ambient strip). */
+    private _applyAnchor;
+    private _pinToBottom;
     private _onExpand;
     /**
      * Approve a pending client tool call. The trail emits a generic

package/dist/AdaptiveChatTrail.d.ts.map

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

package/dist/AdaptiveChatTrail.js

@@ -1,8 +1,8 @@
 import {
   AdaptiveChatTrail,
   looksLikeSerializedModelResponse
-} from "./chunk-LTG5G6WN.js";
-import "./chunk-5PW6T3QF.js";
+} from "./chunk-LSJFN2BR.js";
+import "./chunk-QF7ZTKXA.js";
 import "./chunk-UVKRO5ER.js";
 export {
   AdaptiveChatTrail,

package/dist/ChatAssistantLit.js

@@ -3,7 +3,7 @@ import {
   renderFallbackHtml
 } from "./chunk-CWRCHWWJ.js";
 import "./chunk-EWPPVPJ4.js";
-import "./chunk-5PW6T3QF.js";
+import "./chunk-QF7ZTKXA.js";
 import "./chunk-KPWW7N27.js";
 import "./chunk-UVKRO5ER.js";
 export {

package/dist/{chunk-LTG5G6WN.js → chunk-LSJFN2BR.js}

@@ -1,6 +1,6 @@
 import {
   renderMarkdown
-} from "./chunk-5PW6T3QF.js";
+} from "./chunk-QF7ZTKXA.js";
 
 // src/AdaptiveChatTrail.ts
 import { css, html, LitElement, nothing } from "lit";
@@ -13,7 +13,7 @@ var OPACITY_FLOOR = 0.18;
 var Y_DRIFT_PX = -2;
 var TRAIL_BLUR_VEIL_PX = 72;
 var TRAIL_BLUR_MAX_PX = 5;
-var AdaptiveChatTrail = class extends LitElement {
+var _AdaptiveChatTrail = class _AdaptiveChatTrail extends LitElement {
   constructor() {
     super(...arguments);
     this.messages = [];
@@ -33,6 +33,59 @@ var AdaptiveChatTrail = class extends LitElement {
      * automatically when the first real message arrives.
      */
     this.greeting = void 0;
+    // ── Anchor-scroll model (FEAT-1783535427, shared contract with
+    // <syntro-chat>) — applies to the SCROLLABLE modes (expanded /
+    // forceExpanded). The ambient peek strip keeps its bottom pin: it is
+    // overflow-hidden (not user-scrollable) and the pin is what keeps the
+    // latest line visible under the blur veil.
+    /** Follow the bottom on content growth. On by default (history
+     * browsing); off from a new user message until the visitor opts back in
+     * (pill tap or a user-gesture scroll that reaches the bottom). */
+    this._stickToBottom = true;
+    /** The user message the current turn is anchored to. */
+    this._anchorMsgId = null;
+    /** Whether a turn anchor is live (drives expand-mid-turn landing). */
+    this._anchorActive = false;
+    /** Keep enforcing chip-at-top on updates (late geometry, mode flips)
+     * until the user scrolls or opts into following. */
+    this._anchorHold = false;
+    /** Number of messages whose BOTTOM edge is still below the viewport —
+     * messages the visitor hasn't scrolled past yet. Drives the
+     * "⌄ N messages" pill and stays accurate as they scroll (one long
+     * streaming reply counts as 1 until its end has been read). Reactive. */
+    this._messagesBelow = 0;
+    /** Timestamp of the last user scroll gesture (wheel/touch): scroll
+     * events outside this window are programmatic (our own pin/anchor) and
+     * must not re-engage following — anchoring the newest message clamps AT
+     * the bottom in any longer conversation. */
+    this._lastUserScrollIntentTs = 0;
+    this._markUserScrollIntent = () => {
+      this._lastUserScrollIntentTs = Date.now();
+    };
+    this._onTrailScroll = () => {
+      const container = this._trailContainer();
+      if (!container) return;
+      const atBottom = this._isAtBottom(container);
+      this._messagesBelow = this._scrollable && !atBottom ? this._countMessagesBelow(container) : 0;
+      const isUserDriven = Date.now() - this._lastUserScrollIntentTs < _AdaptiveChatTrail._USER_SCROLL_INTENT_WINDOW_MS;
+      if (isUserDriven) {
+        this._anchorHold = false;
+        this._stickToBottom = atBottom;
+        if (atBottom) this._anchorActive = false;
+      }
+    };
+    /** Pill tap: jump to the newest content and follow for the rest of the turn. */
+    this._onScrollToRecent = () => {
+      this._stickToBottom = true;
+      this._anchorHold = false;
+      this._anchorActive = false;
+      requestAnimationFrame(() => {
+        const container = this._trailContainer();
+        if (!container) return;
+        container.scrollTop = container.scrollHeight;
+        this._syncContentBelow();
+      });
+    };
     // No `createRenderRoot()` override → default open shadow root. CSS
     // custom properties (--sc-tile-text-color, --sc-content-bubble-*,
     // etc.) inherit through the shadow boundary, so canvas-level theming
@@ -143,6 +196,55 @@ var AdaptiveChatTrail = class extends LitElement {
       );
     };
   }
+  get _scrollable() {
+    return this.expanded || this.forceExpanded;
+  }
+  _trailContainer() {
+    return this.renderRoot.querySelector("[data-syntro-chat-trail]");
+  }
+  _isAtBottom(container) {
+    return container.scrollHeight - container.scrollTop - container.clientHeight <= _AdaptiveChatTrail._AT_BOTTOM_EPSILON_PX;
+  }
+  /** Count chips whose bottom edge hasn't entered the viewport yet. */
+  _countMessagesBelow(container) {
+    const viewportBottom = container.getBoundingClientRect().top + container.clientHeight;
+    let count = 0;
+    for (const chip of this.renderRoot.querySelectorAll("[data-trail-chip]")) {
+      if (chip.getBoundingClientRect().bottom > viewportBottom + 4) count += 1;
+    }
+    return count > 0 ? count : 1;
+  }
+  _syncContentBelow() {
+    const container = this._trailContainer();
+    if (!container) return;
+    this._messagesBelow = this._scrollable && !this._isAtBottom(container) ? this._countMessagesBelow(container) : 0;
+  }
+  /** Scroll so the anchored user chip sits at the top of the trail
+   * viewport. Idempotent — safe to re-apply on every update while the
+   * hold is live (content grows BELOW the anchor, so the target is
+   * stable; re-applying also covers late geometry, e.g. expanding
+   * mid-turn from the ambient strip). */
+  _applyAnchor() {
+    requestAnimationFrame(() => {
+      const container = this._trailContainer();
+      if (!container || this._anchorMsgId === null) return;
+      const chip = this.renderRoot.querySelector(
+        `[data-trail-chip-id="${String(this._anchorMsgId)}"]`
+      );
+      if (!chip) return;
+      const top = chip.getBoundingClientRect().top - container.getBoundingClientRect().top + container.scrollTop;
+      container.scrollTop = top;
+      this._syncContentBelow();
+    });
+  }
+  _pinToBottom() {
+    requestAnimationFrame(() => {
+      const container = this._trailContainer();
+      if (!container) return;
+      container.scrollTop = container.scrollHeight;
+      this._syncContentBelow();
+    });
+  }
   /**
    * Whether to render the thinking-dots chip after the last message.
    * True iff a request is in flight AND the assistant hasn't started
@@ -245,15 +347,36 @@ var AdaptiveChatTrail = class extends LitElement {
     entry.propsTarget.props = w.props;
   }
   updated(changed) {
-    if (changed.has("expanded") || changed.has("messages")) {
-      requestAnimationFrame(() => {
-        const container = this.renderRoot.querySelector("[data-syntro-chat-trail]");
-        if (!container) return;
-        const distanceFromBottom = container.scrollHeight - container.scrollTop - container.clientHeight;
-        if (distanceFromBottom < 200 || changed.has("expanded")) {
-          container.scrollTop = container.scrollHeight;
+    if (!changed.has("expanded") && !changed.has("forceExpanded") && !changed.has("messages")) {
+      return;
+    }
+    if (changed.has("messages")) {
+      let lastUserIdx = -1;
+      for (let i = this.messages.length - 1; i >= 0; i--) {
+        if (this.messages[i].role === "user") {
+          lastUserIdx = i;
+          break;
         }
-      });
+      }
+      const lastUser = lastUserIdx >= 0 ? this.messages[lastUserIdx] : void 0;
+      const isLiveTurn = lastUser !== void 0 && this.messages.slice(lastUserIdx + 1).every((m) => m.role !== "user" && m.status === "streaming");
+      if (lastUser && isLiveTurn && lastUser.id !== this._anchorMsgId) {
+        this._anchorMsgId = lastUser.id;
+        this._anchorActive = true;
+        this._anchorHold = true;
+        this._stickToBottom = false;
+      }
+    }
+    if (!this._scrollable) {
+      this._pinToBottom();
+      return;
+    }
+    if (this._anchorActive && this._anchorHold) {
+      this._applyAnchor();
+    } else if (this._stickToBottom) {
+      this._pinToBottom();
+    } else {
+      requestAnimationFrame(() => this._syncContentBelow());
     }
   }
   /** Render a set of inline widgets (reco carousel etc.) as
@@ -507,7 +630,13 @@ var AdaptiveChatTrail = class extends LitElement {
                 style=${styleMap(moreStyles())}
               >${hidden > 0 ? html`↑ ${hidden} more · expand` : html`↑ expand`}</button>`}
       <div data-syntro-chat-trail-frame style=${styleMap(frameStyles)}>
-      <div data-syntro-chat-trail style=${styleMap(containerStyles)}>
+      <div
+        data-syntro-chat-trail
+        style=${styleMap(containerStyles)}
+        @scroll=${this._onTrailScroll}
+        @wheel=${this._markUserScrollIntent}
+        @touchmove=${this._markUserScrollIntent}
+      >
         ${visible.map((m, i) => {
       const pos = this.expanded || this.forceExpanded ? 0 : visible.length - 1 - i;
       const state = chipVisualState(m);
@@ -529,6 +658,7 @@ var AdaptiveChatTrail = class extends LitElement {
       } : chipStyles(state, pos);
       return html`<div
               data-trail-chip
+              data-trail-chip-id=${String(m.id)}
               data-role=${m.role}
               data-status=${m.status ?? "complete"}
               style=${styleMap(chipStyle)}
@@ -626,6 +756,18 @@ var AdaptiveChatTrail = class extends LitElement {
               aria-hidden="true"
               style=${styleMap(blurVeilStyles())}
             ></div>`}
+      ${// "Scroll to most recent" pill (FEAT-1783535427): shown only in
+    // the scrollable modes when content extends below the viewport —
+    // the visitor is reading the reply top-down and this is the
+    // one-tap opt-in back to the newest content. Absolute inside the
+    // positioning frame so it floats over the scroller's bottom edge.
+    this._scrollable && this._messagesBelow > 0 ? html`<button
+              type="button"
+              data-trail-scroll-recent
+              aria-label="Scroll to most recent — ${this._messagesBelow} ${this._messagesBelow === 1 ? "message" : "messages"} below"
+              @click=${this._onScrollToRecent}
+              style=${styleMap(scrollRecentPillStyles())}
+            ><span aria-hidden="true" style="font-size:11px;line-height:1;">⌄</span><span>${this._messagesBelow} ${this._messagesBelow === 1 ? "message" : "messages"}</span></button>` : nothing}
       </div>
     `;
   }
@@ -651,7 +793,7 @@ var AdaptiveChatTrail = class extends LitElement {
 // workaround. As a bonus the markdown reset rules can't leak out
 // onto the host page, and the keyframes are owned by the trail's
 // own tree scope where the chip + dot elements live.
-AdaptiveChatTrail.styles = css`
+_AdaptiveChatTrail.styles = css`
     [data-syntro-chat-trail] > :first-child {
       margin-top: auto;
     }
@@ -746,7 +888,7 @@ AdaptiveChatTrail.styles = css`
       }
     }
   `;
-AdaptiveChatTrail.properties = {
+_AdaptiveChatTrail.properties = {
   messages: { attribute: false },
   visibleCount: { type: Number },
   expanded: { type: Boolean },
@@ -798,8 +940,36 @@ AdaptiveChatTrail.properties = {
    * Registry-backed mounter for inline widgets whose id is not their
    * custom-element tag. Injected from the chat-bar mountable.
    */
-  mountInlineWidget: { attribute: false }
+  mountInlineWidget: { attribute: false },
+  _messagesBelow: { state: true }
 };
+_AdaptiveChatTrail._AT_BOTTOM_EPSILON_PX = 50;
+_AdaptiveChatTrail._USER_SCROLL_INTENT_WINDOW_MS = 1200;
+var AdaptiveChatTrail = _AdaptiveChatTrail;
+function scrollRecentPillStyles() {
+  return {
+    position: "absolute",
+    bottom: "8px",
+    left: "50%",
+    transform: "translateX(-50%)",
+    display: "flex",
+    alignItems: "center",
+    gap: "5px",
+    height: "26px",
+    padding: "0 10px",
+    borderRadius: "9999px",
+    border: "var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))",
+    background: "var(--sc-content-bubble-bg, rgba(20, 22, 28, 0.85))",
+    color: "var(--sc-tile-text-color, rgba(255, 255, 255, 0.92))",
+    fontSize: "12px",
+    fontWeight: "500",
+    lineHeight: "1",
+    whiteSpace: "nowrap",
+    cursor: "pointer",
+    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.25)",
+    zIndex: "3"
+  };
+}
 function blurVeilStyles() {
   const mask = "linear-gradient(to bottom, black 0%, black 40%, transparent 100%)";
   return {
@@ -1330,4 +1500,4 @@ export {
   AdaptiveChatTrail,
   looksLikeSerializedModelResponse
 };
-//# sourceMappingURL=chunk-LTG5G6WN.js.map
+//# sourceMappingURL=chunk-LSJFN2BR.js.map