@helpai/elements 0.51.0 → 0.51.1

package/index.d.ts

@@ -1,4 +1,4 @@
-export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, H as HandshakeResponse, L as Link, S as ServerConfig, b as SiteConfig, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial } from './deployment-oSJ2nv2G.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, H as HandshakeResponse, L as Link, S as ServerConfig, b as SiteConfig, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial } from './deployment-C_jlXJAe.js';
 import 'zod';
 
 /**

package/index.mjs

@@ -29,7 +29,7 @@ var BRAND = {
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.51.0" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.51.1" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -2454,7 +2454,7 @@ var AgentTransport = class {
     const seenIds = /* @__PURE__ */ new Set();
     const iter = this.runStream(body, ctrl, seenIds);
     const cancel = () => this.cancelStream(ctrl, body.conversationId);
-    return { iter, cancel };
+    return { iter, cancel, detach: () => ctrl.abort() };
   }
   /**
    * Re-attach to an in-flight reply on a cold page load / refresh.
@@ -2477,7 +2477,8 @@ var AgentTransport = class {
     const seenIds = /* @__PURE__ */ new Set();
     this.resumeStatus = void 0;
     const iter = this.resumeStreamGen(ctrl, seenIds, true);
-    return { iter, cancel: () => ctrl.abort() };
+    const stop = () => ctrl.abort();
+    return { iter, cancel: stop, detach: stop };
   }
   // ---- Stream orchestration ---------------------------------------------
   async *runStream(body, ctrl, seenIds) {
@@ -7620,6 +7621,7 @@ function App({ options, hostElement, bus }) {
   const [agent, setAgent] = useState14(null);
   const [suggestions, setSuggestions] = useState14([]);
   const [activeCancel, setActiveCancel] = useState14(null);
+  const [activeDetach, setActiveDetach] = useState14(null);
   const stringsRef = useRef9(options.strings);
   const [parsedSite, setParsedSite] = useState14(void 0);
   const [parsedBlocks, setParsedBlocks] = useState14(void 0);
@@ -7922,6 +7924,7 @@ function App({ options, hostElement, bus }) {
             messagesSig.value = [...messagesSig.value, bubble];
             setStreaming(true);
             setActiveCancel(() => handle.cancel);
+            setActiveDetach(() => handle.detach);
             resumeActiveRef.current = true;
             const chatTab = chatTabIdRef.current;
             if (chatTab) homeNav.switchTab(chatTab);
@@ -7943,17 +7946,26 @@ function App({ options, hostElement, bus }) {
         }
       } catch (err) {
         if (bubble) {
-          bubble.status = "error";
-          bubble.errorText = errorMessageFor(err, options.strings);
-          feedback.play("error");
+          if (isAbortError(err)) {
+            if (hasNoVisibleAnswer(bubble)) {
+              messagesSig.value = messagesSig.value.filter((m) => m !== bubble);
+            } else {
+              bubble.status = "complete";
+            }
+          } else {
+            bubble.status = "error";
+            bubble.errorText = errorMessageFor(err, options.strings);
+            feedback.play("error");
+          }
         }
-        log17.debug("mount resume ended without completing", { err });
+        log17.debug("resume ended without completing", { err });
       } finally {
         resumeBubbleRef.current = null;
         if (bubble) {
           reducer.detach();
           setStreaming(false);
           setActiveCancel(null);
+          setActiveDetach(null);
           messagesSig.value = [...messagesSig.value];
         }
       }
@@ -7961,6 +7973,12 @@ function App({ options, hostElement, bus }) {
     [reducer, messagesSig, feedback, bus, options, homeNav, adoptConversationRebind]
   );
   const resumeHandleRef = useRef9(null);
+  const resumeInFlight = useCallback6(async () => {
+    const handle = transport.resumeStream();
+    resumeHandleRef.current = handle;
+    await runResume(handle);
+    if (transport.resumeStatus === "needs-generation") regenerateDanglingRef.current?.();
+  }, [transport, runResume]);
   useEffect16(() => {
     const persistedConversation = conversationIdSig.value;
     if (persistedConversation) transport.primeIdentity(visitorId, persistedConversation);
@@ -7990,14 +8008,9 @@ function App({ options, hostElement, bus }) {
         const persisted = conversationIdSig.value;
         if (persisted) tasks.push(loadThread(persisted));
       }
-      if (conversationIdSig.value) {
-        const handle = transport.resumeStream();
-        resumeHandleRef.current = handle;
-        tasks.push(runResume(handle));
-      }
+      if (conversationIdSig.value) tasks.push(resumeInFlight());
       if (tasks.length === 0) return;
       await Promise.allSettled(tasks);
-      if (transport.resumeStatus === "needs-generation") regenerateDanglingRef.current?.();
     })();
   }, [activated]);
   const formsLocaleRef = useRef9(null);
