@syntrologie/adapt-chatbot 2.53.0 → 2.55.0

package/dist/runtime.js

@@ -9,24 +9,25 @@ import {
   decodeMutationEnvelope,
   fetchMountedElements,
   renderFallbackHtml
-} from "./chunk-IALBNWHO.js";
+} from "./chunk-57MPLQOL.js";
 import {
   pickPersona
-} from "./chunk-74CVNFXS.js";
+} from "./chunk-VFWA5W56.js";
 import {
   getElementInstanceStore,
   setElementInstanceStore
 } from "./chunk-EWPPVPJ4.js";
-import "./chunk-M7FVDW3M.js";
+import "./chunk-LJEPZI6Y.js";
 import "./chunk-TZA7572J.js";
-import "./chunk-A36JVPEF.js";
+import "./chunk-ETDHHQS3.js";
 import {
   DIVE_DEEPER_EVENT,
+  TELEMETRY_DOM_EVENT,
   TILE_MOUNTED_EVENT,
   TILE_UNMOUNTED_EVENT,
   isCanonicalBusEvent,
   stripMountPlumbing
-} from "./chunk-2OS5KLNX.js";
+} from "./chunk-NGV35N4T.js";
 import "./chunk-UVKRO5ER.js";
 
 // src/ChatSession.ts
