@iota-uz/sdk 0.4.33 → 0.4.35

package/dist/bichat/index.cjs

@@ -3659,16 +3659,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]",
@@ -3698,8 +3708,6 @@ function UserAvatar({
     {
       className: `
         ${sizeClasses[size]}
-        ${colors.bg}
-        ${colors.text}
         ${className}
         rounded-full
         flex
@@ -3709,6 +3717,7 @@ function UserAvatar({
         flex-shrink-0
         select-none
       `,
+      style: { backgroundColor: colors.bg, color: colors.text },
       "aria-label": `${firstName} ${lastName}`,
       title: `${firstName} ${lastName}`,
       children: initials
@@ -12680,7 +12689,9 @@ function ModelSelector() {
   }, [currentModel, models, setModel]);
   React.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();
       }
@@ -14385,6 +14396,62 @@ function AllChatsList({ dataSource, onSessionSelect, activeSessionId }) {
     });
     return Array.from(userMap.values());
   }, [chats, users, dataSource.listUsers]);
+  const [expandedGroups, setExpandedGroups] = React.useState(/* @__PURE__ */ new Set());
+  const toggleGroup = React.useCallback((ownerId) => {
+    setExpandedGroups((prev) => {
+      const next = new Set(prev);
+      if (next.has(ownerId)) {
+        next.delete(ownerId);
+      } else {
+        next.add(ownerId);
+      }
+      return next;
+    });
+  }, []);
+  React.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 = React.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__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -14430,61 +14497,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__ */ jsxRuntime.jsx(
-                    framerMotion.motion.div,
-                    {
-                      initial: { opacity: 0, y: -10 },
-                      animate: { opacity: 1, y: 0 },
-                      exit: { opacity: 0, y: -10 },
-                      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "mb-1", children: [
+                      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                              react.CaretRight,
+                              {
+                                size: 14,
+                                weight: "bold",
+                                className: `shrink-0 text-gray-500 dark:text-gray-400 transition-transform duration-150 ${isCollapsed ? "" : "rotate-90"}`
+                              }
+                            ),
                             /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("BiChat.Common.Untitled") }),
-                              ownerName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: ownerName }),
-                              chat.status === "archived" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.Archive, { size: 12, className: "w-3 h-3" }),
-                                t("BiChat.Chat.Archived")
+                            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: !isCollapsed && /* @__PURE__ */ jsxRuntime.jsx(
+                        framerMotion.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__ */ jsxRuntime.jsx("div", { className: "space-y-0.5 pl-6", children: group.chats.map((chat) => /* @__PURE__ */ jsxRuntime.jsx(
+                            framerMotion.motion.div,
+                            {
+                              initial: { opacity: 0, y: -10 },
+                              animate: { opacity: 1, y: 0 },
+                              exit: { opacity: 0, y: -10 },
+                              children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm truncate flex-1 min-w-0", children: chat.title || t("BiChat.Common.Untitled") }),
+                                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [
+                                      chat.isGroup && chat.memberCount && chat.memberCount > 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: chat.memberCount }),
+                                      chat.status === "archived" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsx(
+                      framerMotion.motion.div,
+                      {
+                        initial: { opacity: 0, y: -10 },
+                        animate: { opacity: 1, y: 0 },
+                        exit: { opacity: 0, y: -10 },
+                        children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                MemoizedUserAvatar,
+                                {
+                                  firstName: owner.firstName,
+                                  lastName: owner.lastName,
+                                  initials: owner.initials,
+                                  size: "sm"
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+                                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: chat.title || t("BiChat.Common.Untitled") }),
+                                ownerName && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: ownerName }),
+                                chat.status === "archived" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.Archive, { size: 12, className: "w-3 h-3" }),
+                                  t("BiChat.Chat.Archived")
+                                ] })
                               ] })
                             ] })
-                          ] })
-                        }
-                      )
-                    },
-                    chat.id
-                  );
-                }),
+                          }
+                        )
+                      },
+                      chat.id
+                    );
+                  })
+                ),
                 hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: loadMoreRef, className: "py-4 text-center", children: fetching ? /* @__PURE__ */ jsxRuntime.jsx(SessionSkeleton, { count: 2 }) : /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {
@@ -14707,7 +14872,9 @@ function Sidebar2({
   onClose,
   headerSlot,
   footerSlot,
-  className = ""
+  className = "",
+  activeTab: controlledActiveTab,
+  onTabChange
 }) {
   const { t } = useTranslation();
   const toast = useToast();
@@ -14767,7 +14934,14 @@ function Sidebar2({
     const timer = setTimeout(() => setCollapsedOverflowVisible(true), 300);
     return () => clearTimeout(timer);
   }, [showCollapsed]);
-  const [activeTab, setActiveTab] = React.useState("my-chats");
+  const [internalActiveTab, setInternalActiveTab] = React.useState("my-chats");
+  const activeTab = controlledActiveTab ?? internalActiveTab;
+  const handleTabChange = React.useCallback((tab) => {
+    if (controlledActiveTab === void 0) {
+      setInternalActiveTab(tab);
+    }
+    onTabChange?.(tab);
+  }, [controlledActiveTab, onTabChange]);
   const [searchQuery, setSearchQuery] = React.useState("");
   const [sessions, setSessions] = React.useState([]);
   const [loading, setLoading] = React.useState(true);
@@ -15381,7 +15555,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" : ""}`,
@@ -15398,7 +15572,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" : ""}`,
@@ -16893,6 +17067,140 @@ function useStreaming2(options = {}) {
     reset
   };
 }
+var TERMINAL = /* @__PURE__ */ new Set([
+  "completed",
+  "cancelled",
+  "failed"
+]);
+function useActiveRuns(dataSource, options = {}) {
+  const [runs, setRuns] = React.useState({});
+  const [ready, setReady] = React.useState(false);
+  const onErrorRef = React.useRef(options.onError);
+  onErrorRef.current = options.onError;
+  const enabled = options.enabled ?? true;
+  const retainTerminalMs = options.retainTerminalMs ?? 0;
+  const emptyStateTimeoutMs = options.emptyStateTimeoutMs ?? 250;
+  React.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 = React.useCallback(
+    (sessionId) => runs[sessionId]?.status,
+    [runs]
+  );
+  return { runs, ready, status };
+}
 
 // ui/src/bichat/index.ts
 init_useTranslation();
@@ -17505,42 +17813,66 @@ function useBichatRouter({
   pathname,
   onNavigate
 }) {
+  const isAllChats = pathname.startsWith("/all-chats");
   const activeSessionId = React.useMemo(
     () => pathname.match(SESSION_PATH_REGEX)?.[1],
     [pathname]
   );
+  const sidebarTab = React.useMemo(
+    () => isAllChats ? "all-chats" : "my-chats",
+    [isAllChats]
+  );
   const maybeClose = React.useCallback(() => {
     onNavigate?.();
   }, [onNavigate]);
   const onSessionSelect = React.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 = React.useCallback(() => {
-    navigate("/");
+    navigate(isAllChats ? "/all-chats" : "/");
     maybeClose();
-  }, [navigate, maybeClose]);
+  }, [navigate, maybeClose, isAllChats]);
   const onArchivedView = React.useCallback(() => {
     navigate("/archived");
     maybeClose();
   }, [navigate, maybeClose]);
