@helpai/elements 0.61.2 → 0.61.3

package/index.mjs

@@ -29,7 +29,7 @@ var BRAND = {
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.61.2" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.61.3" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -6973,7 +6973,7 @@ function PanelContent(props2) {
     composerArea = null;
   } else if (canSend) {
     composerArea = /* @__PURE__ */ jsxs18(Fragment5, { children: [
-      /* @__PURE__ */ jsx23(Suggestions, { suggestions, onPick: onSuggestion }),
+      !isStreaming && /* @__PURE__ */ jsx23(Suggestions, { suggestions, onPick: onSuggestion }),
       /* @__PURE__ */ jsx23(
         Composer,
         {
@@ -8240,6 +8240,7 @@ function App({ options, hostElement, bus }) {
   const markActiveConversationReadRef = useRef9(null);
   const markReadTimerRef = useRef9();
   useEffect16(() => () => clearTimeout(markReadTimerRef.current), []);
+  const unreadIdsRef = useRef9(/* @__PURE__ */ new Set());
   useEffect16(() => {
     if (!conversationReady || homeNavSeeded.current) return;
     homeNavSeeded.current = true;
@@ -8439,18 +8440,11 @@ function App({ options, hostElement, bus }) {
   useEffect16(() => {
     if (effectiveLocale !== activeLocale) setActiveLocale(effectiveLocale);
   }, [effectiveLocale, activeLocale]);
-  const pendingSuggestionsRef = useRef9(null);
   const captureSuggestions = useCallback6((chunk) => {
     if (chunk.type !== "data-suggestions") return false;
-    pendingSuggestionsRef.current = parseSuggestions(chunk.data);
+    setSuggestions(parseSuggestions(chunk.data));
     return true;
   }, []);
-  const flushSuggestions = useCallback6(() => {
-    if (pendingSuggestionsRef.current) {
-      setSuggestions(pendingSuggestionsRef.current);
-      pendingSuggestionsRef.current = null;
-    }
-  }, []);
   const adoptConversationRebind = useCallback6(
     (chunk) => {
       if (chunk.type !== "data-conversation-rebind") return false;
@@ -8470,7 +8464,6 @@ function App({ options, hostElement, bus }) {
   const runResume = useCallback6(
     async (handle) => {
       let bubble = null;
-      pendingSuggestionsRef.current = null;
       try {
         for await (const evt of handle.iter) {
           if (adoptConversationRebind(evt.chunk) || captureSuggestions(evt.chunk)) continue;
@@ -8499,7 +8492,6 @@ function App({ options, hostElement, bus }) {
             bubble.status = "complete";
             feedback.play("messageReceived");
             emitMessage(bus, options, "assistant", assistantText(bubble));
-            flushSuggestions();
           }
         }
       } catch (err) {
@@ -8639,7 +8631,6 @@ function App({ options, hostElement, bus }) {
         userPrefs: persistence.loadUserPrefs()
       });
       setStreaming(true);
-      pendingSuggestionsRef.current = null;
       const handle = transport.sendMessage(body);
       setActiveCancel(() => handle.cancel);
       setActiveDetach(() => handle.detach);
@@ -8664,7 +8655,6 @@ function App({ options, hostElement, bus }) {
           assistantMsg.status = "complete";
           feedback.play("messageReceived");
           emitMessage(bus, options, "assistant", assistantText(assistantMsg));
-          flushSuggestions();
         }
       } catch (error) {
         if (isAbortError(error)) {
@@ -8913,22 +8903,34 @@ function App({ options, hostElement, bus }) {
     bus.emit("close", void 0);
     options.onClose?.();
   }, [bus, options, persistence, panelSize, forms]);
+  const recomputeUnread = useCallback6(() => {
+    const onScreenConversationId = isChatActive() ? conversationIdSig.value : void 0;
+    hasUnreadSig.value = [...unreadIdsRef.current].some((id) => id !== onScreenConversationId);
+  }, [hasUnreadSig, conversationIdSig]);
   const refreshUnread = useCallback6(() => {
     if (!options.modules.list.some((m) => m.layout === "chat")) return;
     transport.listConversations({ limit: 50 }).then((res) => {
-      const onScreenConversationId = isChatActive() ? conversationIdSig.value : void 0;
-      hasUnreadSig.value = res.conversations.some((c) => c.hasUnread && c.conversationId !== onScreenConversationId);
+      unreadIdsRef.current = new Set(res.conversations.filter((c) => c.hasUnread).map((c) => c.conversationId));
+      recomputeUnread();
     }).catch((err) => log17.debug("refreshUnread failed (non-fatal)", { err }));
-  }, [transport, options.modules, hasUnreadSig, conversationIdSig]);
+  }, [transport, options.modules, recomputeUnread]);
+  const clearUnread = useCallback6(
+    (conversationId) => {
+      unreadIdsRef.current.delete(conversationId);
+      recomputeUnread();
+    },
+    [recomputeUnread]
+  );
   const markActiveConversationRead = useCallback6(() => {
     if (!isChatActive()) return;
     const conversationId = conversationIdSig.value;
     if (!conversationId) return;
     clearTimeout(markReadTimerRef.current);
     markReadTimerRef.current = setTimeout(() => {
-      void transport.markRead(conversationId).then(refreshUnread);
+      clearUnread(conversationId);
+      void transport.markRead(conversationId);
     }, MARK_READ_DELAY_MS);
-  }, [transport, conversationIdSig, refreshUnread]);
+  }, [transport, conversationIdSig, clearUnread]);
   useEffect16(() => {
     markActiveConversationReadRef.current = markActiveConversationRead;
   }, [markActiveConversationRead]);
@@ -9075,7 +9077,7 @@ function App({ options, hostElement, bus }) {
         setView("chat");
         void resumeInFlight();
         await transport.markRead(targetConversationId);
-        refreshUnread();
+        clearUnread(targetConversationId);
       } catch (err) {
         bus.emit("error", err);
         options.onError?.(err);
@@ -9088,7 +9090,7 @@ function App({ options, hostElement, bus }) {
       bus,
       options,
       persistence,
-      refreshUnread,
+      clearUnread,
       fetchFormMarkers,
       withWelcomeRows,
       streaming,

package/package.json

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

package/web-component.mjs

@@ -1930,7 +1930,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.61.2" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.61.3" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -6932,7 +6932,7 @@ function PanelContent(props2) {
     composerArea = null;
   } else if (canSend) {
     composerArea = /* @__PURE__ */ jsxs18(Fragment5, { children: [
-      /* @__PURE__ */ jsx23(Suggestions, { suggestions, onPick: onSuggestion }),
+      !isStreaming && /* @__PURE__ */ jsx23(Suggestions, { suggestions, onPick: onSuggestion }),
       /* @__PURE__ */ jsx23(
         Composer,
         {
@@ -8199,6 +8199,7 @@ function App({ options, hostElement, bus }) {
   const markActiveConversationReadRef = useRef9(null);
   const markReadTimerRef = useRef9();
   useEffect16(() => () => clearTimeout(markReadTimerRef.current), []);
+  const unreadIdsRef = useRef9(/* @__PURE__ */ new Set());
   useEffect16(() => {
     if (!conversationReady || homeNavSeeded.current) return;
     homeNavSeeded.current = true;
@@ -8398,18 +8399,11 @@ function App({ options, hostElement, bus }) {
   useEffect16(() => {
     if (effectiveLocale !== activeLocale) setActiveLocale(effectiveLocale);
   }, [effectiveLocale, activeLocale]);
-  const pendingSuggestionsRef = useRef9(null);
   const captureSuggestions = useCallback6((chunk) => {
     if (chunk.type !== "data-suggestions") return false;
-    pendingSuggestionsRef.current = parseSuggestions(chunk.data);
+    setSuggestions(parseSuggestions(chunk.data));
     return true;
   }, []);
-  const flushSuggestions = useCallback6(() => {
-    if (pendingSuggestionsRef.current) {
-      setSuggestions(pendingSuggestionsRef.current);
-      pendingSuggestionsRef.current = null;
-    }
-  }, []);
   const adoptConversationRebind = useCallback6(
     (chunk) => {
       if (chunk.type !== "data-conversation-rebind") return false;
@@ -8429,7 +8423,6 @@ function App({ options, hostElement, bus }) {
   const runResume = useCallback6(
     async (handle) => {
       let bubble = null;
-      pendingSuggestionsRef.current = null;
       try {
         for await (const evt of handle.iter) {
           if (adoptConversationRebind(evt.chunk) || captureSuggestions(evt.chunk)) continue;
@@ -8458,7 +8451,6 @@ function App({ options, hostElement, bus }) {
             bubble.status = "complete";
             feedback.play("messageReceived");
             emitMessage(bus, options, "assistant", assistantText(bubble));
-            flushSuggestions();
           }
         }
       } catch (err) {
@@ -8598,7 +8590,6 @@ function App({ options, hostElement, bus }) {
         userPrefs: persistence.loadUserPrefs()
       });
       setStreaming(true);
-      pendingSuggestionsRef.current = null;
       const handle = transport.sendMessage(body);
       setActiveCancel(() => handle.cancel);
       setActiveDetach(() => handle.detach);
@@ -8623,7 +8614,6 @@ function App({ options, hostElement, bus }) {
           assistantMsg.status = "complete";
           feedback.play("messageReceived");
           emitMessage(bus, options, "assistant", assistantText(assistantMsg));
-          flushSuggestions();
         }
       } catch (error) {
         if (isAbortError(error)) {
@@ -8872,22 +8862,34 @@ function App({ options, hostElement, bus }) {
     bus.emit("close", void 0);
     options.onClose?.();
   }, [bus, options, persistence, panelSize, forms]);
+  const recomputeUnread = useCallback6(() => {
+    const onScreenConversationId = isChatActive() ? conversationIdSig.value : void 0;
+    hasUnreadSig.value = [...unreadIdsRef.current].some((id) => id !== onScreenConversationId);
+  }, [hasUnreadSig, conversationIdSig]);
   const refreshUnread = useCallback6(() => {
     if (!options.modules.list.some((m) => m.layout === "chat")) return;
     transport.listConversations({ limit: 50 }).then((res) => {
-      const onScreenConversationId = isChatActive() ? conversationIdSig.value : void 0;
-      hasUnreadSig.value = res.conversations.some((c) => c.hasUnread && c.conversationId !== onScreenConversationId);
+      unreadIdsRef.current = new Set(res.conversations.filter((c) => c.hasUnread).map((c) => c.conversationId));
+      recomputeUnread();
     }).catch((err) => log16.debug("refreshUnread failed (non-fatal)", { err }));
-  }, [transport, options.modules, hasUnreadSig, conversationIdSig]);
+  }, [transport, options.modules, recomputeUnread]);
+  const clearUnread = useCallback6(
+    (conversationId) => {
+      unreadIdsRef.current.delete(conversationId);
+      recomputeUnread();
+    },
+    [recomputeUnread]
+  );
   const markActiveConversationRead = useCallback6(() => {
     if (!isChatActive()) return;
     const conversationId = conversationIdSig.value;
     if (!conversationId) return;
     clearTimeout(markReadTimerRef.current);
     markReadTimerRef.current = setTimeout(() => {
-      void transport.markRead(conversationId).then(refreshUnread);
+      clearUnread(conversationId);
+      void transport.markRead(conversationId);
     }, MARK_READ_DELAY_MS);
-  }, [transport, conversationIdSig, refreshUnread]);
+  }, [transport, conversationIdSig, clearUnread]);
   useEffect16(() => {
     markActiveConversationReadRef.current = markActiveConversationRead;
   }, [markActiveConversationRead]);
@@ -9034,7 +9036,7 @@ function App({ options, hostElement, bus }) {
         setView("chat");
         void resumeInFlight();
         await transport.markRead(targetConversationId);
-        refreshUnread();
+        clearUnread(targetConversationId);
       } catch (err) {
         bus.emit("error", err);
         options.onError?.(err);
@@ -9047,7 +9049,7 @@ function App({ options, hostElement, bus }) {
       bus,
       options,
       persistence,
-      refreshUnread,
+      clearUnread,
       fetchFormMarkers,
       withWelcomeRows,
       streaming,