@@ -8069,6 +8082,7 @@ function App({ options, hostElement, bus }) {
       setStreaming(true);
       const handle = transport.sendMessage(body);
       setActiveCancel(() => handle.cancel);
+      setActiveDetach(() => handle.detach);
       try {
         for await (const evt of handle.iter) {
           if (adoptConversationRebind(evt.chunk)) continue;
@@ -8109,6 +8123,7 @@ function App({ options, hostElement, bus }) {
         reducer.detach();
         setStreaming(false);
         setActiveCancel(null);
+        setActiveDetach(null);
         messagesSig.value = [...messagesSig.value];
       }
     },
@@ -8356,7 +8371,7 @@ function App({ options, hostElement, bus }) {
     }
     log17.info("clear \u2192 new conversation", { wasStreaming: streaming });
     bus.emit("clear", void 0);
-    if (streaming) activeCancel?.();
+    if (streaming) activeDetach?.();
     batch(() => {
       messagesSig.value = [];
       conversationIdSig.value = void 0;
@@ -8365,7 +8380,7 @@ function App({ options, hostElement, bus }) {
     setCanSend(true);
     setFormMarkers([]);
     void runHandshake({ newConversation: true });
-  }, [streaming, activeCancel, messagesSig, conversationIdSig, persistence, runHandshake, bus, canSend, playWelcome]);
+  }, [streaming, activeDetach, messagesSig, conversationIdSig, persistence, runHandshake, bus, canSend, playWelcome]);
   const handleNewChat = useCallback6(() => {
     handleClear();
     setView("chat");
@@ -8442,8 +8457,9 @@ function App({ options, hostElement, bus }) {
   );
   const handleSelectHistoryConversation = useCallback6(
     async (targetConversationId) => {
-      log17.info("selectConversation", { conversationId: targetConversationId });
+      log17.info("selectConversation", { conversationId: targetConversationId, wasStreaming: streaming });
       bus.emit("selectConversation", { conversationId: targetConversationId });
+      if (streaming) activeDetach?.();
       try {
         const [res, markers] = await Promise.all([
           transport.loadConversation(targetConversationId),
@@ -8456,10 +8472,12 @@ function App({ options, hostElement, bus }) {
         });
         setFormMarkers(markers);
         persistence.saveConversationId(res.conversationId);
+        transport.primeIdentity(visitorId, res.conversationId);
         if (res.agent) setAgent(res.agent);
         setCanSend(res.canContinue);
         setSuggestions(res.suggestions ?? []);
         setView("chat");
+        void resumeInFlight();
         await transport.markRead(targetConversationId);
         refreshUnread();
       } catch (err) {
@@ -8476,7 +8494,11 @@ function App({ options, hostElement, bus }) {
       persistence,
       refreshUnread,
       fetchFormMarkers,
-      withWelcomeRows
+      withWelcomeRows,
+      streaming,
+      activeDetach,
+      visitorId,
+      resumeInFlight
     ]
   );
   const pendingOpenFormRef = useRef9(null);

package/package.json

@@ -80,5 +80,5 @@
   ],
   "type": "module",
   "types": "./index.d.ts",
-  "version": "0.51.0"
+  "version": "0.51.1"
 }

package/schema.d.ts

@@ -1,4 +1,4 @@
-export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, H as HandshakeResponse, L as Link, P as PAGE_AREA_SUGGESTIONS, f as PageContext, S as ServerConfig, b as SiteConfig, U as UserContext, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial, g as assetSchema, h as blocksConfigSchema, i as connectionConfigPartialSchema, j as connectionConfigSchema, k as cssColorSchema, l as cssLengthSchema, m as endpointsSchema, n as handshakeResponseSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, u as userContextSchema, t as uuid7Schema, w as widgetConfigPartialSchema, v as widgetConfigSchema, x as widgetSettingsPartialSchema, y as widgetSettingsSchema } from './deployment-oSJ2nv2G.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, H as HandshakeResponse, L as Link, P as PAGE_AREA_SUGGESTIONS, f as PageContext, S as ServerConfig, b as SiteConfig, U as UserContext, W as WidgetConfig, c as WidgetConfigPartial, d as WidgetSettings, e as WidgetSettingsPartial, g as assetSchema, h as blocksConfigSchema, i as connectionConfigPartialSchema, j as connectionConfigSchema, k as cssColorSchema, l as cssLengthSchema, m as endpointsSchema, n as handshakeResponseSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, u as userContextSchema, t as uuid7Schema, w as widgetConfigPartialSchema, v as widgetConfigSchema, x as widgetSettingsPartialSchema, y as widgetSettingsSchema } from './deployment-C_jlXJAe.js';
 import { z } from 'zod';
 
 /**
@@ -56,9 +56,9 @@ declare const presentationSchema: z.ZodObject<{
         inset: z.ZodOptional<z.ZodString>;
         initialSize: z.ZodDefault<z.ZodEnum<{
             fullscreen: "fullscreen";
-            normal: "normal";
             expanded: "expanded";
             auto: "auto";
+            normal: "normal";
         }>>;
         autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
     }, z.core.$loose>>;
@@ -240,9 +240,9 @@ type LauncherOptions = z.infer<typeof launcherOptionsSchema>;
 
 declare const initialSizeSchema: z.ZodEnum<{
     fullscreen: "fullscreen";
-    normal: "normal";
     expanded: "expanded";
     auto: "auto";
+    normal: "normal";
 }>;
 declare const resizeOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
@@ -269,9 +269,9 @@ declare const sizeOptionsSchema: z.ZodObject<{
     inset: z.ZodOptional<z.ZodString>;
     initialSize: z.ZodDefault<z.ZodEnum<{
         fullscreen: "fullscreen";
-        normal: "normal";
         expanded: "expanded";
         auto: "auto";
+        normal: "normal";
     }>>;
     autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
 }, z.core.$loose>;
@@ -323,40 +323,40 @@ type FeatureFlags = z.infer<typeof featureFlagsSchema>;
  */
 
 declare const actionNameSchema: z.ZodEnum<{
+    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
-    close: "close";
-    language: "language";
+    clear: "clear";
     theme: "theme";
+    language: "language";
     textSize: "textSize";
     history: "history";
-    clear: "clear";
     sound: "sound";
 }>;
 type ActionName = z.infer<typeof actionNameSchema>;
 declare const headerActionsSchema: z.ZodArray<z.ZodEnum<{
+    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
-    close: "close";
-    language: "language";
+    clear: "clear";
     theme: "theme";
+    language: "language";
     textSize: "textSize";
     history: "history";
-    clear: "clear";
     sound: "sound";
 }>>;
 type HeaderActions = z.infer<typeof headerActionsSchema>;
 /** Section wrapper — `actions` list wrapped under `header` in the dashboard form. */
 declare const headerSchema: z.ZodObject<{
     actions: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+        close: "close";
         expand: "expand";
         fullscreen: "fullscreen";
-        close: "close";
-        language: "language";
+        clear: "clear";
         theme: "theme";
+        language: "language";
         textSize: "textSize";
         history: "history";
-        clear: "clear";
         sound: "sound";
     }>>>;
 }, z.core.$loose>;
@@ -372,33 +372,33 @@ type HeaderOptions = z.infer<typeof headerSchema>;
  */
 
 declare const feedbackEventSchema: z.ZodEnum<{
+    voiceStart: "voiceStart";
+    voiceStop: "voiceStop";
     error: "error";
     messageReceived: "messageReceived";
     messageSent: "messageSent";
-    voiceStart: "voiceStart";
-    voiceStop: "voiceStop";
 }>;
 type FeedbackEvent = z.infer<typeof feedbackEventSchema>;
 declare const soundOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
     volume: z.ZodDefault<z.ZodNumber>;
     events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
+        voiceStart: "voiceStart";
+        voiceStop: "voiceStop";
         error: "error";
         messageReceived: "messageReceived";
         messageSent: "messageSent";
-        voiceStart: "voiceStart";
-        voiceStop: "voiceStop";
     }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodString]>>>;
 }, z.core.$loose>;
 type SoundOptions = z.infer<typeof soundOptionsSchema>;
 declare const hapticsOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
     events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
