@syntrologie/adapt-chatbot 2.8.0-canary.320 → 2.8.0-canary.321

package/dist/AdaptiveChatBar.js

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

package/dist/AdaptiveChatTrail.d.ts

@@ -99,6 +99,44 @@ export declare class AdaptiveChatTrail extends LitElement {
     updated(changed: Map<string, unknown>): void;
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
+/**
+ * Discriminated visual state for a chip. Replaces the older
+ * `(role, { isStreaming, isError })` triple whose interaction order
+ * could produce nonsense combinations (e.g. an assistant chip
+ * accidentally reading as a user bubble because `isStreaming` was
+ * checked before role). Each kind below is a real conversational
+ * state with a single visual identity:
+ *
+ *   - `settled`    — a complete message; the user-vs-assistant
+ *                    identity comes from `role`
+ *   - `streaming`  — the assistant chip currently receiving tokens;
+ *                    keeps assistant identity (the blinking caret
+ *                    inside the chip carries "in progress")
+ *   - `pending`    — the thinking chip shown between the user's
+ *                    just-sent message and the assistant's first
+ *                    token; assistant identity (the bouncing dots
+ *                    inside carry "in progress")
+ *   - `error`      — a chip whose stream failed mid-flight, OR any
+ *                    system-role message (system messages render
+ *                    with the error identity by convention)
+ *
+ * Bug history: an earlier branch-ladder design checked `isStreaming`
+ * before `role`, so the `pending`/thinking chip inherited the user
+ * bubble border. On hosts whose chat panel sits over a light surface
+ * that read as a "white div" pasted into the assistant slot. The
+ * discriminated state prevents that combination from being expressible.
+ */
+export type ChipVisualState = {
+    kind: 'settled';
+    role: 'user' | 'assistant' | 'system';
+} | {
+    kind: 'streaming';
+} | {
+    kind: 'pending';
+} | {
+    kind: 'error';
+    role: 'user' | 'assistant' | 'system';
+};
 declare global {
     interface HTMLElementTagNameMap {
         'adaptive-chat-trail': AdaptiveChatTrail;

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;CAgQhB;AAqSD,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;;;;;;;;;;;;;;;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;CAyRhB;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;AAgU7D,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-VHMHUS45.js";
+} from "./chunk-4Q6RTVMN.js";
 import "./chunk-ONGGPQER.js";
 import "./chunk-UVKRO5ER.js";
 export {

package/dist/{chunk-VHMHUS45.js → chunk-4Q6RTVMN.js}

@@ -104,7 +104,7 @@ var AdaptiveChatTrail = class extends LitElement {
           data-trail-chip
           data-role="assistant"
           data-status="greeting"
-          style=${styleMap(chipStyles("assistant", 0, { isStreaming: false, isError: false }))}
+          style=${styleMap(chipStyles({ kind: "settled", role: "assistant" }, 0))}
         >${unsafeHTML(renderMarkdown(stripTrailingWhitespace(this.greeting)))}</div>
       </div>`;
     }
@@ -204,15 +204,19 @@ var AdaptiveChatTrail = class extends LitElement {
       <div data-syntro-chat-trail style=${styleMap(containerStyles)}>
         ${visible.map((m, i) => {
       const pos = this.expanded || this.forceExpanded ? 0 : visible.length - 1 - i;
-      const isStreaming = m.status === "streaming";
-      const isError = m.status === "error" || m.role === "system";
+      const state = chipVisualState(m);
+      const isStreaming = state.kind === "streaming";
       const toolCalls = m.toolCalls ?? [];
       const renderedText = m.role === "assistant" ? html`${unsafeHTML(renderMarkdown(stripTrailingWhitespace(m.text)))}` : html`${m.text}`;
+      const chipStyle = isStreaming ? {
+        ...chipStyles(state, pos),
+        animation: "syntro-trail-chip-enter 220ms cubic-bezier(0.22, 1, 0.36, 1) both"
+      } : chipStyles(state, pos);
       return html`<div
               data-trail-chip
               data-role=${m.role}
               data-status=${m.status ?? "complete"}
-              style=${styleMap(chipStyles(m.role, pos, { isStreaming, isError }))}
+              style=${styleMap(chipStyle)}
             >${renderedText}${isStreaming ? html`<span
                     data-trail-caret
                     aria-hidden="true"
@@ -246,7 +250,17 @@ var AdaptiveChatTrail = class extends LitElement {
                 data-role="assistant"
                 data-status="thinking"
                 aria-label="Assistant is thinking"
-                style=${styleMap(chipStyles("assistant", 0, { isStreaming: true, isError: false }))}
+                style=${styleMap({
+      ...chipStyles({ kind: "pending" }, 0),
+      // Fade-up entrance so the chip arrives instead of
+      // popping into a single frame next to the user's
+      // just-sent message. Also applied to the first
+      // streaming chip below so the handoff (thinking
+      // disappears, streaming chip appears in the same
+      // slot) reads as a continuous motion rather than a
+      // flicker.
+      animation: "syntro-trail-chip-enter 220ms cubic-bezier(0.22, 1, 0.36, 1) both"
+    })}
               >
                 <span data-trail-thinking-dots style=${styleMap(thinkingDotsStyles())}>
                   <span style=${styleMap(thinkingDotStyles(0))}></span>
@@ -305,13 +319,51 @@ function blurVeilStyles() {
     zIndex: "2"
   };
 }
-function chipStyles(role, pos, state = { isStreaming: false, isError: false }) {
+function chipVisualState(m) {
+  if (m.status === "error" || m.role === "system") {
+    return { kind: "error", role: m.role };
+  }
+  if (m.role === "assistant" && m.status === "streaming") {
+    return { kind: "streaming" };
+  }
+  return { kind: "settled", role: m.role };
+}
+function chipStyles(state, pos) {
   const opacity = Math.max(OPACITY_FLOOR, 1 - pos * OPACITY_STEP);
   const yPx = pos * Y_DRIFT_PX;
-  const border = state.isError ? "var(--sc-content-bubble-border-error, 1px solid rgba(220, 80, 80, 0.55))" : state.isStreaming ? "var(--sc-content-bubble-border-user, 1px solid rgba(255, 255, 255, 0.28))" : role === "user" ? "var(--sc-content-bubble-border-user, 1px solid rgba(255, 255, 255, 0.28))" : "var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))";
-  const background = state.isError ? "var(--sc-content-bubble-background-error, rgba(140, 40, 40, 0.42))" : role === "user" ? "var(--sc-content-bubble-background-user, rgba(255, 255, 255, 0.10))" : "var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))";
-  const base = {
-    alignSelf: role === "user" ? "flex-end" : "flex-start",
+  let border;
+  let background;
+  let color;
+  let alignSelf;
+  switch (state.kind) {
+    case "settled":
+      if (state.role === "user") {
+        border = "var(--sc-content-bubble-border-user, 1px solid rgba(255, 255, 255, 0.28))";
+        background = "var(--sc-content-bubble-background-user, rgba(255, 255, 255, 0.10))";
+        alignSelf = "flex-end";
+      } else {
+        border = "var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))";
+        background = "var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))";
+        alignSelf = "flex-start";
+      }
+      color = "var(--sc-tile-title-color, inherit)";
+      break;
+    case "streaming":
+    case "pending":
+      border = "var(--sc-content-bubble-border, 1px solid rgba(255, 255, 255, 0.18))";
+      background = "var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))";
+      color = "var(--sc-tile-title-color, inherit)";
+      alignSelf = "flex-start";
+      break;
+    case "error":
+      border = "var(--sc-content-bubble-border-error, 1px solid rgba(220, 80, 80, 0.55))";
+      background = "var(--sc-content-bubble-background-error, rgba(140, 40, 40, 0.42))";
+      color = "var(--sc-content-bubble-text-error, rgba(255, 220, 220, 0.95))";
+      alignSelf = state.role === "user" ? "flex-end" : "flex-start";
+      break;
+  }
+  return {
+    alignSelf,
     maxWidth: "85%",
     fontSize: "11px",
     lineHeight: "1.45",
@@ -321,7 +373,7 @@ function chipStyles(role, pos, state = { isStreaming: false, isError: false }) {
     background,
     backdropFilter: "blur(8px)",
     WebkitBackdropFilter: "blur(8px)",
-    color: state.isError ? "var(--sc-content-bubble-text-error, rgba(255, 220, 220, 0.95))" : "var(--sc-tile-title-color, inherit)",
+    color,
     transition: "opacity 240ms cubic-bezier(0.22, 1, 0.36, 1), transform 240ms cubic-bezier(0.22, 1, 0.36, 1)",
     // Per-position opacity + y-drift falloff is still per-chip — those
     // operate naturally per element. Blur is NOT per-chip anymore: it's
@@ -333,7 +385,6 @@ function chipStyles(role, pos, state = { isStreaming: false, isError: false }) {
     whiteSpace: "pre-wrap",
     wordBreak: "break-word"
   };
-  return base;
 }
 function toolCallStripStyles() {
   return {
@@ -396,25 +447,31 @@ function thinkingDotsStyles() {
   return {
     display: "inline-flex",
     alignItems: "center",
-    gap: "4px",
+    gap: "5px",
     padding: "2px 0",
     // Match chip line height so the dots sit in the same vertical
     // rhythm as a text chip — no jump when the assistant token
     // arrives and the chip flips from dots to text.
-    lineHeight: "11px"
+    lineHeight: "12px"
   };
 }
 function thinkingDotStyles(index) {
   return {
     display: "inline-block",
-    width: "5px",
-    height: "5px",
+    width: "6px",
+    height: "6px",
     borderRadius: "50%",
     background: "currentColor",
-    // 160ms stagger between dots — same rhythm as the platform chat
-    // (packages/chat/src/styles.ts:297) so the brand identity reads
-    // consistent across surfaces.
-    animation: `syntro-trail-thinking-bounce 1.4s ease-in-out ${index * 0.16}s infinite`
+    // Scale + opacity pulse (instead of a 3px translateY). On a 60Hz
+    // display the old translate moved by ~3px peak — perceptually below
+    // threshold, so the dots read as static. Scale 0.55 → 1.0 with
+    // opacity 0.4 → 1.0 gives the eye an unambiguous "breathing" cue
+    // without the dots wandering outside the chip's padding box.
+    // Stagger: 140ms between dots = a clear rolling cadence at a 1.05s
+    // cycle, matching the platform chat (packages/chat/src/styles.ts)
+    // so brand identity reads consistent across surfaces.
+    transformOrigin: "center",
+    animation: `syntro-trail-thinking-pulse 1.05s cubic-bezier(0.4, 0, 0.6, 1) ${index * 0.14}s infinite`
   };
 }
 function moreStyles() {
@@ -471,11 +528,21 @@ function ensureStreamingKeyframes() {
     "[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 animation. Three vertically-bouncing pills with
-    // staggered delays read as the canonical "AI is composing"
-    // indicator. translateY rather than scale keeps the dots from
-    // ballooning past the chip's padding.
-    "@keyframes syntro-trail-thinking-bounce { 0%,80%,100% { transform: translateY(0); opacity: 0.45 } 40% { transform: translateY(-3px); opacity: 1 } }"
+    // 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.55); opacity: 0.4 } 40% { 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);
 }
@@ -493,4 +560,4 @@ if (!customElements.get("adaptive-chat-trail")) {
 export {
   AdaptiveChatTrail
 };
-//# sourceMappingURL=chunk-VHMHUS45.js.map
+//# sourceMappingURL=chunk-4Q6RTVMN.js.map

package/dist/chunk-4Q6RTVMN.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 * 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-chip\n                data-trail-thinking\n                data-role=\"assistant\"\n                data-status=\"thinking\"\n                aria-label=\"Assistant is thinking\"\n                style=${styleMap({\n                  ...chipStyles({ kind: 'pending' }, 0),\n                  // Fade-up entrance so the chip arrives instead of\n                  // popping into a single frame next to the user's\n                  // just-sent message. Also applied to the first\n                  // streaming chip below so the handoff (thinking\n                  // disappears, streaming chip appears in the same\n                  // slot) reads as a continuous motion rather than a\n                  // flicker.\n                  animation: 'syntro-trail-chip-enter 220ms cubic-bezier(0.22, 1, 0.36, 1) both',\n                })}\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\nfunction thinkingDotsStyles(): Record<string, string> {\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '5px',\n    padding: '2px 0',\n    // Match chip line height so the dots sit in the same vertical\n    // rhythm as a text chip \u2014 no jump when the assistant token\n    // arrives and the chip flips from dots to text.\n    lineHeight: '12px',\n  };\n}\n\nfunction thinkingDotStyles(index: number): Record<string, string> {\n  return {\n    display: 'inline-block',\n    width: '6px',\n    height: '6px',\n    borderRadius: '50%',\n    background: 'currentColor',\n    // Scale + opacity pulse (instead of a 3px translateY). On a 60Hz\n    // display the old translate moved by ~3px peak \u2014 perceptually below\n    // threshold, so the dots read as static. Scale 0.55 \u2192 1.0 with\n    // opacity 0.4 \u2192 1.0 gives the eye an unambiguous \"breathing\" cue\n    // without the dots wandering outside the chip's padding box.\n    // Stagger: 140ms between dots = a clear rolling cadence at a 1.05s\n    // cycle, matching the platform chat (packages/chat/src/styles.ts)\n    // so brand identity reads consistent across surfaces.\n    transformOrigin: 'center',\n    animation: `syntro-trail-thinking-pulse 1.05s cubic-bezier(0.4, 0, 0.6, 1) ${index * 0.14}s infinite`,\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.55); opacity: 0.4 } 40% { 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": []
+}

package/dist/runtime.js

@@ -11,7 +11,7 @@ import {
   renderFallbackHtml
 } from "./chunk-DG63RLZZ.js";
 import "./chunk-OCDIFF6G.js";
-import "./chunk-VHMHUS45.js";
+import "./chunk-4Q6RTVMN.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.320",
+  "version": "2.8.0-canary.321",
   "description": "Adaptive Chatbot - AI chat assistant widget with action execution",
   "license": "Proprietary",
   "private": false,

package/dist/chunk-VHMHUS45.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('assistant', 0, { isStreaming: false, isError: false }))}\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 isStreaming = m.status === 'streaming';\n          const isError = m.status === 'error' || m.role === 'system';\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          return html`<div\n              data-trail-chip\n              data-role=${m.role}\n              data-status=${m.status ?? 'complete'}\n              style=${styleMap(chipStyles(m.role, pos, { isStreaming, isError }))}\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-chip\n                data-trail-thinking\n                data-role=\"assistant\"\n                data-status=\"thinking\"\n                aria-label=\"Assistant is thinking\"\n                style=${styleMap(chipStyles('assistant', 0, { isStreaming: true, isError: false }))}\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\nfunction chipStyles(\n  role: TrailMessage['role'],\n  pos: number,\n  state: { isStreaming: boolean; isError: boolean } = { isStreaming: false, isError: false }\n): Record<string, string> {\n  const opacity = Math.max(OPACITY_FLOOR, 1 - pos * OPACITY_STEP);\n  const yPx = pos * Y_DRIFT_PX;\n\n  // Error chips override role-specific styling \u2014 they shouldn't read\n  // as \"an assistant reply.\" Streaming chips get a subtle accent ring\n  // so the in-progress state is visually distinct from a settled reply.\n  // All four states resolve to design-system tokens via the theme; the\n  // fallbacks here are conservative neutrals so the widget still renders\n  // sensibly on a host page that hasn't set tokens yet.\n  const border = state.isError\n    ? 'var(--sc-content-bubble-border-error, 1px solid rgba(220, 80, 80, 0.55))'\n    : state.isStreaming\n      ? 'var(--sc-content-bubble-border-user, 1px solid rgba(255, 255, 255, 0.28))'\n      : role === 'user'\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  const background = state.isError\n    ? 'var(--sc-content-bubble-background-error, rgba(140, 40, 40, 0.42))'\n    : role === 'user'\n      ? 'var(--sc-content-bubble-background-user, rgba(255, 255, 255, 0.10))'\n      : 'var(--sc-content-bubble-background, rgba(20, 22, 24, 0.35))';\n\n  const base: Record<string, string> = {\n    alignSelf: role === 'user' ? 'flex-end' : 'flex-start',\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: state.isError\n      ? 'var(--sc-content-bubble-text-error, rgba(255, 220, 220, 0.95))'\n      : 'var(--sc-tile-title-color, inherit)',\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  return base;\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\nfunction thinkingDotsStyles(): Record<string, string> {\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '4px',\n    padding: '2px 0',\n    // Match chip line height so the dots sit in the same vertical\n    // rhythm as a text chip \u2014 no jump when the assistant token\n    // arrives and the chip flips from dots to text.\n    lineHeight: '11px',\n  };\n}\n\nfunction thinkingDotStyles(index: number): Record<string, string> {\n  return {\n    display: 'inline-block',\n    width: '5px',\n    height: '5px',\n    borderRadius: '50%',\n    background: 'currentColor',\n    // 160ms stagger between dots \u2014 same rhythm as the platform chat\n    // (packages/chat/src/styles.ts:297) so the brand identity reads\n    // consistent across surfaces.\n    animation: `syntro-trail-thinking-bounce 1.4s ease-in-out ${index * 0.16}s infinite`,\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 animation. Three vertically-bouncing pills with\n    // staggered delays read as the canonical \"AI is composing\"\n    // indicator. translateY rather than scale keeps the dots from\n    // ballooning past the chip's padding.\n    '@keyframes syntro-trail-thinking-bounce { 0%,80%,100% { transform: translateY(0); opacity: 0.45 } 40% { transform: translateY(-3px); opacity: 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": []
-}