@invergent/agent-chat-react 1.4.6 → 1.4.10

package/dist/index.js

@@ -4,7 +4,7 @@ import { Collapsible as Collapsible$1, Slot, Dialog as Dialog$1, ScrollArea as S
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, ChevronRightIcon, GitBranchIcon, XIcon, ThumbsUpIcon, ThumbsDownIcon, ActivityIcon, Loader2Icon, ListTodoIcon, Code, CheckIcon, CopyIcon, TerminalIcon, Trash2Icon, CircleDotIcon, CircleCheckIcon, CircleXIcon, SkullIcon, ClockIcon, CheckCircle2Icon, XCircleIcon, CheckCircleIcon, CircleIcon, MessageSquareIcon, FolderOpenIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ArrowDownIcon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, Maximize2Icon, FolderIcon, FileIcon, PlusIcon, CornerDownLeftIcon, SquareIcon } from 'lucide-react';
+import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, ChevronRightIcon, GitBranchIcon, XIcon, ThumbsUpIcon, ThumbsDownIcon, ActivityIcon, Loader2Icon, ListTodoIcon, Code, CheckIcon, CopyIcon, TerminalIcon, Trash2Icon, CircleDotIcon, CircleCheckIcon, CircleXIcon, SkullIcon, ClockIcon, CheckCircle2Icon, XCircleIcon, CheckCircleIcon, CircleIcon, UsersIcon, MessageSquareIcon, FolderOpenIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, SquareIcon, ArrowDownIcon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, Maximize2Icon, FolderIcon, FileIcon, PlusIcon, CornerDownLeftIcon } from 'lucide-react';
 import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom';
 import { cjk } from '@streamdown/cjk';
 import { code } from '@streamdown/code';
@@ -2712,16 +2712,20 @@ function ExpertToolBlock({ tc }) {
     }
     void submit("up");
   };
-  const expertName = parseArgs2(tc.args)?.expert ?? null;
-  return /* @__PURE__ */ jsxs("div", { children: [
+  const args = parseArgs2(tc.args) ?? {};
+  const expertName = args.expert ?? null;
+  const question = args.question ?? args.prompt ?? "";
+  const result = parseExpertResult(tc.result);
+  const failed = Boolean(result?.error);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
         onClick: () => setExpanded(!expanded),
         className: cn(
-          "flex w-full items-center gap-1.5 rounded-md px-2 py-1",
-          "text-sm text-muted-foreground hover:bg-muted/50 transition-colors"
+          "flex w-fit max-w-full items-center gap-1.5 rounded-md px-0 py-0.5",
+          "text-sm text-muted-foreground hover:text-foreground transition-colors"
         ),
         children: [
           /* @__PURE__ */ jsx(
@@ -2733,21 +2737,26 @@ function ExpertToolBlock({ tc }) {
               )
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground/80", children: "consult_expert" }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: "Consulted expert" }),
           expertName && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
             "\xB7 ",
             expertName
-          ] })
+          ] }),
+          failed && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "\xB7 failed" })
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsxs("div", { className: "ml-6 mt-0.5 space-y-1 text-sm ", children: [
-      /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded bg-muted/40 px-2 py-1 text-muted-foreground whitespace-pre-wrap break-all", children: formatArgs(tc.args) }),
-      tc.result && /* @__PURE__ */ jsxs("pre", { className: "overflow-x-auto rounded bg-muted/40 px-2 py-1 text-muted-foreground whitespace-pre-wrap break-all max-h-64 overflow-y-auto", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-emerald-600 dark:text-emerald-400", children: "Result:" }),
-        "\n",
-        truncate(tc.result, 2e3)
-      ] })
+    result?.summary && !expanded && /* @__PURE__ */ jsx("div", { className: "ml-6 rounded-md border-l-2 border-primary/50 bg-muted/30 px-3 py-2 text-sm text-foreground/90", children: result.summary }),
+    expanded && /* @__PURE__ */ jsxs("div", { className: "ml-6 mt-0.5 space-y-1.5 text-sm", children: [
+      question && /* @__PURE__ */ jsx(ExpertDetail, { label: "Question", content: question }),
+      result?.summary && /* @__PURE__ */ jsx(
+        ExpertDetail,
+        {
+          label: failed ? "Error" : "Response",
+          content: result.summary,
+          tone: failed ? "error" : "default"
+        }
+      )
     ] }),
     canRate && /* @__PURE__ */ jsxs("div", { className: "ml-6 mt-1 space-y-1.5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
@@ -2813,6 +2822,36 @@ function ExpertToolBlock({ tc }) {
     ] })
   ] });
 }