+        voiceStart: "voiceStart";
+        voiceStop: "voiceStop";
         error: "error";
         messageReceived: "messageReceived";
         messageSent: "messageSent";
-        voiceStart: "voiceStart";
-        voiceStop: "voiceStop";
     }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodNumber, z.ZodArray<z.ZodNumber>]>>>;
 }, z.core.$loose>;
 type HapticsOptions = z.infer<typeof hapticsOptionsSchema>;
@@ -407,21 +407,21 @@ declare const feedbackSchema: z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         volume: z.ZodDefault<z.ZodNumber>;
         events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
+            voiceStart: "voiceStart";
+            voiceStop: "voiceStop";
             error: "error";
             messageReceived: "messageReceived";
             messageSent: "messageSent";
-            voiceStart: "voiceStart";
-            voiceStop: "voiceStop";
         }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodString]>>>;
     }, z.core.$loose>>;
     haptics: z.ZodOptional<z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
+            voiceStart: "voiceStart";
+            voiceStop: "voiceStop";
             error: "error";
             messageReceived: "messageReceived";
             messageSent: "messageSent";
-            voiceStart: "voiceStart";
-            voiceStop: "voiceStop";
         }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodNumber, z.ZodArray<z.ZodNumber>]>>>;
     }, z.core.$loose>>;
 }, z.core.$loose>;
