@helpai/elements 0.8.1 → 0.9.1

package/index.d.ts

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

package/index.mjs

@@ -5290,6 +5290,8 @@ function App({ options, hostElement, bus }) {
     homeNavRef.current = createHomeNav(landingTab(), ids, (tab) => persistence.saveActiveModule(tab));
   }
   const homeNav = homeNavRef.current;
+  const chatTabIdRef = useRef8(void 0);
+  chatTabIdRef.current = chatTabId();
   const [sessionReady, setSessionReady] = useState11(false);
   const isInlineLike = options.mode === "standalone" || options.mode === "inline";
   const initialPanelRef = useRef8(
@@ -5381,9 +5383,16 @@ function App({ options, hostElement, bus }) {
     setPanelSize(state.panelSize);
   }, [sessionReady, options, persistence]);
   const homeNavSeeded = useRef8(false);
+  const resumeActiveRef = useRef8(false);
+  const resumeBubbleRef = useRef8(null);
   useEffect17(() => {
     if (!sessionReady || homeNavSeeded.current) return;
     homeNavSeeded.current = true;
+    if (resumeActiveRef.current) {
+      const chatTab = chatTabIdRef.current;
+      if (chatTab) homeNav.switchTab(chatTab);
+      return;
+    }
     homeNav.reset(landingTab());
   }, [sessionReady]);
   const playWelcome = useCallback8(
@@ -5469,7 +5478,8 @@ function App({ options, hostElement, bus }) {
           const chat = res.messages?.length ? { sessionId: persistedChatId, canContinue: res.canContinue ?? true, messages: res.messages } : await transport.loadSession(persistedChatId);
           if (isStale()) return;
           const loaded = (chat.messages ?? []).map(fromWireMessage);
-          if (loaded.length) messagesSig.value = loaded;
+          const tail = resumeBubbleRef.current ? [resumeBubbleRef.current] : [];
+          if (loaded.length || tail.length) messagesSig.value = [...loaded, ...tail];
           setCanSend(chat.canContinue ?? true);
           setSuggestions(chat.suggestions ?? []);
         } catch (err) {
@@ -5504,10 +5514,14 @@ function App({ options, hostElement, bus }) {
         for await (const evt of handle.iter) {
           if (!bubble) {
             bubble = makeAssistantMessage();
+            resumeBubbleRef.current = bubble;
             reducer.attach(bubble);
             messagesSig.value = [...messagesSig.value, bubble];
             setStreaming(true);
             setActiveCancel(() => handle.cancel);
+            resumeActiveRef.current = true;
+            const chatTab = chatTabIdRef.current;
+            if (chatTab) homeNav.switchTab(chatTab);
             log16.info("resumed in-flight reply on mount");
           }
           reducer.apply(evt.chunk);
@@ -5526,6 +5540,7 @@ function App({ options, hostElement, bus }) {
         }
         log16.debug("mount resume ended without completing", { err });
       } finally {
+        resumeBubbleRef.current = null;
         if (bubble) {
           reducer.detach();
           setStreaming(false);
@@ -5534,7 +5549,7 @@ function App({ options, hostElement, bus }) {
         }
       }
     },
-    [reducer, messagesSig, feedback, bus, options]
+    [reducer, messagesSig, feedback, bus, options, homeNav]
   );
   useEffect17(() => {
     void runStartSession({ newConversation: false });

package/package.json

@@ -80,5 +80,5 @@
   ],
   "type": "module",
   "types": "./index.d.ts",
-  "version": "0.8.1"
+  "version": "0.9.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, L as Link, P as PAGE_AREA_SUGGESTIONS, g as PageContext, S as ServerConfig, b as SiteConfig, c as StartSessionResponse, U as UserContext, W as WidgetConfig, d as WidgetConfigPartial, e as WidgetSettings, f as WidgetSettingsPartial, h as assetSchema, i as blocksConfigSchema, j as connectionConfigPartialSchema, k as connectionConfigSchema, l as cssColorSchema, m as cssLengthSchema, n as endpointsSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, t as startSessionResponseSchema, u as userContextSchema, v as uuid7Schema, w as widgetConfigPartialSchema, x as widgetConfigSchema, y as widgetSettingsPartialSchema, z as widgetSettingsSchema } from './deployment-Clv1qhOa.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, L as Link, P as PAGE_AREA_SUGGESTIONS, g as PageContext, S as ServerConfig, b as SiteConfig, c as StartSessionResponse, U as UserContext, W as WidgetConfig, d as WidgetConfigPartial, e as WidgetSettings, f as WidgetSettingsPartial, h as assetSchema, i as blocksConfigSchema, j as connectionConfigPartialSchema, k as connectionConfigSchema, l as cssColorSchema, m as cssLengthSchema, n as endpointsSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, t as startSessionResponseSchema, u as userContextSchema, v as uuid7Schema, w as widgetConfigPartialSchema, x as widgetConfigSchema, y as widgetSettingsPartialSchema, z as widgetSettingsSchema } from './deployment-B4_b3Sjy.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>>;
@@ -148,9 +148,9 @@ declare const launcherSizeSchema: z.ZodEnum<{
 }>;
 type LauncherSize = z.infer<typeof launcherSizeSchema>;
 declare const calloutShapeSchema: z.ZodEnum<{
+    callout: "callout";
     pill: "pill";
     bubble: "bubble";
-    callout: "callout";
 }>;
 type CalloutShape = z.infer<typeof calloutShapeSchema>;
 declare const calloutPositionSchema: z.ZodEnum<{
@@ -162,9 +162,9 @@ type CalloutPosition = z.infer<typeof calloutPositionSchema>;
 declare const launcherCalloutSchema: z.ZodObject<{
     text: z.ZodDefault<z.ZodString>;
     shape: z.ZodDefault<z.ZodEnum<{
+        callout: "callout";
         pill: "pill";
         bubble: "bubble";
-        callout: "callout";
     }>>;
     position: z.ZodDefault<z.ZodEnum<{
         auto: "auto";
@@ -195,9 +195,9 @@ declare const launcherOptionsSchema: z.ZodObject<{
     callout: z.ZodOptional<z.ZodObject<{
         text: z.ZodDefault<z.ZodString>;
         shape: z.ZodDefault<z.ZodEnum<{
+            callout: "callout";
             pill: "pill";
             bubble: "bubble";
-            callout: "callout";
         }>>;
         position: z.ZodDefault<z.ZodEnum<{
             auto: "auto";
@@ -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>;
@@ -321,38 +321,38 @@ type FeatureFlags = z.infer<typeof featureFlagsSchema>;
  */
 
 declare const actionNameSchema: z.ZodEnum<{
+    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
     popOut: "popOut";
-    close: "close";
-    language: "language";
+    clear: "clear";
     theme: "theme";
+    language: "language";
     history: "history";
-    clear: "clear";
     sound: "sound";
 }>;
 type ActionName = z.infer<typeof actionNameSchema>;
 declare const headerActionsSchema: z.ZodObject<{
     main: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+        close: "close";
         expand: "expand";
         fullscreen: "fullscreen";
         popOut: "popOut";
-        close: "close";
-        language: "language";
+        clear: "clear";
         theme: "theme";
+        language: "language";
         history: "history";
-        clear: "clear";
         sound: "sound";
     }>>>;
     overflow: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+        close: "close";
         expand: "expand";
         fullscreen: "fullscreen";
         popOut: "popOut";
-        close: "close";
-        language: "language";
+        clear: "clear";
         theme: "theme";
+        language: "language";
         history: "history";
-        clear: "clear";
         sound: "sound";
     }>>>;
 }, z.core.$loose>;
@@ -361,25 +361,25 @@ type HeaderActions = z.infer<typeof headerActionsSchema>;
 declare const headerSchema: z.ZodObject<{
     actions: z.ZodOptional<z.ZodObject<{
         main: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+            close: "close";
             expand: "expand";
             fullscreen: "fullscreen";
             popOut: "popOut";
-            close: "close";
-            language: "language";
+            clear: "clear";
             theme: "theme";
+            language: "language";
             history: "history";
-            clear: "clear";
             sound: "sound";
         }>>>;
         overflow: z.ZodDefault<z.ZodArray<z.ZodEnum<{
+            close: "close";
             expand: "expand";
             fullscreen: "fullscreen";
             popOut: "popOut";
-            close: "close";
-            language: "language";
+            clear: "clear";
             theme: "theme";
+            language: "language";
             history: "history";
-            clear: "clear";
             sound: "sound";
         }>>>;
     }, z.core.$loose>>;
@@ -396,33 +396,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>;
@@ -431,21 +431,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>;
@@ -607,18 +607,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>>;
@@ -644,9 +644,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

@@ -5354,6 +5354,8 @@ function App({ options, hostElement, bus }) {
     homeNavRef.current = createHomeNav(landingTab(), ids, (tab) => persistence.saveActiveModule(tab));
   }
   const homeNav = homeNavRef.current;
+  const chatTabIdRef = useRef8(void 0);
+  chatTabIdRef.current = chatTabId();
   const [sessionReady, setSessionReady] = useState11(false);
   const isInlineLike = options.mode === "standalone" || options.mode === "inline";
   const initialPanelRef = useRef8(
@@ -5445,9 +5447,16 @@ function App({ options, hostElement, bus }) {
     setPanelSize(state.panelSize);
   }, [sessionReady, options, persistence]);
   const homeNavSeeded = useRef8(false);
+  const resumeActiveRef = useRef8(false);
+  const resumeBubbleRef = useRef8(null);
   useEffect17(() => {
     if (!sessionReady || homeNavSeeded.current) return;
     homeNavSeeded.current = true;
+    if (resumeActiveRef.current) {
+      const chatTab = chatTabIdRef.current;
+      if (chatTab) homeNav.switchTab(chatTab);
+      return;
+    }
     homeNav.reset(landingTab());
   }, [sessionReady]);
   const playWelcome = useCallback8(
@@ -5533,7 +5542,8 @@ function App({ options, hostElement, bus }) {
           const chat = res.messages?.length ? { sessionId: persistedChatId, canContinue: res.canContinue ?? true, messages: res.messages } : await transport.loadSession(persistedChatId);
           if (isStale()) return;
           const loaded = (chat.messages ?? []).map(fromWireMessage);
-          if (loaded.length) messagesSig.value = loaded;
+          const tail = resumeBubbleRef.current ? [resumeBubbleRef.current] : [];
+          if (loaded.length || tail.length) messagesSig.value = [...loaded, ...tail];
           setCanSend(chat.canContinue ?? true);
           setSuggestions(chat.suggestions ?? []);
         } catch (err) {
@@ -5568,10 +5578,14 @@ function App({ options, hostElement, bus }) {
         for await (const evt of handle.iter) {
           if (!bubble) {
             bubble = makeAssistantMessage();
+            resumeBubbleRef.current = bubble;
             reducer.attach(bubble);
             messagesSig.value = [...messagesSig.value, bubble];
             setStreaming(true);
             setActiveCancel(() => handle.cancel);
+            resumeActiveRef.current = true;
+            const chatTab = chatTabIdRef.current;
+            if (chatTab) homeNav.switchTab(chatTab);
             log16.info("resumed in-flight reply on mount");
           }
           reducer.apply(evt.chunk);
@@ -5590,6 +5604,7 @@ function App({ options, hostElement, bus }) {
         }
         log16.debug("mount resume ended without completing", { err });
       } finally {
+        resumeBubbleRef.current = null;
         if (bubble) {
           reducer.detach();
           setStreaming(false);
@@ -5598,7 +5613,7 @@ function App({ options, hostElement, bus }) {
         }
       }
     },
-    [reducer, messagesSig, feedback, bus, options]
+    [reducer, messagesSig, feedback, bus, options, homeNav]
   );
   useEffect17(() => {
     void runStartSession({ newConversation: false });