+function parseExpertResult(result) {
+  if (!result) return null;
+  const parsed = parseArgs2(result);
+  if (parsed) {
+    return {
+      ...parsed,
+      summary: parsed.summary ?? parsed.response ?? parsed.content
+    };
+  }
+  return { summary: result };
+}
+function ExpertDetail({
+  label,
+  content,
+  tone = "default"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-md border-l-2 px-3 py-2",
+        tone === "error" ? "border-red-500/50 bg-red-500/5" : "border-primary/50 bg-muted/30"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-1 text-[10px] uppercase tracking-wide text-muted-foreground/70", children: label }),
+        /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap wrap-break-word text-foreground/90", children: content })
+      ]
+    }
+  );
+}
 function ReasonForm({
   initialValue,
   busy,
@@ -3438,6 +3477,71 @@ function MemoryEntry({
     }
   );
 }
+var ACTION_LABEL = {
+  create: "Create skill",
+  patch: "Patch skill",
+  edit: "Edit skill",
+  delete: "Delete skill",
+  write_file: "Write skill file",
+  remove_file: "Remove skill file"
+};
+function SkillManageToolBlock({ tc }) {
+  const args = parseArgs2(tc.args) ?? {};
+  const result = tc.result ? parseArgs2(tc.result) : null;
+  const action = args.action ?? "manage";
+  const label = ACTION_LABEL[action] ?? "Manage skill";
+  const target = args.file_path ? `${args.name ?? "?"}/${args.file_path}` : args.name ?? "?";
+  const failed = result?.success === false || Boolean(result?.error);
+  const summary = result?.error ?? result?.message ?? result?.path;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate", children: target }),
+    summary && /* @__PURE__ */ jsxs("span", { className: failed ? "text-red-500 truncate" : "text-muted-foreground/70 truncate", children: [
+      "\u2192 ",
+      summary
+    ] })
+  ] });
+}
+function firstLine2(value) {
+  if (!value) return "";
+  const index = value.indexOf("\n");
+  return (index === -1 ? value : value.slice(0, index)).trim();
+}
+function CoordinatorToolBlock({ tc }) {
+  const args = parseArgs2(tc.args) ?? {};
+  const result = tc.result ? parseArgs2(tc.result) : null;
+  const failed = Boolean(result?.error);
+  let label = "Worker";
+  let target = "";
+  let detail = "";
+  if (tc.toolName === "spawn_worker") {
+    label = tc.status === "running" ? "Spawning worker" : "Spawned worker";
+    target = args.agent_type ?? args.model ?? "";
+    detail = firstLine2(args.goal);
+  } else if (tc.toolName === "send_worker_message") {
+    label = "Message worker";
+    target = args.worker_id ?? "";
+    detail = firstLine2(args.message);
+  } else if (tc.toolName === "stop_worker") {
+    label = "Stop worker";
+    target = args.worker_id ?? "";
+    detail = firstLine2(args.reason);
+  }
+  const resultId = result?.worker_id ?? result?.session_id;
+  const summary = result?.error ?? resultId ?? result?.status;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: label }),
+    target && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate", children: target }),
+    detail && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/70 truncate", children: [
+      "\xB7 ",
+      detail
+    ] }),
+    summary && /* @__PURE__ */ jsxs("span", { className: failed ? "text-red-500 truncate" : "text-muted-foreground/70 truncate", children: [
+      "\u2192 ",
+      summary
+    ] })
+  ] });
+}
 function DefaultToolBlock({ tc }) {
   const [expanded, setExpanded] = useState(false);
   return /* @__PURE__ */ jsxs("div", { children: [
@@ -3506,6 +3610,8 @@ function ToolCallBlock({ tc, onFileSelect }) {
       return /* @__PURE__ */ jsx(SkillsListBlock, { tc });
     case "skill_view":
       return /* @__PURE__ */ jsx(SkillViewBlock, { tc });
+    case "skill_manage":
+      return /* @__PURE__ */ jsx(SkillManageToolBlock, { tc });
     case "clarify":
       return /* @__PURE__ */ jsx(ClarifyToolBlock, { tc });
     case "create_artifact":
@@ -3514,6 +3620,10 @@ function ToolCallBlock({ tc, onFileSelect }) {
       return /* @__PURE__ */ jsx(DelegateToolBlock, { tc });
     case "memory":
       return /* @__PURE__ */ jsx(MemoryToolBlock, { tc });
+    case "spawn_worker":
+    case "send_worker_message":
+    case "stop_worker":
+      return /* @__PURE__ */ jsx(CoordinatorToolBlock, { tc });
     default:
       return /* @__PURE__ */ jsx(DefaultToolBlock, { tc });
   }
@@ -6404,7 +6514,8 @@ function WorkspacePanel({
   adapter,
   sessionId,
   selectedPath,
-  onSelectedPathChange
+  onSelectedPathChange,
+  disabled = false
 }) {
   const fileInputRef = useRef(null);
   const [entries, setEntries] = useState([]);
@@ -6523,7 +6634,7 @@ function WorkspacePanel({
   );
   const handleUpload = useCallback(
     async (files) => {
-      if (!sessionId || files.length === 0) return;
+      if (disabled || !sessionId || files.length === 0) return;
       setUploading(true);
       setNotice(null);
       try {
@@ -6544,7 +6655,7 @@ function WorkspacePanel({
         if (fileInputRef.current) fileInputRef.current.value = "";
       }
     },
-    [adapter, fetchTree, sessionId]
+    [adapter, disabled, fetchTree, sessionId]
   );
   const handleDelete = useCallback(
     async (path) => {
@@ -6618,6 +6729,7 @@ function WorkspacePanel({
             type: "file",
             multiple: true,
             className: "hidden",
+            disabled,
             onChange: (event) => {
               if (event.target.files) void handleUpload(event.target.files);
             }
@@ -6636,7 +6748,7 @@ function WorkspacePanel({
                 variant: "ghost",
                 size: "icon-sm",
                 onClick: () => fileInputRef.current?.click(),
-                disabled: !sessionId || uploading,
+                disabled: disabled || !sessionId || uploading,
                 "aria-label": "Upload files",
                 children: uploading ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(UploadIcon, { className: "size-4" })
               }
@@ -6688,7 +6800,7 @@ function WorkspacePanel({
                 size: "sm",
                 className: "mt-3 gap-1.5",
                 onClick: () => fileInputRef.current?.click(),
-                disabled: !sessionId,
+                disabled: disabled || !sessionId,
                 children: [
                   /* @__PURE__ */ jsx(UploadIcon, { className: "size-3.5" }),
                   "Upload files"
@@ -7639,14 +7751,352 @@ function AgentChat({
             adapter,
             sessionId,
             selectedPath: workspacePath,
-            onSelectedPathChange: setWorkspacePath
+            onSelectedPathChange: setWorkspacePath,
+            disabled
           }
         )
       ] }) })
     }
   );
 }
+var POLL_INTERVAL_ACTIVE_MS = 4e3;
+var POLL_INTERVAL_IDLE_MS = 3e4;
+var DEFAULT_SESSION_LIST_LIMIT = 50;
+function buildTree(nodes) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const n of nodes) byId.set(n.id, { ...n, children: [] });
+  const roots = [];
+  for (const n of byId.values()) {
+    const parent = n.parentId ? byId.get(n.parentId) : void 0;
+    if (parent) {
+      parent.children.push(n);
+    } else {
+      roots.push(n);
+    }
+  }
+  const sortRec = (e) => {
+    e.children.sort((a, b) => a.createdAt < b.createdAt ? -1 : 1);
+    for (const c of e.children) sortRec(c);
+  };
+  for (const r of roots) sortRec(r);
+  return roots;
+}
+function treeFingerprint(nodes) {
+  return nodes.map(
+    (n) => `${n.id}:${n.parentId ?? ""}:${n.status}:${n.agentType ?? ""}:${n.messageCount ?? 0}:${n.toolCallCount ?? 0}:${n.updatedAt}`
+  ).join("|");
+}
+function sessionToTreeNode(session) {
+  const timestamp = session.updatedAt ?? session.createdAt ?? "";
+  return {
+    id: session.id,
+    parentId: session.parentId ?? null,
+    agentId: session.agentId,
+    channel: session.channel,
+    status: session.status,
+    title: session.title,
+    model: session.model,
+    messageCount: session.messageCount,
+    toolCallCount: session.toolCallCount,
+    createdAt: session.createdAt ?? timestamp,
+    updatedAt: session.updatedAt ?? timestamp
+  };
+}
+function mergeNodeFields(current, next) {
+  return {
+    ...current,
+    ...Object.fromEntries(
+      Object.entries(next).filter(([, value]) => value !== void 0)
+    ),
+    messageCount: next.messageCount ?? current.messageCount,
+    toolCallCount: next.toolCallCount ?? current.toolCallCount
+  };
+}
+function mergeTreeNodes(groups) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const group of groups) {
+    for (const node of group) {
+      const current = byId.get(node.id);
+      byId.set(node.id, current ? mergeNodeFields(current, node) : node);
+    }
+  }
+  return Array.from(byId.values());
+}
+function statusColor(status) {
+  switch (status) {
+    case "active":
+      return "default";
+    case "completed":
+      return "secondary";
+    case "failed":
+      return "destructive";
+    default:
+      return "outline";
+  }
+}
+function TreeNodeRow({
+  entry,
+  depth,
+  activeSessionId,
+  canStop,
+  canDelete,
+  deletingSessionId,
+  onSelect,
+  onStop,
+  onDelete
+}) {
+  const [expanded, setExpanded] = useState(true);
+  const hasChildren = entry.children.length > 0;
+  const isActive = entry.id === activeSessionId;
+  const isRunning = entry.status === "active";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        onClick: () => onSelect(entry.id),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") onSelect(entry.id);
+        },
+        className: cn(
+          "group flex items-center gap-1.5 py-1.5 pr-1 rounded cursor-pointer text-sm transition-colors",
+          isActive ? "bg-line text-foreground" : "hover:bg-input text-subtle hover:text-foreground"
+        ),
+        style: { paddingLeft: `${depth * 12 + 4}px` },
+        children: [
+          hasChildren ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "p-0.5 rounded hover:bg-line",
+              onClick: (e) => {
+                e.stopPropagation();
+                setExpanded(!expanded);
+              },
+              "aria-label": expanded ? "Collapse" : "Expand",
+              "aria-expanded": expanded,
+              children: expanded ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3.5 h-3.5" })
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: entry.title ?? "session" }),
+            entry.agentType && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "h-4 px-1.5 text-[10px]", children: entry.agentType }),
+            /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: statusColor(entry.status),
+                className: "h-4 px-1.5 text-[10px]",
+                children: entry.status
+              }
+            )
+          ] }),
+          isRunning && canStop && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "p-1 rounded opacity-0 group-hover:opacity-100 hover:bg-destructive/10 hover:text-destructive transition-all",
+              onClick: (e) => {
+                e.stopPropagation();
+                onStop(entry.id);
+              },
+              "aria-label": "Stop sub-agent",
+              title: "Stop sub-agent",
+              children: /* @__PURE__ */ jsx(SquareIcon, { className: "w-3 h-3", fill: "currentColor" })
+            }
+          ),
+          canDelete && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "p-1 rounded opacity-0 group-hover:opacity-100 focus-visible:opacity-100 hover:bg-destructive/10 hover:text-destructive disabled:pointer-events-none disabled:opacity-50 transition-all",
+              onClick: (e) => {
+                e.stopPropagation();
+                onDelete(entry.id);
+              },
+              "aria-label": "Delete session",
+              title: "Delete session",
+              disabled: deletingSessionId === entry.id,
+              children: /* @__PURE__ */ jsx(Trash2Icon, { className: "w-3 h-3" })
+            }
+          )
+        ]
+      }
+    ),
+    hasChildren && expanded && entry.children.map((child) => /* @__PURE__ */ jsx(
+      TreeNodeRow,
+      {
+        entry: child,
+        depth: depth + 1,
+        activeSessionId,
+        canStop,
+        canDelete,
+        deletingSessionId,
+        onSelect,
+        onStop,
+        onDelete
+      },
+      child.id
+    ))
+  ] });
+}
+function SessionTreePanel({
+  adapter,
+  sessionId = null,
+  activeSessionId = sessionId ?? void 0,
+  agentId,
+  title = "Running",
+  sessionListLimit = DEFAULT_SESSION_LIST_LIMIT,
+  hideRoot = false,
+  onSessionSelect,
+  onSessionDelete
+}) {
+  const [nodes, setNodes] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [hasEverLoaded, setHasEverLoaded] = useState(false);
+  const [deletingSessionId, setDeletingSessionId] = useState(
+    null
+  );
+  const mounted = useRef(true);
+  const requestId = useRef(0);
+  const lastFingerprint = useRef("");
+  const refetch = useCallback(
+    async (opts) => {
+      const canLoadSessionList = Boolean(agentId && adapter.listSessions);
+      const canLoadSessionTree = Boolean(sessionId && adapter.getSessionTree);
+      if (!canLoadSessionList && !canLoadSessionTree) {
+        setNodes([]);
+        setHasEverLoaded(true);
+        setLoading(false);
+        return;
+      }
+      const currentRequestId = ++requestId.current;
+      if (!opts?.silent) setLoading(true);
+      try {
+        const sessionListPromise = agentId && adapter.listSessions ? adapter.listSessions({
+          agentId,
+          limit: sessionListLimit
+        }) : Promise.resolve(null);
+        const sessionTreePromise = sessionId && adapter.getSessionTree ? adapter.getSessionTree({ sessionId }) : Promise.resolve(null);
+        const [sessionList, sessionTree] = await Promise.all([
+          sessionListPromise,
+          sessionTreePromise
+        ]);
+        if (!mounted.current || currentRequestId !== requestId.current) return;
+        const nextNodes = mergeTreeNodes([
+          sessionList?.sessions.map(sessionToTreeNode) ?? [],
+          sessionTree?.nodes ?? []
+        ]);
+        const fp = treeFingerprint(nextNodes);
+        if (fp !== lastFingerprint.current) {
+          lastFingerprint.current = fp;
+          setNodes(nextNodes);
+        }
+        setError(null);
+        setHasEverLoaded(true);
+      } catch (e) {
+        if (!mounted.current || currentRequestId !== requestId.current) return;
+        if (!opts?.silent) {
+          setError(e instanceof Error ? e.message : "Failed to load tree");
+        }
+      } finally {
+        if (mounted.current && currentRequestId === requestId.current && !opts?.silent) {
+          setLoading(false);
+        }
+      }
+    },
+    [adapter, agentId, sessionId, sessionListLimit]
+  );
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    setNodes([]);
+    setError(null);
+    setHasEverLoaded(false);
+    lastFingerprint.current = "";
+    void refetch();
+  }, [refetch, sessionId]);
+  const runningCount = useMemo(
+    () => nodes.filter((n) => n.status === "active").length,
+    [nodes]
+  );
+  useEffect(() => {
+    const interval = runningCount > 0 ? POLL_INTERVAL_ACTIVE_MS : POLL_INTERVAL_IDLE_MS;
+    const id = setInterval(() => {
+      void refetch({ silent: true });
+    }, interval);
+    return () => clearInterval(id);
+  }, [refetch, runningCount]);
+  const roots = useMemo(() => buildTree(nodes), [nodes]);
+  const handleSelect = useCallback(
+    (id) => {
+      onSessionSelect?.(id);
+    },
+    [onSessionSelect]
+  );
+  const handleStop = useCallback(
+    async (id) => {
+      if (!adapter.stopSession) return;
+      try {
+        await adapter.stopSession({ sessionId: id });
+        await refetch({ silent: true });
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Failed to stop sub-agent");
+      }
+    },
+    [adapter, refetch]
+  );
+  const handleDelete = useCallback(
+    async (id) => {
+      if (!adapter.deleteSession || deletingSessionId) return;
+      setDeletingSessionId(id);
+      try {
+        await adapter.deleteSession({ sessionId: id });
+        onSessionDelete?.(id);
+        await refetch({ silent: true });
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Failed to delete session");
+      } finally {
+        if (mounted.current) setDeletingSessionId(null);
+      }
+    },
+    [adapter, deletingSessionId, onSessionDelete, refetch]
+  );
+  if (!hasEverLoaded) return null;
+  if (nodes.length === 0) return null;
+  const topLevel = hideRoot ? roots.flatMap((r) => r.children) : roots;
+  if (topLevel.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "border-t border-line", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-3 py-2 text-xs font-semibold uppercase tracking-wide text-faint", children: [
+      /* @__PURE__ */ jsx(UsersIcon, { className: "w-3.5 h-3.5" }),
+      /* @__PURE__ */ jsx("span", { children: title }),
+      runningCount > 0 && /* @__PURE__ */ jsx(Badge, { variant: "default", className: "h-4 px-1.5 text-[10px] ml-auto", children: runningCount })
+    ] }),
+    loading && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs text-faint", children: "Loading..." }),
+    error && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs text-destructive", children: error }),
+    !error && /* @__PURE__ */ jsx("div", { className: "px-1 pb-2", children: topLevel.map((entry) => /* @__PURE__ */ jsx(
+      TreeNodeRow,
+      {
+        entry,
+        depth: 0,
+        activeSessionId: activeSessionId ?? "",
+        canStop: Boolean(adapter.stopSession),
+        canDelete: Boolean(adapter.deleteSession),
+        deletingSessionId,
+        onSelect: handleSelect,
+        onStop: handleStop,
+        onDelete: handleDelete
+      },
+      entry.id
+    )) })
+  ] });
+}
 
-export { AgentChat, AgentChatAdapterProvider, useAgentChatAdapterContext, useAgentChatRuntime };
+export { AgentChat, AgentChatAdapterProvider, MessageResponse, SessionTreePanel, useAgentChatAdapterContext, useAgentChatRuntime };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map