@iota-uz/sdk 0.4.33 → 0.4.35

package/dist/bichat/index.mjs

@@ -3647,16 +3647,26 @@ function hashString(str) {
   return Math.abs(hash);
 }
 var colorPalette = [
-  { bg: "bg-blue-500", text: "text-white" },
-  { bg: "bg-green-500", text: "text-white" },
-  { bg: "bg-purple-500", text: "text-white" },
-  { bg: "bg-pink-500", text: "text-white" },
-  { bg: "bg-indigo-500", text: "text-white" },
-  { bg: "bg-teal-500", text: "text-white" },
-  { bg: "bg-orange-500", text: "text-white" },
-  { bg: "bg-cyan-500", text: "text-white" },
-  { bg: "bg-amber-500", text: "text-white" },
-  { bg: "bg-lime-500", text: "text-white" }
+  { bg: "#3b82f6", text: "#ffffff" },
+  // blue-500
+  { bg: "#22c55e", text: "#111827" },
+  // green-500 (light bg)
+  { bg: "#a855f7", text: "#ffffff" },
+  // purple-500
+  { bg: "#ec4899", text: "#ffffff" },
+  // pink-500
+  { bg: "#6366f1", text: "#ffffff" },
+  // indigo-500
+  { bg: "#14b8a6", text: "#111827" },
+  // teal-500 (light bg)
+  { bg: "#f97316", text: "#ffffff" },
+  // orange-500
+  { bg: "#06b6d4", text: "#111827" },
+  // cyan-500 (light bg)
+  { bg: "#f59e0b", text: "#111827" },
+  // amber-500 (light bg)
+  { bg: "#84cc16", text: "#111827" }
+  // lime-500 (light bg)
 ];
 var sizeClasses = {
   xs: "w-6 h-6 text-[10px]",
@@ -3686,8 +3696,6 @@ function UserAvatar({
     {
       className: `
         ${sizeClasses[size]}
-        ${colors.bg}
-        ${colors.text}
         ${className}
         rounded-full
         flex
@@ -3697,6 +3705,7 @@ function UserAvatar({
         flex-shrink-0
         select-none
       `,
+      style: { backgroundColor: colors.bg, color: colors.text },
       "aria-label": `${firstName} ${lastName}`,
       title: `${firstName} ${lastName}`,
       children: initials
@@ -12668,7 +12677,9 @@ function ModelSelector() {
   }, [currentModel, models, setModel]);
   useEffect(() => {
     const handler = (e) => {
-      if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key === "m") {
+      const isModifierPressed = e.metaKey || e.ctrlKey;
+      const isShortcutKey = e.code === "KeyM" || e.key.toLowerCase() === "m";
+      if (isModifierPressed && e.shiftKey && !e.altKey && isShortcutKey) {
         e.preventDefault();
         rotateModel();
       }
@@ -14373,6 +14384,62 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
     });
     return Array.from(userMap.values());
   }, [chats, users, dataSource.listUsers]);
+  const [expandedGroups, setExpandedGroups] = useState(/* @__PURE__ */ new Set());
+  const toggleGroup = useCallback((ownerId) => {
+    setExpandedGroups((prev) => {
+      const next = new Set(prev);
+      if (next.has(ownerId)) {
+        next.delete(ownerId);
+      } else {
+        next.add(ownerId);
+      }
+      return next;
+    });
+  }, []);
+  useEffect(() => {
+    if (!activeSessionId || selectedUser) {
+      return;
+    }
+    const chat = chats.find((c) => c.id === activeSessionId);
+    if (chat?.owner?.id) {
+      setExpandedGroups((prev) => {
+        if (prev.has(chat.owner.id)) {
+          return prev;
+        }
+        return /* @__PURE__ */ new Set([...prev, chat.owner.id]);
+      });
+    }
+  }, [activeSessionId, chats, selectedUser]);
+  const groupedChats = useMemo(() => {
+    if (selectedUser) {
+      return null;
+    }
+    const groupMap = /* @__PURE__ */ new Map();
+    chats.forEach((chat) => {
+      const owner = chat.owner ?? {
+        id: "__unknown__",
+        firstName: t("BiChat.Common.Untitled"),
+        lastName: "",
+        initials: "?"
+      };
+      const ownerId = owner.id;
+      if (!groupMap.has(ownerId)) {
+        groupMap.set(ownerId, {
+          owner,
+          chats: [],
+          latestUpdatedAt: chat.updatedAt
+        });
+      }
+      const group = groupMap.get(ownerId);
+      group.chats.push(chat);
+      if (chat.updatedAt > group.latestUpdatedAt) {
+        group.latestUpdatedAt = chat.updatedAt;
+      }
+    });
+    return Array.from(groupMap.values()).sort(
+      (a, b) => b.latestUpdatedAt.localeCompare(a.latestUpdatedAt)
+    );
+  }, [chats, selectedUser, t]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -14418,61 +14485,159 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
               role: "list",
               "aria-label": t("BiChat.AllChats.OrganizationChatSessions"),
               children: [
-                chats.map((chat) => {
-                  const owner = chat.owner ?? {
-                    firstName: "",
-                    lastName: "",
-                    initials: "U"
-                  };
-                  const ownerName = [owner.firstName, owner.lastName].filter(Boolean).join(" ");
-                  return /* @__PURE__ */ jsx(
-                    motion.div,
-                    {
-                      initial: { opacity: 0, y: -10 },
-                      animate: { opacity: 1, y: 0 },
-                      exit: { opacity: 0, y: -10 },
-                      children: /* @__PURE__ */ jsx(
+                groupedChats ? (
+                  /* ── Grouped view (no user selected) ── */
+                  groupedChats.map((group) => {
+                    const ownerId = group.owner.id;
+                    const ownerName = [group.owner.firstName, group.owner.lastName].filter(Boolean).join(" ");
+                    const isCollapsed = !expandedGroups.has(ownerId);
+                    return /* @__PURE__ */ jsxs("div", { className: "mb-1", children: [
+                      /* @__PURE__ */ jsxs(
                         "div",
                         {
-                          role: "link",
+                          role: "button",
                           tabIndex: 0,
-                          onClick: () => onSessionSelect(chat.id),
+                          onClick: () => toggleGroup(ownerId),
                           onKeyDown: (e) => {
                             if (e.key === "Enter" || e.key === " ") {
                               e.preventDefault();
-                              onSessionSelect(chat.id);
+                              toggleGroup(ownerId);
                             }
                           },
-                          className: `
-                        block px-3 py-2 rounded-lg transition-smooth group cursor-pointer
-                        ${chat.id === activeSessionId ? "bg-primary-50/50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 border-l-4 border-primary-400 dark:border-primary-600" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 border-l-4 border-transparent"}
-                      `,
-                          "aria-current": chat.id === activeSessionId ? "page" : void 0,
-                          children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+                          className: "flex items-center gap-2 px-3 py-2 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-lg transition-smooth select-none",
+                          "aria-expanded": !isCollapsed,
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              CaretRight,
+                              {
+                                size: 14,
+                                weight: "bold",
+                                className: `shrink-0 text-gray-500 dark:text-gray-400 transition-transform duration-150 ${isCollapsed ? "" : "rotate-90"}`
+                              }
+                            ),
                             /* @__PURE__ */ jsx(
                               MemoizedUserAvatar,
                               {
-                                firstName: owner.firstName,
-                                lastName: owner.lastName,
-                                initials: owner.initials,
+                                firstName: group.owner.firstName,
+                                lastName: group.owner.lastName,
+                                initials: group.owner.initials,
                                 size: "sm"
                               }
                             ),
-                            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("BiChat.Common.Untitled") }),
-                              ownerName && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: ownerName }),
-                              chat.status === "archived" && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 mt-1 px-2 py-0.5 bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 rounded-full text-xs", children: [
-                                /* @__PURE__ */ jsx(Archive, { size: 12, className: "w-3 h-3" }),
-                                t("BiChat.Chat.Archived")
+                            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 truncate flex-1 min-w-0", children: ownerName || t("BiChat.Common.Untitled") }),
+                            /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded-full flex-shrink-0", children: group.chats.length })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: !isCollapsed && /* @__PURE__ */ jsx(
+                        motion.div,
+                        {
+                          initial: { height: 0, opacity: 0 },
+                          animate: { height: "auto", opacity: 1 },
+                          exit: { height: 0, opacity: 0 },
+                          transition: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },
+                          className: "overflow-hidden",
+                          children: /* @__PURE__ */ jsx("div", { className: "space-y-0.5 pl-6", children: group.chats.map((chat) => /* @__PURE__ */ jsx(
+                            motion.div,
+                            {
+                              initial: { opacity: 0, y: -10 },
+                              animate: { opacity: 1, y: 0 },
+                              exit: { opacity: 0, y: -10 },
+                              children: /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  role: "link",
+                                  tabIndex: 0,
+                                  onClick: () => onSessionSelect(chat.id),
+                                  onKeyDown: (e) => {
+                                    if (e.key === "Enter" || e.key === " ") {
+                                      e.preventDefault();
+                                      onSessionSelect(chat.id);
+                                    }
+                                  },
+                                  className: `
+                                        block px-3 py-2 rounded-lg transition-smooth group cursor-pointer
+                                        ${chat.id === activeSessionId ? "bg-primary-50/50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 border-l-4 border-primary-400 dark:border-primary-600" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 border-l-4 border-transparent"}
+                                      `,
+                                  "aria-current": chat.id === activeSessionId ? "page" : void 0,
+                                  children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+                                    /* @__PURE__ */ jsx("p", { className: "text-sm truncate flex-1 min-w-0", children: chat.title || t("BiChat.Common.Untitled") }),
+                                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [
+                                      chat.isGroup && chat.memberCount && chat.memberCount > 1 && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: chat.memberCount }),
+                                      chat.status === "archived" && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 rounded-full text-xs", children: [
+                                        /* @__PURE__ */ jsx(Archive, { size: 12, className: "w-3 h-3" }),
+                                        t("BiChat.Chat.Archived")
+                                      ] })
+                                    ] })
+                                  ] })
+                                }
+                              )
+                            },
+                            chat.id
+                          )) })
+                        },
+                        `group-${ownerId}`
+                      ) })
+                    ] }, ownerId);
+                  })
+                ) : (
+                  /* ── Flat view (user selected) ── */
+                  chats.map((chat) => {
+                    const owner = chat.owner ?? {
+                      firstName: "",
+                      lastName: "",
+                      initials: "U"
+                    };
+                    const ownerName = [owner.firstName, owner.lastName].filter(Boolean).join(" ");
+                    return /* @__PURE__ */ jsx(
+                      motion.div,
+                      {
+                        initial: { opacity: 0, y: -10 },
+                        animate: { opacity: 1, y: 0 },
+                        exit: { opacity: 0, y: -10 },
+                        children: /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            role: "link",
+                            tabIndex: 0,
+                            onClick: () => onSessionSelect(chat.id),
+                            onKeyDown: (e) => {
+                              if (e.key === "Enter" || e.key === " ") {
+                                e.preventDefault();
+                                onSessionSelect(chat.id);
+                              }
+                            },
+                            className: `
+                            block px-3 py-2 rounded-lg transition-smooth group cursor-pointer
+                            ${chat.id === activeSessionId ? "bg-primary-50/50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-400 border-l-4 border-primary-400 dark:border-primary-600" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 border-l-4 border-transparent"}
+                          `,
+                            "aria-current": chat.id === activeSessionId ? "page" : void 0,
+                            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+                              /* @__PURE__ */ jsx(
+                                MemoizedUserAvatar,
+                                {
+                                  firstName: owner.firstName,
+                                  lastName: owner.lastName,
+                                  initials: owner.initials,
+                                  size: "sm"
+                                }
+                              ),
+                              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("BiChat.Common.Untitled") }),
+                                ownerName && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: ownerName }),
+                                chat.status === "archived" && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 mt-1 px-2 py-0.5 bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 rounded-full text-xs", children: [
+                                  /* @__PURE__ */ jsx(Archive, { size: 12, className: "w-3 h-3" }),
+                                  t("BiChat.Chat.Archived")
+                                ] })
                               ] })
                             ] })
