@helpai/elements 0.9.0 → 0.9.2

package/index.mjs

@@ -3454,7 +3454,7 @@ function MessageBubble({ message, strings, responseMode, showReasoning, showTool
   const streaming = message.role === "assistant" && message.status === "streaming";
   const bufferedHold = responseMode === "buffered" && streaming;
   const working = streaming && !hasAnswerText.value;
-  const showTypingDots = !bufferedHold && working && !reasoningVisible.value;
+  const showStreamDots = streaming && !bufferedHold && !(reasoningVisible.value && working);
   return /* @__PURE__ */ jsx10("div", { class: `${p9}-bubble-row`, "data-role": message.role, "data-testid": tid(TID.messageBubble, message.id), children: /* @__PURE__ */ jsxs7("div", { class: `${p9}-bubble`, children: [
     bufferedHold ? /* @__PURE__ */ jsx10(LoadingSpinner, { label: strings.loading }) : partList.map((part) => /* @__PURE__ */ jsx10(
       PartView,
@@ -3467,7 +3467,7 @@ function MessageBubble({ message, strings, responseMode, showReasoning, showTool
       },
       partKey(part)
     )),
-    showTypingDots && /* @__PURE__ */ jsx10(TypingDots, {}),
+    showStreamDots && /* @__PURE__ */ jsx10(TypingDots, {}),
     message.status === "error" && message.errorText ? /* @__PURE__ */ jsx10("div", { class: `${p9}-error`, role: "alert", children: /* @__PURE__ */ jsx10("span", { children: message.errorText }) }) : null
   ] }) });
 }
@@ -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.2"
 }

package/web-component.mjs

@@ -3518,7 +3518,7 @@ function MessageBubble({ message, strings, responseMode, showReasoning, showTool
   const streaming = message.role === "assistant" && message.status === "streaming";
   const bufferedHold = responseMode === "buffered" && streaming;
   const working = streaming && !hasAnswerText.value;
-  const showTypingDots = !bufferedHold && working && !reasoningVisible.value;
+  const showStreamDots = streaming && !bufferedHold && !(reasoningVisible.value && working);
   return /* @__PURE__ */ jsx10("div", { class: `${p9}-bubble-row`, "data-role": message.role, "data-testid": tid(TID.messageBubble, message.id), children: /* @__PURE__ */ jsxs7("div", { class: `${p9}-bubble`, children: [
     bufferedHold ? /* @__PURE__ */ jsx10(LoadingSpinner, { label: strings.loading }) : partList.map((part) => /* @__PURE__ */ jsx10(
       PartView,
@@ -3531,7 +3531,7 @@ function MessageBubble({ message, strings, responseMode, showReasoning, showTool
       },
       partKey(part)
     )),
-    showTypingDots && /* @__PURE__ */ jsx10(TypingDots, {}),
+    showStreamDots && /* @__PURE__ */ jsx10(TypingDots, {}),
     message.status === "error" && message.errorText ? /* @__PURE__ */ jsx10("div", { class: `${p9}-error`, role: "alert", children: /* @__PURE__ */ jsx10("span", { children: message.errorText }) }) : null
   ] }) });
 }
@@ -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);