+  const onAllChatsView = React.useCallback(() => {
+    navigate("/all-chats");
+    maybeClose();
+  }, [navigate, maybeClose]);
   const onBack = React.useCallback(() => {
     navigate("/");
     maybeClose();
   }, [navigate, maybeClose]);
+  const onSidebarTabChange = React.useCallback(
+    (tab) => {
+      if (tab === "all-chats") {
+        navigate("/all-chats");
+      } else {
+        navigate("/");
+      }
+      maybeClose();
+    },
+    [navigate, maybeClose]
+  );
   return {
     activeSessionId,
     onSessionSelect,
     onNewChat,
     onArchivedView,
-    onBack
+    onBack,
+    onAllChatsView,
+    sidebarTab,
+    onSidebarTabChange
   };
 }
 
@@ -18938,6 +19270,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":
@@ -18947,6 +19281,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 = {
@@ -19201,6 +19619,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;
@@ -19228,12 +19666,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;
@@ -19401,6 +19841,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 = {};
@@ -19669,6 +20170,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;
@@ -19742,6 +20276,50 @@ function createHttpDataSource(config) {
   return new HttpDataSource(config);
 }
 
+// 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;
+}
+
 exports.ATTACHMENT_ACCEPT_ATTRIBUTE = ATTACHMENT_ACCEPT_ATTRIBUTE;
 exports.ActionButton = ActionButton;
 exports.ActivityTrace = ActivityTrace;
@@ -19793,6 +20371,8 @@ exports.QuestionForm = QuestionForm;
 exports.QuestionStep = QuestionStep;
 exports.RateLimiter = RateLimiter;
 exports.RetryActionArea = RetryActionArea;
+exports.RunEventsConnectError = RunEventsConnectError;
+exports.STREAM_EVENT_TYPES = STREAM_EVENT_TYPES;
 exports.ScreenReaderAnnouncer = ScreenReaderAnnouncer;
 exports.ScrollToBottomButton = ScrollToBottomButton;
 exports.SearchInput = MemoizedSearchInput;
@@ -19814,6 +20394,7 @@ exports.SourcesPanel = SourcesPanel;
 exports.StreamError = StreamError;
 exports.StreamingCursor = StreamingCursor;
 exports.SystemMessage = SystemMessage;
+exports.TERMINAL_STREAM_EVENT_TYPES = TERMINAL_STREAM_EVENT_TYPES;
 exports.TabbedChartGroup = TabbedChartGroup;
 exports.TabbedTableGroup = TabbedTableGroup;
 exports.ThemeProvider = ThemeProvider;
@@ -19851,6 +20432,7 @@ exports.groupSteps = groupSteps;
 exports.hasPermission = hasPermission;
 exports.isImageMimeType = isImageMimeType;
 exports.isPermissionDeniedError = isPermissionDeniedError;
+exports.isTerminalEvent = isTerminalEvent;
 exports.lightTheme = lightTheme;
 exports.listItemVariants = listItemVariants;
 exports.messageContainerVariants = messageContainerVariants;
@@ -19858,12 +20440,15 @@ exports.messageVariants = messageVariants;
 exports.parseBichatStream = parseBichatStream;
 exports.parseBichatStreamEvents = parseBichatStreamEvents;
 exports.parseSSEStream = parseSSEStream;
+exports.readTextBlockOffsets = readTextBlockOffsets;
 exports.scaleFadeVariants = scaleFadeVariants;
 exports.sessionItemVariants = sessionItemVariants;
+exports.splitIntoTextBlocks = splitIntoTextBlocks;
 exports.staggerContainerVariants = staggerContainerVariants;
 exports.toErrorDisplay = toErrorDisplay;
 exports.typingDotVariants = typingDotVariants;
 exports.useActionButtonContext = useActionButtonContext;
+exports.useActiveRuns = useActiveRuns;
 exports.useAttachments = useAttachments;
 exports.useAutoScroll = useAutoScroll;
 exports.useAvatarContext = useAvatarContext;