-                          ] })
-                        }
-                      )
-                    },
-                    chat.id
-                  );
-                }),
+                          }
+                        )
+                      },
+                      chat.id
+                    );
+                  })
+                ),
                 hasMore && /* @__PURE__ */ jsx("div", { ref: loadMoreRef, className: "py-4 text-center", children: fetching ? /* @__PURE__ */ jsx(SessionSkeleton, { count: 2 }) : /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -14695,7 +14860,9 @@ function Sidebar2({
   onClose,
   headerSlot,
   footerSlot,
-  className = ""
+  className = "",
+  activeTab: controlledActiveTab,
+  onTabChange
 }) {
   const { t } = useTranslation();
   const toast = useToast();
@@ -14755,7 +14922,14 @@ function Sidebar2({
     const timer = setTimeout(() => setCollapsedOverflowVisible(true), 300);
     return () => clearTimeout(timer);
   }, [showCollapsed]);
-  const [activeTab, setActiveTab] = useState("my-chats");
+  const [internalActiveTab, setInternalActiveTab] = useState("my-chats");
+  const activeTab = controlledActiveTab ?? internalActiveTab;
+  const handleTabChange = useCallback((tab) => {
+    if (controlledActiveTab === void 0) {
+      setInternalActiveTab(tab);
+    }
+    onTabChange?.(tab);
+  }, [controlledActiveTab, onTabChange]);
   const [searchQuery, setSearchQuery] = useState("");
   const [sessions, setSessions] = useState([]);
   const [loading, setLoading] = useState(true);
@@ -15369,7 +15543,7 @@ function Sidebar2({
                               onClick: (e) => {
                                 e.preventDefault();
                                 e.stopPropagation();
-                                setActiveTab("all-chats");
+                                handleTabChange("all-chats");
                                 close();
                               },
                               className: `cursor-pointer flex w-full items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-[13px] text-gray-600 dark:text-gray-300 transition-colors ${focus ? "bg-gray-100 dark:bg-gray-800/70" : ""}`,
@@ -15386,7 +15560,7 @@ function Sidebar2({
                               onClick: (e) => {
                                 e.preventDefault();
                                 e.stopPropagation();
-                                setActiveTab("my-chats");
+                                handleTabChange("my-chats");
                                 close();
                               },
                               className: `cursor-pointer flex w-full items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-[13px] text-gray-600 dark:text-gray-300 transition-colors ${focus ? "bg-gray-100 dark:bg-gray-800/70" : ""}`,
@@ -16881,6 +17055,140 @@ function useStreaming2(options = {}) {
     reset
   };
 }
+var TERMINAL = /* @__PURE__ */ new Set([
+  "completed",
+  "cancelled",
+  "failed"
+]);
+function useActiveRuns(dataSource, options = {}) {
+  const [runs, setRuns] = useState({});
+  const [ready, setReady] = useState(false);
+  const onErrorRef = useRef(options.onError);
+  onErrorRef.current = options.onError;
+  const enabled = options.enabled ?? true;
+  const retainTerminalMs = options.retainTerminalMs ?? 0;
+  const emptyStateTimeoutMs = options.emptyStateTimeoutMs ?? 250;
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    if (!dataSource.subscribeActiveRuns) {
+      return;
+    }
+    const controller = new AbortController();
+    let stagingTimer;
+    const staging = {};
+    let sawSnapshotRow = false;
+    const pendingTerminalTimers = /* @__PURE__ */ new Map();
+    const flushSnapshot = () => {
+      setRuns((prev) => ({ ...prev, ...staging }));
+      setReady(true);
+      stagingTimer = void 0;
+    };
+    const subscription = dataSource.subscribeActiveRuns({
+      signal: controller.signal,
+      onError: (evt) => onErrorRef.current?.(evt),
+      onEvent: (evt) => {
+        if (evt.event === "snapshot") {
+          sawSnapshotRow = true;
+          const pending2 = pendingTerminalTimers.get(evt.sessionId);
+          if (pending2 !== void 0) {
+            clearTimeout(pending2);
+            pendingTerminalTimers.delete(evt.sessionId);
+          }
+          staging[evt.sessionId] = {
+            runId: evt.runId,
+            status: evt.status,
+            updatedAt: evt.updatedAt
+          };
+          if (stagingTimer === void 0) {
+            stagingTimer = setTimeout(flushSnapshot, 16);
+          }
+          return;
+        }
+        if (TERMINAL.has(evt.status)) {
+          if (retainTerminalMs <= 0) {
+            setRuns((prev) => {
+              if (!(evt.sessionId in prev)) {
+                return prev;
+              }
+              const next = { ...prev };
+              delete next[evt.sessionId];
+              return next;
+            });
+            return;
+          }
+          setRuns((prev) => ({
+            ...prev,
+            [evt.sessionId]: {
+              runId: evt.runId,
+              status: evt.status,
+              updatedAt: evt.updatedAt
+            }
+          }));
+          const existing = pendingTerminalTimers.get(evt.sessionId);
+          if (existing !== void 0) {
+            clearTimeout(existing);
+          }
+          const handle = setTimeout(() => {
+            pendingTerminalTimers.delete(evt.sessionId);
+            setRuns((prev) => {
+              if (!(evt.sessionId in prev)) {
+                return prev;
+              }
+              const next = { ...prev };
+              delete next[evt.sessionId];
+              return next;
+            });
+          }, retainTerminalMs);
+          pendingTerminalTimers.set(evt.sessionId, handle);
+          return;
+        }
+        const pending = pendingTerminalTimers.get(evt.sessionId);
+        if (pending !== void 0) {
+          clearTimeout(pending);
+          pendingTerminalTimers.delete(evt.sessionId);
+        }
+        setRuns((prev) => ({
+          ...prev,
+          [evt.sessionId]: {
+            runId: evt.runId,
+            status: evt.status,
+            updatedAt: evt.updatedAt
+          }
+        }));
+      }
+    });
+    subscription?.catch((err) => {
+      if (controller.signal.aborted) {
+        return;
+      }
+      const surface = err instanceof Event ? err : new Event("error");
+      onErrorRef.current?.(surface);
+    });
+    const readyTimeout = setTimeout(() => {
+      if (!sawSnapshotRow) {
+        setReady(true);
+      }
+    }, emptyStateTimeoutMs);
+    return () => {
+      controller.abort();
+      if (stagingTimer !== void 0) {
+        clearTimeout(stagingTimer);
+      }
+      clearTimeout(readyTimeout);
+      for (const handle of pendingTerminalTimers.values()) {
+        clearTimeout(handle);
+      }
+      pendingTerminalTimers.clear();
+    };
+  }, [dataSource, enabled, retainTerminalMs, emptyStateTimeoutMs]);
+  const status = useCallback(
+    (sessionId) => runs[sessionId]?.status,
+    [runs]
+  );
+  return { runs, ready, status };
+}
 
 // ui/src/bichat/index.ts
 init_useTranslation();
@@ -17493,42 +17801,66 @@ function useBichatRouter({
   pathname,
   onNavigate
 }) {
+  const isAllChats = pathname.startsWith("/all-chats");
   const activeSessionId = useMemo(
     () => pathname.match(SESSION_PATH_REGEX)?.[1],
     [pathname]
   );
+  const sidebarTab = useMemo(
+    () => isAllChats ? "all-chats" : "my-chats",
+    [isAllChats]
+  );
   const maybeClose = useCallback(() => {
     onNavigate?.();
   }, [onNavigate]);
   const onSessionSelect = useCallback(
     (sessionId) => {
       if (sessionId) {
-        navigate(`/session/${sessionId}`);
+        const prefix = isAllChats ? "/all-chats" : "";
+        navigate(`${prefix}/session/${sessionId}`);
       } else {
-        navigate("/");
+        navigate(isAllChats ? "/all-chats" : "/");
       }
       maybeClose();
     },
-    [navigate, maybeClose]
+    [navigate, maybeClose, isAllChats]
   );
   const onNewChat = useCallback(() => {
-    navigate("/");
+    navigate(isAllChats ? "/all-chats" : "/");
     maybeClose();
-  }, [navigate, maybeClose]);
+  }, [navigate, maybeClose, isAllChats]);
   const onArchivedView = useCallback(() => {
     navigate("/archived");
     maybeClose();
   }, [navigate, maybeClose]);
+  const onAllChatsView = useCallback(() => {
+    navigate("/all-chats");
+    maybeClose();
+  }, [navigate, maybeClose]);
   const onBack = useCallback(() => {
     navigate("/");
     maybeClose();
   }, [navigate, maybeClose]);
+  const onSidebarTabChange = useCallback(
+    (tab) => {
+      if (tab === "all-chats") {
+        navigate("/all-chats");
+      } else {
+        navigate("/");
+      }
+      maybeClose();
+    },
+    [navigate, maybeClose]
+  );
   return {
     activeSessionId,
     onSessionSelect,
     onNewChat,
     onArchivedView,
-    onBack
+    onBack,
+    onAllChatsView,
+    sidebarTab,
+    onSidebarTabChange
   };
 }
 
@@ -18926,6 +19258,8 @@ function toStreamEvent(chunk) {
       return chunk.sessionId ? { type: "user_message", sessionId: chunk.sessionId } : null;
     case "interrupt":
       return chunk.interrupt ? { type: "interrupt", interrupt: chunk.interrupt, sessionId: chunk.sessionId } : null;
+    case "text_block_end":
+      return { type: "text_block_end", seq: chunk.textBlockSeq ?? 0 };
     case "done":
       return { type: "done", sessionId: chunk.sessionId, generationMs: chunk.generationMs };
     case "error":
@@ -18935,6 +19269,90 @@ function toStreamEvent(chunk) {
   }
 }
 
+// ui/src/bichat/utils/eventNames.ts
+var STREAM_EVENT_TYPES = [
+  "chunk",
+  "content",
+  "thinking",
+  "tool_start",
+  "tool_end",
+  "text_block_end",
+  "snapshot",
+  "interrupt",
+  "citation",
+  "usage",
+  "ping",
+  "stream_started",
+  "done",
+  "cancelled",
+  "error",
+  "failed"
+];
+var TERMINAL_STREAM_EVENT_TYPES = [
+  "done",
+  "cancelled",
+  "error",
+  "failed"
+];
+function isTerminalEvent(name) {
+  return TERMINAL_STREAM_EVENT_TYPES.includes(name);
+}
+
+// ui/src/bichat/data/openManagedEventSource.ts
+function openManagedEventSource(opts) {
+  const graceMs = opts.connectGraceMs ?? 500;
+  return new Promise((resolve, reject) => {
+    const startedAt = Date.now();
+    const es = new EventSource(opts.url, {
+      withCredentials: opts.withCredentials ?? true
+    });
+    let settled = false;
+    let sawEvent = false;
+    const settle = (err) => {
+      if (settled) {
+        return;
+      }
+      settled = true;
+      es.close();
+      if (err) {
+        reject(err);
+      } else {
+        resolve();
+      }
+    };
+    if (opts.signal) {
+      if (opts.signal.aborted) {
+        settle();
+        return;
+      }
+      opts.signal.addEventListener("abort", () => settle(), { once: true });
+    }
+    const forward = (name) => (evt) => {
+      sawEvent = true;
+      let parsed;
+      try {
+        parsed = JSON.parse(evt.data);
+      } catch {
+        parsed = { __unparseable: true, raw: String(evt.data) };
+      }
+      try {
+        opts.onMessage(name, parsed);
+      } catch {
+      }
+    };
+    for (const name of opts.events) {
+      es.addEventListener(name, forward(name));
+    }
+    es.onerror = (evt) => {
+      opts.onError?.(evt);
+      if (graceMs > 0 && !sawEvent && Date.now() - startedAt < graceMs) {
+        const err = opts.onConnectError ? opts.onConnectError(evt) : new Error("EventSource failed to connect before first event");
+        settle(err);
+      }
+    };
+  });
+}
+
 // ui/src/bichat/data/AttachmentUploader.ts
 init_chartSpec();
 var MIME_TO_EXTENSION = {
@@ -19189,6 +19607,26 @@ async function ensureAttachmentUpload(attachment, context, uploadFileFn) {
 }
 
 // ui/src/bichat/data/MessageTransport.ts
+var RunEventsConnectError = class extends Error {
+  constructor(message, cause) {
+    super(message);
+    this.name = "RunEventsConnectError";
+    this.cause = cause;
+  }
+};
+function generateRequestId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  const bytes = new Uint8Array(16);
+  for (let i = 0; i < bytes.length; i++) {
+    bytes[i] = Math.floor(Math.random() * 256);
+  }
+  bytes[6] = bytes[6] & 15 | 64;
+  bytes[8] = bytes[8] & 63 | 128;
+  const hex = Array.from(bytes, (b) => b.toString(16).padStart(2, "0")).join("");
+  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
 async function* sendMessage(deps, sessionId, content, attachments = [], signal, options) {
   const abortController = new AbortController();
   let onExternalAbort;
@@ -19216,12 +19654,14 @@ async function* sendMessage(deps, sessionId, content, attachments = [], signal,
       sessionId,
       attachmentCount: streamAttachments.length
     });
+    const requestId = options?.requestId ?? generateRequestId();
     const payload = {
       sessionId,
       content,
       debugMode: options?.debugMode ?? false,
       replaceFromMessageId: options?.replaceFromMessageID,
-      attachments: streamAttachments
+      attachments: streamAttachments,
+      requestId
     };
     if (options?.reasoningEffort) {
       payload.reasoningEffort = options.reasoningEffort;
@@ -19389,6 +19829,67 @@ async function resumeStream(deps, sessionId, runId, onChunk, signal) {
     }
   }
 }
+function subscribeRunEvents(deps, sessionId, runId, options) {
+  const base = buildStreamUrl(deps, "/events");
+  const qs = new URLSearchParams({ sessionId, runId });
+  const url = `${base}?${qs.toString()}`;
+  const withCursor = options.lastEventId ? `${url}&${new URLSearchParams({ lastEventId: options.lastEventId }).toString()}` : url;
+  const settleController = new AbortController();
+  if (options.signal) {
+    if (options.signal.aborted) {
+      settleController.abort();
+    } else {
+      options.signal.addEventListener("abort", () => settleController.abort(), {
+        once: true
+      });
+    }
+  }
+  return openManagedEventSource({
+    url: withCursor,
+    events: STREAM_EVENT_TYPES,
+    withCredentials: true,
+    signal: settleController.signal,
+    onError: options.onError,
+    onConnectError: (evt) => new RunEventsConnectError(
+      "EventSource failed to connect before first event",
+      evt
+    ),
+    onMessage: (name, data) => {
+      if (typeof data === "object" && data !== null && data.__unparseable) {
+        options.onChunk({
+          type: "error",
+          error: `Failed to parse event: ${data.raw}`
+        });
+        return;
+      }
+      const parsed = data;
+      if (!parsed.type) {
+        parsed.type = name;
+      }
+      options.onChunk(parsed);
+      if (isTerminalEvent(name) || isTerminalEvent(String(parsed.type))) {
+        settleController.abort();
+      }
+    }
+  });
+}
+function subscribeActiveRuns(deps, options) {
+  const url = buildStreamUrl(deps, "/active-runs");
+  return openManagedEventSource({
+    url,
+    events: ["snapshot", "update"],
+    withCredentials: true,
+    signal: options.signal,
+    onError: options.onError,
+    onMessage: (name, data) => {
+      if (typeof data !== "object" || data === null || data.__unparseable) {
+        return;
+      }
+      const body = data;
+      options.onEvent({ event: name, ...body });
+    }
+  });
+}
 async function submitQuestionAnswers(callRPC, sessionId, questionId, answers) {
   try {
     const flatAnswers = {};
@@ -19657,6 +20158,39 @@ var HttpDataSource = class {
       signal
     );
   }
+  /**
+   * Open a native EventSource against GET /stream/events for the given
+   * run. Used by components that want browser-native auto-reconnect
+   * with Last-Event-ID (tab close, wifi drop, device switch). Prefer
+   * over resumeStream when tailing an already-running generation that
+   * another tab started.
+   */
+  subscribeRunEvents(sessionId, runId, options) {
+    return subscribeRunEvents(
+      {
+        baseUrl: this.config.baseUrl,
+        streamEndpoint: this.config.streamEndpoint
+      },
+      sessionId,
+      runId,
+      options
+    );
+  }
+  /**
+   * Subscribe to the per-tenant active-run fan-out
+   * (GET /stream/active-runs). Never resolves until the caller aborts
+   * via the signal; use from a top-level component (sidebar container)
+   * that mounts for the lifetime of the chat app.
+   */
+  subscribeActiveRuns(options) {
+    return subscribeActiveRuns(
+      {
+        baseUrl: this.config.baseUrl,
+        streamEndpoint: this.config.streamEndpoint
+      },
+      options
+    );
+  }
   async *sendMessage(sessionId, content, attachments = [], signal, options) {
     this.abortController = new AbortController();
     let onExternalAbort;
@@ -19730,6 +20264,50 @@ function createHttpDataSource(config) {
   return new HttpDataSource(config);
 }
 
-export { ATTACHMENT_ACCEPT_ATTRIBUTE, ActionButton, ActivityTrace, Alert_default as Alert, AllChatsList, ArchiveBanner_default as ArchiveBanner, ArchivedChatList, AssistantMessage, AssistantTurnView, MemoizedAttachmentGrid as AttachmentGrid, AttachmentPreview_default as AttachmentPreview, AttachmentUpload_default as AttachmentUpload, Avatar, AvatarStack, BiChatLayout, Bubble, CHART_VISUAL, ChartCard, ChatHeader, ChatMachine, ChatSession, ChatSessionProvider, MemoizedCodeBlock as CodeBlock, CodeOutputsPanel, CompactionDoodle, ConfigProvider, ConfirmModal, ConfirmationStep, DateGroupHeader, DebugPanel, DefaultErrorContent, DownloadCard, MemoizedEditableText as EditableText, MemoizedEmptyState as EmptyState, ErrorBoundary, HttpDataSource, ImageModal, InlineQuestionForm, InteractiveTableCard, IotaContextProvider, ListItemSkeleton, MemoizedLoadingSpinner as LoadingSpinner, MemoizedMarkdownRenderer as MarkdownRenderer, MessageActions, MessageInput, MessageList, MessageRole, ModelSelector, PermissionGuard, QuestionForm, QuestionStep, RateLimiter, RetryActionArea, ScreenReaderAnnouncer, ScrollToBottomButton, MemoizedSearchInput as SearchInput, SessionArtifactList, SessionArtifactPreview, SessionArtifactsPanel, SessionItem_default as SessionItem, SessionMembersModal, SessionSkeleton, Sidebar2 as Sidebar, MemoizedSkeleton as Skeleton, SkeletonAvatar, SkeletonCard, SkeletonGroup, SkeletonText, SkipLink, Slot, SourcesPanel, StreamError, StreamingCursor, SystemMessage, TabbedChartGroup, TabbedTableGroup, TableExportButton, TableWithExport, ThemeProvider, Toast, ToastContainer, TouchContextMenu, Turn, TurnBubble, MemoizedTypingIndicator as TypingIndicator, MemoizedUserAvatar as UserAvatar, MemoizedUserFilter as UserFilter, UserMessage, UserTurnView, WelcomeContent, addCSRFHeader, backdropVariants, buttonVariants, convertToBase64, createDataUrl, createHeadersWithCSRF, createHttpDataSource, darkTheme, dropdownVariants, errorMessageVariants, fadeInUpVariants, fadeInVariants, floatingButtonVariants, formatFileSize, getCSRFToken, getFileVisual, getToolLabel, getValidChildren, groupSessionsByDate, groupSteps, hasPermission, isImageMimeType, isPermissionDeniedError, lightTheme, listItemVariants, messageContainerVariants, messageVariants, parseBichatStream, parseBichatStreamEvents, parseSSEStream, scaleFadeVariants, sessionItemVariants, staggerContainerVariants, toErrorDisplay, typingDotVariants, useActionButtonContext, useAttachments, useAutoScroll, useAvatarContext, useBichatRouter, useBubbleContext, useChatInput, useChatMessaging, useChatSession, useConfig, useDataTable, useFocusTrap, useHttpDataSourceConfigFromApplet, useImageGallery, useIotaContext, useKeyboardShortcuts, useLongPress, useMarkdownCopy, useMessageActions, useModalLock, useOptionalChatMessaging, useRequiredConfig, useScrollToBottom, useSidebarState, useStreaming2 as useStreaming, useTheme, useToast, useTranslation, useTurnContext, validateAttachmentFile, validateFileCount, validateImageFile, verbTransitionVariants };
+// ui/src/bichat/utils/textBlocks.ts
+function splitIntoTextBlocks(content, offsets) {
+  if (!content) {
+    return [];
+  }
+  if (!offsets || offsets.length === 0) {
+    return [{ seq: 0, content }];
+  }
+  const sanitized = [...offsets].map((n) => Math.max(0, Math.min(Math.floor(n), content.length))).sort((a, b) => a - b);
+  const blocks = [];
+  let cursor = 0;
+  for (let i = 0; i < sanitized.length; i++) {
+    const end = sanitized[i];
+    if (end <= cursor) {
+      continue;
+    }
+    const slice = content.slice(cursor, end);
+    if (slice) {
+      blocks.push({ seq: blocks.length, content: slice });
+    }
+    cursor = end;
+  }
+  if (cursor < content.length) {
+    blocks.push({ seq: blocks.length, content: content.slice(cursor) });
+  }
+  return blocks;
+}
+function readTextBlockOffsets(partialMetadata) {
+  if (!partialMetadata) {
+    return [];
+  }
+  const raw = partialMetadata["text_block_offsets"];
+  if (!Array.isArray(raw)) {
+    return [];
+  }
+  const out = [];
+  for (const entry of raw) {
+    if (typeof entry === "number" && Number.isFinite(entry) && entry >= 0) {
+      out.push(Math.floor(entry));
+    }
+  }
+  return out;
+}
+
+export { ATTACHMENT_ACCEPT_ATTRIBUTE, ActionButton, ActivityTrace, Alert_default as Alert, AllChatsList, ArchiveBanner_default as ArchiveBanner, ArchivedChatList, AssistantMessage, AssistantTurnView, MemoizedAttachmentGrid as AttachmentGrid, AttachmentPreview_default as AttachmentPreview, AttachmentUpload_default as AttachmentUpload, Avatar, AvatarStack, BiChatLayout, Bubble, CHART_VISUAL, ChartCard, ChatHeader, ChatMachine, ChatSession, ChatSessionProvider, MemoizedCodeBlock as CodeBlock, CodeOutputsPanel, CompactionDoodle, ConfigProvider, ConfirmModal, ConfirmationStep, DateGroupHeader, DebugPanel, DefaultErrorContent, DownloadCard, MemoizedEditableText as EditableText, MemoizedEmptyState as EmptyState, ErrorBoundary, HttpDataSource, ImageModal, InlineQuestionForm, InteractiveTableCard, IotaContextProvider, ListItemSkeleton, MemoizedLoadingSpinner as LoadingSpinner, MemoizedMarkdownRenderer as MarkdownRenderer, MessageActions, MessageInput, MessageList, MessageRole, ModelSelector, PermissionGuard, QuestionForm, QuestionStep, RateLimiter, RetryActionArea, RunEventsConnectError, STREAM_EVENT_TYPES, ScreenReaderAnnouncer, ScrollToBottomButton, MemoizedSearchInput as SearchInput, SessionArtifactList, SessionArtifactPreview, SessionArtifactsPanel, SessionItem_default as SessionItem, SessionMembersModal, SessionSkeleton, Sidebar2 as Sidebar, MemoizedSkeleton as Skeleton, SkeletonAvatar, SkeletonCard, SkeletonGroup, SkeletonText, SkipLink, Slot, SourcesPanel, StreamError, StreamingCursor, SystemMessage, TERMINAL_STREAM_EVENT_TYPES, TabbedChartGroup, TabbedTableGroup, TableExportButton, TableWithExport, ThemeProvider, Toast, ToastContainer, TouchContextMenu, Turn, TurnBubble, MemoizedTypingIndicator as TypingIndicator, MemoizedUserAvatar as UserAvatar, MemoizedUserFilter as UserFilter, UserMessage, UserTurnView, WelcomeContent, addCSRFHeader, backdropVariants, buttonVariants, convertToBase64, createDataUrl, createHeadersWithCSRF, createHttpDataSource, darkTheme, dropdownVariants, errorMessageVariants, fadeInUpVariants, fadeInVariants, floatingButtonVariants, formatFileSize, getCSRFToken, getFileVisual, getToolLabel, getValidChildren, groupSessionsByDate, groupSteps, hasPermission, isImageMimeType, isPermissionDeniedError, isTerminalEvent, lightTheme, listItemVariants, messageContainerVariants, messageVariants, parseBichatStream, parseBichatStreamEvents, parseSSEStream, readTextBlockOffsets, scaleFadeVariants, sessionItemVariants, splitIntoTextBlocks, staggerContainerVariants, toErrorDisplay, typingDotVariants, useActionButtonContext, useActiveRuns, useAttachments, useAutoScroll, useAvatarContext, useBichatRouter, useBubbleContext, useChatInput, useChatMessaging, useChatSession, useConfig, useDataTable, useFocusTrap, useHttpDataSourceConfigFromApplet, useImageGallery, useIotaContext, useKeyboardShortcuts, useLongPress, useMarkdownCopy, useMessageActions, useModalLock, useOptionalChatMessaging, useRequiredConfig, useScrollToBottom, useSidebarState, useStreaming2 as useStreaming, useTheme, useToast, useTranslation, useTurnContext, validateAttachmentFile, validateFileCount, validateImageFile, verbTransitionVariants };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map