@syntrologie/adapt-chatbot 2.8.0-canary.322 → 2.8.0-canary.324

package/dist/AdaptiveChatBar.js

@@ -1,7 +1,7 @@
 import {
   AdaptiveChatBar
 } from "./chunk-OCDIFF6G.js";
-import "./chunk-ADJILDLY.js";
+import "./chunk-HP5J4CXG.js";
 import "./chunk-ONGGPQER.js";
 import "./chunk-UVKRO5ER.js";
 export {

package/dist/AdaptiveChatTrail.d.ts

@@ -8,9 +8,14 @@
  * `visibleCount` cap (default 3) the trail collapses into an "N more ·
  * expand" affordance — clicking emits `trail-expand`.
  *
- * Light DOM (no shadow root) so the host page's CSS variables and the
- * surrounding canvas tokens flow through without a nested shadow
- * boundary.
+ * Shadow DOM (default Lit open root) so chip styles, markdown reset
+ * rules, and animation @keyframes are scoped to this element's tree.
+ * Theme CSS variables (--sc-tile-text-color, --sc-content-bubble-*,
+ * etc.) inherit through the shadow boundary, so canvas-level theming
+ * still reaches the chips. The earlier light-DOM render-root override
+ * silently broke @keyframes lookup once the trail was hosted inside
+ * any shadow root (sc-mount, velvet-mobile, etc.) — keyframes injected
+ * into `document.head` aren't visible from another tree scope.
  *
  * See PRD §4.3 (chat trail) for the canonical motion + falloff spec.
  */
@@ -31,6 +36,7 @@ export interface TrailMessage {
     toolCalls?: TrailToolCall[];
 }
 export declare class AdaptiveChatTrail extends LitElement {
+    static styles: import("lit").CSSResult;
     static properties: {
         messages: {
             attribute: boolean;
@@ -75,8 +81,6 @@ export declare class AdaptiveChatTrail extends LitElement {
      * automatically when the first real message arrives.
      */
     greeting: string | undefined;
-    createRenderRoot(): HTMLElement;
-    connectedCallback(): void;
     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":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIhD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;CACrE;AAED,MAAM,WAAW,YAAY;IAC3B,6EAA6E;IAC7E,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,6GAA6G;IAC7G,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;IAC5C,+EAA+E;IAC/E,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;CAC7B;AAqBD,qBAAa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,UAAU;;;;;;;;;;;;;QAKxB;;;0EAGkE;;;;QAElE;;;;;;;WAOG;;;;MAEH;IAEF,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC9B,YAAY,SAAmB;IAC/B,QAAQ,UAAS;IACjB,aAAa,UAAS;IACtB,QAAQ,UAAS;IACjB;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAEhC,gBAAgB,IAAI,WAAW;IAK/B,iBAAiB,IAAI,IAAI;IAKlC,OAAO,CAAC,SAAS,CAMf;IAEF;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB,CAStB;IAEF,OAAO,CAAC,WAAW,CAMjB;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,mBAAmB;IASlB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAyB5C,MAAM;CA8QhB;AA+BD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;CAAE,CAAC;AAwV7D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"AdaptiveChatTrail.d.ts","sourceRoot":"","sources":["../src/AdaptiveChatTrail.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,OAAO,EAAa,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIrD,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;CACrE;AAED,MAAM,WAAW,YAAY;IAC3B,6EAA6E;IAC7E,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,6GAA6G;IAC7G,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;IAC5C,+EAA+E;IAC/E,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;CAC7B;AAqBD,qBAAa,iBAAkB,SAAQ,UAAU;IAsB/C,OAAgB,MAAM,0BA8FpB;IAEF,OAAgB,UAAU;;;;;;;;;;;;;QAKxB;;;0EAGkE;;;;QAElE;;;;;;;WAOG;;;;MAEH;IAEF,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC9B,YAAY,SAAmB;IAC/B,QAAQ,UAAS;IACjB,aAAa,UAAS;IACtB,QAAQ,UAAS;IACjB;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAa;IAQzC,OAAO,CAAC,SAAS,CAMf;IAEF;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB,CAStB;IAEF,OAAO,CAAC,WAAW,CAMjB;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,mBAAmB;IASlB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAyB5C,MAAM;CAuRhB;AA+BD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;CAAE,CAAC;AA6S7D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/AdaptiveChatTrail.js

@@ -1,6 +1,6 @@
 import {
   AdaptiveChatTrail
-} from "./chunk-ADJILDLY.js";
+} from "./chunk-HP5J4CXG.js";
 import "./chunk-ONGGPQER.js";
 import "./chunk-UVKRO5ER.js";
 export {

package/dist/{chunk-ADJILDLY.js → chunk-HP5J4CXG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ONGGPQER.js";
 
 // src/AdaptiveChatTrail.ts
-import { html, LitElement, nothing } from "lit";
+import { css, html, LitElement, nothing } from "lit";
 import { styleMap } from "lit/directives/style-map.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 var DEFAULT_VISIBLE = 3;
@@ -27,6 +27,11 @@ var AdaptiveChatTrail = class extends LitElement {
      * automatically when the first real message arrives.
      */
     this.greeting = void 0;
+    // 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
+    // continues to cascade into the chips without the light-DOM hack.
+    // See the `static styles` block above for the in-shadow stylesheet.
     this._onExpand = () => {
       this.expanded = true;
       this.dispatchEvent(new CustomEvent("trail-expand", { bubbles: true, composed: true }));
@@ -52,13 +57,6 @@ var AdaptiveChatTrail = class extends LitElement {
       this.dispatchEvent(new CustomEvent("trail-collapse", { bubbles: true, composed: true }));
     };
   }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    ensureStreamingKeyframes();
-  }
   /**
    * Whether to render the thinking-dots chip after the last message.
    * True iff a request is in flight AND the assistant hasn't started
@@ -79,7 +77,7 @@ var AdaptiveChatTrail = class extends LitElement {
   updated(changed) {
     if (changed.has("expanded") || changed.has("messages")) {
       requestAnimationFrame(() => {
-        const container = this.querySelector("[data-syntro-chat-trail]");
+        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")) {
@@ -206,7 +204,7 @@ var AdaptiveChatTrail = class extends LitElement {
       const pos = this.expanded || this.forceExpanded ? 0 : visible.length - 1 - i;
       const state = chipVisualState(m);
       const isStreaming = state.kind === "streaming";
-      const toolCalls = m.toolCalls ?? [];
+      const toolCalls = (m.toolCalls ?? []).filter((tc) => tc.status === "pending");
       const renderedText = m.role === "assistant" ? html`${unsafeHTML(renderMarkdown(stripTrailingWhitespace(m.text)))}` : html`${m.text}`;
       const chipStyle = isStreaming ? {
         ...chipStyles(state, pos),
@@ -272,6 +270,122 @@ var AdaptiveChatTrail = class extends LitElement {
     `;
   }
 };
+// Trail-local styles. The chat-trail used to render into light DOM
+// (`createRenderRoot() { return this }`) and inject these rules into
+// `document.head` so chip + markdown styles could find their selectors.
+// That broke the moment the trail was hosted inside any shadow root
+// (sc-mount → custom-canvas → velvet-mobile → sc-mount → chat-bar →
+// chat-trail is the production chain): CSS animations require the
+// @keyframes rule to be in the SAME TreeScope as the element using
+// it, and document-level keyframes don't cross a shadow boundary.
+// Result was silent — `animation-name` parsed fine, the property got
+// the right resolved value, but the browser never instantiated an
+// Animation object because no matching keyframe was visible from
+// inside the shadow tree. `getAnimations()` returned `[]`, dots sat
+// frozen at base scale, the typing indicator looked dead.
+//
+// Shadow DOM with `static styles` is the right architecture here.
+// CSS custom properties (--sc-tile-text-color, --sc-content-bubble-*,
+// etc.) inherit through shadow boundaries by default, so the canvas
+// theme cascade still reaches the chips without the light-DOM
+// 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`
+    [data-syntro-chat-trail] > :first-child {
+      margin-top: auto;
+    }
+    [data-trail-chip] > p:first-child {
+      margin-top: 0;
+    }
+    [data-trail-chip] > p:last-child {
+      margin-bottom: 0;
+    }
+    [data-trail-chip] p {
+      margin: 4px 0;
+    }
+    [data-trail-chip] br + br {
+      display: none;
+    }
+    [data-trail-chip] ul,
+    [data-trail-chip] ol {
+      margin: 4px 0;
+      padding-left: 1.1em;
+    }
+    [data-trail-chip] li {
+      margin: 0;
+    }
+    [data-trail-chip] li + li {
+      margin-top: 1px;
+    }
+    [data-trail-chip] pre {
+      margin: 6px 0;
+      padding: 6px 8px;
+      background: var(--sc-content-code-background-block, rgba(0, 0, 0, 0.35));
+      border-radius: 6px;
+      overflow-x: auto;
+      font-size: 11px;
+    }
+    [data-trail-chip] code {
+      font-family: ui-monospace, SF Mono, Menlo, monospace;
+      font-size: 11px;
+      background: var(--sc-content-code-background, rgba(0, 0, 0, 0.25));
+      padding: 1px 4px;
+      border-radius: 3px;
+    }
+    [data-trail-chip] pre code {
+      background: transparent;
+      padding: 0;
+    }
+    [data-trail-chip] a {
+      color: var(--sc-content-link-color, var(--sc-color-primary, #b72e2a));
+      text-decoration: underline;
+    }
+    [data-trail-chip] strong {
+      font-weight: 600;
+    }
+    /* Streaming-caret blink for in-progress assistant chips. */
+    @keyframes syntro-trail-caret {
+      0% {
+        opacity: 1;
+      }
+      50% {
+        opacity: 0;
+      }
+      100% {
+        opacity: 1;
+      }
+    }
+    /* Thinking-dot scale + opacity pulse. The naked-dots redesign
+       relies entirely on this motion to signal "alive" — there's no
+       chip frame around the dots, so a subtle animation reads as
+       broken. 0.4 → 1.0 scale with 0.25 → 1.0 opacity gives an
+       unmistakable breathing cue.  */
+    @keyframes syntro-trail-thinking-pulse {
+      0%,
+      100% {
+        transform: scale(0.4);
+        opacity: 0.25;
+      }
+      45% {
+        transform: scale(1);
+        opacity: 1;
+      }
+    }
+    /* Chip entrance — fades a freshly-mounted chip up from below
+       so the thinking → first-streaming-chip handoff feels like one
+       continuous motion instead of an element swap. */
+    @keyframes syntro-trail-chip-enter {
+      from {
+        opacity: 0;
+        transform: translateY(6px) scale(0.97);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+      }
+    }
+  `;
 AdaptiveChatTrail.properties = {
   messages: { attribute: false },
   visibleCount: { type: Number },
@@ -354,9 +468,14 @@ function chipStyles(state, pos) {
   return {
     alignSelf,
     maxWidth: "85%",
-    fontSize: "11px",
+    // Bumped from 11px → 13px after the chat lid in production read as
+    // cramped at the smaller size — body chat copy needs to be visitor-
+    // legible on a phone without zoom, and 11px reads as a footnote
+    // rather than the primary conversation surface. Code blocks inside
+    // chip body scale proportionally (10px → 11px) below.
+    fontSize: "13px",
     lineHeight: "1.45",
-    padding: "4px 10px",
+    padding: "5px 11px",
     borderRadius: "10px",
     border,
     background,
@@ -497,51 +616,6 @@ function moreStyles() {
     transition: "opacity 150ms ease, background 150ms ease"
   };
 }
-function ensureStreamingKeyframes() {
-  if (typeof document === "undefined") return;
-  if (document.head.querySelector("style[data-syntro-trail-caret-keyframes]")) return;
-  const style = document.createElement("style");
-  style.setAttribute("data-syntro-trail-caret-keyframes", "true");
-  style.textContent = [
-    "@keyframes syntro-trail-caret { 0%{opacity:1} 50%{opacity:0} 100%{opacity:1} }",
-    // Anchor short content to the bottom of the scrollable trail —
-    // see baseStyles comment for why we can't use justify-content.
-    "[data-syntro-chat-trail] > :first-child { margin-top: auto }",
-    // Tight spacing — trail chips are an 11px-line-height pill. Default
-    // browser <p>/<ul> margins (1em ≈ 11px each side) would dominate the
-    // chip. Keep paragraph + list separators minimal (4px) so multi-
-    // paragraph replies read as one continuous flow, not a vertical
-    // stack of fragments.
-    "[data-trail-chip] > p:first-child { margin-top: 0 }",
-    "[data-trail-chip] > p:last-child { margin-bottom: 0 }",
-    "[data-trail-chip] p { margin: 4px 0 }",
-    "[data-trail-chip] br + br { display: none }",
-    "[data-trail-chip] ul, [data-trail-chip] ol { margin: 4px 0; padding-left: 1.1em }",
-    "[data-trail-chip] li { margin: 0 }",
-    "[data-trail-chip] li + li { margin-top: 1px }",
-    "[data-trail-chip] pre { margin: 6px 0; padding: 6px 8px; background: var(--sc-content-code-background-block, rgba(0, 0, 0, 0.35)); border-radius: 6px; overflow-x: auto; font-size: 10px }",
-    "[data-trail-chip] code { font-family: ui-monospace, SF Mono, Menlo, monospace; font-size: 10px; background: var(--sc-content-code-background, rgba(0, 0, 0, 0.25)); padding: 1px 4px; border-radius: 3px }",
-    "[data-trail-chip] pre code { background: transparent; padding: 0 }",
-    "[data-trail-chip] a { color: var(--sc-content-link-color, var(--sc-color-primary, #b72e2a)); text-decoration: underline }",
-    "[data-trail-chip] strong { font-weight: 600 }",
-    // Thinking-dot scale+opacity pulse. Replaces the older translateY
-    // bounce (translateY(-3px) was perceptually below threshold on a
-    // 60Hz display — the dots read as static). 0.55 → 1.0 scale with
-    // 0.4 → 1.0 opacity gives an unmistakable "breathing" cue that
-    // the chip is alive, while keeping the dots inside the chip's
-    // padding box (no risk of clipping like translateY had if the
-    // chip's vertical padding shrank).
-    "@keyframes syntro-trail-thinking-pulse { 0%, 100% { transform: scale(0.4); opacity: 0.25 } 45% { transform: scale(1); opacity: 1 } }",
-    // Chip entrance — applied to the thinking chip on mount and to
-    // the first streaming assistant chip when it replaces the
-    // thinking chip. Without this, the thinking → streaming handoff
-    // is a one-frame element swap and reads as a flicker. The fade
-    // from below smooths the transition so the assistant's response
-    // visually "arrives" instead of teleporting in.
-    "@keyframes syntro-trail-chip-enter { from { opacity: 0; transform: translateY(6px) scale(0.97) } to { opacity: 1; transform: translateY(0) scale(1) } }"
-  ].join(" ");
-  document.head.appendChild(style);
-}
 function stripTrailingWhitespace(text) {
   return text.replace(/[ \t]+$/gm, "").replace(/\n{3,}/g, "\n\n").trim();
 }
@@ -556,4 +630,4 @@ if (!customElements.get("adaptive-chat-trail")) {
 export {
   AdaptiveChatTrail
 };
-//# sourceMappingURL=chunk-ADJILDLY.js.map
+//# sourceMappingURL=chunk-HP5J4CXG.js.map

package/dist/chunk-HP5J4CXG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/AdaptiveChatTrail.ts"],
+  "sourcesContent": ["/**\n * AdaptiveChatTrail \u2014 the \"bubble-up\" message column that sits above the\n * chat bar in the canvas lid.\n *\n * Messages appear immediately above the chat bar and drift upward as\n * newer ones arrive. Each stack position carries an opacity + blur\n * falloff so older messages read as fading from the page. Beyond a\n * `visibleCount` cap (default 3) the trail collapses into an \"N more \u00B7\n * expand\" affordance \u2014 clicking emits `trail-expand`.\n *\n * Shadow DOM (default Lit open root) so chip styles, markdown reset\n * rules, and animation @keyframes are scoped to this element's tree.\n * Theme CSS variables (--sc-tile-text-color, --sc-content-bubble-*,\n * etc.) inherit through the shadow boundary, so canvas-level theming\n * still reaches the chips. The earlier light-DOM render-root override\n * silently broke @keyframes lookup once the trail was hosted inside\n * any shadow root (sc-mount, velvet-mobile, etc.) \u2014 keyframes injected\n * into `document.head` aren't visible from another tree scope.\n *\n * See PRD \u00A74.3 (chat trail) for the canonical motion + falloff spec.\n */\n\nimport { renderMarkdown } from '@syntrologie/chat';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\nexport interface TrailToolCall {\n  id: string;\n  name: string;\n  status: 'args-streaming' | 'pending' | 'running' | 'done' | 'error';\n}\n\nexport interface TrailMessage {\n  /** Stable identity for keyed rendering (must be unique within the trail). */\n  id: number | string;\n  role: 'user' | 'assistant' | 'system';\n  text: string;\n  /** Streaming \u2192 assistant text still arriving from backend. Complete \u2192 final. Error \u2192 fatal during stream. */\n  status?: 'streaming' | 'complete' | 'error';\n  /** Tool calls attached to an assistant message (rendered as compact chips). */\n  toolCalls?: TrailToolCall[];\n}\n\n/** PRD \u00A74.3 constants. */\nconst DEFAULT_VISIBLE = 3;\nconst OPACITY_STEP = 0.22;\nconst OPACITY_FLOOR = 0.18;\nconst Y_DRIFT_PX = -2;\n/**\n * Height of the absolute blur veil at the top of the trail's scroll\n * area. Pixel-based, NOT message-count-based: with the old per-chip\n * `filter: blur(pos * step)` model, a single long markdown response\n * at pos=1 would have its entire body uniformly blurred \u2014 including\n * the chunk visually adjacent to the crisp newest message \u2014 because\n * blur is a property of the chip element, not of pixels. Switching\n * to a fixed-height backdrop-blur veil keeps the bottom of the\n * visible area (newest content) crisp regardless of message length.\n */\nconst TRAIL_BLUR_VEIL_PX = 72;\n/** Max blur applied at the very top of the veil; tapers to 0 at the bottom edge. */\nconst TRAIL_BLUR_MAX_PX = 5;\n\nexport class AdaptiveChatTrail extends LitElement {\n  // Trail-local styles. The chat-trail used to render into light DOM\n  // (`createRenderRoot() { return this }`) and inject these rules into\n  // `document.head` so chip + markdown styles could find their selectors.\n  // That broke the moment the trail was hosted inside any shadow root\n  // (sc-mount \u2192 custom-canvas \u2192 velvet-mobile \u2192 sc-mount \u2192 chat-bar \u2192\n  // chat-trail is the production chain): CSS animations require the\n  // @keyframes rule to be in the SAME TreeScope as the element using\n  // it, and document-level keyframes don't cross a shadow boundary.\n  // Result was silent \u2014 `animation-name` parsed fine, the property got\n  // the right resolved value, but the browser never instantiated an\n  // Animation object because no matching keyframe was visible from\n  // inside the shadow tree. `getAnimations()` returned `[]`, dots sat\n  // frozen at base scale, the typing indicator looked dead.\n  //\n  // Shadow DOM with `static styles` is the right architecture here.\n  // CSS custom properties (--sc-tile-text-color, --sc-content-bubble-*,\n  // etc.) inherit through shadow boundaries by default, so the canvas\n  // theme cascade still reaches the chips without the light-DOM\n  // workaround. As a bonus the markdown reset rules can't leak out\n  // onto the host page, and the keyframes are owned by the trail's\n  // own tree scope where the chip + dot elements live.\n  static override styles = css`\n    [data-syntro-chat-trail] > :first-child {\n      margin-top: auto;\n    }\n    [data-trail-chip] > p:first-child {\n      margin-top: 0;\n    }\n    [data-trail-chip] > p:last-child {\n      margin-bottom: 0;\n    }\n    [data-trail-chip] p {\n      margin: 4px 0;\n    }\n    [data-trail-chip] br + br {\n      display: none;\n    }\n    [data-trail-chip] ul,\n    [data-trail-chip] ol {\n      margin: 4px 0;\n      padding-left: 1.1em;\n    }\n    [data-trail-chip] li {\n      margin: 0;\n    }\n    [data-trail-chip] li + li {\n      margin-top: 1px;\n    }\n    [data-trail-chip] pre {\n      margin: 6px 0;\n      padding: 6px 8px;\n      background: var(--sc-content-code-background-block, rgba(0, 0, 0, 0.35));\n      border-radius: 6px;\n      overflow-x: auto;\n      font-size: 11px;\n    }\n    [data-trail-chip] code {\n      font-family: ui-monospace, SF Mono, Menlo, monospace;\n      font-size: 11px;\n      background: var(--sc-content-code-background, rgba(0, 0, 0, 0.25));\n      padding: 1px 4px;\n      border-radius: 3px;\n    }\n    [data-trail-chip] pre code {\n      background: transparent;\n      padding: 0;\n    }\n    [data-trail-chip] a {\n      color: var(--sc-content-link-color, var(--sc-color-primary, #b72e2a));\n      text-decoration: underline;\n    }\n    [data-trail-chip] strong {\n      font-weight: 600;\n    }\n    /* Streaming-caret blink for in-progress assistant chips. */\n    @keyframes syntro-trail-caret {\n      0% {\n        opacity: 1;\n      }\n      50% {\n        opacity: 0;\n      }\n      100% {\n        opacity: 1;\n      }\n    }\n    /* Thinking-dot scale + opacity pulse. The naked-dots redesign\n       relies entirely on this motion to signal \"alive\" \u2014 there's no\n       chip frame around the dots, so a subtle animation reads as\n       broken. 0.4 \u2192 1.0 scale with 0.25 \u2192 1.0 opacity gives an\n       unmistakable breathing cue.  */\n    @keyframes syntro-trail-thinking-pulse {\n      0%,\n      100% {\n        transform: scale(0.4);\n        opacity: 0.25;\n      }\n      45% {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n    /* Chip entrance \u2014 fades a freshly-mounted chip up from below\n       so the thinking \u2192 first-streaming-chip handoff feels like one\n       continuous motion instead of an element swap. */\n    @keyframes syntro-trail-chip-enter {\n      from {\n        opacity: 0;\n        transform: translateY(6px) scale(0.97);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n    }\n  `;\n\n  static override properties = {\n    messages: { attribute: false },\n    visibleCount: { type: Number },\n    expanded: { type: Boolean },\n    greeting: { type: String },\n    /** When true: trail renders fully expanded AND the\n     *  expand/collapse affordance is hidden. Used by hosts that mount\n     *  the chat in a full-screen surface (the mobile panel) where\n     *  collapse makes no sense \u2014 there's nothing to collapse INTO. */\n    forceExpanded: { type: Boolean },\n    /**\n     * Mirrors `chatSession.inFlight` \u2014 true between `send()` and the\n     * assistant's first `receiveStart`/`receiveDelta`, OR while a\n     * stream is in progress. Drives the \"thinking\" indicator that\n     * fills the gap between the user's just-sent message and the\n     * first assistant token. Wired through AdaptiveChatBar (it owns\n     * the chatSession subscription and forwards inFlight as a prop).\n     */\n    inFlight: { type: Boolean },\n  };\n\n  messages: TrailMessage[] = [];\n  visibleCount = DEFAULT_VISIBLE;\n  expanded = false;\n  forceExpanded = false;\n  inFlight = false;\n  /**\n   * Pre-conversation phantom assistant message. Rendered only when\n   * `messages` is empty. NOT injected into chatSession state \u2014 the\n   * greeting is configuration, not conversation, so it disappears\n   * automatically when the first real message arrives.\n   */\n  greeting: string | undefined = undefined;\n\n  // No `createRenderRoot()` override \u2192 default open shadow root. CSS\n  // custom properties (--sc-tile-text-color, --sc-content-bubble-*,\n  // etc.) inherit through the shadow boundary, so canvas-level theming\n  // continues to cascade into the chips without the light-DOM hack.\n  // See the `static styles` block above for the in-shadow stylesheet.\n\n  private _onExpand = (): void => {\n    // Self-manage: clicking the inline link expands the trail in place.\n    // We still dispatch the event so any parent that wants to react\n    // (telemetry, mirror state to a side panel, etc.) can listen.\n    this.expanded = true;\n    this.dispatchEvent(new CustomEvent('trail-expand', { bubbles: true, composed: true }));\n  };\n\n  /**\n   * Approve a pending client tool call. The trail emits a generic\n   * event so the host can decide whether to forward to chatSession\n   * (the common path) or override. Keeps the trail itself free of\n   * direct chatSession coupling \u2014 it's a pure view component.\n   */\n  private _onToolCallClick = (tc: TrailToolCall): void => {\n    if (tc.status !== 'pending') return;\n    this.dispatchEvent(\n      new CustomEvent<{ toolCallId: string; approved: boolean }>('trail-toolcall-approved', {\n        detail: { toolCallId: tc.id, approved: true },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  };\n\n  private _onCollapse = (): void => {\n    // Mirror of _onExpand for the minimize affordance shown while\n    // expanded. Self-manages + dispatches `trail-collapse` for parent\n    // observers (telemetry, side-panel mirrors).\n    this.expanded = false;\n    this.dispatchEvent(new CustomEvent('trail-collapse', { bubbles: true, composed: true }));\n  };\n\n  /**\n   * Whether to render the thinking-dots chip after the last message.\n   * True iff a request is in flight AND the assistant hasn't started\n   * streaming a reply yet \u2014 once the first delta lands, the streaming\n   * chip's caret takes over and the thinking indicator hides so the\n   * visitor isn't shown both at once. Also hidden when the last\n   * message is an error/system message, because the request that\n   * \"errored\" is already over from the user's perspective.\n   */\n  private _shouldShowThinking(): boolean {\n    if (!this.inFlight) return false;\n    const last = this.messages[this.messages.length - 1];\n    if (!last) return true;\n    if (last.role === 'assistant' && last.status === 'streaming') return false;\n    if (last.role === 'system' || last.status === 'error') return false;\n    return true;\n  }\n\n  override updated(changed: Map<string, unknown>): void {\n    // Anchor the scroll to the bottom whenever:\n    //   - the trail flips into expanded mode (UX continuity), OR\n    //   - new messages or text deltas arrive (so a long streaming chip\n    //     stays pinned to the latest line, not the start of the chip).\n    // Skip when the user has manually scrolled UP into history \u2014 we'd\n    // rather lose pinning than yank them out of what they're reading.\n    if (changed.has('expanded') || changed.has('messages')) {\n      requestAnimationFrame(() => {\n        const container = this.renderRoot.querySelector<HTMLElement>('[data-syntro-chat-trail]');\n        if (!container) return;\n        const distanceFromBottom =\n          container.scrollHeight - container.scrollTop - container.clientHeight;\n        // 200px tolerance \u2014 streaming deltas can append a paragraph in\n        // one update, easily 80-150px. A tighter window would strand\n        // the viewer at the top of the chip mid-stream because the\n        // first delta blew past the threshold. User-driven scroll-up\n        // of >200px disables auto-pin until they scroll back down.\n        if (distanceFromBottom < 200 || changed.has('expanded')) {\n          container.scrollTop = container.scrollHeight;\n        }\n      });\n    }\n  }\n\n  override render() {\n    if (this.messages.length === 0 && !this.greeting) return nothing;\n    if (this.messages.length === 0 && this.greeting) {\n      // Render the greeting as a pure-display assistant chip. No\n      // tool-calls, no streaming caret, single chip at pos=0.\n      return html`<div data-syntro-chat-trail style=${styleMap({\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '6px',\n        justifyContent: 'flex-end',\n        width: '100%',\n        padding: '0',\n        pointerEvents: 'auto',\n      })}>\n        <div\n          data-trail-chip\n          data-role=\"assistant\"\n          data-status=\"greeting\"\n          style=${styleMap(chipStyles({ kind: 'settled', role: 'assistant' }, 0))}\n        >${unsafeHTML(renderMarkdown(stripTrailingWhitespace(this.greeting)))}</div>\n      </div>`;\n    }\n\n    // Choose the slice we actually paint. Newest are at the END of the\n    // array (closest to the chat bar). When not expanded, take the last\n    // `visibleCount`; when expanded, take all.\n    const visible =\n      this.expanded || this.forceExpanded ? this.messages : this.messages.slice(-this.visibleCount);\n    const hidden = this.messages.length - visible.length;\n\n    const baseStyles: Record<string, string> = {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '6px',\n      // NO `justifyContent: flex-end` here \u2014 combined with `overflow: auto`\n      // it's a known cross-browser bug: oversized flex children get\n      // pushed ABOVE the container without contributing to scrollHeight,\n      // so the scrollbar never appears. We rely on `:first-child {\n      // margin-top: auto }` (injected as global CSS) to push short\n      // content to the bottom of the box while leaving overflow handling\n      // to the native scroll container.\n      width: '100%',\n      // The trail itself has no chrome \u2014 chips sit on the host page bg.\n      padding: '0',\n      pointerEvents: 'auto',\n    };\n\n    // Expanded mode: cap height, scroll, and add a visible top border so\n    // the panel reads as a bounded region. NO background tint or shadow\n    // \u2014 the ambient (collapsed) treatment is fine and we don't want to\n    // suddenly introduce panel chrome that wasn't there before. The\n    // border alone marks the panel's top edge.\n    // Falloff is turned off per-chip below \u2014 readability wins once the\n    // user has explicitly asked for history. See PRD \u00A74.3.\n    // Collapsed mode also gets a (looser) cap + scroll so a single long\n    // markdown chip doesn't blow the chat-bar off-screen with no\n    // scroll affordance. Tighter than expanded so the bubble-up trail\n    // doesn't dominate the surface visually.\n    const modeStyles: Record<string, string> = this.forceExpanded\n      ? {\n          // Full-screen host: fill all available vertical space and\n          // scroll the overflow. ``flex: 1 1 0`` (basis 0, not auto)\n          // makes the trail shrink to 0 first when the parent runs\n          // out of space \u2014 so the header above and the input row\n          // below stay pinned at their natural sizes instead of one\n          // of them being pushed off-screen.\n          flex: '1 1 0',\n          minHeight: '0',\n          overflowY: 'auto',\n          // ``contain`` prevents scroll from bubbling out to the host\n          // page when the trail hits top or bottom. Required for the\n          // panel-scroll-leak regression test in\n          // SyntroBottomSheet.test.ts.\n          overscrollBehavior: 'contain',\n          paddingTop: '8px',\n          borderTop: 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))',\n          scrollBehavior: 'smooth',\n          scrollbarWidth: 'thin',\n        }\n      : this.expanded\n        ? {\n            maxHeight: 'min(320px, 40vh)',\n            overflowY: 'auto',\n            paddingTop: '8px',\n            borderTop: 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))',\n            scrollBehavior: 'smooth',\n            scrollbarWidth: 'thin',\n          }\n        : {\n            // Collapsed mode = ambient peek surface. Never a scrollbar:\n            // long messages slide up behind the blur veil instead of\n            // exposing a scrollbar. The \"\u2191 N more \u00B7 expand\" affordance\n            // is the only entry into history; clicking it switches to\n            // expanded mode where scroll IS allowed.\n            // Height kept short so the trail reads as a peek strip above\n            // the chat bar, not a panel \u2014 long single replies fade into\n            // the blur veil at the top, user expands to read the rest.\n            maxHeight: 'min(140px, 22vh)',\n            overflow: 'hidden',\n          };\n\n    const containerStyles = { ...baseStyles, ...modeStyles };\n\n    // Wrap the scroll container in a positioning frame so the absolute\n    // blur veil (rendered at the top) anchors to the scroll viewport's\n    // top edge \u2014 NOT to a chip that scrolls under it. Pixel-anchored\n    // blur means: the top TRAIL_BLUR_VEIL_PX of the visible area is\n    // veiled regardless of how many messages occupy those pixels.\n    // The frame wraps the scroll container so the absolute blur veil\n    // anchors to the scroll viewport's top edge. In ``forceExpanded``\n    // mode it ALSO has to participate in the flex column laid out by\n    // the trail host \u2014 otherwise the scroll container's ``flex: 1 1\n    // 0`` has no flex context, falls back to content height, and the\n    // trail's overflow:hidden clips at the TOP of the scroll\n    // (showing oldest messages, hiding the newest at the bottom).\n    const frameStyles: Record<string, string> = this.forceExpanded\n      ? {\n          position: 'relative',\n          width: '100%',\n          display: 'flex',\n          flexDirection: 'column',\n          flex: '1 1 0',\n          minHeight: '0',\n        }\n      : {\n          position: 'relative',\n          width: '100%',\n        };\n\n    return html`\n      ${\n        // Single toggle button above the frame. Same DOM node morphs:\n        //   collapsed \u2192 \"\u2191 N more \u00B7 expand\" / \"\u2191 expand\"  (calls _onExpand)\n        //   expanded  \u2192 \"\u2304 minimize\"                       (calls _onCollapse)\n        // Lives OUTSIDE the frame so the absolute blur veil (top:0,\n        // z-index:2 inside the frame) doesn't cover it. Shown whenever\n        // there's anything in the trail \u2014 the user expects this affordance\n        // available regardless of how many chips are on screen.\n        // When ``forceExpanded`` is set by the host (full-screen panel,\n        // etc.), there's nowhere to collapse INTO and the affordance\n        // would just confuse the user \u2014 suppress it entirely.\n        this.messages.length === 0 || this.forceExpanded\n          ? nothing\n          : this.expanded\n            ? html`<button\n                type=\"button\"\n                data-trail-toggle\n                data-trail-collapse\n                @click=${this._onCollapse}\n                style=${styleMap(moreStyles())}\n              >\u2304 minimize</button>`\n            : html`<button\n                type=\"button\"\n                data-trail-toggle\n                data-trail-more\n                @click=${this._onExpand}\n                style=${styleMap(moreStyles())}\n              >${hidden > 0 ? html`\u2191 ${hidden} more \u00B7 expand` : html`\u2191 expand`}</button>`\n      }\n      <div data-syntro-chat-trail-frame style=${styleMap(frameStyles)}>\n      <div data-syntro-chat-trail style=${styleMap(containerStyles)}>\n        ${visible.map((m, i) => {\n          // Stack position from the bar: 0 = closest, N-1 = oldest.\n          // visible[last] is closest, so reverse the index from the\n          // tail of the visible slice. When expanded, the ambient\n          // falloff is suppressed (pos = 0) so every chip reads at\n          // full opacity \u2014 explicit history view, not ambient trail.\n          const pos = this.expanded || this.forceExpanded ? 0 : visible.length - 1 - i;\n          const state = chipVisualState(m);\n          const isStreaming = state.kind === 'streaming';\n          // Only surface tool-call chips that NEED the visitor (pending\n          // = a client-side approval required to proceed). Running /\n          // done / error / args-streaming chips are internal mechanics\n          // \u2014 exposing them turned the chat trail into a debug\n          // surface, made the conversation read as \"look at all this\n          // plumbing I'm running\", and bloated short replies with\n          // status pills the visitor can't act on. Pending stays\n          // because dropping it would strand a tool call that\n          // literally cannot proceed without a tap.\n          const toolCalls = (m.toolCalls ?? []).filter((tc) => tc.status === 'pending');\n          // Assistant text is markdown-formatted by the agent (lists,\n          // code, bold, links). renderMarkdown sanitizes via DOMPurify,\n          // then unsafeHTML injects the safe HTML. User + system chips\n          // stay plain text \u2014 no markdown risk + no expansion attack\n          // surface on user-typed input.\n          const renderedText =\n            m.role === 'assistant'\n              ? html`${unsafeHTML(renderMarkdown(stripTrailingWhitespace(m.text)))}`\n              : html`${m.text}`;\n          // Entrance animation on streaming chips only. Lit mounts the\n          // chip element once per message id, so the animation fires\n          // when the streaming chip first appears (replacing the\n          // thinking chip in the same visual slot) and does NOT fire\n          // again on subsequent token deltas \u2014 those just update the\n          // text inside the already-mounted element. User messages\n          // and settled history don't get an entrance: the user just\n          // tapped Send so they expect immediate feedback, and old\n          // history doesn't need re-attention every refresh.\n          const chipStyle = isStreaming\n            ? {\n                ...chipStyles(state, pos),\n                animation: 'syntro-trail-chip-enter 220ms cubic-bezier(0.22, 1, 0.36, 1) both',\n              }\n            : chipStyles(state, pos);\n          return html`<div\n              data-trail-chip\n              data-role=${m.role}\n              data-status=${m.status ?? 'complete'}\n              style=${styleMap(chipStyle)}\n            >${renderedText}${\n              isStreaming\n                ? html`<span\n                    data-trail-caret\n                    aria-hidden=\"true\"\n                    style=${styleMap(caretStyles())}\n                  ></span>`\n                : nothing\n            }${\n              toolCalls.length > 0\n                ? html`<div data-trail-toolcalls style=${styleMap(toolCallStripStyles())}>\n                    ${toolCalls.map(\n                      (tc) => html`<button\n                        type=\"button\"\n                        data-trail-toolcall\n                        data-tool-id=${tc.id}\n                        data-tool-status=${tc.status}\n                        @click=${() => this._onToolCallClick(tc)}\n                        ?disabled=${tc.status !== 'pending'}\n                        style=${styleMap(toolCallChipStyles(tc.status))}\n                        title=\"${tc.name} \u00B7 ${tc.status}\"\n                      >${toolCallIcon(tc.status)} ${tc.name}</button>`\n                    )}\n                  </div>`\n                : nothing\n            }</div>`;\n        })}\n        ${\n          // Thinking indicator \u2014 fills the gap between the user's\n          // most recent message and the assistant's first token.\n          // Shows when chatSession.inFlight is true AND the last\n          // message is NOT a streaming assistant message (the\n          // assistant's own caret takes over once tokens arrive).\n          // Styled as an assistant chip with three bouncing dots\n          // instead of text, so the thread reads naturally \u2014 the\n          // visitor sees an \"assistant\" bubble that's clearly busy.\n          this._shouldShowThinking()\n            ? html`<div\n                data-trail-thinking\n                data-role=\"assistant\"\n                data-status=\"thinking\"\n                aria-label=\"Assistant is thinking\"\n                style=${styleMap(thinkingSlotStyles())}\n              >\n                <span data-trail-thinking-dots style=${styleMap(thinkingDotsStyles())}>\n                  <span style=${styleMap(thinkingDotStyles(0))}></span>\n                  <span style=${styleMap(thinkingDotStyles(1))}></span>\n                  <span style=${styleMap(thinkingDotStyles(2))}></span>\n                </span>\n              </div>`\n            : nothing\n        }\n      </div>\n      ${\n        // The blur veil only fires in collapsed (ambient) mode.\n        // Expanded = the user explicitly asked for history; blurring\n        // the top of the panel would hide content (including the\n        // minimize button just above the trail's top edge) the user\n        // came here to see.\n        this.expanded || this.forceExpanded\n          ? nothing\n          : html`<div\n              data-trail-blur-veil\n              aria-hidden=\"true\"\n              style=${styleMap(blurVeilStyles())}\n            ></div>`\n      }\n      </div>\n    `;\n  }\n}\n\n/**\n * Absolute blur veil at the top of the scroll viewport. Uses\n * `backdrop-filter: blur(...)` so whatever pixels sit beneath the veil\n * (top of the scroll content) become blurred, regardless of which chip\n * those pixels belong to. A linear mask fades the blur effect from full\n * at the top to zero at the bottom of the veil \u2014 newest content stays\n * crisp because it lives below the veil's height.\n *\n * Note: `mask-image` controls where the BACKDROP-FILTER applies (via\n * masking the veil element), so the bottom edge of the veil naturally\n * dissolves into the unblurred scroll area below.\n */\nfunction blurVeilStyles(): Record<string, string> {\n  const mask = 'linear-gradient(to bottom, black 0%, black 40%, transparent 100%)';\n  return {\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    right: '0',\n    height: `${TRAIL_BLUR_VEIL_PX}px`,\n    pointerEvents: 'none',\n    backdropFilter: `blur(${TRAIL_BLUR_MAX_PX}px)`,\n    WebkitBackdropFilter: `blur(${TRAIL_BLUR_MAX_PX}px)`,\n    maskImage: mask,\n    WebkitMaskImage: mask,\n    zIndex: '2',\n  };\n}\n\n/**\n * Discriminated visual state for a chip. Replaces the older\n * `(role, { isStreaming, isError })` triple whose interaction order\n * could produce nonsense combinations (e.g. an assistant chip\n * accidentally reading as a user bubble because `isStreaming` was\n * checked before role). Each kind below is a real conversational\n * state with a single visual identity:\n *\n *   - `settled`    \u2014 a complete message; the user-vs-assistant\n *                    identity comes from `role`\n *   - `streaming`  \u2014 the assistant chip currently receiving tokens;\n *                    keeps assistant identity (the blinking caret\n *                    inside the chip carries \"in progress\")\n *   - `pending`    \u2014 the thinking chip shown between the user's\n *                    just-sent message and the assistant's first\n *                    token; assistant identity (the bouncing dots\n *                    inside carry \"in progress\")\n *   - `error`      \u2014 a chip whose stream failed mid-flight, OR any\n *                    system-role message (system messages render\n *                    with the error identity by convention)\n *\n * Bug history: an earlier branch-ladder design checked `isStreaming`\n * before `role`, so the `pending`/thinking chip inherited the user\n * bubble border. On hosts whose chat panel sits over a light surface\n * that read as a \"white div\" pasted into the assistant slot. The\n * discriminated state prevents that combination from being expressible.\n */\nexport type ChipVisualState =\n  | { kind: 'settled'; role: 'user' | 'assistant' | 'system' }\n  | { kind: 'streaming' }\n  | { kind: 'pending' }\n  | { kind: 'error'; role: 'user' | 'assistant' | 'system' };\n\n/**\n * Map a trail message + the trail's `inFlight` flag onto its visual\n * state. The thinking chip is rendered separately at the render-tree\n * level \u2014 this helper covers settled / streaming / error messages and\n * leaves the `pending` state to the dedicated thinking-chip render\n * path.\n */\nfunction chipVisualState(m: TrailMessage): ChipVisualState {\n  // System messages and explicit error status both render as error\n  // chips regardless of role (the original `isError` definition).\n  if (m.status === 'error' || m.role === 'system') {\n    return { kind: 'error', role: m.role };\n  }\n  if (m.role === 'assistant' && m.status === 'streaming') {\n    return { kind: 'streaming' };\n  }\n  return { kind: 'settled', role: m.role };\n}\n\nfunction chipStyles(state: ChipVisualState, pos: number): Record<string, string> {\n  const opacity = Math.max(OPACITY_FLOOR, 1 - pos * OPACITY_STEP);\n  const yPx = pos * Y_DRIFT_PX;\n\n  // Per-state visual tokens. Fallbacks are conservative neutrals so\n  // the chip still renders sensibly on a host page that hasn't set\n  // its design-system tokens yet. The contract: changing one state's\n  // border MUST NOT silently affect another state's border.\n  let border: string;\n  let background: string;\n  let color: string;\n  let alignSelf: 'flex-start' | 'flex-end';\n\n  switch (state.kind) {\n    case 'settled':\n      if (state.role === 'user') {\n        border = 'var(--sc-content-bubble-border-user, 1px solid rgba(255, 255, 255, 0.28))';\n        background = 'var(--sc-content-bubble-background-user, rgba(255, 255, 255, 0.10))';\n        alignSelf = 'flex-end';\n      } else {\n        border = 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))';\n        background = 'var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))';\n        alignSelf = 'flex-start';\n      }\n      color = 'var(--sc-tile-title-color, inherit)';\n      break;\n    case 'streaming':\n    case 'pending':\n      // Assistant identity. The caret (streaming) or bouncing dots\n      // (pending) inside the chip carry the in-progress signal \u2014 the\n      // chip's outer identity stays consistent with the assistant's\n      // settled reply, so the visitor sees the SAME entity speaking\n      // throughout the response lifecycle. This is the bug fix: prior\n      // versions borrowed the user border for these states and broke\n      // identity continuity.\n      border = 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))';\n      background = 'var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))';\n      color = 'var(--sc-tile-title-color, inherit)';\n      alignSelf = 'flex-start';\n      break;\n    case 'error':\n      border = 'var(--sc-content-bubble-border-error, 1px solid rgba(220, 80, 80, 0.55))';\n      background = 'var(--sc-content-bubble-background-error, rgba(140, 40, 40, 0.42))';\n      color = 'var(--sc-content-bubble-text-error, rgba(255, 220, 220, 0.95))';\n      // Errors keep their originating role's alignment so a failed\n      // user-side send still sits on the right where the user expects\n      // their message to land.\n      alignSelf = state.role === 'user' ? 'flex-end' : 'flex-start';\n      break;\n  }\n\n  return {\n    alignSelf,\n    maxWidth: '85%',\n    // Bumped from 11px \u2192 13px after the chat lid in production read as\n    // cramped at the smaller size \u2014 body chat copy needs to be visitor-\n    // legible on a phone without zoom, and 11px reads as a footnote\n    // rather than the primary conversation surface. Code blocks inside\n    // chip body scale proportionally (10px \u2192 11px) below.\n    fontSize: '13px',\n    lineHeight: '1.45',\n    padding: '5px 11px',\n    borderRadius: '10px',\n    border,\n    background,\n    backdropFilter: 'blur(8px)',\n    WebkitBackdropFilter: 'blur(8px)',\n    color,\n    transition:\n      'opacity 240ms cubic-bezier(0.22, 1, 0.36, 1), transform 240ms cubic-bezier(0.22, 1, 0.36, 1)',\n    // Per-position opacity + y-drift falloff is still per-chip \u2014 those\n    // operate naturally per element. Blur is NOT per-chip anymore: it's\n    // applied via an absolute-positioned veil at the top of the scroll\n    // viewport (TRAIL_BLUR_VEIL_PX above), so a single long message\n    // doesn't get uniformly blurred across its full body.\n    opacity: String(toFixedTrim(opacity)),\n    transform: `translateY(${yPx}px)`,\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-word',\n  };\n}\n\nfunction toolCallStripStyles(): Record<string, string> {\n  return {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '4px',\n    marginTop: '4px',\n    paddingTop: '4px',\n    borderTop: '1px dashed var(--sc-content-divider-color, rgba(255, 255, 255, 0.12))',\n  };\n}\n\nfunction toolCallChipStyles(status: TrailToolCall['status']): Record<string, string> {\n  const isPending = status === 'pending';\n  const isError = status === 'error';\n  const isDone = status === 'done';\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '4px',\n    padding: '2px 7px',\n    border: isError\n      ? 'var(--sc-content-bubble-border-error, 1px solid rgba(220, 80, 80, 0.45))'\n      : isPending\n        ? 'var(--sc-content-bubble-border-user, 1px solid rgba(255, 255, 255, 0.28))'\n        : 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))',\n    background: isError\n      ? 'var(--sc-content-bubble-background-error, rgba(140, 40, 40, 0.35))'\n      : isPending\n        ? 'var(--sc-content-bubble-background-user, rgba(255, 255, 255, 0.10))'\n        : isDone\n          ? 'var(--sc-content-bubble-background-idle, rgba(40, 44, 50, 0.4))'\n          : 'var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))',\n    color: 'var(--sc-tile-text-color, inherit)',\n    borderRadius: '999px',\n    fontSize: '10px',\n    fontWeight: '500',\n    fontFamily: 'ui-monospace, SF Mono, Menlo, monospace',\n    cursor: isPending ? 'pointer' : 'default',\n    opacity: isDone ? '0.7' : '1',\n  };\n}\n\nfunction toolCallIcon(status: TrailToolCall['status']): string {\n  switch (status) {\n    case 'args-streaming':\n    case 'running':\n      return '\u22EF';\n    case 'pending':\n      return '?';\n    case 'done':\n      return '\u2713';\n    case 'error':\n      return '\u2717';\n    default:\n      return '\u00B7';\n  }\n}\n\nfunction caretStyles(): Record<string, string> {\n  return {\n    display: 'inline-block',\n    width: '6px',\n    height: '12px',\n    marginLeft: '3px',\n    verticalAlign: '-1px',\n    background: 'hsl(var(--sc-accent-color) / 0.85)',\n    borderRadius: '1px',\n    animation: 'syntro-trail-caret 1s steps(2, end) infinite',\n  };\n}\n\n/**\n * Layout slot for the naked thinking indicator. No bubble \u2014 no\n * background, no border, no padding, no backdrop blur. The chip\n * decoration around an \"empty assistant message\" was reading as a\n * placeholder card on host themes that drew the chip background as a\n * solid color; stripping it lets the dots carry the entire signal.\n * What this style does keep:\n *   - left alignment in the trail's flex column (assistant slot)\n *   - the inherited chip text color, which the dots' `currentColor`\n *     fill picks up so they tint with the assistant identity\n *   - a fade-up entrance so the indicator arrives, not pops, into\n *     view next to the user's just-sent message\n *   - a small inset so the dots sit at the same baseline a text chip\n *     would, preventing a vertical jump when the first token arrives\n *     and the slot is replaced by the streaming chip\n */\nfunction thinkingSlotStyles(): Record<string, string> {\n  return {\n    alignSelf: 'flex-start',\n    color: 'var(--sc-tile-title-color, inherit)',\n    padding: '4px 4px',\n    animation: 'syntro-trail-chip-enter 220ms cubic-bezier(0.22, 1, 0.36, 1) both',\n  };\n}\n\nfunction thinkingDotsStyles(): Record<string, string> {\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '6px',\n    // Line height matches what a single-line text chip would compute\n    // to, so swapping out the slot for the streaming chip doesn't\n    // shift the next chip up or down by a couple of pixels.\n    lineHeight: '14px',\n  };\n}\n\nfunction thinkingDotStyles(index: number): Record<string, string> {\n  return {\n    display: 'inline-block',\n    width: '7px',\n    height: '7px',\n    borderRadius: '50%',\n    background: 'currentColor',\n    // The dots are now the entire visual \u2014 no bubble framing them \u2014\n    // so the pulse has to do all the work the chip used to do. Scale\n    // 0.4 \u2192 1.0 with opacity 0.25 \u2192 1.0 gives an unmistakable\n    // breathing motion: at the trough each dot reads like a faint\n    // ghost, at the peak like a solid dot. 940ms cycle is a touch\n    // faster than the original 1.05s; without the chip frame the\n    // shorter cycle feels purposeful instead of agitated. Stagger\n    // 130ms = clear rolling cadence across all three.\n    transformOrigin: 'center',\n    animation: `syntro-trail-thinking-pulse 940ms cubic-bezier(0.4, 0, 0.6, 1) ${index * 0.13}s infinite both`,\n  };\n}\n\nfunction moreStyles(): Record<string, string> {\n  return {\n    // Center horizontally regardless of the parent's display model.\n    // ``alignSelf: center`` only works when the parent is a flex/grid\n    // container with cross-axis alignment; the chat-bar's flex column\n    // stretches us full-width instead. ``display: block`` + auto inline\n    // margins centers the auto-sized button without needing the parent\n    // to opt in.\n    display: 'block',\n    marginLeft: 'auto',\n    marginRight: 'auto',\n    marginBottom: '6px',\n    fontSize: '10px',\n    fontWeight: '500',\n    letterSpacing: '0.06em',\n    padding: '4px 10px',\n    border: '1px solid hsl(var(--sc-accent-color) / 0.32)',\n    borderRadius: '999px',\n    background: 'hsl(var(--sc-accent-color) / 0.10)',\n    color: 'var(--sc-tile-text-color, currentColor)',\n    cursor: 'pointer',\n    opacity: '0.85',\n    backdropFilter: 'blur(8px)',\n    WebkitBackdropFilter: 'blur(8px)',\n    transition: 'opacity 150ms ease, background 150ms ease',\n  };\n}\n\n// The trail used to inject these rules into `document.head` via a\n// helper. With the move to shadow DOM (see `static styles` on\n// AdaptiveChatTrail above), the rules are owned by Lit and scoped to\n// the trail's own tree. document.head injection is the wrong choice\n// from inside a shadow-rooted hierarchy \u2014 see the static-styles\n// comment for the failure mode.\n\n/**\n * Pre-process LLM markdown before rendering. Three common artifacts:\n *\n *  1. Trailing \"  \" (two spaces = markdown hard-break) sprinkled at\n *     end-of-line, even inside list items where it just leaks\n *     invisible whitespace into the DOM.\n *  2. Runs of 3+ blank lines used as visual separators. Markdown\n *     treats any number of blank lines as a single paragraph break,\n *     so the extras add nothing semantically \u2014 but combined with\n *     paragraph margins they create huge gaps in the tiny chip layout.\n *  3. Leading / trailing newlines on the whole message. Trailing\n *     `\\n\\n` is the common one \u2014 marked turns it into a final empty\n *     <p> that still occupies a full line-height of vertical space,\n *     leaving a visible gap between the last text and the chat bar.\n *\n * Collapsing all three keeps the rendered HTML tight without changing\n * the agent's semantic intent.\n */\nfunction stripTrailingWhitespace(text: string): string {\n  return text\n    .replace(/[ \\t]+$/gm, '') // trailing whitespace per line\n    .replace(/\\n{3,}/g, '\\n\\n') // collapse runs of blank lines\n    .trim(); // drop leading/trailing whitespace+newlines on the whole message\n}\n\n/** Two-decimal trim that avoids trailing zeros (\".50\" \u2192 \".5\"). */\nfunction toFixedTrim(n: number): string {\n  const s = n.toFixed(2);\n  return s.replace(/\\.?0+$/, '') || '0';\n}\n\nif (!customElements.get('adaptive-chat-trail')) {\n  customElements.define('adaptive-chat-trail', AdaptiveChatTrail);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'adaptive-chat-trail': AdaptiveChatTrail;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/runtime.js

@@ -11,7 +11,7 @@ import {
   renderFallbackHtml
 } from "./chunk-DG63RLZZ.js";
 import "./chunk-OCDIFF6G.js";
-import "./chunk-ADJILDLY.js";
+import "./chunk-HP5J4CXG.js";
 import "./chunk-ONGGPQER.js";
 import "./chunk-FVNSOP7B.js";
 import "./chunk-VLJ3WOEX.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syntrologie/adapt-chatbot",
-  "version": "2.8.0-canary.322",
+  "version": "2.8.0-canary.324",
   "description": "Adaptive Chatbot - AI chat assistant widget with action execution",
   "license": "Proprietary",
   "private": false,

package/dist/chunk-ADJILDLY.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/AdaptiveChatTrail.ts"],
-  "sourcesContent": ["/**\n * AdaptiveChatTrail \u2014 the \"bubble-up\" message column that sits above the\n * chat bar in the canvas lid.\n *\n * Messages appear immediately above the chat bar and drift upward as\n * newer ones arrive. Each stack position carries an opacity + blur\n * falloff so older messages read as fading from the page. Beyond a\n * `visibleCount` cap (default 3) the trail collapses into an \"N more \u00B7\n * expand\" affordance \u2014 clicking emits `trail-expand`.\n *\n * Light DOM (no shadow root) so the host page's CSS variables and the\n * surrounding canvas tokens flow through without a nested shadow\n * boundary.\n *\n * See PRD \u00A74.3 (chat trail) for the canonical motion + falloff spec.\n */\n\nimport { renderMarkdown } from '@syntrologie/chat';\nimport { html, LitElement, nothing } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\nexport interface TrailToolCall {\n  id: string;\n  name: string;\n  status: 'args-streaming' | 'pending' | 'running' | 'done' | 'error';\n}\n\nexport interface TrailMessage {\n  /** Stable identity for keyed rendering (must be unique within the trail). */\n  id: number | string;\n  role: 'user' | 'assistant' | 'system';\n  text: string;\n  /** Streaming \u2192 assistant text still arriving from backend. Complete \u2192 final. Error \u2192 fatal during stream. */\n  status?: 'streaming' | 'complete' | 'error';\n  /** Tool calls attached to an assistant message (rendered as compact chips). */\n  toolCalls?: TrailToolCall[];\n}\n\n/** PRD \u00A74.3 constants. */\nconst DEFAULT_VISIBLE = 3;\nconst OPACITY_STEP = 0.22;\nconst OPACITY_FLOOR = 0.18;\nconst Y_DRIFT_PX = -2;\n/**\n * Height of the absolute blur veil at the top of the trail's scroll\n * area. Pixel-based, NOT message-count-based: with the old per-chip\n * `filter: blur(pos * step)` model, a single long markdown response\n * at pos=1 would have its entire body uniformly blurred \u2014 including\n * the chunk visually adjacent to the crisp newest message \u2014 because\n * blur is a property of the chip element, not of pixels. Switching\n * to a fixed-height backdrop-blur veil keeps the bottom of the\n * visible area (newest content) crisp regardless of message length.\n */\nconst TRAIL_BLUR_VEIL_PX = 72;\n/** Max blur applied at the very top of the veil; tapers to 0 at the bottom edge. */\nconst TRAIL_BLUR_MAX_PX = 5;\n\nexport class AdaptiveChatTrail extends LitElement {\n  static override properties = {\n    messages: { attribute: false },\n    visibleCount: { type: Number },\n    expanded: { type: Boolean },\n    greeting: { type: String },\n    /** When true: trail renders fully expanded AND the\n     *  expand/collapse affordance is hidden. Used by hosts that mount\n     *  the chat in a full-screen surface (the mobile panel) where\n     *  collapse makes no sense \u2014 there's nothing to collapse INTO. */\n    forceExpanded: { type: Boolean },\n    /**\n     * Mirrors `chatSession.inFlight` \u2014 true between `send()` and the\n     * assistant's first `receiveStart`/`receiveDelta`, OR while a\n     * stream is in progress. Drives the \"thinking\" indicator that\n     * fills the gap between the user's just-sent message and the\n     * first assistant token. Wired through AdaptiveChatBar (it owns\n     * the chatSession subscription and forwards inFlight as a prop).\n     */\n    inFlight: { type: Boolean },\n  };\n\n  messages: TrailMessage[] = [];\n  visibleCount = DEFAULT_VISIBLE;\n  expanded = false;\n  forceExpanded = false;\n  inFlight = false;\n  /**\n   * Pre-conversation phantom assistant message. Rendered only when\n   * `messages` is empty. NOT injected into chatSession state \u2014 the\n   * greeting is configuration, not conversation, so it disappears\n   * automatically when the first real message arrives.\n   */\n  greeting: string | undefined = undefined;\n\n  override createRenderRoot(): HTMLElement {\n    // Light DOM \u2014 canvas-level CSS vars reach the chips directly.\n    return this;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    ensureStreamingKeyframes();\n  }\n\n  private _onExpand = (): void => {\n    // Self-manage: clicking the inline link expands the trail in place.\n    // We still dispatch the event so any parent that wants to react\n    // (telemetry, mirror state to a side panel, etc.) can listen.\n    this.expanded = true;\n    this.dispatchEvent(new CustomEvent('trail-expand', { bubbles: true, composed: true }));\n  };\n\n  /**\n   * Approve a pending client tool call. The trail emits a generic\n   * event so the host can decide whether to forward to chatSession\n   * (the common path) or override. Keeps the trail itself free of\n   * direct chatSession coupling \u2014 it's a pure view component.\n   */\n  private _onToolCallClick = (tc: TrailToolCall): void => {\n    if (tc.status !== 'pending') return;\n    this.dispatchEvent(\n      new CustomEvent<{ toolCallId: string; approved: boolean }>('trail-toolcall-approved', {\n        detail: { toolCallId: tc.id, approved: true },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  };\n\n  private _onCollapse = (): void => {\n    // Mirror of _onExpand for the minimize affordance shown while\n    // expanded. Self-manages + dispatches `trail-collapse` for parent\n    // observers (telemetry, side-panel mirrors).\n    this.expanded = false;\n    this.dispatchEvent(new CustomEvent('trail-collapse', { bubbles: true, composed: true }));\n  };\n\n  /**\n   * Whether to render the thinking-dots chip after the last message.\n   * True iff a request is in flight AND the assistant hasn't started\n   * streaming a reply yet \u2014 once the first delta lands, the streaming\n   * chip's caret takes over and the thinking indicator hides so the\n   * visitor isn't shown both at once. Also hidden when the last\n   * message is an error/system message, because the request that\n   * \"errored\" is already over from the user's perspective.\n   */\n  private _shouldShowThinking(): boolean {\n    if (!this.inFlight) return false;\n    const last = this.messages[this.messages.length - 1];\n    if (!last) return true;\n    if (last.role === 'assistant' && last.status === 'streaming') return false;\n    if (last.role === 'system' || last.status === 'error') return false;\n    return true;\n  }\n\n  override updated(changed: Map<string, unknown>): void {\n    // Anchor the scroll to the bottom whenever:\n    //   - the trail flips into expanded mode (UX continuity), OR\n    //   - new messages or text deltas arrive (so a long streaming chip\n    //     stays pinned to the latest line, not the start of the chip).\n    // Skip when the user has manually scrolled UP into history \u2014 we'd\n    // rather lose pinning than yank them out of what they're reading.\n    if (changed.has('expanded') || changed.has('messages')) {\n      requestAnimationFrame(() => {\n        const container = this.querySelector<HTMLElement>('[data-syntro-chat-trail]');\n        if (!container) return;\n        const distanceFromBottom =\n          container.scrollHeight - container.scrollTop - container.clientHeight;\n        // 200px tolerance \u2014 streaming deltas can append a paragraph in\n        // one update, easily 80-150px. A tighter window would strand\n        // the viewer at the top of the chip mid-stream because the\n        // first delta blew past the threshold. User-driven scroll-up\n        // of >200px disables auto-pin until they scroll back down.\n        if (distanceFromBottom < 200 || changed.has('expanded')) {\n          container.scrollTop = container.scrollHeight;\n        }\n      });\n    }\n  }\n\n  override render() {\n    if (this.messages.length === 0 && !this.greeting) return nothing;\n    if (this.messages.length === 0 && this.greeting) {\n      // Render the greeting as a pure-display assistant chip. No\n      // tool-calls, no streaming caret, single chip at pos=0.\n      return html`<div data-syntro-chat-trail style=${styleMap({\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '6px',\n        justifyContent: 'flex-end',\n        width: '100%',\n        padding: '0',\n        pointerEvents: 'auto',\n      })}>\n        <div\n          data-trail-chip\n          data-role=\"assistant\"\n          data-status=\"greeting\"\n          style=${styleMap(chipStyles({ kind: 'settled', role: 'assistant' }, 0))}\n        >${unsafeHTML(renderMarkdown(stripTrailingWhitespace(this.greeting)))}</div>\n      </div>`;\n    }\n\n    // Choose the slice we actually paint. Newest are at the END of the\n    // array (closest to the chat bar). When not expanded, take the last\n    // `visibleCount`; when expanded, take all.\n    const visible =\n      this.expanded || this.forceExpanded ? this.messages : this.messages.slice(-this.visibleCount);\n    const hidden = this.messages.length - visible.length;\n\n    const baseStyles: Record<string, string> = {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '6px',\n      // NO `justifyContent: flex-end` here \u2014 combined with `overflow: auto`\n      // it's a known cross-browser bug: oversized flex children get\n      // pushed ABOVE the container without contributing to scrollHeight,\n      // so the scrollbar never appears. We rely on `:first-child {\n      // margin-top: auto }` (injected as global CSS) to push short\n      // content to the bottom of the box while leaving overflow handling\n      // to the native scroll container.\n      width: '100%',\n      // The trail itself has no chrome \u2014 chips sit on the host page bg.\n      padding: '0',\n      pointerEvents: 'auto',\n    };\n\n    // Expanded mode: cap height, scroll, and add a visible top border so\n    // the panel reads as a bounded region. NO background tint or shadow\n    // \u2014 the ambient (collapsed) treatment is fine and we don't want to\n    // suddenly introduce panel chrome that wasn't there before. The\n    // border alone marks the panel's top edge.\n    // Falloff is turned off per-chip below \u2014 readability wins once the\n    // user has explicitly asked for history. See PRD \u00A74.3.\n    // Collapsed mode also gets a (looser) cap + scroll so a single long\n    // markdown chip doesn't blow the chat-bar off-screen with no\n    // scroll affordance. Tighter than expanded so the bubble-up trail\n    // doesn't dominate the surface visually.\n    const modeStyles: Record<string, string> = this.forceExpanded\n      ? {\n          // Full-screen host: fill all available vertical space and\n          // scroll the overflow. ``flex: 1 1 0`` (basis 0, not auto)\n          // makes the trail shrink to 0 first when the parent runs\n          // out of space \u2014 so the header above and the input row\n          // below stay pinned at their natural sizes instead of one\n          // of them being pushed off-screen.\n          flex: '1 1 0',\n          minHeight: '0',\n          overflowY: 'auto',\n          // ``contain`` prevents scroll from bubbling out to the host\n          // page when the trail hits top or bottom. Required for the\n          // panel-scroll-leak regression test in\n          // SyntroBottomSheet.test.ts.\n          overscrollBehavior: 'contain',\n          paddingTop: '8px',\n          borderTop: 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))',\n          scrollBehavior: 'smooth',\n          scrollbarWidth: 'thin',\n        }\n      : this.expanded\n        ? {\n            maxHeight: 'min(320px, 40vh)',\n            overflowY: 'auto',\n            paddingTop: '8px',\n            borderTop: 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))',\n            scrollBehavior: 'smooth',\n            scrollbarWidth: 'thin',\n          }\n        : {\n            // Collapsed mode = ambient peek surface. Never a scrollbar:\n            // long messages slide up behind the blur veil instead of\n            // exposing a scrollbar. The \"\u2191 N more \u00B7 expand\" affordance\n            // is the only entry into history; clicking it switches to\n            // expanded mode where scroll IS allowed.\n            // Height kept short so the trail reads as a peek strip above\n            // the chat bar, not a panel \u2014 long single replies fade into\n            // the blur veil at the top, user expands to read the rest.\n            maxHeight: 'min(140px, 22vh)',\n            overflow: 'hidden',\n          };\n\n    const containerStyles = { ...baseStyles, ...modeStyles };\n\n    // Wrap the scroll container in a positioning frame so the absolute\n    // blur veil (rendered at the top) anchors to the scroll viewport's\n    // top edge \u2014 NOT to a chip that scrolls under it. Pixel-anchored\n    // blur means: the top TRAIL_BLUR_VEIL_PX of the visible area is\n    // veiled regardless of how many messages occupy those pixels.\n    // The frame wraps the scroll container so the absolute blur veil\n    // anchors to the scroll viewport's top edge. In ``forceExpanded``\n    // mode it ALSO has to participate in the flex column laid out by\n    // the trail host \u2014 otherwise the scroll container's ``flex: 1 1\n    // 0`` has no flex context, falls back to content height, and the\n    // trail's overflow:hidden clips at the TOP of the scroll\n    // (showing oldest messages, hiding the newest at the bottom).\n    const frameStyles: Record<string, string> = this.forceExpanded\n      ? {\n          position: 'relative',\n          width: '100%',\n          display: 'flex',\n          flexDirection: 'column',\n          flex: '1 1 0',\n          minHeight: '0',\n        }\n      : {\n          position: 'relative',\n          width: '100%',\n        };\n\n    return html`\n      ${\n        // Single toggle button above the frame. Same DOM node morphs:\n        //   collapsed \u2192 \"\u2191 N more \u00B7 expand\" / \"\u2191 expand\"  (calls _onExpand)\n        //   expanded  \u2192 \"\u2304 minimize\"                       (calls _onCollapse)\n        // Lives OUTSIDE the frame so the absolute blur veil (top:0,\n        // z-index:2 inside the frame) doesn't cover it. Shown whenever\n        // there's anything in the trail \u2014 the user expects this affordance\n        // available regardless of how many chips are on screen.\n        // When ``forceExpanded`` is set by the host (full-screen panel,\n        // etc.), there's nowhere to collapse INTO and the affordance\n        // would just confuse the user \u2014 suppress it entirely.\n        this.messages.length === 0 || this.forceExpanded\n          ? nothing\n          : this.expanded\n            ? html`<button\n                type=\"button\"\n                data-trail-toggle\n                data-trail-collapse\n                @click=${this._onCollapse}\n                style=${styleMap(moreStyles())}\n              >\u2304 minimize</button>`\n            : html`<button\n                type=\"button\"\n                data-trail-toggle\n                data-trail-more\n                @click=${this._onExpand}\n                style=${styleMap(moreStyles())}\n              >${hidden > 0 ? html`\u2191 ${hidden} more \u00B7 expand` : html`\u2191 expand`}</button>`\n      }\n      <div data-syntro-chat-trail-frame style=${styleMap(frameStyles)}>\n      <div data-syntro-chat-trail style=${styleMap(containerStyles)}>\n        ${visible.map((m, i) => {\n          // Stack position from the bar: 0 = closest, N-1 = oldest.\n          // visible[last] is closest, so reverse the index from the\n          // tail of the visible slice. When expanded, the ambient\n          // falloff is suppressed (pos = 0) so every chip reads at\n          // full opacity \u2014 explicit history view, not ambient trail.\n          const pos = this.expanded || this.forceExpanded ? 0 : visible.length - 1 - i;\n          const state = chipVisualState(m);\n          const isStreaming = state.kind === 'streaming';\n          const toolCalls = m.toolCalls ?? [];\n          // Assistant text is markdown-formatted by the agent (lists,\n          // code, bold, links). renderMarkdown sanitizes via DOMPurify,\n          // then unsafeHTML injects the safe HTML. User + system chips\n          // stay plain text \u2014 no markdown risk + no expansion attack\n          // surface on user-typed input.\n          const renderedText =\n            m.role === 'assistant'\n              ? html`${unsafeHTML(renderMarkdown(stripTrailingWhitespace(m.text)))}`\n              : html`${m.text}`;\n          // Entrance animation on streaming chips only. Lit mounts the\n          // chip element once per message id, so the animation fires\n          // when the streaming chip first appears (replacing the\n          // thinking chip in the same visual slot) and does NOT fire\n          // again on subsequent token deltas \u2014 those just update the\n          // text inside the already-mounted element. User messages\n          // and settled history don't get an entrance: the user just\n          // tapped Send so they expect immediate feedback, and old\n          // history doesn't need re-attention every refresh.\n          const chipStyle = isStreaming\n            ? {\n                ...chipStyles(state, pos),\n                animation: 'syntro-trail-chip-enter 220ms cubic-bezier(0.22, 1, 0.36, 1) both',\n              }\n            : chipStyles(state, pos);\n          return html`<div\n              data-trail-chip\n              data-role=${m.role}\n              data-status=${m.status ?? 'complete'}\n              style=${styleMap(chipStyle)}\n            >${renderedText}${\n              isStreaming\n                ? html`<span\n                    data-trail-caret\n                    aria-hidden=\"true\"\n                    style=${styleMap(caretStyles())}\n                  ></span>`\n                : nothing\n            }${\n              toolCalls.length > 0\n                ? html`<div data-trail-toolcalls style=${styleMap(toolCallStripStyles())}>\n                    ${toolCalls.map(\n                      (tc) => html`<button\n                        type=\"button\"\n                        data-trail-toolcall\n                        data-tool-id=${tc.id}\n                        data-tool-status=${tc.status}\n                        @click=${() => this._onToolCallClick(tc)}\n                        ?disabled=${tc.status !== 'pending'}\n                        style=${styleMap(toolCallChipStyles(tc.status))}\n                        title=\"${tc.name} \u00B7 ${tc.status}\"\n                      >${toolCallIcon(tc.status)} ${tc.name}</button>`\n                    )}\n                  </div>`\n                : nothing\n            }</div>`;\n        })}\n        ${\n          // Thinking indicator \u2014 fills the gap between the user's\n          // most recent message and the assistant's first token.\n          // Shows when chatSession.inFlight is true AND the last\n          // message is NOT a streaming assistant message (the\n          // assistant's own caret takes over once tokens arrive).\n          // Styled as an assistant chip with three bouncing dots\n          // instead of text, so the thread reads naturally \u2014 the\n          // visitor sees an \"assistant\" bubble that's clearly busy.\n          this._shouldShowThinking()\n            ? html`<div\n                data-trail-thinking\n                data-role=\"assistant\"\n                data-status=\"thinking\"\n                aria-label=\"Assistant is thinking\"\n                style=${styleMap(thinkingSlotStyles())}\n              >\n                <span data-trail-thinking-dots style=${styleMap(thinkingDotsStyles())}>\n                  <span style=${styleMap(thinkingDotStyles(0))}></span>\n                  <span style=${styleMap(thinkingDotStyles(1))}></span>\n                  <span style=${styleMap(thinkingDotStyles(2))}></span>\n                </span>\n              </div>`\n            : nothing\n        }\n      </div>\n      ${\n        // The blur veil only fires in collapsed (ambient) mode.\n        // Expanded = the user explicitly asked for history; blurring\n        // the top of the panel would hide content (including the\n        // minimize button just above the trail's top edge) the user\n        // came here to see.\n        this.expanded || this.forceExpanded\n          ? nothing\n          : html`<div\n              data-trail-blur-veil\n              aria-hidden=\"true\"\n              style=${styleMap(blurVeilStyles())}\n            ></div>`\n      }\n      </div>\n    `;\n  }\n}\n\n/**\n * Absolute blur veil at the top of the scroll viewport. Uses\n * `backdrop-filter: blur(...)` so whatever pixels sit beneath the veil\n * (top of the scroll content) become blurred, regardless of which chip\n * those pixels belong to. A linear mask fades the blur effect from full\n * at the top to zero at the bottom of the veil \u2014 newest content stays\n * crisp because it lives below the veil's height.\n *\n * Note: `mask-image` controls where the BACKDROP-FILTER applies (via\n * masking the veil element), so the bottom edge of the veil naturally\n * dissolves into the unblurred scroll area below.\n */\nfunction blurVeilStyles(): Record<string, string> {\n  const mask = 'linear-gradient(to bottom, black 0%, black 40%, transparent 100%)';\n  return {\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    right: '0',\n    height: `${TRAIL_BLUR_VEIL_PX}px`,\n    pointerEvents: 'none',\n    backdropFilter: `blur(${TRAIL_BLUR_MAX_PX}px)`,\n    WebkitBackdropFilter: `blur(${TRAIL_BLUR_MAX_PX}px)`,\n    maskImage: mask,\n    WebkitMaskImage: mask,\n    zIndex: '2',\n  };\n}\n\n/**\n * Discriminated visual state for a chip. Replaces the older\n * `(role, { isStreaming, isError })` triple whose interaction order\n * could produce nonsense combinations (e.g. an assistant chip\n * accidentally reading as a user bubble because `isStreaming` was\n * checked before role). Each kind below is a real conversational\n * state with a single visual identity:\n *\n *   - `settled`    \u2014 a complete message; the user-vs-assistant\n *                    identity comes from `role`\n *   - `streaming`  \u2014 the assistant chip currently receiving tokens;\n *                    keeps assistant identity (the blinking caret\n *                    inside the chip carries \"in progress\")\n *   - `pending`    \u2014 the thinking chip shown between the user's\n *                    just-sent message and the assistant's first\n *                    token; assistant identity (the bouncing dots\n *                    inside carry \"in progress\")\n *   - `error`      \u2014 a chip whose stream failed mid-flight, OR any\n *                    system-role message (system messages render\n *                    with the error identity by convention)\n *\n * Bug history: an earlier branch-ladder design checked `isStreaming`\n * before `role`, so the `pending`/thinking chip inherited the user\n * bubble border. On hosts whose chat panel sits over a light surface\n * that read as a \"white div\" pasted into the assistant slot. The\n * discriminated state prevents that combination from being expressible.\n */\nexport type ChipVisualState =\n  | { kind: 'settled'; role: 'user' | 'assistant' | 'system' }\n  | { kind: 'streaming' }\n  | { kind: 'pending' }\n  | { kind: 'error'; role: 'user' | 'assistant' | 'system' };\n\n/**\n * Map a trail message + the trail's `inFlight` flag onto its visual\n * state. The thinking chip is rendered separately at the render-tree\n * level \u2014 this helper covers settled / streaming / error messages and\n * leaves the `pending` state to the dedicated thinking-chip render\n * path.\n */\nfunction chipVisualState(m: TrailMessage): ChipVisualState {\n  // System messages and explicit error status both render as error\n  // chips regardless of role (the original `isError` definition).\n  if (m.status === 'error' || m.role === 'system') {\n    return { kind: 'error', role: m.role };\n  }\n  if (m.role === 'assistant' && m.status === 'streaming') {\n    return { kind: 'streaming' };\n  }\n  return { kind: 'settled', role: m.role };\n}\n\nfunction chipStyles(state: ChipVisualState, pos: number): Record<string, string> {\n  const opacity = Math.max(OPACITY_FLOOR, 1 - pos * OPACITY_STEP);\n  const yPx = pos * Y_DRIFT_PX;\n\n  // Per-state visual tokens. Fallbacks are conservative neutrals so\n  // the chip still renders sensibly on a host page that hasn't set\n  // its design-system tokens yet. The contract: changing one state's\n  // border MUST NOT silently affect another state's border.\n  let border: string;\n  let background: string;\n  let color: string;\n  let alignSelf: 'flex-start' | 'flex-end';\n\n  switch (state.kind) {\n    case 'settled':\n      if (state.role === 'user') {\n        border = 'var(--sc-content-bubble-border-user, 1px solid rgba(255, 255, 255, 0.28))';\n        background = 'var(--sc-content-bubble-background-user, rgba(255, 255, 255, 0.10))';\n        alignSelf = 'flex-end';\n      } else {\n        border = 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))';\n        background = 'var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))';\n        alignSelf = 'flex-start';\n      }\n      color = 'var(--sc-tile-title-color, inherit)';\n      break;\n    case 'streaming':\n    case 'pending':\n      // Assistant identity. The caret (streaming) or bouncing dots\n      // (pending) inside the chip carry the in-progress signal \u2014 the\n      // chip's outer identity stays consistent with the assistant's\n      // settled reply, so the visitor sees the SAME entity speaking\n      // throughout the response lifecycle. This is the bug fix: prior\n      // versions borrowed the user border for these states and broke\n      // identity continuity.\n      border = 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))';\n      background = 'var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))';\n      color = 'var(--sc-tile-title-color, inherit)';\n      alignSelf = 'flex-start';\n      break;\n    case 'error':\n      border = 'var(--sc-content-bubble-border-error, 1px solid rgba(220, 80, 80, 0.55))';\n      background = 'var(--sc-content-bubble-background-error, rgba(140, 40, 40, 0.42))';\n      color = 'var(--sc-content-bubble-text-error, rgba(255, 220, 220, 0.95))';\n      // Errors keep their originating role's alignment so a failed\n      // user-side send still sits on the right where the user expects\n      // their message to land.\n      alignSelf = state.role === 'user' ? 'flex-end' : 'flex-start';\n      break;\n  }\n\n  return {\n    alignSelf,\n    maxWidth: '85%',\n    fontSize: '11px',\n    lineHeight: '1.45',\n    padding: '4px 10px',\n    borderRadius: '10px',\n    border,\n    background,\n    backdropFilter: 'blur(8px)',\n    WebkitBackdropFilter: 'blur(8px)',\n    color,\n    transition:\n      'opacity 240ms cubic-bezier(0.22, 1, 0.36, 1), transform 240ms cubic-bezier(0.22, 1, 0.36, 1)',\n    // Per-position opacity + y-drift falloff is still per-chip \u2014 those\n    // operate naturally per element. Blur is NOT per-chip anymore: it's\n    // applied via an absolute-positioned veil at the top of the scroll\n    // viewport (TRAIL_BLUR_VEIL_PX above), so a single long message\n    // doesn't get uniformly blurred across its full body.\n    opacity: String(toFixedTrim(opacity)),\n    transform: `translateY(${yPx}px)`,\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-word',\n  };\n}\n\nfunction toolCallStripStyles(): Record<string, string> {\n  return {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '4px',\n    marginTop: '4px',\n    paddingTop: '4px',\n    borderTop: '1px dashed var(--sc-content-divider-color, rgba(255, 255, 255, 0.12))',\n  };\n}\n\nfunction toolCallChipStyles(status: TrailToolCall['status']): Record<string, string> {\n  const isPending = status === 'pending';\n  const isError = status === 'error';\n  const isDone = status === 'done';\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '4px',\n    padding: '2px 7px',\n    border: isError\n      ? 'var(--sc-content-bubble-border-error, 1px solid rgba(220, 80, 80, 0.45))'\n      : isPending\n        ? 'var(--sc-content-bubble-border-user, 1px solid rgba(255, 255, 255, 0.28))'\n        : 'var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))',\n    background: isError\n      ? 'var(--sc-content-bubble-background-error, rgba(140, 40, 40, 0.35))'\n      : isPending\n        ? 'var(--sc-content-bubble-background-user, rgba(255, 255, 255, 0.10))'\n        : isDone\n          ? 'var(--sc-content-bubble-background-idle, rgba(40, 44, 50, 0.4))'\n          : 'var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))',\n    color: 'var(--sc-tile-text-color, inherit)',\n    borderRadius: '999px',\n    fontSize: '10px',\n    fontWeight: '500',\n    fontFamily: 'ui-monospace, SF Mono, Menlo, monospace',\n    cursor: isPending ? 'pointer' : 'default',\n    opacity: isDone ? '0.7' : '1',\n  };\n}\n\nfunction toolCallIcon(status: TrailToolCall['status']): string {\n  switch (status) {\n    case 'args-streaming':\n    case 'running':\n      return '\u22EF';\n    case 'pending':\n      return '?';\n    case 'done':\n      return '\u2713';\n    case 'error':\n      return '\u2717';\n    default:\n      return '\u00B7';\n  }\n}\n\nfunction caretStyles(): Record<string, string> {\n  return {\n    display: 'inline-block',\n    width: '6px',\n    height: '12px',\n    marginLeft: '3px',\n    verticalAlign: '-1px',\n    background: 'hsl(var(--sc-accent-color) / 0.85)',\n    borderRadius: '1px',\n    animation: 'syntro-trail-caret 1s steps(2, end) infinite',\n  };\n}\n\n/**\n * Layout slot for the naked thinking indicator. No bubble \u2014 no\n * background, no border, no padding, no backdrop blur. The chip\n * decoration around an \"empty assistant message\" was reading as a\n * placeholder card on host themes that drew the chip background as a\n * solid color; stripping it lets the dots carry the entire signal.\n * What this style does keep:\n *   - left alignment in the trail's flex column (assistant slot)\n *   - the inherited chip text color, which the dots' `currentColor`\n *     fill picks up so they tint with the assistant identity\n *   - a fade-up entrance so the indicator arrives, not pops, into\n *     view next to the user's just-sent message\n *   - a small inset so the dots sit at the same baseline a text chip\n *     would, preventing a vertical jump when the first token arrives\n *     and the slot is replaced by the streaming chip\n */\nfunction thinkingSlotStyles(): Record<string, string> {\n  return {\n    alignSelf: 'flex-start',\n    color: 'var(--sc-tile-title-color, inherit)',\n    padding: '4px 4px',\n    animation: 'syntro-trail-chip-enter 220ms cubic-bezier(0.22, 1, 0.36, 1) both',\n  };\n}\n\nfunction thinkingDotsStyles(): Record<string, string> {\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '6px',\n    // Line height matches what a single-line text chip would compute\n    // to, so swapping out the slot for the streaming chip doesn't\n    // shift the next chip up or down by a couple of pixels.\n    lineHeight: '14px',\n  };\n}\n\nfunction thinkingDotStyles(index: number): Record<string, string> {\n  return {\n    display: 'inline-block',\n    width: '7px',\n    height: '7px',\n    borderRadius: '50%',\n    background: 'currentColor',\n    // The dots are now the entire visual \u2014 no bubble framing them \u2014\n    // so the pulse has to do all the work the chip used to do. Scale\n    // 0.4 \u2192 1.0 with opacity 0.25 \u2192 1.0 gives an unmistakable\n    // breathing motion: at the trough each dot reads like a faint\n    // ghost, at the peak like a solid dot. 940ms cycle is a touch\n    // faster than the original 1.05s; without the chip frame the\n    // shorter cycle feels purposeful instead of agitated. Stagger\n    // 130ms = clear rolling cadence across all three.\n    transformOrigin: 'center',\n    animation: `syntro-trail-thinking-pulse 940ms cubic-bezier(0.4, 0, 0.6, 1) ${index * 0.13}s infinite both`,\n  };\n}\n\nfunction moreStyles(): Record<string, string> {\n  return {\n    // Center horizontally regardless of the parent's display model.\n    // ``alignSelf: center`` only works when the parent is a flex/grid\n    // container with cross-axis alignment; the chat-bar's flex column\n    // stretches us full-width instead. ``display: block`` + auto inline\n    // margins centers the auto-sized button without needing the parent\n    // to opt in.\n    display: 'block',\n    marginLeft: 'auto',\n    marginRight: 'auto',\n    marginBottom: '6px',\n    fontSize: '10px',\n    fontWeight: '500',\n    letterSpacing: '0.06em',\n    padding: '4px 10px',\n    border: '1px solid hsl(var(--sc-accent-color) / 0.32)',\n    borderRadius: '999px',\n    background: 'hsl(var(--sc-accent-color) / 0.10)',\n    color: 'var(--sc-tile-text-color, currentColor)',\n    cursor: 'pointer',\n    opacity: '0.85',\n    backdropFilter: 'blur(8px)',\n    WebkitBackdropFilter: 'blur(8px)',\n    transition: 'opacity 150ms ease, background 150ms ease',\n  };\n}\n\n/**\n * Inject the streaming-caret keyframes once per document. Light-DOM\n * components can't ship CSS via Lit's `styles` static \u2014 the rules\n * need to be present in the document's stylesheet. Idempotent via\n * a data attribute on the injected style tag.\n */\nfunction ensureStreamingKeyframes(): void {\n  if (typeof document === 'undefined') return;\n  if (document.head.querySelector('style[data-syntro-trail-caret-keyframes]')) return;\n  const style = document.createElement('style');\n  style.setAttribute('data-syntro-trail-caret-keyframes', 'true');\n  // Caret animation + markdown reset for assistant chips. The trail\n  // chips are tiny (11px line-height); default <p>/<ul>/<pre> margins\n  // would push the chip vertically and break the falloff layout.\n  style.textContent = [\n    '@keyframes syntro-trail-caret { 0%{opacity:1} 50%{opacity:0} 100%{opacity:1} }',\n    // Anchor short content to the bottom of the scrollable trail \u2014\n    // see baseStyles comment for why we can't use justify-content.\n    '[data-syntro-chat-trail] > :first-child { margin-top: auto }',\n    // Tight spacing \u2014 trail chips are an 11px-line-height pill. Default\n    // browser <p>/<ul> margins (1em \u2248 11px each side) would dominate the\n    // chip. Keep paragraph + list separators minimal (4px) so multi-\n    // paragraph replies read as one continuous flow, not a vertical\n    // stack of fragments.\n    '[data-trail-chip] > p:first-child { margin-top: 0 }',\n    '[data-trail-chip] > p:last-child { margin-bottom: 0 }',\n    '[data-trail-chip] p { margin: 4px 0 }',\n    '[data-trail-chip] br + br { display: none }',\n    '[data-trail-chip] ul, [data-trail-chip] ol { margin: 4px 0; padding-left: 1.1em }',\n    '[data-trail-chip] li { margin: 0 }',\n    '[data-trail-chip] li + li { margin-top: 1px }',\n    '[data-trail-chip] pre { margin: 6px 0; padding: 6px 8px; background: var(--sc-content-code-background-block, rgba(0, 0, 0, 0.35)); border-radius: 6px; overflow-x: auto; font-size: 10px }',\n    '[data-trail-chip] code { font-family: ui-monospace, SF Mono, Menlo, monospace; font-size: 10px; background: var(--sc-content-code-background, rgba(0, 0, 0, 0.25)); padding: 1px 4px; border-radius: 3px }',\n    '[data-trail-chip] pre code { background: transparent; padding: 0 }',\n    '[data-trail-chip] a { color: var(--sc-content-link-color, var(--sc-color-primary, #b72e2a)); text-decoration: underline }',\n    '[data-trail-chip] strong { font-weight: 600 }',\n    // Thinking-dot scale+opacity pulse. Replaces the older translateY\n    // bounce (translateY(-3px) was perceptually below threshold on a\n    // 60Hz display \u2014 the dots read as static). 0.55 \u2192 1.0 scale with\n    // 0.4 \u2192 1.0 opacity gives an unmistakable \"breathing\" cue that\n    // the chip is alive, while keeping the dots inside the chip's\n    // padding box (no risk of clipping like translateY had if the\n    // chip's vertical padding shrank).\n    '@keyframes syntro-trail-thinking-pulse { 0%, 100% { transform: scale(0.4); opacity: 0.25 } 45% { transform: scale(1); opacity: 1 } }',\n    // Chip entrance \u2014 applied to the thinking chip on mount and to\n    // the first streaming assistant chip when it replaces the\n    // thinking chip. Without this, the thinking \u2192 streaming handoff\n    // is a one-frame element swap and reads as a flicker. The fade\n    // from below smooths the transition so the assistant's response\n    // visually \"arrives\" instead of teleporting in.\n    '@keyframes syntro-trail-chip-enter { from { opacity: 0; transform: translateY(6px) scale(0.97) } to { opacity: 1; transform: translateY(0) scale(1) } }',\n  ].join(' ');\n  document.head.appendChild(style);\n}\n\n/**\n * Pre-process LLM markdown before rendering. Three common artifacts:\n *\n *  1. Trailing \"  \" (two spaces = markdown hard-break) sprinkled at\n *     end-of-line, even inside list items where it just leaks\n *     invisible whitespace into the DOM.\n *  2. Runs of 3+ blank lines used as visual separators. Markdown\n *     treats any number of blank lines as a single paragraph break,\n *     so the extras add nothing semantically \u2014 but combined with\n *     paragraph margins they create huge gaps in the tiny chip layout.\n *  3. Leading / trailing newlines on the whole message. Trailing\n *     `\\n\\n` is the common one \u2014 marked turns it into a final empty\n *     <p> that still occupies a full line-height of vertical space,\n *     leaving a visible gap between the last text and the chat bar.\n *\n * Collapsing all three keeps the rendered HTML tight without changing\n * the agent's semantic intent.\n */\nfunction stripTrailingWhitespace(text: string): string {\n  return text\n    .replace(/[ \\t]+$/gm, '') // trailing whitespace per line\n    .replace(/\\n{3,}/g, '\\n\\n') // collapse runs of blank lines\n    .trim(); // drop leading/trailing whitespace+newlines on the whole message\n}\n\n/** Two-decimal trim that avoids trailing zeros (\".50\" \u2192 \".5\"). */\nfunction toFixedTrim(n: number): string {\n  const s = n.toFixed(2);\n  return s.replace(/\\.?0+$/, '') || '0';\n}\n\nif (!customElements.get('adaptive-chat-trail')) {\n  customElements.define('adaptive-chat-trail', AdaptiveChatTrail);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'adaptive-chat-trail': AdaptiveChatTrail;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}