@invergent/agent-chat-react 1.4.9 → 1.4.10

package/dist/index.d.cts

@@ -371,7 +371,8 @@ interface SessionTreePanelProps {
     /** Treat the root as hidden, so its children appear as top-level rows. */
     hideRoot?: boolean;
     onSessionSelect?: (sessionId: string) => void;
+    onSessionDelete?: (sessionId: string) => void;
 }
-declare function SessionTreePanel({ adapter, sessionId, activeSessionId, agentId, title, sessionListLimit, hideRoot, onSessionSelect, }: SessionTreePanelProps): react_jsx_runtime.JSX.Element | null;
+declare function SessionTreePanel({ adapter, sessionId, activeSessionId, agentId, title, sessionListLimit, hideRoot, onSessionSelect, onSessionDelete, }: SessionTreePanelProps): react_jsx_runtime.JSX.Element | null;
 
 export { AgentChat, type AgentChatAdapter, type AgentChatAdapterContextValue, AgentChatAdapterProvider, type AgentChatArtifactKind, type AgentChatArtifactMeta, type AgentChatArtifactPayload, type AgentChatChartArtifactSpec, type AgentChatClarifyAnswer, type AgentChatClarifyArgs, type AgentChatClarifyChoice, type AgentChatClarifyQuestion, type AgentChatErrorCategory, type AgentChatErrorInfo, type AgentChatEventStream, type AgentChatEventType, type AgentChatExpertFeedbackRating, type AgentChatHtmlArtifactSpec, type AgentChatMarkdownArtifactSpec, type AgentChatMessage, type AgentChatMessageStatus, type AgentChatProps, type AgentChatRole, type AgentChatRuntimeApi, type AgentChatRuntimeEvent, type AgentChatSession, type AgentChatSessionList, type AgentChatSessionTree, type AgentChatSessionTreeNode, type AgentChatSlashCommand, type AgentChatSseMessageEvent, type AgentChatState, type AgentChatSvgArtifactSpec, type AgentChatSystemKind, type AgentChatTableArtifactSpec, type AgentChatTokenUsage, type AgentChatToolCallInfo, type AgentChatWorkspaceEntry, type AgentChatWorkspaceFile, type AgentChatWorkspaceTree, type AgentChatWorkspaceUpload, type ArtifactKind, type ArtifactPayload, type ChartArtifactSpec, type ChatMessage, type ClarifyAnswer, type ClarifyArgs, type ClarifyChoice, type ClarifyQuestion, type ErrorInfo, type HtmlArtifactSpec, type MarkdownArtifactSpec, MessageResponse, type MessageResponseProps, type RetryIndicator, type SessionTree, type SessionTreeNode, SessionTreePanel, type SessionTreePanelProps, type SvgArtifactSpec, type TableArtifactSpec, type TokenUsage, type ToolCallInfo, type WorkspaceEntry, type WorkspaceFile, type WorkspaceTree, type WorkspaceUpload, useAgentChatAdapterContext, useAgentChatRuntime };

package/dist/index.d.ts

@@ -371,7 +371,8 @@ interface SessionTreePanelProps {
     /** Treat the root as hidden, so its children appear as top-level rows. */
     hideRoot?: boolean;
     onSessionSelect?: (sessionId: string) => void;
+    onSessionDelete?: (sessionId: string) => void;
 }
-declare function SessionTreePanel({ adapter, sessionId, activeSessionId, agentId, title, sessionListLimit, hideRoot, onSessionSelect, }: SessionTreePanelProps): react_jsx_runtime.JSX.Element | null;
+declare function SessionTreePanel({ adapter, sessionId, activeSessionId, agentId, title, sessionListLimit, hideRoot, onSessionSelect, onSessionDelete, }: SessionTreePanelProps): react_jsx_runtime.JSX.Element | null;
 
 export { AgentChat, type AgentChatAdapter, type AgentChatAdapterContextValue, AgentChatAdapterProvider, type AgentChatArtifactKind, type AgentChatArtifactMeta, type AgentChatArtifactPayload, type AgentChatChartArtifactSpec, type AgentChatClarifyAnswer, type AgentChatClarifyArgs, type AgentChatClarifyChoice, type AgentChatClarifyQuestion, type AgentChatErrorCategory, type AgentChatErrorInfo, type AgentChatEventStream, type AgentChatEventType, type AgentChatExpertFeedbackRating, type AgentChatHtmlArtifactSpec, type AgentChatMarkdownArtifactSpec, type AgentChatMessage, type AgentChatMessageStatus, type AgentChatProps, type AgentChatRole, type AgentChatRuntimeApi, type AgentChatRuntimeEvent, type AgentChatSession, type AgentChatSessionList, type AgentChatSessionTree, type AgentChatSessionTreeNode, type AgentChatSlashCommand, type AgentChatSseMessageEvent, type AgentChatState, type AgentChatSvgArtifactSpec, type AgentChatSystemKind, type AgentChatTableArtifactSpec, type AgentChatTokenUsage, type AgentChatToolCallInfo, type AgentChatWorkspaceEntry, type AgentChatWorkspaceFile, type AgentChatWorkspaceTree, type AgentChatWorkspaceUpload, type ArtifactKind, type ArtifactPayload, type ChartArtifactSpec, type ChatMessage, type ClarifyAnswer, type ClarifyArgs, type ClarifyChoice, type ClarifyQuestion, type ErrorInfo, type HtmlArtifactSpec, type MarkdownArtifactSpec, MessageResponse, type MessageResponseProps, type RetryIndicator, type SessionTree, type SessionTreeNode, SessionTreePanel, type SessionTreePanelProps, type SvgArtifactSpec, type TableArtifactSpec, type TokenUsage, type ToolCallInfo, type WorkspaceEntry, type WorkspaceFile, type WorkspaceTree, type WorkspaceUpload, useAgentChatAdapterContext, useAgentChatRuntime };

package/dist/index.js

@@ -7839,15 +7839,16 @@ function TreeNodeRow({
   depth,
   activeSessionId,
   canStop,
+  canDelete,
+  deletingSessionId,
   onSelect,
-  onStop
+  onStop,
+  onDelete
 }) {
   const [expanded, setExpanded] = 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__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -7879,7 +7880,7 @@ function TreeNodeRow({
             }
           ) : /* @__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 ?? entry.channel ?? "session" }),
+            /* @__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,
@@ -7890,20 +7891,6 @@ function TreeNodeRow({
               }
             )
           ] }),
-          /* @__PURE__ */ 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__ */ jsx(
             "button",
             {
@@ -7917,6 +7904,21 @@ function TreeNodeRow({
               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" })
+            }
           )
         ]
       }
@@ -7928,8 +7930,11 @@ function TreeNodeRow({
         depth: depth + 1,
         activeSessionId,
         canStop,
+        canDelete,
+        deletingSessionId,
         onSelect,
-        onStop
+        onStop,
+        onDelete
       },
       child.id
     ))
@@ -7943,12 +7948,16 @@ function SessionTreePanel({
   title = "Running",
   sessionListLimit = DEFAULT_SESSION_LIST_LIMIT,
   hideRoot = false,
-  onSessionSelect
+  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("");
@@ -8042,6 +8051,22 @@ function SessionTreePanel({
     },
     [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;
@@ -8061,8 +8086,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
     )) })