@@ -856,18 +856,18 @@ type I18nOptions = z.infer<typeof i18nSchema>;
  */
 
 declare const moduleLayoutSchema: z.ZodEnum<{
+    home: "home";
     chat: "chat";
     help: "help";
-    home: "home";
     news: "news";
 }>;
 type ModuleLayout = z.infer<typeof moduleLayoutSchema>;
 declare const moduleSchema: z.ZodObject<{
     label: z.ZodString;
     layout: z.ZodEnum<{
+        home: "home";
         chat: "chat";
         help: "help";
-        home: "home";
         news: "news";
     }>;
     contentTags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -893,9 +893,9 @@ type ModuleOptions = z.infer<typeof moduleSchema>;
 declare const modulesSchema: z.ZodArray<z.ZodObject<{
     label: z.ZodString;
     layout: z.ZodEnum<{
+        home: "home";
         chat: "chat";
         help: "help";
-        home: "home";
         news: "news";
     }>;
     contentTags: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/web-component.mjs

@@ -1794,7 +1794,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.51.0" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.51.1" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -2413,7 +2413,7 @@ var AgentTransport = class {
     const seenIds = /* @__PURE__ */ new Set();
     const iter = this.runStream(body, ctrl, seenIds);
     const cancel = () => this.cancelStream(ctrl, body.conversationId);
-    return { iter, cancel };
+    return { iter, cancel, detach: () => ctrl.abort() };
   }
   /**
    * Re-attach to an in-flight reply on a cold page load / refresh.
@@ -2436,7 +2436,8 @@ var AgentTransport = class {
     const seenIds = /* @__PURE__ */ new Set();
     this.resumeStatus = void 0;
     const iter = this.resumeStreamGen(ctrl, seenIds, true);
-    return { iter, cancel: () => ctrl.abort() };
+    const stop = () => ctrl.abort();
+    return { iter, cancel: stop, detach: stop };
   }
   // ---- Stream orchestration ---------------------------------------------
   async *runStream(body, ctrl, seenIds) {
@@ -7579,6 +7580,7 @@ function App({ options, hostElement, bus }) {
   const [agent, setAgent] = useState14(null);
   const [suggestions, setSuggestions] = useState14([]);
   const [activeCancel, setActiveCancel] = useState14(null);
+  const [activeDetach, setActiveDetach] = useState14(null);
   const stringsRef = useRef9(options.strings);
   const [parsedSite, setParsedSite] = useState14(void 0);
   const [parsedBlocks, setParsedBlocks] = useState14(void 0);
@@ -7881,6 +7883,7 @@ function App({ options, hostElement, bus }) {
             messagesSig.value = [...messagesSig.value, bubble];
             setStreaming(true);
             setActiveCancel(() => handle.cancel);
+            setActiveDetach(() => handle.detach);
             resumeActiveRef.current = true;
             const chatTab = chatTabIdRef.current;
             if (chatTab) homeNav.switchTab(chatTab);
@@ -7902,17 +7905,26 @@ function App({ options, hostElement, bus }) {
         }
       } catch (err) {
         if (bubble) {
-          bubble.status = "error";
-          bubble.errorText = errorMessageFor(err, options.strings);
-          feedback.play("error");
+          if (isAbortError(err)) {
+            if (hasNoVisibleAnswer(bubble)) {
+              messagesSig.value = messagesSig.value.filter((m) => m !== bubble);
+            } else {
+              bubble.status = "complete";
+            }
+          } else {
+            bubble.status = "error";
+            bubble.errorText = errorMessageFor(err, options.strings);
+            feedback.play("error");
+          }
         }
-        log16.debug("mount resume ended without completing", { err });
+        log16.debug("resume ended without completing", { err });
       } finally {
         resumeBubbleRef.current = null;
         if (bubble) {
           reducer.detach();
           setStreaming(false);
           setActiveCancel(null);
+          setActiveDetach(null);
           messagesSig.value = [...messagesSig.value];
         }
       }
@@ -7920,6 +7932,12 @@ function App({ options, hostElement, bus }) {
     [reducer, messagesSig, feedback, bus, options, homeNav, adoptConversationRebind]
   );
   const resumeHandleRef = useRef9(null);
+  const resumeInFlight = useCallback6(async () => {
+    const handle = transport.resumeStream();
+    resumeHandleRef.current = handle;
+    await runResume(handle);
+    if (transport.resumeStatus === "needs-generation") regenerateDanglingRef.current?.();
+  }, [transport, runResume]);
   useEffect16(() => {
     const persistedConversation = conversationIdSig.value;
     if (persistedConversation) transport.primeIdentity(visitorId, persistedConversation);
@@ -7949,14 +7967,9 @@ function App({ options, hostElement, bus }) {
         const persisted = conversationIdSig.value;
         if (persisted) tasks.push(loadThread(persisted));
       }
-      if (conversationIdSig.value) {
-        const handle = transport.resumeStream();
-        resumeHandleRef.current = handle;
-        tasks.push(runResume(handle));
-      }
+      if (conversationIdSig.value) tasks.push(resumeInFlight());
       if (tasks.length === 0) return;
       await Promise.allSettled(tasks);
-      if (transport.resumeStatus === "needs-generation") regenerateDanglingRef.current?.();
     })();
   }, [activated]);
   const formsLocaleRef = useRef9(null);
@@ -8028,6 +8041,7 @@ function App({ options, hostElement, bus }) {
       setStreaming(true);
       const handle = transport.sendMessage(body);
       setActiveCancel(() => handle.cancel);
+      setActiveDetach(() => handle.detach);
       try {
         for await (const evt of handle.iter) {
           if (adoptConversationRebind(evt.chunk)) continue;
@@ -8068,6 +8082,7 @@ function App({ options, hostElement, bus }) {
         reducer.detach();
         setStreaming(false);
         setActiveCancel(null);
+        setActiveDetach(null);
         messagesSig.value = [...messagesSig.value];
       }
     },
@@ -8315,7 +8330,7 @@ function App({ options, hostElement, bus }) {
     }
     log16.info("clear \u2192 new conversation", { wasStreaming: streaming });
     bus.emit("clear", void 0);
-    if (streaming) activeCancel?.();
+    if (streaming) activeDetach?.();
     batch(() => {
       messagesSig.value = [];
       conversationIdSig.value = void 0;
@@ -8324,7 +8339,7 @@ function App({ options, hostElement, bus }) {
     setCanSend(true);
     setFormMarkers([]);
     void runHandshake({ newConversation: true });
-  }, [streaming, activeCancel, messagesSig, conversationIdSig, persistence, runHandshake, bus, canSend, playWelcome]);
+  }, [streaming, activeDetach, messagesSig, conversationIdSig, persistence, runHandshake, bus, canSend, playWelcome]);
   const handleNewChat = useCallback6(() => {
     handleClear();
     setView("chat");
@@ -8401,8 +8416,9 @@ function App({ options, hostElement, bus }) {
   );
   const handleSelectHistoryConversation = useCallback6(
     async (targetConversationId) => {
-      log16.info("selectConversation", { conversationId: targetConversationId });
+      log16.info("selectConversation", { conversationId: targetConversationId, wasStreaming: streaming });
       bus.emit("selectConversation", { conversationId: targetConversationId });
+      if (streaming) activeDetach?.();
       try {
         const [res, markers] = await Promise.all([
           transport.loadConversation(targetConversationId),
@@ -8415,10 +8431,12 @@ function App({ options, hostElement, bus }) {
         });
         setFormMarkers(markers);
         persistence.saveConversationId(res.conversationId);
+        transport.primeIdentity(visitorId, res.conversationId);
         if (res.agent) setAgent(res.agent);
         setCanSend(res.canContinue);
         setSuggestions(res.suggestions ?? []);
         setView("chat");
+        void resumeInFlight();
         await transport.markRead(targetConversationId);
         refreshUnread();
       } catch (err) {
@@ -8435,7 +8453,11 @@ function App({ options, hostElement, bus }) {
       persistence,
       refreshUnread,
       fetchFormMarkers,
-      withWelcomeRows
+      withWelcomeRows,
+      streaming,
+      activeDetach,
+      visitorId,
+      resumeInFlight
     ]
   );
   const pendingOpenFormRef = useRef9(null);