@@ -41,6 +42,7 @@ var ChatSession = class {
     this._runActive = false;
     this._thinkingText = "";
     this._nextId = 1;
+    this._turn = 0;
     this.subscribers = /* @__PURE__ */ new Set();
     this.sendListeners = /* @__PURE__ */ new Set();
     this.interruptListeners = /* @__PURE__ */ new Set();
@@ -51,9 +53,14 @@ var ChatSession = class {
     return {
       messages: [...this._messages],
       inFlight: this._inFlight || this._runActive,
-      thinkingText: this._thinkingText
+      thinkingText: this._thinkingText,
+      turn: this._turn
     };
   }
+  /** User sends so far in this session; the single turn counter. */
+  get turn() {
+    return this._turn;
+  }
   /**
    * Append a delta to the active thinking turn's narration buffer.
    * Forwarded from the AG-UI THINKING_TEXT_MESSAGE_CONTENT event so
@@ -116,8 +123,9 @@ var ChatSession = class {
     const id = generateUserMessageId();
     this._messages.push({ id, role: "user", text: trimmed });
     this._inFlight = true;
+    this._turn += 1;
     this.notify();
-    const event = { text: trimmed, id };
+    const event = { text: trimmed, id, turn: this._turn, via: opts.via };
     if (opts?.activeLidSlot) event.activeLidSlot = opts.activeLidSlot;
     if (opts?.forwardedProps) event.forwardedProps = opts.forwardedProps;
     for (const listener of this.sendListeners) listener(event);
@@ -217,6 +225,7 @@ var ChatSession = class {
     this._runActive = false;
     this._thinkingText = "";
     this._nextId = 1;
+    this._turn = 0;
     this.notify();
   }
   /** Register a transport's send listener. Returns unsubscribe. */
@@ -456,7 +465,7 @@ function mergeForwardedProps(prev, next) {
   return { ...next, forwardedProps: prev.forwardedProps };
 }
 var ChatTransport = class {
-  constructor() {
+  constructor(opts = {}) {
     this._config = null;
     this._status = "idle";
     this._agui = null;
@@ -525,6 +534,26 @@ var ChatTransport = class {
      */
     this._transportId = `tx_${Math.random().toString(36).slice(2, 8)}`;
     this._configuredAt = 0;
+    /** Per-run telemetry state (FEAT-1789150184). The chat session owns the turn; this mirrors it per run. */
+    this._runTurn = 0;
+    this._runStartedAt = 0;
+    this._firstDeltaAt = null;
+    this._runMounts = 0;
+    this._runCards = 0;
+    /**
+     * Count of RUN_FINISHED events the server still owes us that must be
+     * swallowed, not reported — one per interrupt. NOT a boolean: an
+     * interrupt latches this debt against whichever run's RUN_FINISHED
+     * arrives next, and a visitor can interrupt then immediately send again
+     * before the first run's late RUN_FINISHED shows up. Clearing this in
+     * `onSend` (as a boolean would need to, to arm for the NEXT run) would
+     * let that late RUN_FINISHED slip through and get misattributed to the
+     * new run — a phantom `reply_received` at turn N+1 with near-zero
+     * ttft/total. The counter survives across sends and is only decremented
+     * by an actual RUN_FINISHED, so debt from run N is always paid by run
+     * N's own (possibly late) finish, never by run N+1's.
+     */
+    this._pendingSuppressedFinishes = 0;
     // -------------------------------------------------------------------------
     // Session stream — server-initiated events (proactive nudges)
     // -------------------------------------------------------------------------
@@ -533,6 +562,18 @@ var ChatTransport = class {
     // (read-deadline constant lives at module scope: SESSION_READ_DEADLINE_MS)
     /** Capped reconnect backoff for the session stream. */
     this._sessionStreamBackoffMs = 2e3;
+    this._now = opts.now ?? (() => Date.now());
+  }
+  /** The transport is not an element: atoms go straight to document, where TelemetryCore listens. */
+  _reportAtom(name, props) {
+    if (typeof document === "undefined") return;
+    document.dispatchEvent(
+      new CustomEvent(TELEMETRY_DOM_EVENT, {
+        detail: { name, props },
+        bubbles: true,
+        composed: true
+      })
+    );
   }
   /**
    * Configure the transport. Idempotent — calling again with the same
@@ -677,6 +718,12 @@ var ChatTransport = class {
     this._fallbackListeners.clear();
     this._dispatchedNudgeIntentIds.clear();
     this.stopSessionStream();
+    this._runTurn = 0;
+    this._runStartedAt = 0;
+    this._firstDeltaAt = null;
+    this._runMounts = 0;
+    this._runCards = 0;
+    this._pendingSuppressedFinishes = 0;
   }
   /**
    * Open the persistent `/api/adaptive/session` SSE and feed its frames
@@ -931,13 +978,28 @@ var ChatTransport = class {
     return { ...base ?? {}, ...pending };
   }
   _wireSession() {
-    this._sessionUnsubSend = chatSession.onSend(({ text, id, activeLidSlot, forwardedProps }) => {
-      this._pendingLidSlot = typeof activeLidSlot === "string" && activeLidSlot.length > 0 ? activeLidSlot : null;
-      this._pendingForwardedProps = forwardedProps ?? null;
-      void this._forwardUserMessage(text, id);
-    });
+    this._sessionUnsubSend = chatSession.onSend(
+      ({ text, id, turn, via, activeLidSlot, forwardedProps }) => {
+        this._pendingLidSlot = typeof activeLidSlot === "string" && activeLidSlot.length > 0 ? activeLidSlot : null;
+        this._pendingForwardedProps = forwardedProps ?? null;
+        this._runTurn = turn;
+        this._runStartedAt = this._now();
+        this._firstDeltaAt = null;
+        this._runMounts = 0;
+        this._runCards = 0;
+        this._reportAtom("syntro_chat_message_sent", { turn, chars: text.length, via });
+        void this._forwardUserMessage(text, id);
+      }
+    );
     this._sessionUnsubInterrupt = chatSession.onInterrupt(() => {
       this._agui?.send({ type: "stop-generation" });
+      if (this._runStartedAt) {
+        this._pendingSuppressedFinishes += 1;
+        this._reportAtom("syntro_chat_interrupted", {
+          turn: this._runTurn,
+          after_ms: this._now() - this._runStartedAt
+        });
+      }
     });
     this._sessionUnsubToolResult = chatSession.onToolResult(({ toolCallId, result, approved }) => {
       this._agui?.send({ type: "tool-result", toolCallId, result, approved });
@@ -1181,6 +1243,7 @@ var ChatTransport = class {
         return;
       }
       case "message-delta": {
+        if (this._firstDeltaAt === null) this._firstDeltaAt = this._now();
         const id = event.messageId ?? this._currentAssistantMessageId;
         if (!id || !event.delta) return;
         chatSession.receiveDelta(id, event.delta);
@@ -1243,6 +1306,10 @@ var ChatTransport = class {
       }
       case "tool-call": {
         const existing = this._findToolCallStatus(event.toolCall.id);
+        if (!existing && event.toolCall.name.startsWith("mount_")) {
+          this._runMounts += 1;
+          if (/card/i.test(event.toolCall.name)) this._runCards += 1;
+        }
         if (!existing) {
           this._startThinkingCycle(toolNarrationVariants(event.toolCall.name));
         }
@@ -1309,21 +1376,42 @@ var ChatTransport = class {
         return;
       }
       // ── Deliberate no-ops, made EXPLICIT so the exhaustiveness check below
-      // can do its job. All four were already falling through to nothing; the
+      // can do its job. All three were already falling through to nothing; the
       // `never` guard is what surfaced that they were never written down.
       //
-      // The three tool-call events belong to a deferred-tool approval flow
+      // These tool-call events belong to a deferred-tool approval flow
       // that exists on <syntro-chat> (the editor / assistant surface), not
       // here: the ambient visitor trail renders no approve/deny affordance, so
       // there is nothing for an interrupt, a cross-run result, or a
-      // cancellation to update. `run-finished` (BUG-1787292410) settles
-      // messages the run left streaming in <syntro-chat>; this surface tracks
-      // run liveness through `typing`, which the transport emits alongside it.
+      // cancellation to update.
       case "tool-call-deferred":
       case "tool-call-result":
       case "tool-call-cancelled":
-      case "run-finished":
         return;
+      // `run-finished` (BUG-1787292410) settles messages the run left
+      // streaming in <syntro-chat>; this surface tracks run liveness through
+      // `typing`, which the transport emits alongside it. It's also the one
+      // telemetry-relevant signal: the reply_received atom fires here,
+      // unless this run was interrupted — the server still emits
+      // RUN_FINISHED after stop-generation, and that must not double-report.
+      case "run-finished": {
+        if (this._pendingSuppressedFinishes > 0) {
+          this._pendingSuppressedFinishes -= 1;
+          return;
+        }
+        if (this._runStartedAt) {
+          const end = this._now();
+          this._reportAtom("syntro_chat_reply_received", {
+            turn: this._runTurn,
+            ttft_ms: (this._firstDeltaAt ?? end) - this._runStartedAt,
+            total_ms: end - this._runStartedAt,
+            mounts: this._runMounts,
+            cards: this._runCards
+          });
+        }
+        this._runStartedAt = 0;
+        return;
+      }
       default: {
         const _exhaustive = event;
         void _exhaustive;
@@ -1332,7 +1420,25 @@ var ChatTransport = class {
     }
   }
 };
-var chatTransport = new ChatTransport();
+var chatTransport = new ChatTransport({ now: () => Date.now() });
+
+// src/findSmartCanvas.ts
+function findSmartCanvas() {
+  if (typeof document === "undefined") return null;
+  const find = (root) => {
+    const direct = root.querySelector("smart-canvas");
+    if (direct) return direct;
+    for (const el of root.querySelectorAll("*")) {
+      const sr = el.shadowRoot;
+      if (sr) {
+        const found = find(sr);
+        if (found) return found;
+      }
+    }
+    return null;
+  };
+  return find(document);
+}
 
 // src/observer/allowlist.ts
 var MAX_TEXT_LEN = 200;
@@ -2113,6 +2219,47 @@ function registerLeadConnectorBridge() {
 registerLeadConnectorBridge();
 
 // src/support-chat/boot.ts
+var SUPPORT_CHAT_WATCH_TICK_MS = 500;
+var SUPPORT_CHAT_WATCH_MAX_MS = 30 * 60 * 1e3;
+var watches = /* @__PURE__ */ new Map();
+function settleWatch(bridge, watch) {
+  clearInterval(watch.timer);
+  watches.delete(bridge);
+  if (watch.suppressNative) bridge.hideNative();
+  for (const cb of watch.listeners) cb();
+  watch.listeners.clear();
+}
+function ensureWatch(bridge, suppressNative) {
+  const existing = watches.get(bridge);
+  if (existing) {
+    existing.suppressNative = existing.suppressNative || suppressNative;
+    return existing;
+  }
+  console.info(
+    `supportChat.bridge: vendor '${bridge.vendor}' is not on the page yet \u2014 watching for it (delayed-script hosts load it on the first interaction)`
+  );
+  const watch = {
+    startedAt: Date.now(),
+    suppressNative,
+    listeners: /* @__PURE__ */ new Set(),
+    timer: setInterval(() => {
+      if (bridge.detect()) {
+        settleWatch(bridge, watch);
+        return;
+      }
+      if (Date.now() - watch.startedAt >= SUPPORT_CHAT_WATCH_MAX_MS) {
+        clearInterval(watch.timer);
+        watches.delete(bridge);
+        watch.listeners.clear();
+        console.warn(
+          `supportChat.bridge: vendor '${bridge.vendor}' never appeared within ${SUPPORT_CHAT_WATCH_MAX_MS / 6e4} minutes \u2014 handoff disabled`
+        );
+      }
+    }, SUPPORT_CHAT_WATCH_TICK_MS)
+  };
+  watches.set(bridge, watch);
+  return watch;
+}
 function bootSupportChat(cfg2) {
   if (!cfg2?.vendor) return void 0;
   registerCrispBridge();
@@ -2127,442 +2274,29 @@ function bootSupportChat(cfg2) {
     leadConnectorBridge.configure({ widgetId: cfg2.widgetId });
   }
   const bridge = getSupportChatBridge(cfg2.vendor);
-  if (!bridge || !bridge.detect()) {
-    console.warn(
-      `supportChat.bridge: vendor '${cfg2.vendor}' not detected on this page \u2014 handoff disabled`
-    );
+  if (!bridge) {
+    console.warn(`supportChat.bridge: no bridge for vendor '${cfg2.vendor}' \u2014 handoff disabled`);
     return void 0;
   }
-  if (cfg2.suppressNative) bridge.hideNative();
-  return bridge;
-}
-
-// src/AdaptiveChatBarMountable.ts
-var STATE_KEY = "__syntroChatBarMount";
-function getState(container) {
-  return container[STATE_KEY] ?? null;
-}
-function setState(container, state) {
-  container[STATE_KEY] = state;
-}
-function applyPlaceholder(bar, cfg2) {
-  if (cfg2.placeholder !== void 0) bar.placeholder = cfg2.placeholder;
-  if (cfg2.assistantName !== void 0) bar.assistantName = cfg2.assistantName;
-  if (cfg2.personas !== void 0) bar.personas = cfg2.personas;
-  if (cfg2.greeting !== void 0) bar.greeting = cfg2.greeting;
-  if (cfg2.voiceInput !== void 0) bar.voiceInput = cfg2.voiceInput;
-  bar.introSuggestion = cfg2.introSuggestion;
-  bar.forceExpanded = cfg2.forceExpanded === true;
-  if (typeof cfg2.maximized === "boolean") {
-    bar.maximized = cfg2.maximized;
+  if (bridge.detect()) {
+    if (cfg2.suppressNative) bridge.hideNative();
+    return bridge;
   }
+  ensureWatch(bridge, cfg2.suppressNative === true);
+  return bridge;
 }
-var _elementStore = null;
-var _templateWidgetMap = /* @__PURE__ */ new Map();
-var SERVER_MOUNTED_TILE_WIDGETS = ["syntro-product-reco-carousel"];
-function resolveTileWidget(templateId) {
-  return _templateWidgetMap.get(templateId);
-}
-function refreshTemplateWidgetMap(uiTemplates) {
-  _templateWidgetMap.clear();
-  for (const tag of SERVER_MOUNTED_TILE_WIDGETS) {
-    _templateWidgetMap.set(tag, tag);
-  }
-  if (!uiTemplates) return;
-  const tiles = uiTemplates.tiles;
-  if (!Array.isArray(tiles)) return;
-  for (const t of tiles) {
-    const id = typeof t?.id === "string" ? t.id : null;
-    const widget = typeof t?.widget === "string" ? t.widget : null;
-    if (id && widget) _templateWidgetMap.set(id, widget);
+function onSupportChatReady(bridge, cb) {
+  if (bridge.detect()) {
+    cb();
+    return () => {
+    };
   }
-}
-function getOrCreateElementStore(runtime2) {
-  if (_elementStore) return _elementStore;
-  _elementStore = new ElementInstanceStore({
-    actions: runtime2.actions,
-    // Pass the runtime's event bus so ItemHandler can broadcast
-    // `element.compositional_append` / `_patch` / `_remove` events
-    // to container widgets (chips strip, FAQ accordion, nav tips).
-    events: {
-      publish: runtime2.events.publish.bind(runtime2.events),
-      subscribe: runtime2.events.subscribe?.bind(runtime2.events)
-    },
-    handlers: [new TileHandler(resolveTileWidget), new ActionHandler(), new ItemHandler()],
-    resolveTileWidget
-  });
-  setElementInstanceStore(_elementStore);
-  return _elementStore;
-}
-var _hydrationStarted = false;
-function hydrateOnce(runtime2, backendUrl) {
-  if (_hydrationStarted) return;
-  _hydrationStarted = true;
-  const store = getOrCreateElementStore(runtime2);
-  const trimmed = backendUrl.replace(/\/$/, "");
-  const endpoint = trimmed ? `${trimmed}/api/adaptive/mounted_elements` : "/api/adaptive/mounted_elements";
-  fetchMountedElements({ endpoint, token: runtime2.token }).then((response) => {
-    if (!response) return;
-    void store.hydrate(response.mounted_elements);
-  });
-}
-var PAGE_LEVEL_KINDS = /* @__PURE__ */ new Set(["view", "scroll", "idle", "hesitation", "hover", "nav"]);
-function buildObserverEnrich(runtimeRef) {
-  return (ev, raw) => {
-    const extract = runtimeRef.getProductIdentity;
-    if (typeof extract !== "function") return ev;
-    if (ev.kind === "click") {
-      const chain = raw.properties.$elements;
-      if (!Array.isArray(chain)) return ev;
-      const id = extract(chain);
-      if (!id) return ev;
-      return {
-        ...ev,
-        product: {
-          handle: id.productHandle,
-          url: id.productUrl,
-          ...id.productTitle ? { title: id.productTitle } : {}
-        }
-      };
-    }
-    if (!ev.product && PAGE_LEVEL_KINDS.has(ev.kind) && typeof location !== "undefined") {
-      const id = extract([{ href: location.pathname }]);
-      if (!id) return ev;
-      return {
-        ...ev,
-        product: {
-          handle: id.productHandle,
-          url: id.productUrl,
-          ...id.productTitle ? { title: id.productTitle } : {}
-        }
-      };
-    }
-    return ev;
-  };
-}
-var _nudgeSurfaceWired = false;
-var _nudgeListener = null;
-function wireNudgeSurface(runtime2, backendUrl) {
-  if (_nudgeSurfaceWired || typeof document === "undefined") return;
-  _nudgeSurfaceWired = true;
-  _nudgeListener = (e) => {
-    try {
-      const detail = e.detail;
-      const isIntent = detail?.phase === "intent";
-      if (!isIntent) {
-        const store = getOrCreateElementStore(runtime2);
-        const trimmed = backendUrl.replace(/\/$/, "");
-        const endpoint = trimmed ? `${trimmed}/api/adaptive/mounted_elements` : "/api/adaptive/mounted_elements";
-        void fetchMountedElements({ endpoint, token: runtime2.token }).then((response) => {
-          if (!response) return;
-          void store.hydrate(response.mounted_elements);
-        });
-      }
-      if (detail?.suppressToast === true) return;
-      const findCanvas = (root) => {
-        const direct = root.querySelector("smart-canvas");
-        if (direct) return direct;
-        for (const el of root.querySelectorAll("*")) {
-          const sr = el.shadowRoot;
-          if (sr) {
-            const found = findCanvas(sr);
-            if (found) return found;
-          }
-        }
-        return null;
-      };
-      const canvas = findCanvas(document);
-      const messageId = e.detail?.messageId;
-      const nudgeText = messageId ? (chatSession.getState().messages.find((m) => m.id === messageId)?.text ?? "").trim() : "";
-      const title = nudgeText ? nudgeText.length > 140 ? `${nudgeText.slice(0, 137)}\u2026` : nudgeText : "I put something together for you";
-      canvas?.previewNotification?.({
-        title,
-        body: "Tap to take a look"
-      });
-    } catch (err) {
-      console.warn("[adaptive-chatbot] nudge surface reaction failed", err);
-    }
+  const watch = ensureWatch(bridge, false);
+  watch.listeners.add(cb);
+  return () => {
+    watch.listeners.delete(cb);
   };
-  document.addEventListener("syntro:nudge", _nudgeListener);
-}
-function configureTransportIfPossible(cfg2) {
-  if (!cfg2.runtime) return;
-  const backendUrl = cfg2.runtime.backendUrl;
-  if (!backendUrl) return;
-  const elementsActive = cfg2.elementsEnabled === true && cfg2.uiTemplates != null;
-  refreshTemplateWidgetMap(elementsActive ? cfg2.uiTemplates : void 0);
-  const forwardedProps = elementsActive ? { elementsEnabled: true, uiTemplates: cfg2.uiTemplates } : void 0;
-  if (elementsActive) publishTemplatesIfPossible(backendUrl, cfg2.uiTemplates, cfg2.runtime?.token);
-  const runtime2 = cfg2.runtime;
-  const onElementMutation = elementsActive ? (mutations) => {
-    void getOrCreateElementStore(runtime2).apply(mutations);
-  } : void 0;
-  if (elementsActive) {
-    hydrateOnce(runtime2, backendUrl);
-  }
-  const persona = pickPersona(cfg2.personas ?? null);
-  chatTransport.configure({
-    ...cfg2,
-    backendUrl,
-    forwardedProps,
-    onElementMutation,
-    activeLidSlot: cfg2._syntroSlotName,
-    personaId: persona?.id,
-    personaName: persona?.name,
-    personaRole: persona?.role_title
-  });
-  void chatTransport.startSessionStream();
-  wireNudgeSurface(runtime2, backendUrl);
-  startObserverIfPossible(cfg2);
-}
-var _templatesPublished = false;
-function publishTemplatesIfPossible(backendUrl, uiTemplates, token) {
-  if (_templatesPublished || typeof window === "undefined") return;
-  if (!uiTemplates || typeof uiTemplates !== "object") return;
-  _templatesPublished = true;
-  const headers2 = { "Content-Type": "application/json" };
-  if (token) headers2.Authorization = `Bearer ${token}`;
-  const editorToken = readEditorToken();
-  if (editorToken) headers2["X-Syntro-Editor-Token"] = editorToken;
-  const trimmed = backendUrl.replace(/\/$/, "");
-  void fetch(`${trimmed}/api/adaptive/templates`, {
-    method: "POST",
-    headers: headers2,
-    credentials: "include",
-    body: JSON.stringify({ ui_templates: uiTemplates })
-  }).catch(() => {
-  });
-}
-var _diveDeeperWired = false;
-function wireDiveDeeperListener() {
-  if (_diveDeeperWired || typeof window === "undefined") return;
-  _diveDeeperWired = true;
-  window.addEventListener(DIVE_DEEPER_EVENT, (e) => {
-    const detail = e.detail ?? {};
-    const prompt = typeof detail.prompt === "string" && detail.prompt.trim() ? detail.prompt : detail.title ? "I'd like to dive deeper on this, I didn't see what I needed." : "";
-    if (!prompt) return;
-    const origin = { kind: "dive-deeper" };
-    if (detail.title) origin.title = detail.title;
-    if (detail.context) origin.context = detail.context;
-    chatSession.send(prompt, { forwardedProps: { origin } });
-    if (!chatSession.hasTransport()) {
-      chatSession.error("Chat backend not configured \u2014 set backendUrl in the canvas config.");
-    }
-  });
 }
-var _observerStarted = false;
-var _observerRuntime = null;
-var _observerHandle = null;
-var _observerBusUnsubscribe = null;
-function startObserverIfPossible(cfg2) {
-  if (typeof window === "undefined") return;
-  const runtimeRef = cfg2.runtime;
-  if (!runtimeRef?.events?.subscribe) return;
-  if (_observerStarted && _observerRuntime === runtimeRef) return;
-  if (_observerStarted) {
-    _observerBusUnsubscribe?.();
-    _observerHandle?.stop();
-    _observerBusUnsubscribe = null;
-    _observerHandle = null;
-    _observerStarted = false;
-  }
-  const trimmed = (runtimeRef.backendUrl ?? "").replace(/\/$/, "");
-  const url = trimmed ? `${trimmed}/api/adaptive/observation` : "/api/adaptive/observation";
-  const runtimeId = (method) => {
-    try {
-      const v = runtimeRef.telemetry?.[method]?.();
-      return typeof v === "string" && v.length > 0 ? v : null;
-    } catch {
-      return null;
-    }
-  };
-  const getDistinctId = () => runtimeId("getDistinctId");
-  const getSessionId = () => runtimeId("getSessionId");
-  const token = () => {
-    const t = runtimeRef.token;
-    return typeof t === "string" ? t : "";
-  };
-  const enrich = buildObserverEnrich(runtimeRef);
-  const handle = startObserver({ url, token, getDistinctId, getSessionId, enrich });
-  window.__syntroObserverStats = () => handle.stats();
-  const unsubscribe = runtimeRef.events.subscribe({}, (evt) => {
-    const raw = busEventToRawEvent(evt);
-    if (raw) handle.ingest(raw);
-  });
-  _observerRuntime = runtimeRef;
-  _observerHandle = handle;
-  _observerBusUnsubscribe = unsubscribe;
-  _observerStarted = true;
-}
-function wireListeners(bar, state) {
-  const onMessageSent = (e) => {
-    const text = e.detail.text;
-    chatSession.send(text, { activeLidSlot: state.cfg._syntroSlotName });
-    if (!chatSession.hasTransport()) {
-      chatSession.error("Chat backend not configured \u2014 set backendUrl in the canvas config.");
-    }
-  };
-  const onInterrupt = () => {
-    chatSession.interrupt();
-  };
-  const onToolCallApproved = (e) => {
-    const detail = e.detail;
-    chatSession.resolveToolCall(detail.toolCallId, {}, detail.approved);
-  };
-  const onClose = () => {
-    state.cfg.onClose?.();
-  };
-  bar.addEventListener("chat-message-sent", onMessageSent);
-  bar.addEventListener("chat-interrupt", onInterrupt);
-  bar.addEventListener("canvas-close", onClose);
-  bar.addEventListener("trail-toolcall-approved", onToolCallApproved);
-  return () => {
-    bar.removeEventListener("chat-message-sent", onMessageSent);
-    bar.removeEventListener("chat-interrupt", onInterrupt);
-    bar.removeEventListener("canvas-close", onClose);
-    bar.removeEventListener("trail-toolcall-approved", onToolCallApproved);
-  };
-}
-var AdaptiveChatBarMountable = {
-  mount(container, mountConfig) {
-    const cfg2 = mountConfig ?? {};
-    configureTransportIfPossible(cfg2);
-    bootSupportChat(cfg2.supportChat);
-    wireDiveDeeperListener();
-    const bar = document.createElement("adaptive-chat-bar");
-    applyPlaceholder(bar, cfg2);
-    const widgets = cfg2.runtime?.widgets;
-    if (widgets) {
-      bar.mountInlineWidget = (widgetId, container2, props) => {
-        if (!widgets.has(widgetId)) return null;
-        const handle = widgets.mount(widgetId, container2, props);
-        const element = container2.firstElementChild;
-        if (!element) {
-          handle.unmount?.();
-          return null;
-        }
-        return { element, cleanup: () => handle.unmount?.() };
-      };
-    }
-    const unsubSession = chatSession.subscribe((s) => {
-      bar.messages = [...s.messages];
-      bar.inFlight = s.inFlight;
-      bar.thinkingText = s.thinkingText;
-    });
-    const runtimeEvents = cfg2.runtime ? cfg2.runtime.events : void 0;
-    const refreshReceipts = () => {
-      const store = _elementStore;
-      if (store) {
-        bar.tileReceipts = store.listTileReceipts();
-        bar.inlineWidgets = store.listInlineWidgets();
-      }
-    };
-    let unsubReceipts;
-    if (runtimeEvents?.subscribe) {
-      unsubReceipts = runtimeEvents.subscribe(
-        { names: [TILE_MOUNTED_EVENT, TILE_UNMOUNTED_EVENT] },
-        refreshReceipts
-      );
-    }
-    refreshReceipts();
-    const state = { bar, cleanup: () => {
-    }, cfg: cfg2 };
-    const unwireListeners = wireListeners(bar, state);
-    container.appendChild(bar);
-    const unsubFallback = chatTransport.onFallback(() => {
-      bar.remove();
-      container.innerHTML = renderFallbackHtml(state.cfg.fallback);
-    });
-    state.cleanup = () => {
-      unsubSession();
-      unsubFallback();
-      unsubReceipts?.();
-      unwireListeners();
-      bar.remove();
-      setState(container, null);
-    };
-    setState(container, state);
-    return state.cleanup;
-  },
-  update(container, mountConfig) {
-    const state = getState(container);
-    if (!state) return;
-    const cfg2 = mountConfig ?? {};
-    configureTransportIfPossible(cfg2);
-    applyPlaceholder(state.bar, cfg2);
-    state.cfg = cfg2;
-  }
-};
-
-// src/AdaptiveChipsStripMountable.ts
-var STATE_KEY2 = "__syntroChipsStripMount";
-function getState2(container) {
-  return container[STATE_KEY2] ?? null;
-}
-function setState2(container, state) {
-  container[STATE_KEY2] = state;
-}
-function applyProps(strip, cfg2) {
-  if (cfg2.chips !== void 0) strip.chips = cfg2.chips;
-  if (cfg2.runtime !== void 0) {
-    strip.runtimeRef = cfg2.runtime;
-  }
-  if (cfg2.chromeless !== void 0) strip.chromeless = cfg2.chromeless;
-}
-var AdaptiveChipsStripMountable = {
-  mount(container, mountConfig) {
-    const cfg2 = mountConfig ?? {};
-    const strip = document.createElement("adaptive-chips-strip");
-    applyProps(strip, cfg2);
-    const state = {
-      strip,
-      listeners: {
-        revealed: (e) => {
-          const cb = cfg2.onChipRevealed;
-          if (cb) {
-            cb(
-              e.detail
-            );
-          }
-        },
-        dismissed: (e) => {
-          const cb = cfg2.onChipDismissed;
-          if (cb) cb(e.detail);
-        }
-      }
-    };
-    strip.addEventListener("chip-revealed", state.listeners.revealed);
-    strip.addEventListener("chip-dismissed", state.listeners.dismissed);
-    container.appendChild(strip);
-    setState2(container, state);
-    return () => {
-      strip.removeEventListener("chip-revealed", state.listeners.revealed);
-      strip.removeEventListener("chip-dismissed", state.listeners.dismissed);
-      strip.remove();
-      setState2(container, null);
-    };
-  },
-  update(container, mountConfig) {
-    const state = getState2(container);
-    if (!state) return;
-    const cfg2 = mountConfig ?? {};
-    applyProps(state.strip, cfg2);
-    state.strip.removeEventListener("chip-revealed", state.listeners.revealed);
-    state.strip.removeEventListener("chip-dismissed", state.listeners.dismissed);
-    state.listeners.revealed = (e) => {
-      const cb = cfg2.onChipRevealed;
-      if (cb) {
-        cb(e.detail);
-      }
-    };
-    state.listeners.dismissed = (e) => {
-      const cb = cfg2.onChipDismissed;
-      if (cb) cb(e.detail);
-    };
-    state.strip.addEventListener("chip-revealed", state.listeners.revealed);
-    state.strip.addEventListener("chip-dismissed", state.listeners.dismissed);
-  }
-};
 
 // src/LeaveAMessageLit.ts
 import { html, LitElement, nothing } from "lit";
@@ -2707,8 +2441,14 @@ var trailHostStyles = {
   width: "100%",
   boxSizing: "border-box"
 };
-var PERSIST_NAMESPACE = "supportchat";
-var PERSIST_KEY = "leave-a-message";
+var LEAVE_A_MESSAGE_PERSIST_NAMESPACE = "supportchat";
+var LEAVE_A_MESSAGE_PERSIST_KEY = "leave-a-message";
+var PERSIST_NAMESPACE = LEAVE_A_MESSAGE_PERSIST_NAMESPACE;
+var PERSIST_KEY = LEAVE_A_MESSAGE_PERSIST_KEY;
+var liveCards = /* @__PURE__ */ new Set();
+function liveLeaveAMessageCards() {
+  return liveCards;
+}
 var lamUidCounter = 0;
 var LeaveAMessageLit = class extends LitElement {
   constructor() {
@@ -2878,6 +2618,10 @@ var LeaveAMessageLit = class extends LitElement {
     super.connectedCallback();
     this._loadPersisted();
     this.addEventListener("keydown", this._onKeyDown);
+    liveCards.add(this);
+    if (this.bridge) {
+      this._readyUnsub = onSupportChatReady(this.bridge, () => this.requestUpdate());
+    }
   }
   updated() {
     if (this.state !== "form" && this.bridge && this.bridge.detect() && !this._unsubscribe) {
@@ -2886,15 +2630,36 @@ var LeaveAMessageLit = class extends LitElement {
   }
   disconnectedCallback() {
     this.removeEventListener("keydown", this._onKeyDown);
+    liveCards.delete(this);
+    this._readyUnsub?.();
+    this._readyUnsub = void 0;
     this._unsubscribe?.();
     this._unsubscribe = void 0;
     this._noticeHandle?.dismiss();
     this._noticeHandle = void 0;
     super.disconnectedCallback();
   }
+  /** Is this card's own vendor subscription delivering replies? While it
+   *  is, the page-level inbox leaves every message to the card. */
+  get isListening() {
+    return this._unsubscribe !== void 0;
+  }
+  /** Hand the card a team message that arrived through the page-level
+   *  inbox (support-chat/inbox.ts) while the card was mounted but not yet
+   *  listening — a compose-step card the concierge put up moments before
+   *  the team's own message landed. */
+  receiveOperatorMessage(text) {
+    this._onReply(text);
+  }
+  /** Open the thread face — what tapping the mail face or an announcement
+   *  does. Used by the page-level inbox when its announcement is tapped
+   *  after a card has already mounted and hydrated the thread. */
+  showThread() {
+    this._flip();
+  }
   /** Read the injected persistence store, if any (I2). */
   _persistStore() {
-    return this.runtime?.state?.user?.ns?.(PERSIST_NAMESPACE);
+    return this.runtime?.state?.ns?.(PERSIST_NAMESPACE);
   }
   /** Hydrate {state, transcript, email} from a prior page's mount. */
   _loadPersisted() {
@@ -2968,20 +2733,8 @@ var LeaveAMessageLit = class extends LitElement {
     if (typeof document === "undefined") return;
     const title = this.replyToast?.title?.trim();
     if (!title) return;
-    const find = (root) => {
-      const direct = root.querySelector("smart-canvas");
-      if (direct) return direct;
-      for (const el of root.querySelectorAll("*")) {
-        const sr = el.shadowRoot;
-        if (sr) {
-          const found = find(sr);
-          if (found) return found;
-        }
-      }
-      return null;
-    };
     try {
-      const canvas = find(document);
+      const canvas = findSmartCanvas();
       this._noticeHandle?.dismiss();
       this._noticeHandle = void 0;
       const handle = canvas?.previewNotification?.({
@@ -3126,6 +2879,7 @@ var LeaveAMessageLit = class extends LitElement {
         .messages=${this._trailMessages()}
         .forceExpanded=${true}
         .hideTopBorder=${true}
+        .followBottom=${true}
         style=${styleMap(trailHostStyles)}
       ></adaptive-chat-trail>
       ${copy?.replyLabel ? html`<label data-lam-reply-label for=${replyId} style=${styleMap(srOnlyStyles)}
@@ -3179,6 +2933,545 @@ function registerLeaveAMessageLit() {
 }
 registerLeaveAMessageLit();
 
+// src/support-chat/inbox.ts
+var LEAVE_A_MESSAGE_WIDGET_ID = "adaptive-chatbot:leave-a-message";
+var SUPPORT_CHAT_INBOX_INSTANCE_ID = "supportchat-inbox";
+function findLeaveAMessageTemplate(uiTemplates) {
+  const tiles = uiTemplates?.tiles;
+  if (!Array.isArray(tiles)) return void 0;
+  const t = tiles.find((x) => x?.widget === LEAVE_A_MESSAGE_WIDGET_ID);
+  if (!t) return void 0;
+  const slot = typeof t.default_slot === "string" && t.default_slot ? t.default_slot : "drawer";
+  const props = t.default_widget_props && typeof t.default_widget_props === "object" ? t.default_widget_props : {};
+  return { slot, props };
+}
+var _wired;
+function wireSupportChatInbox(opts) {
+  const { bridge, inbox, runtime: runtime2, uiTemplates } = opts;
+  const store = runtime2?.state?.ns?.(LEAVE_A_MESSAGE_PERSIST_NAMESPACE);
+  let replyUnsub;
+  let mountUnsub;
+  let unmountUnsub;
+  let notice;
+  let localSlot;
+  const readThread = () => store?.get(LEAVE_A_MESSAGE_PERSIST_KEY) ?? {};
+  const openThread = () => {
+    const thread = readThread();
+    store?.set(LEAVE_A_MESSAGE_PERSIST_KEY, { ...thread, state: "flipped" });
+    notice = void 0;
+    const live = liveLeaveAMessageCards().values().next().value;
+    if (live) {
+      live.showThread();
+      return;
+    }
+    const template = findLeaveAMessageTemplate(uiTemplates);
+    if (!template || !inbox || !runtime2) {
+      console.warn(
+        `supportChat.inbox: cannot open the thread \u2014 uiTemplates declares no ${LEAVE_A_MESSAGE_WIDGET_ID} tile for this workspace`
+      );
+      return;
+    }
+    const props = {
+      slot: template.slot,
+      instance_id: SUPPORT_CHAT_INBOX_INSTANCE_ID,
+      widget: LEAVE_A_MESSAGE_WIDGET_ID,
+      props: { ...template.props, title: inbox.title, message: "", context_summary: "" }
+    };
+    localSlot = template.slot;
+    runtime2.events.publish(TILE_MOUNTED_EVENT, props);
+  };
+  const onMessage = (text) => {
+    const card = liveLeaveAMessageCards().values().next().value;
+    if (card) {
+      if (!card.isListening) card.receiveOperatorMessage(text);
+      return;
+    }
+    if (!inbox) {
+      console.warn(
+        `supportChat.inbox: a '${bridge.vendor}' team message arrived with no handoff card mounted and no supportChat.inbox authored \u2014 dropped`
+      );
+      return;
+    }
+    const thread = readThread();
+    store?.set(LEAVE_A_MESSAGE_PERSIST_KEY, {
+      ...thread,
+      state: thread.state === "flipped" ? "flipped" : "mail",
+      transcript: [...thread.transcript ?? [], { role: "operator", text }]
+    });
+    const canvas = findSmartCanvas();
+    notice?.dismiss();
+    notice = void 0;
+    const handle = canvas?.previewNotification?.({
+      title: inbox.toastTitle,
+      body: text,
+      persistent: true,
+      onTap: openThread
+    });
+    if (handle && typeof handle.dismiss === "function") notice = handle;
+  };
+  const readyUnsub = onSupportChatReady(bridge, () => {
+    replyUnsub = bridge.onOperatorReply(onMessage);
+  });
+  if (runtime2?.events.subscribe) {
+    mountUnsub = runtime2.events.subscribe({ names: [TILE_MOUNTED_EVENT] }, (e) => {
+      const p = e.props;
+      if (!localSlot || p?.widget !== LEAVE_A_MESSAGE_WIDGET_ID) return;
+      if (p.instance_id === SUPPORT_CHAT_INBOX_INSTANCE_ID) return;
+      const unmount = {
+        slot: localSlot,
+        instance_id: SUPPORT_CHAT_INBOX_INSTANCE_ID
+      };
+      localSlot = void 0;
+      runtime2.events.publish(TILE_UNMOUNTED_EVENT, unmount);
+    });
+    unmountUnsub = runtime2.events.subscribe({ names: [TILE_UNMOUNTED_EVENT] }, (e) => {
+      const p = e.props;
+      if (p?.instance_id === SUPPORT_CHAT_INBOX_INSTANCE_ID) localSlot = void 0;
+    });
+  }
+  const cleanup = () => {
+    readyUnsub();
+    replyUnsub?.();
+    replyUnsub = void 0;
+    mountUnsub?.();
+    mountUnsub = void 0;
+    unmountUnsub?.();
+    unmountUnsub = void 0;
+    notice?.dismiss();
+    notice = void 0;
+    if (_wired === cleanup) _wired = void 0;
+  };
+  _wired = cleanup;
+  return cleanup;
+}
+function isSupportChatInboxWired() {
+  return _wired !== void 0;
+}
+
+// src/AdaptiveChatBarMountable.ts
+var STATE_KEY = "__syntroChatBarMount";
+function getState(container) {
+  return container[STATE_KEY] ?? null;
+}
+function setState(container, state) {
+  container[STATE_KEY] = state;
+}
+function applyPlaceholder(bar, cfg2) {
+  if (cfg2.placeholder !== void 0) bar.placeholder = cfg2.placeholder;
+  if (cfg2.assistantName !== void 0) bar.assistantName = cfg2.assistantName;
+  if (cfg2.personas !== void 0) bar.personas = cfg2.personas;
+  if (cfg2.greeting !== void 0) bar.greeting = cfg2.greeting;
+  if (cfg2.voiceInput !== void 0) bar.voiceInput = cfg2.voiceInput;
+  bar.introSuggestion = cfg2.introSuggestion;
+  bar.forceExpanded = cfg2.forceExpanded === true;
+  if (typeof cfg2.maximized === "boolean") {
+    bar.maximized = cfg2.maximized;
+  }
+}
+var _elementStore = null;
+var _templateWidgetMap = /* @__PURE__ */ new Map();
+var SERVER_MOUNTED_TILE_WIDGETS = ["syntro-product-reco-carousel"];
+function resolveTileWidget(templateId) {
+  return _templateWidgetMap.get(templateId);
+}
+function refreshTemplateWidgetMap(uiTemplates) {
+  _templateWidgetMap.clear();
+  for (const tag of SERVER_MOUNTED_TILE_WIDGETS) {
+    _templateWidgetMap.set(tag, tag);
+  }
+  if (!uiTemplates) return;
+  const tiles = uiTemplates.tiles;
+  if (!Array.isArray(tiles)) return;
+  for (const t of tiles) {
+    const id = typeof t?.id === "string" ? t.id : null;
+    const widget = typeof t?.widget === "string" ? t.widget : null;
+    if (id && widget) _templateWidgetMap.set(id, widget);
+  }
+}
+function getOrCreateElementStore(runtime2) {
+  if (_elementStore) return _elementStore;
+  _elementStore = new ElementInstanceStore({
+    actions: runtime2.actions,
+    // Pass the runtime's event bus so ItemHandler can broadcast
+    // `element.compositional_append` / `_patch` / `_remove` events
+    // to container widgets (chips strip, FAQ accordion, nav tips).
+    events: {
+      publish: runtime2.events.publish.bind(runtime2.events),
+      subscribe: runtime2.events.subscribe?.bind(runtime2.events)
+    },
+    handlers: [new TileHandler(resolveTileWidget), new ActionHandler(), new ItemHandler()],
+    resolveTileWidget
+  });
+  setElementInstanceStore(_elementStore);
+  return _elementStore;
+}
+var _hydrationStarted = false;
+function hydrateOnce(runtime2, backendUrl) {
+  if (_hydrationStarted) return;
+  _hydrationStarted = true;
+  const store = getOrCreateElementStore(runtime2);
+  const trimmed = backendUrl.replace(/\/$/, "");
+  const endpoint = trimmed ? `${trimmed}/api/adaptive/mounted_elements` : "/api/adaptive/mounted_elements";
+  fetchMountedElements({ endpoint, token: runtime2.token }).then((response) => {
+    if (!response) return;
+    void store.hydrate(response.mounted_elements);
+  });
+}
+var PAGE_LEVEL_KINDS = /* @__PURE__ */ new Set(["view", "scroll", "idle", "hesitation", "hover", "nav"]);
+function buildObserverEnrich(runtimeRef) {
+  return (ev, raw) => {
+    const extract = runtimeRef.getProductIdentity;
+    if (typeof extract !== "function") return ev;
+    if (ev.kind === "click") {
+      const chain = raw.properties.$elements;
+      if (!Array.isArray(chain)) return ev;
+      const id = extract(chain);
+      if (!id) return ev;
+      return {
+        ...ev,
+        product: {
+          handle: id.productHandle,
+          url: id.productUrl,
+          ...id.productTitle ? { title: id.productTitle } : {}
+        }
+      };
+    }
+    if (!ev.product && PAGE_LEVEL_KINDS.has(ev.kind) && typeof location !== "undefined") {
+      const id = extract([{ href: location.pathname }]);
+      if (!id) return ev;
+      return {
+        ...ev,
+        product: {
+          handle: id.productHandle,
+          url: id.productUrl,
+          ...id.productTitle ? { title: id.productTitle } : {}
+        }
+      };
+    }
+    return ev;
+  };
+}
+var _nudgeSurfaceWired = false;
+var _nudgeListener = null;
+function wireNudgeSurface(runtime2, backendUrl) {
+  if (_nudgeSurfaceWired || typeof document === "undefined") return;
+  _nudgeSurfaceWired = true;
+  _nudgeListener = (e) => {
+    try {
+      const detail = e.detail;
+      const isIntent = detail?.phase === "intent";
+      if (!isIntent) {
+        const store = getOrCreateElementStore(runtime2);
+        const trimmed = backendUrl.replace(/\/$/, "");
+        const endpoint = trimmed ? `${trimmed}/api/adaptive/mounted_elements` : "/api/adaptive/mounted_elements";
+        void fetchMountedElements({ endpoint, token: runtime2.token }).then((response) => {
+          if (!response) return;
+          void store.hydrate(response.mounted_elements);
+        });
+      }
+      if (detail?.suppressToast === true) return;
+      const canvas = findSmartCanvas();
+      const messageId = e.detail?.messageId;
+      const nudgeText = messageId ? (chatSession.getState().messages.find((m) => m.id === messageId)?.text ?? "").trim() : "";
+      const title = nudgeText ? nudgeText.length > 140 ? `${nudgeText.slice(0, 137)}\u2026` : nudgeText : "I put something together for you";
+      canvas?.previewNotification?.({
+        title,
+        body: "Tap to take a look"
+      });
+    } catch (err) {
+      console.warn("[adaptive-chatbot] nudge surface reaction failed", err);
+    }
+  };
+  document.addEventListener("syntro:nudge", _nudgeListener);
+}
+function configureTransportIfPossible(cfg2) {
+  if (!cfg2.runtime) return;
+  const backendUrl = cfg2.runtime.backendUrl;
+  if (!backendUrl) return;
+  const elementsActive = cfg2.elementsEnabled === true && cfg2.uiTemplates != null;
+  refreshTemplateWidgetMap(elementsActive ? cfg2.uiTemplates : void 0);
+  const forwardedProps = elementsActive ? { elementsEnabled: true, uiTemplates: cfg2.uiTemplates } : void 0;
+  if (elementsActive) publishTemplatesIfPossible(backendUrl, cfg2.uiTemplates, cfg2.runtime?.token);
+  const runtime2 = cfg2.runtime;
+  const onElementMutation = elementsActive ? (mutations) => {
+    void getOrCreateElementStore(runtime2).apply(mutations);
+  } : void 0;
+  if (elementsActive) {
+    hydrateOnce(runtime2, backendUrl);
+  }
+  const persona = pickPersona(cfg2.personas ?? null);
+  chatTransport.configure({
+    ...cfg2,
+    backendUrl,
+    forwardedProps,
+    onElementMutation,
+    activeLidSlot: cfg2._syntroSlotName,
+    personaId: persona?.id,
+    personaName: persona?.name,
+    personaRole: persona?.role_title
+  });
+  void chatTransport.startSessionStream();
+  wireNudgeSurface(runtime2, backendUrl);
+  startObserverIfPossible(cfg2);
+}
+var _templatesPublished = false;
+function publishTemplatesIfPossible(backendUrl, uiTemplates, token) {
+  if (_templatesPublished || typeof window === "undefined") return;
+  if (!uiTemplates || typeof uiTemplates !== "object") return;
+  _templatesPublished = true;
+  const headers2 = { "Content-Type": "application/json" };
+  if (token) headers2.Authorization = `Bearer ${token}`;
+  const editorToken = readEditorToken();
+  if (editorToken) headers2["X-Syntro-Editor-Token"] = editorToken;
+  const trimmed = backendUrl.replace(/\/$/, "");
+  void fetch(`${trimmed}/api/adaptive/templates`, {
+    method: "POST",
+    headers: headers2,
+    credentials: "include",
+    body: JSON.stringify({ ui_templates: uiTemplates })
+  }).catch(() => {
+  });
+}
+var _diveDeeperWired = false;
+function wireDiveDeeperListener() {
+  if (_diveDeeperWired || typeof window === "undefined") return;
+  _diveDeeperWired = true;
+  window.addEventListener(DIVE_DEEPER_EVENT, (e) => {
+    const detail = e.detail ?? {};
+    const prompt = typeof detail.prompt === "string" && detail.prompt.trim() ? detail.prompt : detail.title ? "I'd like to dive deeper on this, I didn't see what I needed." : "";
+    if (!prompt) return;
+    const origin = { kind: "dive-deeper" };
+    if (detail.title) origin.title = detail.title;
+    if (detail.context) origin.context = detail.context;
+    chatSession.send(prompt, { forwardedProps: { origin }, via: "dive_deeper" });
+    if (!chatSession.hasTransport()) {
+      chatSession.error("Chat backend not configured \u2014 set backendUrl in the canvas config.");
+    }
+  });
+}
+var _observerStarted = false;
+var _observerRuntime = null;
+var _observerHandle = null;
+var _observerBusUnsubscribe = null;
+function startObserverIfPossible(cfg2) {
+  if (typeof window === "undefined") return;
+  const runtimeRef = cfg2.runtime;
+  if (!runtimeRef?.events?.subscribe) return;
+  if (_observerStarted && _observerRuntime === runtimeRef) return;
+  if (_observerStarted) {
+    _observerBusUnsubscribe?.();
+    _observerHandle?.stop();
+    _observerBusUnsubscribe = null;
+    _observerHandle = null;
+    _observerStarted = false;
+  }
+  const trimmed = (runtimeRef.backendUrl ?? "").replace(/\/$/, "");
+  const url = trimmed ? `${trimmed}/api/adaptive/observation` : "/api/adaptive/observation";
+  const runtimeId = (method) => {
+    try {
+      const v = runtimeRef.telemetry?.[method]?.();
+      return typeof v === "string" && v.length > 0 ? v : null;
+    } catch {
+      return null;
+    }
+  };
+  const getDistinctId = () => runtimeId("getDistinctId");
+  const getSessionId = () => runtimeId("getSessionId");
+  const token = () => {
+    const t = runtimeRef.token;
+    return typeof t === "string" ? t : "";
+  };
+  const enrich = buildObserverEnrich(runtimeRef);
+  const handle = startObserver({ url, token, getDistinctId, getSessionId, enrich });
+  window.__syntroObserverStats = () => handle.stats();
+  const unsubscribe = runtimeRef.events.subscribe({}, (evt) => {
+    const raw = busEventToRawEvent(evt);
+    if (raw) handle.ingest(raw);
+  });
+  _observerRuntime = runtimeRef;
+  _observerHandle = handle;
+  _observerBusUnsubscribe = unsubscribe;
+  _observerStarted = true;
+}
+function wireListeners(bar, state) {
+  const onMessageSent = (e) => {
+    const { text, via } = e.detail;
+    chatSession.send(text, { activeLidSlot: state.cfg._syntroSlotName, via });
+    if (!chatSession.hasTransport()) {
+      chatSession.error("Chat backend not configured \u2014 set backendUrl in the canvas config.");
+    }
+  };
+  const onInterrupt = () => {
+    chatSession.interrupt();
+  };
+  const onToolCallApproved = (e) => {
+    const detail = e.detail;
+    chatSession.resolveToolCall(detail.toolCallId, {}, detail.approved);
+  };
+  const onClose = () => {
+    state.cfg.onClose?.();
+  };
+  bar.addEventListener("chat-message-sent", onMessageSent);
+  bar.addEventListener("chat-interrupt", onInterrupt);
+  bar.addEventListener("canvas-close", onClose);
+  bar.addEventListener("trail-toolcall-approved", onToolCallApproved);
+  return () => {
+    bar.removeEventListener("chat-message-sent", onMessageSent);
+    bar.removeEventListener("chat-interrupt", onInterrupt);
+    bar.removeEventListener("canvas-close", onClose);
+    bar.removeEventListener("trail-toolcall-approved", onToolCallApproved);
+  };
+}
+var AdaptiveChatBarMountable = {
+  mount(container, mountConfig) {
+    const cfg2 = mountConfig ?? {};
+    configureTransportIfPossible(cfg2);
+    const bridge = bootSupportChat(cfg2.supportChat);
+    if (bridge && !isSupportChatInboxWired()) {
+      wireSupportChatInbox({
+        bridge,
+        inbox: cfg2.supportChat?.inbox,
+        runtime: cfg2.runtime,
+        uiTemplates: cfg2.uiTemplates
+      });
+    }
+    wireDiveDeeperListener();
+    const bar = document.createElement("adaptive-chat-bar");
+    applyPlaceholder(bar, cfg2);
+    const widgets = cfg2.runtime?.widgets;
+    if (widgets) {
+      bar.mountInlineWidget = (widgetId, container2, props) => {
+        if (!widgets.has(widgetId)) return null;
+        const handle = widgets.mount(widgetId, container2, props);
+        const element = container2.firstElementChild;
+        if (!element) {
+          handle.unmount?.();
+          return null;
+        }
+        return { element, cleanup: () => handle.unmount?.() };
+      };
+    }
+    const unsubSession = chatSession.subscribe((s) => {
+      bar.messages = [...s.messages];
+      bar.inFlight = s.inFlight;
+      bar.turn = s.turn;
+      bar.thinkingText = s.thinkingText;
+    });
+    const runtimeEvents = cfg2.runtime ? cfg2.runtime.events : void 0;
+    const refreshReceipts = () => {
+      const store = _elementStore;
+      if (store) {
+        bar.tileReceipts = store.listTileReceipts();
+        bar.inlineWidgets = store.listInlineWidgets();
+      }
+    };
+    let unsubReceipts;
+    if (runtimeEvents?.subscribe) {
+      unsubReceipts = runtimeEvents.subscribe(
+        { names: [TILE_MOUNTED_EVENT, TILE_UNMOUNTED_EVENT] },
+        refreshReceipts
+      );
+    }
+    refreshReceipts();
+    const state = { bar, cleanup: () => {
+    }, cfg: cfg2 };
+    const unwireListeners = wireListeners(bar, state);
+    container.appendChild(bar);
+    const unsubFallback = chatTransport.onFallback(() => {
+      bar.remove();
+      container.innerHTML = renderFallbackHtml(state.cfg.fallback);
+    });
+    state.cleanup = () => {
+      unsubSession();
+      unsubFallback();
+      unsubReceipts?.();
+      unwireListeners();
+      bar.remove();
+      setState(container, null);
+    };
+    setState(container, state);
+    return state.cleanup;
+  },
+  update(container, mountConfig) {
+    const state = getState(container);
+    if (!state) return;
+    const cfg2 = mountConfig ?? {};
+    configureTransportIfPossible(cfg2);
+    applyPlaceholder(state.bar, cfg2);
+    state.cfg = cfg2;
+  }
+};
+
+// src/AdaptiveChipsStripMountable.ts
+var STATE_KEY2 = "__syntroChipsStripMount";
+function getState2(container) {
+  return container[STATE_KEY2] ?? null;
+}
+function setState2(container, state) {
+  container[STATE_KEY2] = state;
+}
+function applyProps(strip, cfg2) {
+  if (cfg2.chips !== void 0) strip.chips = cfg2.chips;
+  if (cfg2.runtime !== void 0) {
+    strip.runtimeRef = cfg2.runtime;
+  }
+  if (cfg2.chromeless !== void 0) strip.chromeless = cfg2.chromeless;
+}
+var AdaptiveChipsStripMountable = {
+  mount(container, mountConfig) {
+    const cfg2 = mountConfig ?? {};
+    const strip = document.createElement("adaptive-chips-strip");
+    applyProps(strip, cfg2);
+    const state = {
+      strip,
+      listeners: {
+        revealed: (e) => {
+          const cb = cfg2.onChipRevealed;
+          if (cb) {
+            cb(
+              e.detail
+            );
+          }
+        },
+        dismissed: (e) => {
+          const cb = cfg2.onChipDismissed;
+          if (cb) cb(e.detail);
+        }
+      }
+    };
+    strip.addEventListener("chip-revealed", state.listeners.revealed);
+    strip.addEventListener("chip-dismissed", state.listeners.dismissed);
+    container.appendChild(strip);
+    setState2(container, state);
+    return () => {
+      strip.removeEventListener("chip-revealed", state.listeners.revealed);
+      strip.removeEventListener("chip-dismissed", state.listeners.dismissed);
+      strip.remove();
+      setState2(container, null);
+    };
+  },
+  update(container, mountConfig) {
+    const state = getState2(container);
+    if (!state) return;
+    const cfg2 = mountConfig ?? {};
+    applyProps(state.strip, cfg2);
+    state.strip.removeEventListener("chip-revealed", state.listeners.revealed);
+    state.strip.removeEventListener("chip-dismissed", state.listeners.dismissed);
+    state.listeners.revealed = (e) => {
+      const cb = cfg2.onChipRevealed;
+      if (cb) {
+        cb(e.detail);
+      }
+    };
+    state.listeners.dismissed = (e) => {
+      const cb = cfg2.onChipDismissed;
+      if (cb) cb(e.detail);
+    };
+    state.strip.addEventListener("chip-revealed", state.listeners.revealed);
+    state.strip.addEventListener("chip-dismissed", state.listeners.dismissed);
+  }
+};
+
 // src/NavLinkMountable.ts
 var STATE_KEY3 = "__syntroNavLinkMount";
 var SAFE_NAVIGATION_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);