@syntrologie/adapt-chatbot 2.52.0 → 2.54.0

package/dist/runtime.js

@@ -1334,6 +1334,24 @@ var ChatTransport = class {
 };
 var chatTransport = new ChatTransport();
 
+// 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;
 var SIGNIFICANT_CLICK_TAGS = /* @__PURE__ */ new Set(["button", "a"]);
@@ -2031,7 +2049,7 @@ async function pollOnce(cb, isActive) {
     const qs = new URLSearchParams({
       conversationId: id.conversationId,
       locationId: id.locationId,
-      lastMessageId: id.lastMessageId ?? "",
+      lastMessageId: "",
       pageLimit: String(LC_PAGE_LIMIT)
     });
     try {
@@ -2051,14 +2069,15 @@ async function pollOnce(cb, isActive) {
       const j = await r.json();
       if (!isActive()) return;
       const messages = j.messages ?? [];
-      for (const m of messages) {
+      const seenIdx = id.lastSeenMessageId ? messages.findIndex((m) => m.id === id.lastSeenMessageId) : -1;
+      const fresh = seenIdx === -1 ? messages : messages.slice(0, seenIdx);
+      for (const m of [...fresh].reverse()) {
         if (m.direction === "outbound" && typeof m.body === "string") cb(m.body);
       }
-      const lastMessage = messages[messages.length - 1];
-      const nextLastMessageId = typeof j.lastMessageId === "string" && j.lastMessageId ? j.lastMessageId : typeof lastMessage?.id === "string" && lastMessage.id ? lastMessage.id : void 0;
-      if (nextLastMessageId) {
+      const newestId = messages[0]?.id;
+      if (typeof newestId === "string" && newestId) {
         const current = load();
-        save({ ...id, ...current, lastMessageId: nextLastMessageId });
+        save({ ...id, ...current, lastSeenMessageId: newestId });
       }
       pollWarned = false;
     } catch (err) {
@@ -2112,6 +2131,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();
@@ -2126,442 +2186,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";
@@ -2706,8 +2353,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() {
@@ -2740,6 +2393,21 @@ var LeaveAMessageLit = class extends LitElement {
      *  'flipped' branch). Seeded with the visitor's own compose-step message
      *  in `_submitMessage`. */
     this._transcript = [];
+    /**
+     * Tap on the reply announcement: open the thread and ask the canvas to
+     * bring this tile to the front. `tile-recall` is the same composed event
+     * AdaptiveChatBar already raises for its own recalls — velvet cycles the
+     * deck to the card and un-maximizes the chat; the host opens the canvas
+     * if it was closed.
+     */
+    this._recall = () => {
+      this._flip();
+      const instanceId = this._instanceId();
+      if (!instanceId) return;
+      this.dispatchEvent(
+        new CustomEvent("tile-recall", { bubbles: true, composed: true, detail: { instanceId } })
+      );
+    };
     /** Paint our own focus ring from the theme. The border now lives on the
      *  field SHELL (`data-lam-field-wrap`), not the borderless inner
      *  textarea/input, so the ring targets that ancestor via `closest()`. */
@@ -2756,10 +2424,10 @@ var LeaveAMessageLit = class extends LitElement {
     };
     this._onReply = (text) => {
       this._transcript = [...this._transcript, { role: "operator", text }];
+      const reading = this.state === "flipped" && this._isOnScreen();
       if (this.state !== "flipped") {
         this.state = "mail";
         this.runtime?.events.publish("supportchat:reply_received", { text });
-        this._toastReplyArrived();
         this.dispatchEvent(
           new CustomEvent("syntro:supportchat-reply", {
             bubbles: true,
@@ -2768,6 +2436,7 @@ var LeaveAMessageLit = class extends LitElement {
           })
         );
       }
+      if (!reading) this._announceReply();
       this._persist();
       this.requestUpdate();
     };
@@ -2811,6 +2480,8 @@ var LeaveAMessageLit = class extends LitElement {
     this._flip = () => {
       this.state = "flipped";
       this._touched = false;
+      this._noticeHandle?.dismiss();
+      this._noticeHandle = void 0;
       this._persist();
     };
     this._sendReply = () => {
@@ -2859,6 +2530,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) {
@@ -2867,13 +2542,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() {
@@ -2897,30 +2595,67 @@ var LeaveAMessageLit = class extends LitElement {
     store.set(PERSIST_KEY, snapshot);
   }
   /**
-   * Raise the reply toast through the canvas element. Pierces shadow roots to
+   * Is the visitor LOOKING at this card right now? True only when the card
+   * has a laid-out box inside the viewport, the document is visible, and a
+   * hit-test at the card's center lands on the card itself — so a deck card
+   * stacked behind another, a card under a maximized chat, or a closed
+   * canvas all read as "not on screen". The hit-test descends through open
+   * shadow roots (`document.elementFromPoint` stops at the outermost host).
+   * Canvas-agnostic on purpose: the card never asks a canvas which tile is
+   * front. Anything this can't evaluate (jsdom, no layout) is "not on
+   * screen": when unsure, announce — a missed reply costs more than an
+   * extra toast.
+   */
+  _isOnScreen() {
+    if (typeof document === "undefined" || typeof window === "undefined") return false;
+    if (document.visibilityState !== "visible") return false;
+    const r = this.getBoundingClientRect();
+    if (r.width <= 0 || r.height <= 0) return false;
+    const cx = r.left + r.width / 2;
+    const cy = r.top + r.height / 2;
+    if (cx < 0 || cy < 0 || cx > window.innerWidth || cy > window.innerHeight) return false;
+    if (typeof document.elementFromPoint !== "function") return false;
+    let hit = document.elementFromPoint(cx, cy);
+    while (hit?.shadowRoot && typeof hit.shadowRoot.elementFromPoint === "function") {
+      const inner = hit.shadowRoot.elementFromPoint(cx, cy);
+      if (!inner || inner === hit) break;
+      hit = inner;
+    }
+    let node = hit;
+    while (node) {
+      if (node === this) return true;
+      node = node.parentNode ?? node.host ?? null;
+    }
+    return false;
+  }
+  /** The tile id sc-mount stamps on every widget's container, so the card can
+   *  name itself to the canvas when the visitor taps its announcement. */
+  _instanceId() {
+    return this.closest("[data-tile-id]")?.getAttribute("data-tile-id") ?? void 0;
+  }
+  /**
+   * Announce a reply through the canvas element. Pierces shadow roots to
    * find `<smart-canvas>` (same resolution AdaptiveChatBarMountable uses), and
    * no-ops when no canvas is present — the tile's own "You got mail!" face is
-   * always the durable signal.
+   * always the durable signal. The announcement is PERSISTENT: a human's
+   * reply is the one thing the visitor was waiting on, so it stays until
+   * tapped or until the visitor opens the thread themselves (`_flip`).
    */
-  _toastReplyArrived() {
+  _announceReply() {
     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);
-      canvas?.previewNotification?.({ title, body: this.replyToast?.body });
+      const canvas = findSmartCanvas();
+      this._noticeHandle?.dismiss();
+      this._noticeHandle = void 0;
+      const handle = canvas?.previewNotification?.({
+        title,
+        body: this.replyToast?.body,
+        persistent: true,
+        onTap: this._recall
+      });
+      if (handle && typeof handle.dismiss === "function") this._noticeHandle = handle;
     } catch (err) {
       console.warn("supportChat.widget: reply toast failed", err);
     }
@@ -3109,6 +2844,544 @@ 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 } });
+    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);
+    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.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:"]);