@helpai/elements 0.9.0 → 0.9.1

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,11 +5514,13 @@ 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);
-            const chatTab = chatTabId();
+            resumeActiveRef.current = true;
+            const chatTab = chatTabIdRef.current;
             if (chatTab) homeNav.switchTab(chatTab);
             log16.info("resumed in-flight reply on mount");
           }
@@ -5528,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);

package/package.json

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

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,11 +5578,13 @@ 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);
-            const chatTab = chatTabId();
+            resumeActiveRef.current = true;
+            const chatTab = chatTabIdRef.current;
             if (chatTab) homeNav.switchTab(chatTab);
             log16.info("resumed in-flight reply on mount");
           }
@@ -5592,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);