@invergent/agent-chat-react 1.4.9 → 1.4.10

package/dist/index.cjs

@@ -7944,15 +7944,16 @@ function TreeNodeRow({
   depth,
   activeSessionId,
   canStop,
+  canDelete,
+  deletingSessionId,
   onSelect,
-  onStop
+  onStop,
+  onDelete
 }) {
   const [expanded, setExpanded] = react.useState(true);
   const hasChildren = entry.children.length > 0;
   const isActive = entry.id === activeSessionId;
   const isRunning = entry.status === "active";
-  const messageCount = entry.messageCount ?? 0;
-  const toolCallCount = entry.toolCallCount ?? 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -7984,7 +7985,7 @@ function TreeNodeRow({
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4 h-4 shrink-0" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: entry.title ?? entry.channel ?? "session" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: entry.title ?? "session" }),
             entry.agentType && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "h-4 px-1.5 text-[10px]", children: entry.agentType }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Badge,
@@ -7995,20 +7996,6 @@ function TreeNodeRow({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              className: "text-xs text-faint shrink-0 tabular-nums",
-              "aria-label": `${messageCount} messages, ${toolCallCount} tool calls`,
-              title: `${messageCount} messages, ${toolCallCount} tool calls`,
-              children: [
-                messageCount,
-                "m/",
-                toolCallCount,
-                "t"
-              ]
-            }
-          ),
           isRunning && canStop && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -8022,6 +8009,21 @@ function TreeNodeRow({
               title: "Stop sub-agent",
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquareIcon, { className: "w-3 h-3", fill: "currentColor" })
             }
+          ),
+          canDelete && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "w-3 h-3" })
+            }
           )
         ]
       }
@@ -8033,8 +8035,11 @@ function TreeNodeRow({
         depth: depth + 1,
         activeSessionId,
         canStop,
+        canDelete,
+        deletingSessionId,
         onSelect,
-        onStop
+        onStop,
+        onDelete
       },
       child.id
     ))
@@ -8048,12 +8053,16 @@ function SessionTreePanel({
   title = "Running",
   sessionListLimit = DEFAULT_SESSION_LIST_LIMIT,
   hideRoot = false,
-  onSessionSelect
+  onSessionSelect,
+  onSessionDelete
 }) {
   const [nodes, setNodes] = react.useState([]);
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
   const [hasEverLoaded, setHasEverLoaded] = react.useState(false);
+  const [deletingSessionId, setDeletingSessionId] = react.useState(
+    null
+  );
   const mounted = react.useRef(true);
   const requestId = react.useRef(0);
   const lastFingerprint = react.useRef("");
@@ -8147,6 +8156,22 @@ function SessionTreePanel({
     },
     [adapter, refetch]
   );
+  const handleDelete = react.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;
@@ -8166,8 +8191,11 @@ function SessionTreePanel({
         depth: 0,
         activeSessionId: activeSessionId ?? "",
         canStop: Boolean(adapter.stopSession),
+        canDelete: Boolean(adapter.deleteSession),
+        deletingSessionId,
         onSelect: handleSelect,
-        onStop: handleStop
+        onStop: handleStop,
+        onDelete: handleDelete
       },
       entry.id
     )) })