@helpai/elements 0.24.0 → 0.26.0

package/web-component.mjs

@@ -19,7 +19,12 @@ var BRAND = {
   // and @goai builds.
   tagName: true ? "web-ai-chat" : "web-ai-chat",
   cssPrefix: true ? "helpai" : "helpai",
-  defaultBaseUrl: true ? "https://help.ai/api" : "",
+  /**
+   * MAIN site origin (e.g. `https://help.ai`) — module bases derive from it:
+   * agent API at `${defaultBaseUrl}/api/agent`, data API at
+   * `${defaultBaseUrl}/api/data`.
+   */
+  defaultBaseUrl: true ? "https://help.ai" : "",
   standaloneUrl: true ? "https://help.ai/chat" : "",
   /** Public-facing brand label, e.g. "Help AI" / "Go AI". */
   displayName: true ? "Help AI" : "Help AI",
@@ -457,13 +462,12 @@ var DEFAULT_FEATURES = {
 var DEFAULT_FORMS = { list: [], byTrigger: {} };
 var DEFAULT_TRACKING = {
   enabled: false,
-  endpoint: `https://t.${BRAND.domain}/api/ai-elements/px.gif`,
   sampleRate: 1
 };
 var DEFAULT_ENDPOINTS = {
-  upload: "/ai/agent/upload-file",
-  transcribe: "/ai/agent/transcribe-audio",
-  submitForm: "/ai/agent/submit-form"
+  upload: "/ai-agent/upload-file",
+  transcribe: "/ai-agent/transcribe-audio",
+  submitForm: "/submit-form"
 };
 var DEFAULT_LAUNCHER = {
   variant: "circle",
@@ -505,11 +509,16 @@ function resolveOptions(rawOpts) {
   const mode = presentation.mode ?? "floating";
   const locale = i18n.locale ?? resolveDefaultLocale(i18n.defaultLocale);
   const availableLocales = i18n.availableLocales ?? [locale];
+  const baseUrl = (opts.baseUrl ?? BRAND.defaultBaseUrl).replace(/\/$/, "");
+  const agentBaseUrl = (opts.agentBaseUrl ?? `${baseUrl}/api/agent`).replace(/\/$/, "");
+  const dataBaseUrl = (opts.dataBaseUrl ?? `${baseUrl}/api/data`).replace(/\/$/, "");
   return {
     widgetId: opts.widgetId ?? "default",
     publicKey: opts.publicKey,
     aiAgentDeploymentId: opts.aiAgentDeploymentId,
-    baseUrl: (opts.baseUrl ?? BRAND.defaultBaseUrl).replace(/\/$/, ""),
+    baseUrl,
+    agentBaseUrl,
+    dataBaseUrl,
     userContext: sanitizeUserContext(opts.userContext),
     pageContext: sanitizePageContext(opts.pageContext),
     position: presentation.position ?? "bottom-right",
@@ -554,7 +563,7 @@ function resolveOptions(rawOpts) {
     poweredBy: resolvePoweredBy(footer.poweredBy),
     composer: resolveComposer(opts.composer),
     modules: resolveModules(opts.modules),
-    tracking: resolveTracking(opts.tracking),
+    tracking: resolveTracking(opts.tracking, dataBaseUrl),
     storage: opts.storage ?? defaultStorage,
     onMessage: opts.onMessage,
     onOpen: opts.onOpen,
@@ -587,11 +596,13 @@ function resolveHaptics(overrides) {
     events: overrides?.events
   };
 }
-function resolveTracking(overrides) {
+function resolveTracking(overrides, dataBaseUrl) {
   const sampleRate = overrides?.sampleRate ?? DEFAULT_TRACKING.sampleRate;
   return {
     enabled: overrides?.enabled ?? DEFAULT_TRACKING.enabled,
-    endpoint: overrides?.endpoint ?? DEFAULT_TRACKING.endpoint,
+    // The collector rides the data module — `${dataBaseUrl}/elements/px.gif`
+    // (e.g. `https://help.ai/api/data/elements/px.gif`).
+    endpoint: overrides?.endpoint ?? `${dataBaseUrl}/elements/px.gif`,
     // Clamp instead of reject — a malformed rate must never turn a
     // disabled tracker on or crash resolve (no Zod on the IIFE path).
     sampleRate: Math.min(1, Math.max(0, Number.isFinite(sampleRate) ? sampleRate : 1)),
@@ -760,7 +771,7 @@ function mergeServerConfig(user, server) {
     out[key] = mergeLeaves(sv, uv);
   }
   if (server.modules !== void 0 && user.modules === void 0) out.modules = server.modules;
-  if (server.forms !== void 0 && user.forms === void 0) out.forms = server.forms;
+  if (server.dataBaseUrl !== void 0 && user.dataBaseUrl === void 0) out.dataBaseUrl = server.dataBaseUrl;
   const userI18n = user.i18n;
   const serverI18n = server.i18n;
   if (userI18n || serverI18n) {
@@ -820,6 +831,8 @@ var EMBED_SCALAR_ATTRS = [
   ["public-key", "publicKey"],
   ["ai-agent-deployment-id", "aiAgentDeploymentId"],
   ["base-url", "baseUrl"],
+  ["agent-base-url", "agentBaseUrl"],
+  ["data-base-url", "dataBaseUrl"],
   ["theme", "theme", (v) => v]
 ];
 var PRESENTATION_ATTRS = [
@@ -967,7 +980,7 @@ function parseLauncher(get, str2) {
   return Object.keys(base).length > 0 ? base : null;
 }
 
-// src/core/start-conversation-shape.ts
+// src/core/handshake-shape.ts
 function isPlainObject(raw) {
   return !!raw && typeof raw === "object" && !Array.isArray(raw);
 }
@@ -1295,46 +1308,63 @@ function parseWireDate(value) {
 }
 var DEFAULT_PATHS = {
   /** Conversation bootstrap. `POST` → deployment config + per-visitor state. */
-  startConversation: "/ai/agent/start-conversation",
+  handshake: "/ai-agent/handshake",
   /** Send a message + stream the reply (SSE). `POST`. */
-  streamMessage: "/ai/agent/stream-message",
+  streamMessage: "/ai-agent/stream-message",
   /**
    * Resume an interrupted reply. `GET` (envelope rides as query params).
    * Stateless: the server re-streams the whole reply SSE again from the start —
    * there is NO `Last-Event-ID`. The client reconciles by id (`seenIds`), so
    * replayed events are skipped and only the continuation surfaces.
    */
-  streamResume: "/ai/agent/stream-resume",
+  streamResume: "/ai-agent/stream-resume",
   /** Abort the in-flight reply stream. `POST`. */
-  cancelStream: "/ai/agent/cancel-stream",
+  cancelStream: "/ai-agent/cancel-stream",
   /** List the visitor's conversations. `GET`. */
-  listConversations: "/ai/agent/list-conversations",
-  /** Load one conversation's messages. `GET ?conversationId=…`. */
-  listMessages: "/ai/agent/list-messages",
+  listConversations: "/ai-agent/list-conversations",
+  /** Load one conversation's thread (messages + canContinue + suggestions). `GET ?conversationId=…`. */
+  listMessages: "/ai-agent/list-messages",
   /**
    * Persist a user-driven settings change. POST `{ visitorId, userPrefs }` →
    * server persists, returns the merged authoritative copy. Fire-and-forget on
    * the client — a failure leaves the local cache valid; the next
-   * `startConversation()` reconciles.
+   * `handshake()` reconciles.
    */
-  updateSettings: "/ai/agent/update-settings",
+  updateSettings: "/ai-agent/update-settings",
   /**
    * Mark a conversation read. POST `{ visitorId, conversationId }` → the server
    * records `lastReadAt = now` for that (visitor, conversation) and recomputes
    * `unreadCount` (returned on `/list-conversations`) accordingly. Fire-and-forget
    * on the client; a failure just leaves the badge until the next sync.
    */
-  markRead: "/ai/agent/mark-read",
-  // ── CMS content (unified — Home / Help / News / docs) ─────────────
-  /** All widget content via one filtered endpoint. `GET /ai/agent/content?tags=…`. */
-  content: "/ai/agent/content",
+  markRead: "/ai-agent/mark-read",
+  // ── Data API (module-help-ai-data-api, via `dataBaseUrl`) ─────────
+  /** All widget content via one filtered endpoint. `GET /content?tags=…`. */
+  content: "/content",
+  /**
+   * Resolved form definitions for the deployment. `GET /forms` →
+   * `{ forms: FormDef[] }`. Fetched once at boot (in parallel with
+   * handshake); form gating waits for it. A failure is treated as
+   * "no forms" (non-fatal).
+   */
+  forms: "/forms",
   /**
    * Form submission (the event-driven forms engine). POST `{ visitorId,
    * conversationId, formId, trigger, values, skipped? }` → record the form's answers
    * immediately, keyed by the same `visitorId` + `conversationId` the chat uses.
    * Overridable via `endpoints.submitForm`. Fire-and-forget; 404 is ignored.
    */
-  submitForm: "/ai/agent/submit-form"
+  submitForm: "/submit-form",
+  /**
+   * Visitor interaction records for a conversation. `GET
+   * /activity?visitorId=…&conversationId=…` →
+   * `{ formSubmissions: FormSubmissionRecord[] }` (chronological). Replaces
+   * the former `formSubmissions` echo on the handshake / list-messages;
+   * deliberately generic — future visitor interaction records ride the same
+   * endpoint. A failure (e.g. 404 `AI_AGENT_PUBLIC_ACCESS_NOT_FOUND` when the
+   * deployment doesn't resolve) is treated as "no records" (non-fatal).
+   */
+  activity: "/activity"
 };
 var CONTEXT_PARAM = "context";
 function buildSendMessageRequest(params) {
@@ -1435,7 +1465,7 @@ function sleep(ms, signal7) {
 var AgentTransport = class {
   constructor(opts) {
     __publicField(this, "opts", opts);
-    // Identity adopted from the start-conversation response; rides the request envelope
+    // Identity adopted from the handshake response; rides the request envelope
     // (see `envelope()`) on every subsequent call so the backend can validate the
     // (visitor, conversation) pair.
     __publicField(this, "visitorId");
@@ -1458,9 +1488,9 @@ var AgentTransport = class {
   }
   /**
    * Seed the visitor + conversation identity from persistence BEFORE the first
-   * `startConversation` resolves. A mount-time `resumeStream()` runs in parallel
-   * with `startConversation`, so without this its envelope would carry no
-   * `conversationId` and the resume GET couldn't identify the thread. `startConversation`
+   * `handshake` resolves. A mount-time `resumeStream()` runs in parallel
+   * with `handshake`, so without this its envelope would carry no
+   * `conversationId` and the resume GET couldn't identify the thread. `handshake`
    * later overwrites these with the server's authoritative ids (rebind-safe).
    */
   primeIdentity(visitorId, conversationId) {
@@ -1477,7 +1507,7 @@ var AgentTransport = class {
     return out;
   }
   /** Merge the envelope into a JSON body (POSTs). Explicit body fields win — e.g.
-   * start-conversation's client-proposed ids, or a mark-read target conversation that
+   * handshake's client-proposed ids, or a mark-read target conversation that
    * differs from the active one. */
   withEnvelope(body) {
     return { ...this.envelope(), ...body };
@@ -1498,28 +1528,22 @@ var AgentTransport = class {
     return url.toString();
   }
   /** One-shot runtime bootstrap. Called once after the widget mounts. */
-  async startConversation(body) {
-    log4.debug("startConversation \u2192", {
+  async handshake(body) {
+    log4.debug("handshake \u2192", {
       visitorId: body.visitorId,
       conversationId: body.conversationId,
       locale: body.locale
     });
-    const res = await this.postJson(
-      DEFAULT_PATHS.startConversation,
-      body,
-      "startConversation"
-    );
-    log4.debug("startConversation \u2190", {
+    const res = await this.postJson(DEFAULT_PATHS.handshake, body, "handshake");
+    log4.debug("handshake \u2190", {
       visitorId: res.visitorId,
       conversationId: res.conversationId,
-      canContinue: res.canContinue,
-      hasMessages: !!res.messages?.length,
       hasWelcome: !!res.welcome,
       hasConfig: !!res.config,
       rebind: res.rebind
     });
-    if (!isStartConversationResponseShape(res)) {
-      log4.warn("startConversation response did not match expected shape; using raw response", { response: res });
+    if (!isHandshakeResponseShape(res)) {
+      log4.warn("handshake response did not match expected shape; using raw response", { response: res });
     }
     this.visitorId = res.visitorId ?? body.visitorId;
     this.conversationId = res.conversationId;
@@ -1607,14 +1631,17 @@ var AgentTransport = class {
       log4.debug("markRead failed (non-fatal)", { err });
     }
   }
-  // ---- CMS content (unified) --------------------------------------------
+  // ---- Data API (content / forms — module-help-ai-data-api) --------------
   //
-  // One endpoint for every content surface (Home / Help / News / docs).
-  // Callers pass filters; a thrown StreamError (e.g. 404 on an older backend)
-  // is treated as "no content" by the module and the tab degrades gracefully.
-  /** Fetch content rows by filter. `GET /ai/agent/content`. */
+  // The DATA surfaces live on `dataBaseUrl` (default `${baseUrl}/api/data`)
+  // with ROOT-level paths — same auth headers + envelope, same retry
+  // behavior. One endpoint for every content surface (Home / Help / News /
+  // docs); callers pass filters; a thrown StreamError (e.g. 404 on an older
+  // backend) is treated as "no content" by the module and the tab degrades
+  // gracefully.
+  /** Fetch content rows by filter. `GET /content` (data-API). */
   async listContent(query = {}) {
-    const url = new URL(this.url(DEFAULT_PATHS.content));
+    const url = new URL(this.dataUrl(DEFAULT_PATHS.content));
     for (const [key, value] of Object.entries(query)) {
       if (value === void 0) continue;
       url.searchParams.set(key, Array.isArray(value) ? value.join(",") : String(value));
@@ -1625,6 +1652,40 @@ var AgentTransport = class {
     log4.debug("listContent \u2190", { count: items.length, total: res.pagination?.total });
     return { ...res, items };
   }
+  /**
+   * Fetch the deployment's resolved form definitions. `GET /forms`
+   * (data-API). Replaces the former `config.forms` push on the handshake —
+   * called once at boot, in parallel with `handshake`; form gating
+   * (pre-chat etc.) waits for it. Callers treat a thrown StreamError as
+   * "no forms" (non-fatal).
+   */
+  async listForms() {
+    log4.debug("listForms \u2192");
+    const res = await this.getJson(this.dataUrl(DEFAULT_PATHS.forms), "listForms");
+    const forms = res.forms ?? [];
+    log4.debug("listForms \u2190", { count: forms.length });
+    return { forms };
+  }
+  /**
+   * Fetch the visitor's recorded activity for a conversation — currently the
+   * form submissions that rebuild the collapsed "form submitted / skipped"
+   * timeline markers on resume. `GET /activity` (data-API); the
+   * envelope carries `visitorId` / `conversationId` as query params.
+   * `conversationId` here is an optional resource selector (a thread that may
+   * differ from the active conversation — the history-pane switch); when
+   * omitted, the envelope's active conversation applies. Callers treat a
+   * thrown StreamError (e.g. 404 on a deployment that doesn't resolve) as
+   * "no activity" (non-fatal).
+   */
+  async getActivity(conversationId) {
+    const url = new URL(this.dataUrl(DEFAULT_PATHS.activity));
+    if (conversationId) url.searchParams.set("conversationId", conversationId);
+    log4.debug("getActivity \u2192", { conversationId: conversationId ?? this.conversationId });
+    const res = await this.getJson(url.toString(), "getActivity");
+    const formSubmissions = res.formSubmissions ?? [];
+    log4.debug("getActivity \u2190", { count: formSubmissions.length });
+    return { formSubmissions };
+  }
   async saveUserPrefs(userPrefs) {
     log4.debug("saveUserPrefs \u2192", {
       visitorId: this.visitorId,
@@ -1636,17 +1697,18 @@ var AgentTransport = class {
     return res;
   }
   get uploadPath() {
-    return this.opts.endpoints?.upload ?? "/ai/agent/upload-file";
+    return this.opts.endpoints?.upload ?? "/ai-agent/upload-file";
   }
   get transcribePath() {
-    return this.opts.endpoints?.transcribe ?? "/ai/agent/transcribe-audio";
+    return this.opts.endpoints?.transcribe ?? "/ai-agent/transcribe-audio";
   }
   get submitFormPath() {
     return this.opts.endpoints?.submitForm ?? DEFAULT_PATHS.submitForm;
   }
   /**
-   * Record a completed form (intake, CSAT, claim, …). Fire-and-forget — the
-   * record is captured even if the visitor never sends a message. `conversationId`,
+   * Record a completed form (intake, CSAT, claim, …). `POST
+   * /submit-form` (data-API). Fire-and-forget — the record is
+   * captured even if the visitor never sends a message. `conversationId`,
    * `formId`, and `trigger` are explicit so the backend can tie + route;
    * `visitorId` + context ride the envelope. A failure (e.g. 404 on a backend
    * that doesn't implement the endpoint) is non-fatal, so callers don't await.
@@ -1654,7 +1716,7 @@ var AgentTransport = class {
   async submitForm(body) {
     log4.debug("submitForm \u2192", { formId: body.formId, trigger: body.trigger, fields: Object.keys(body.values).length });
     try {
-      await this.postJson(this.submitFormPath, body, "submitForm");
+      await this.postJson(this.dataUrl(this.submitFormPath), body, "submitForm");
     } catch (err) {
       log4.debug("submitForm failed (non-fatal)", { err });
     }
@@ -1678,9 +1740,9 @@ var AgentTransport = class {
    * Re-attach to an in-flight reply on a cold page load / refresh.
    *
    * UNCONDITIONAL by design — the caller runs this in parallel with
-   * `startConversation`, never gated on whether there are persisted messages. If
+   * `handshake`, never gated on whether there are persisted messages. If
    * the user refreshed while the assistant was still streaming, the
-   * `startConversation` reply carries no messages (the turn isn't persisted until
+   * `handshake` reply carries no messages (the turn isn't persisted until
    * it finishes) and THIS is the channel that resumes the live reply. When
    * nothing is in flight the server answers 204 and the handle yields nothing
    * (the common case — no bubble is created).
@@ -1707,7 +1769,7 @@ var AgentTransport = class {
    *   - after a POST /stream-message drops mid-reply (`immediate=false` — back
    *     off first, the reply may still be spinning up server-side);
    *   - on a cold page load / refresh (`immediate=true` — hit it at once, in
-   *     parallel with start-conversation, so a reply that was streaming when the
+   *     parallel with handshake, so a reply that was streaming when the
    *     user reloaded keeps flowing).
    *
    * The endpoint ALWAYS opens a 200 SSE stream (mirrors the AI SDK
@@ -1716,7 +1778,7 @@ var AgentTransport = class {
    * nothing ever started) — closes an EMPTY stream. So "nothing to resume" is
    * signalled by a segment that ends without a terminal chunk AND surfaced no
    * NEW events — not by a status code. We stop gracefully there; the completed
-   * turn comes from the DB via start-conversation / list-messages.
+   * turn comes from the DB via the handshake / list-messages.
    *
    * Returns (no throw) on a terminal chunk, an empty/no-new-events segment, or
    * a 204 / non-OK (a backend that signals "nothing" by status, or lacks the
@@ -1781,7 +1843,7 @@ var AgentTransport = class {
     }
     return false;
   }
-  /** Abort + fire-and-forget POST to `/ai/agent/cancel-stream`. Idempotent. */
+  /** Abort + fire-and-forget POST to `/ai-agent/cancel-stream`. Idempotent. */
   cancelStream(ctrl, conversationId) {
     if (ctrl.signal.aborted) return;
     log4.debug("cancel stream", { conversationId, visitorId: this.visitorId });
@@ -1822,7 +1884,7 @@ var AgentTransport = class {
     return url.toString();
   }
   // JSON requests are idempotent (reads, or full-snapshot writes like
-  // update-settings / mark-read / start-conversation), so they auto-retry transient
+  // update-settings / mark-read / handshake), so they auto-retry transient
   // failures. The message POST is NOT in here — re-sending could duplicate the
   // reply, so it surfaces an error for the user to retry (see `openMessageStream`).
   async postJson(path, body, label) {
@@ -1890,9 +1952,23 @@ var AgentTransport = class {
     if (!res.ok) throw new StreamError(`${label} failed: ${res.status}`, "server", res.status);
     return await res.json();
   }
+  /**
+   * Agent-API URL — resolves a `/ai-agent/*` path against the resolved
+   * agent module base. Absolute URLs pass through unchanged.
+   */
   url(pathOrUrl) {
     if (/^https?:\/\//i.test(pathOrUrl)) return pathOrUrl;
-    return `${this.opts.baseUrl}${pathOrUrl}`;
+    return `${this.opts.agentBaseUrl}${pathOrUrl}`;
+  }
+  /**
+   * Data-API variant of {@link url} — resolves a root-level path (content /
+   * forms / submit-form / activity) against the resolved data module base.
+   * Absolute URLs (e.g. an `endpoints.submitForm` pointing straight at a
+   * CRM) pass through unchanged.
+   */
+  dataUrl(pathOrUrl) {
+    if (/^https?:\/\//i.test(pathOrUrl)) return pathOrUrl;
+    return `${this.opts.dataBaseUrl}${pathOrUrl}`;
   }
   get fetchImpl() {
     return this.opts.fetchImpl ?? globalThis.fetch.bind(globalThis);
@@ -1906,10 +1982,10 @@ function extensionFor(mimeType) {
   if (mimeType.includes("wav")) return "wav";
   return "bin";
 }
-function isStartConversationResponseShape(raw) {
+function isHandshakeResponseShape(raw) {
   if (!raw || typeof raw !== "object") return false;
   const r = raw;
-  return typeof r.visitorId === "string" && typeof r.conversationId === "string" && typeof r.canContinue === "boolean";
+  return typeof r.visitorId === "string" && typeof r.conversationId === "string";
 }
 
 // src/stream/messages.ts
@@ -6417,11 +6493,21 @@ function App({ options, hostElement, bus }) {
   const chatTabIdRef = useRef9(void 0);
   chatTabIdRef.current = chatTabId();
   const [conversationReady, setConversationReady] = useState13(false);
+  const [remoteForms, setRemoteForms] = useState13(null);
+  const [formsReady, setFormsReady] = useState13(false);
   const isInlineLike = options.mode === "standalone" || options.mode === "inline";
   const initialPanelRef = useRef9(
     resolveInitialPanelState(options, currentViewportWidth(), persistence.loadPanelOpen(), persistence.loadPanelSize())
   );
   const [isOpen, setIsOpen] = useState13(initialPanelRef.current.panelOpen);
+  const [activated, setActivated] = useState13(initialPanelRef.current.panelOpen);
+  const activatedRef = useRef9(activated);
+  activatedRef.current = activated;
+  const pendingThreadRef = useRef9(false);
+  const welcomeRef = useRef9(void 0);
+  useEffect17(() => {
+    if (isOpen) setActivated(true);
+  }, [isOpen]);
   const initialPanelApplied = useRef9(false);
   const [launcherLeaving, setLauncherLeaving] = useState13(false);
   const { dismissed: calloutDismissed, dismissCallout: dismissCalloutRaw } = useLauncherCallout({
@@ -6448,7 +6534,8 @@ function App({ options, hostElement, bus }) {
   const [formContext, setFormContext] = useState13({});
   const [transport] = useState13(
     () => new AgentTransport({
-      baseUrl: options.baseUrl,
+      agentBaseUrl: options.agentBaseUrl,
+      dataBaseUrl: options.dataBaseUrl,
       auth: createAuth({
         publicKey: options.publicKey,
         aiAgentDeploymentId: options.aiAgentDeploymentId,
@@ -6529,8 +6616,67 @@ function App({ options, hostElement, bus }) {
     },
     [messagesSig]
   );
+  const fetchFormMarkers = useCallback6(
+    async (conversationId) => {
+      try {
+        const { formSubmissions: subs } = await transport.getActivity(conversationId);
+        const lastIndexByForm = /* @__PURE__ */ new Map();
+        subs.forEach((rec, i) => lastIndexByForm.set(rec.formId, i));
+        return subs.filter((rec, i) => !rec.skipped || lastIndexByForm.get(rec.formId) === i).map((rec, i) => ({
+          key: `wire:${rec.formId}:${rec.createdAt ?? i}`,
+          formId: rec.formId,
+          outcome: rec.skipped ? "skipped" : "submitted",
+          createdAt: parseWireDate(rec.createdAt),
+          values: rec.values
+        }));
+      } catch (err) {
+        log16.debug("getActivity failed \u2014 no form markers (non-fatal)", { err });
+        return [];
+      }
+    },
+    [transport]
+  );
   const connectGenRef = useRef9(0);
-  const runStartConversation = useCallback6(
+  const loadThread = useCallback6(
+    async (conversationId) => {
+      const myGen = connectGenRef.current;
+      const isStale = () => myGen !== connectGenRef.current;
+      setLoadingMessages(true);
+      try {
+        const [chat, markers] = await Promise.all([transport.loadConversation(conversationId), fetchFormMarkers()]);
+        if (isStale()) return;
+        const loaded = (chat.messages ?? []).map(fromWireMessage);
+        setFormMarkers(markers);
+        const timelineStamps = [...loaded.map((m) => m.createdAt), ...markers.map((m) => m.createdAt)].filter(
+          (n) => n !== void 0
+        );
+        const welcomeAnchor = (timelineStamps.length ? Math.min(...timelineStamps) : Date.now()) - 1;
+        const loadedIds = new Set(loaded.map((m) => m.id));
+        const welcomeRows = (welcomeRef.current?.messages ?? []).filter((w) => !loadedIds.has(w.id)).map((w) => {
+          const row = makeInstantWelcomeMessage(w);
+          row.createdAt = welcomeAnchor;
+          return row;
+        });
+        const tail = resumeBubbleRef.current ? [resumeBubbleRef.current] : [];
+        if (loaded.length || tail.length) {
+          messagesSig.value = [...welcomeRows, ...loaded, ...tail];
+          setCanSend(chat.canContinue ?? true);
+          setSuggestions(chat.suggestions ?? []);
+        } else {
+          messagesSig.value = welcomeRows;
+        }
+      } catch (err) {
+        if (isStale()) return;
+        log16.warn("loadThread failed; resetting conversationId", { err, conversationId });
+        conversationIdSig.value = void 0;
+        persistence.saveConversationId(void 0);
+      } finally {
+        if (!isStale()) setLoadingMessages(false);
+      }
+    },
+    [transport, fetchFormMarkers, messagesSig, conversationIdSig, persistence]
+  );
+  const runHandshake = useCallback6(
     async ({ newConversation }) => {
       const myGen = ++connectGenRef.current;
       const isStale = () => myGen !== connectGenRef.current;
@@ -6542,7 +6688,7 @@ function App({ options, hostElement, bus }) {
       }
       let res;
       try {
-        res = await transport.startConversation({
+        res = await transport.handshake({
           visitorId,
           conversationId,
           userPrefs: persistence.loadUserPrefs(),
@@ -6593,66 +6739,22 @@ function App({ options, hostElement, bus }) {
         if (res.userPrefs.themeMode) setActiveThemeMode(res.userPrefs.themeMode);
         if (res.userPrefs.textSize) setActiveTextSize(res.userPrefs.textSize);
       }
+      welcomeRef.current = res.welcome;
       const isResume = !newConversation && persistedChatId && res.conversationId === persistedChatId;
       if (isResume) {
-        setLoadingMessages(true);
-        try {
-          const chat = res.messages?.length ? {
-            conversationId: persistedChatId,
-            canContinue: res.canContinue ?? true,
-            messages: res.messages,
-            formSubmissions: res.formSubmissions
-          } : await transport.loadConversation(persistedChatId);
-          if (isStale()) return;
-          const loaded = (chat.messages ?? []).map(fromWireMessage);
-          const subs = chat.formSubmissions ?? res.formSubmissions ?? [];
-          const lastIndexByForm = /* @__PURE__ */ new Map();
-          subs.forEach((rec, i) => lastIndexByForm.set(rec.formId, i));
-          const markers = subs.filter((rec, i) => !rec.skipped || lastIndexByForm.get(rec.formId) === i).map((rec, i) => ({
-            key: `wire:${rec.formId}:${rec.createdAt ?? i}`,
-            formId: rec.formId,
-            outcome: rec.skipped ? "skipped" : "submitted",
-            createdAt: parseWireDate(rec.createdAt),
-            values: rec.values
-          }));
-          setFormMarkers(markers);
-          const timelineStamps = [...loaded.map((m) => m.createdAt), ...markers.map((m) => m.createdAt)].filter(
-            (n) => n !== void 0
-          );
-          const welcomeAnchor = (timelineStamps.length ? Math.min(...timelineStamps) : Date.now()) - 1;
-          const loadedIds = new Set(loaded.map((m) => m.id));
-          const welcomeRows = (res.welcome?.messages ?? []).filter((w) => !loadedIds.has(w.id)).map((w) => {
-            const row = makeInstantWelcomeMessage(w);
-            row.createdAt = welcomeAnchor;
-            return row;
-          });
-          const tail = resumeBubbleRef.current ? [resumeBubbleRef.current] : [];
-          if (loaded.length || tail.length) {
-            messagesSig.value = [...welcomeRows, ...loaded, ...tail];
-            setCanSend(chat.canContinue ?? true);
-            setSuggestions(chat.suggestions ?? []);
-          } else {
-            messagesSig.value = welcomeRows;
-          }
-        } catch (err) {
-          if (isStale()) return;
-          log16.warn("loadConversation failed; resetting conversationId", { err, conversationId: persistedChatId });
-          conversationIdSig.value = void 0;
-          persistence.saveConversationId(void 0);
-        } finally {
-          if (!isStale()) setLoadingMessages(false);
-        }
+        if (activatedRef.current) void loadThread(persistedChatId);
+        else pendingThreadRef.current = true;
       } else {
         conversationIdSig.value = res.conversationId;
         persistence.saveConversationId(res.conversationId);
         playWelcome(res.welcome?.messages);
       }
       if (!newConversation) {
-        bus.emit("conversationStarted", res);
+        bus.emit("handshake", res);
         setConversationReady(true);
       }
     },
-    [transport, visitorId, persistence, options, bus, messagesSig, conversationIdSig, feedback, playWelcome]
+    [transport, visitorId, persistence, options, bus, conversationIdSig, feedback, playWelcome, loadThread]
   );
   const userSig = JSON.stringify(options.userContext ?? null);
   const pageSig = JSON.stringify(options.pageContext ?? null);
@@ -6705,26 +6807,45 @@ function App({ options, hostElement, bus }) {
     },
     [reducer, messagesSig, feedback, bus, options, homeNav]
   );
+  const resumeHandleRef = useRef9(null);
   useEffect17(() => {
-    void runStartConversation({ newConversation: false });
     const persistedConversation = conversationIdSig.value;
-    let resume = null;
-    if (persistedConversation) {
-      transport.primeIdentity(visitorId, persistedConversation);
-      resume = transport.resumeStream();
-      void runResume(resume);
-    }
+    if (persistedConversation) transport.primeIdentity(visitorId, persistedConversation);
+    void runHandshake({ newConversation: false });
     return () => {
       connectGenRef.current++;
-      resume?.cancel();
+      resumeHandleRef.current?.cancel();
     };
   }, []);
+  useEffect17(() => {
+    if (!activated) return;
+    void (async () => {
+      try {
+        const res = await transport.listForms();
+        setRemoteForms(resolveForms(res.forms));
+      } catch (err) {
+        log16.debug("listForms failed \u2014 treating as no forms", { err });
+      } finally {
+        setFormsReady(true);
+      }
+    })();
+    if (pendingThreadRef.current) {
+      pendingThreadRef.current = false;
+      const persisted = conversationIdSig.value;
+      if (persisted) void loadThread(persisted);
+    }
+    if (conversationIdSig.value) {
+      const handle = transport.resumeStream();
+      resumeHandleRef.current = handle;
+      void runResume(handle);
+    }
+  }, [activated]);
   const lastUserSig = useRef9(userSig);
   useEffect17(() => {
     if (!conversationReady || lastUserSig.current === userSig) return;
     lastUserSig.current = userSig;
-    void runStartConversation({ newConversation: false });
-  }, [userSig, conversationReady, runStartConversation]);
+    void runHandshake({ newConversation: false });
+  }, [userSig, conversationReady, runHandshake]);
   useEffect17(() => {
     applyMode(hostElement, computeHostMode(options.mode, panelSize, isOpen));
   }, [hostElement, isOpen, panelSize, options.mode]);
@@ -6843,8 +6964,9 @@ function App({ options, hostElement, bus }) {
     [options.features.humanInLoop, handleToolResult, handleToolDecision]
   );
   const userMessageCount = () => messagesSig.value.reduce((n, m) => n + (m.role === "user" ? 1 : 0), 0);
+  const effectiveForms = options.forms.list.length > 0 ? options.forms : remoteForms ?? options.forms;
   const forms = useForms({
-    forms: options.forms,
+    forms: effectiveForms,
     persistence,
     userContext: () => options.userContext,
     messageCount: userMessageCount,
@@ -6877,18 +6999,18 @@ function App({ options, hostElement, bus }) {
   const pageArea = options.pageContext?.area ? String(options.pageContext.area) : void 0;
   const msgCount = useComputed7(() => messagesSig.value.length);
   useEffect17(() => {
-    if (conversationReady) forms.fire("pre-chat");
-  }, [conversationReady, forms]);
+    if (conversationReady && formsReady) forms.fire("pre-chat");
+  }, [conversationReady, formsReady, forms]);
   useEffect17(() => {
-    if (!canSend) forms.fire("conversation-closed");
-  }, [canSend, forms]);
+    if (formsReady && !canSend) forms.fire("conversation-closed");
+  }, [formsReady, canSend, forms]);
   useEffect17(() => {
-    if (conversationReady && pageArea) forms.fire("page-area");
-  }, [conversationReady, pageArea, forms]);
+    if (conversationReady && formsReady && pageArea) forms.fire("page-area");
+  }, [conversationReady, formsReady, pageArea, forms]);
   const idleMs = useMemo3(() => {
-    const secs = options.forms.list.flatMap((f) => f.triggers).filter((t) => t.kind === "idle").map((t) => Number(t.param));
+    const secs = effectiveForms.list.flatMap((f) => f.triggers).filter((t) => t.kind === "idle").map((t) => Number(t.param));
     return secs.length ? Math.min(...secs) * 1e3 : 0;
-  }, [options.forms]);
+  }, [effectiveForms]);
   useEffect17(() => {
     if (!idleMs || !isOpen) return;
     const id = setTimeout(() => forms.fire("idle"), idleMs);
@@ -6950,10 +7072,10 @@ function App({ options, hostElement, bus }) {
   }, [transport, options.modules, unreadCountSig]);
   const unreadSeeded = useRef9(false);
   useEffect17(() => {
-    if (!conversationReady || unreadSeeded.current) return;
+    if (!activated || !conversationReady || unreadSeeded.current) return;
     unreadSeeded.current = true;
     refreshUnread();
-  }, [conversationReady, refreshUnread]);
+  }, [activated, conversationReady, refreshUnread]);
   const handleOpen = useCallback6(() => {
     log16.info("open", { mode: options.mode });
     feedback.unlock();
@@ -6975,8 +7097,8 @@ function App({ options, hostElement, bus }) {
     persistence.clearConversation();
     setCanSend(true);
     setFormMarkers([]);
-    void runStartConversation({ newConversation: true });
-  }, [streaming, activeCancel, messagesSig, conversationIdSig, persistence, runStartConversation, bus]);
+    void runHandshake({ newConversation: true });
+  }, [streaming, activeCancel, messagesSig, conversationIdSig, persistence, runHandshake, bus]);
   const handleNewChat = useCallback6(() => {
     handleClear();
     setView("chat");
@@ -7065,9 +7187,13 @@ function App({ options, hostElement, bus }) {
       log16.info("selectConversation", { conversationId: targetConversationId });
       bus.emit("selectConversation", { conversationId: targetConversationId });
       try {
-        const res = await transport.loadConversation(targetConversationId);
+        const [res, markers] = await Promise.all([
+          transport.loadConversation(targetConversationId),
+          fetchFormMarkers(targetConversationId)
+        ]);
         const hydrated = res.messages.map(fromWireMessage);
         messagesSig.value = hydrated;
+        setFormMarkers(markers);
         conversationIdSig.value = res.conversationId;
         persistence.saveConversationId(res.conversationId);
         if (res.agent) setAgent(res.agent);
@@ -7081,7 +7207,7 @@ function App({ options, hostElement, bus }) {
         options.onError?.(err);
       }
     },
-    [transport, messagesSig, conversationIdSig, bus, options, persistence, refreshUnread]
+    [transport, messagesSig, conversationIdSig, bus, options, persistence, refreshUnread, fetchFormMarkers]
   );
   useEffect17(() => {
     const unsub = bindHostCommands(hostElement, {
@@ -7100,10 +7226,10 @@ function App({ options, hostElement, bus }) {
   );
   const enrichedFormMarkers = useMemo3(
     () => formMarkers.map((m) => {
-      const def = options.forms.list.find((f) => f.id === m.formId);
+      const def = effectiveForms.list.find((f) => f.id === m.formId);
       return { ...m, title: def?.title, form: def };
     }),
-    [formMarkers, options.forms]
+    [formMarkers, effectiveForms]
   );
   const panelProps = {
     options: effectiveOptions,
@@ -7330,7 +7456,7 @@ var ChatElement = class extends HTMLElement {
     /**
      * Raw options accumulator. Starts as whatever the page-owner set via
      * HTML attributes; gets server-side settings merged in on the
-     * `conversationStarted` event so subsequent re-renders pick up the server's
+     * `handshake` event so subsequent re-renders pick up the server's
      * mode / theme / launcher / etc.
      *
      * Mirrors `index.ts`'s `rawOptions` so both entry points share the
@@ -7360,7 +7486,7 @@ var ChatElement = class extends HTMLElement {
         existingHost: this,
         position: hostPositionForMode(resolved.mode)
       });
-      this.bus.on("conversationStarted", (response) => {
+      this.bus.on("handshake", (response) => {
         if (!response.config) return;
         this.rawOptions = mergeServerConfig(this.rawOptions, response.config);
         this.renderApp();
@@ -7370,7 +7496,7 @@ var ChatElement = class extends HTMLElement {
   }
   /**
    * Apply the current `rawOptions` to the host element + App tree.
-   * Called by both the initial boot and every `conversationStarted` merge.
+   * Called by both the initial boot and every `handshake` merge.
    */
   renderApp() {
     if (!this.mountResult) return;