@helpai/elements 0.61.1 → 0.61.3

package/index.mjs

@@ -29,7 +29,7 @@ var BRAND = {
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.61.1" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.61.3" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -2003,7 +2003,7 @@ async function* parseChatStream(response, signal7) {
         const trailing = buffer.trim();
         if (trailing) {
           const parsed = parseFrame(trailing);
-          if (parsed) yield parsed;
+          if (parsed && parsed !== "done") yield parsed;
         }
         return;
       }
@@ -2013,6 +2013,7 @@ async function* parseChatStream(response, signal7) {
         const frame = buffer.slice(0, frameEnd);
         buffer = buffer.slice(frameEnd + 2);
         const parsed = parseFrame(frame);
+        if (parsed === "done") return;
         if (parsed) yield parsed;
       }
     }
@@ -2035,7 +2036,8 @@ ${part}` : part;
       eventId = line.slice(3).trim();
     }
   }
-  if (!dataPayload || dataPayload === "[DONE]") return null;
+  if (dataPayload === "[DONE]") return "done";
+  if (!dataPayload) return null;
   try {
     const chunk = JSON.parse(dataPayload);
     log5.trace("chunk", { type: chunk.type, eventId });
@@ -2238,7 +2240,6 @@ function messageToWireParts(m) {
 var log6 = logger.scope("transport");
 var MAX_RESUME_ATTEMPTS = 3;
 var RESUME_BACKOFF_MS = 400;
-var POST_FINISH_DRAIN_MS = 2e4;
 var CONTENT_CACHE_TTL_MS = 6e4;
 var CONVERSATIONS_CACHE_TTL_MS = 1e4;
 var MAX_REQUEST_RETRIES = 3;
@@ -2752,11 +2753,6 @@ var AgentTransport = class {
    */
   async *drain(source, seenIds, ctrl) {
     let terminal = false;
-    let watchdog;
-    const armWatchdog = () => {
-      if (watchdog) clearTimeout(watchdog);
-      watchdog = setTimeout(() => ctrl.abort(), POST_FINISH_DRAIN_MS);
-    };
     try {
       for await (const evt of source) {
         if (ctrl.signal.aborted) return true;
@@ -2766,14 +2762,11 @@ var AgentTransport = class {
         }
         yield evt;
         if (evt.chunk.type === "finish" || evt.chunk.type === "error") terminal = true;
-        if (terminal) armWatchdog();
       }
     } catch (err) {
       if (ctrl.signal.aborted) return true;
       if (err instanceof StreamError && err.status !== void 0) throw err;
       log6.debug("stream segment dropped", { err });
-    } finally {
-      if (watchdog) clearTimeout(watchdog);
     }
     return terminal;
   }
@@ -6980,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,
         {
@@ -8247,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;
@@ -8446,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;
@@ -8477,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;
@@ -8506,7 +8492,6 @@ function App({ options, hostElement, bus }) {
             bubble.status = "complete";
             feedback.play("messageReceived");
             emitMessage(bus, options, "assistant", assistantText(bubble));
-            flushSuggestions();
           }
         }
       } catch (err) {
@@ -8646,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);
@@ -8671,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)) {
@@ -8920,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]);
@@ -9082,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);
@@ -9095,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.1"
+  "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.1" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.61.3" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -1962,7 +1962,7 @@ async function* parseChatStream(response, signal7) {
         const trailing = buffer.trim();
         if (trailing) {
           const parsed = parseFrame(trailing);
-          if (parsed) yield parsed;
+          if (parsed && parsed !== "done") yield parsed;
         }
         return;
       }
@@ -1972,6 +1972,7 @@ async function* parseChatStream(response, signal7) {
         const frame = buffer.slice(0, frameEnd);
         buffer = buffer.slice(frameEnd + 2);
         const parsed = parseFrame(frame);
+        if (parsed === "done") return;
         if (parsed) yield parsed;
       }
     }
@@ -1994,7 +1995,8 @@ ${part}` : part;
       eventId = line.slice(3).trim();
     }
   }
-  if (!dataPayload || dataPayload === "[DONE]") return null;
+  if (dataPayload === "[DONE]") return "done";
+  if (!dataPayload) return null;
   try {
     const chunk = JSON.parse(dataPayload);
     log4.trace("chunk", { type: chunk.type, eventId });
@@ -2197,7 +2199,6 @@ function messageToWireParts(m) {
 var log5 = logger.scope("transport");
 var MAX_RESUME_ATTEMPTS = 3;
 var RESUME_BACKOFF_MS = 400;
-var POST_FINISH_DRAIN_MS = 2e4;
 var CONTENT_CACHE_TTL_MS = 6e4;
 var CONVERSATIONS_CACHE_TTL_MS = 1e4;
 var MAX_REQUEST_RETRIES = 3;
@@ -2711,11 +2712,6 @@ var AgentTransport = class {
    */
   async *drain(source, seenIds, ctrl) {
     let terminal = false;
-    let watchdog;
-    const armWatchdog = () => {
-      if (watchdog) clearTimeout(watchdog);
-      watchdog = setTimeout(() => ctrl.abort(), POST_FINISH_DRAIN_MS);
-    };
     try {
       for await (const evt of source) {
         if (ctrl.signal.aborted) return true;
@@ -2725,14 +2721,11 @@ var AgentTransport = class {
         }
         yield evt;
         if (evt.chunk.type === "finish" || evt.chunk.type === "error") terminal = true;
-        if (terminal) armWatchdog();
       }
     } catch (err) {
       if (ctrl.signal.aborted) return true;
       if (err instanceof StreamError && err.status !== void 0) throw err;
       log5.debug("stream segment dropped", { err });
-    } finally {
-      if (watchdog) clearTimeout(watchdog);
     }
     return terminal;
   }
@@ -6939,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,
         {
@@ -8206,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;
@@ -8405,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;
@@ -8436,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;
@@ -8465,7 +8451,6 @@ function App({ options, hostElement, bus }) {
             bubble.status = "complete";
             feedback.play("messageReceived");
             emitMessage(bus, options, "assistant", assistantText(bubble));
-            flushSuggestions();
           }
         }
       } catch (err) {
@@ -8605,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);
@@ -8630,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)) {
@@ -8879,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]);
@@ -9041,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);
@@ -9054,7 +9049,7 @@ function App({ options, hostElement, bus }) {
       bus,
       options,
       persistence,
-      refreshUnread,
+      clearUnread,
       fetchFormMarkers,
       withWelcomeRows,
       streaming,