@invergent/agent-chat-react 2.8.0 → 2.8.1

package/dist/index.d.cts

@@ -1265,6 +1265,10 @@ declare function ScheduledWorkPanel({ adapter, agentId, title, limit, status, hi
 interface SessionTreePanelProps {
     adapter: AgentChatAdapter;
     sessionId?: string | null;
+    /**
+     * ID of the currently highlighted session. Defaults to `sessionId`.
+     * Pass `""` (empty string) to clear the active highlight when `sessionId` is set.
+     */
     activeSessionId?: string;
     agentId?: string;
     title?: string;

package/dist/index.d.ts

@@ -1265,6 +1265,10 @@ declare function ScheduledWorkPanel({ adapter, agentId, title, limit, status, hi
 interface SessionTreePanelProps {
     adapter: AgentChatAdapter;
     sessionId?: string | null;
+    /**
+     * ID of the currently highlighted session. Defaults to `sessionId`.
+     * Pass `""` (empty string) to clear the active highlight when `sessionId` is set.
+     */
     activeSessionId?: string;
     agentId?: string;
     title?: string;

package/dist/index.js

@@ -16082,10 +16082,20 @@ function fallbackSessionTitle(entry) {
   if (entry.runKind === "scheduled") return "Scheduled run";
   return "New session";
 }
+function rowStateClass(isActive, isInActiveGroup) {
+  if (isActive) {
+    return "bg-faint/30 dark:bg-[#1e2840] text-foreground border-l-primary";
+  }
+  if (isInActiveGroup) {
+    return "bg-line/70 dark:bg-line/60 text-foreground/80 hover:bg-input hover:text-foreground border-l-transparent";
+  }
+  return "bg-transparent text-foreground/80 hover:bg-input hover:text-foreground border-l-transparent";
+}
 function TreeNodeRow({
   entry,
   depth,
   activeSessionId,
+  activeGroupRootId,
   canStop,
   canDelete,
   onSelect,
@@ -16097,11 +16107,15 @@ function TreeNodeRow({
   const isActive = entry.id === activeSessionId;
   const isRunning = entry.status === "active";
   const isChildSession = entry.parentId != null;
+  const isInActiveGroup = activeGroupRootId !== null && (entry.id === activeGroupRootId || entry.parentId === activeGroupRootId);
   const title = entry.title ?? fallbackSessionTitle(entry);
   const subtitle = [
     formatRunKind(entry.runKind),
     formatSessionTime(entry.updatedAt)
   ].filter(Boolean).join(" \xB7 ");
+  useEffect(() => {
+    if (hasChildren) setExpanded(isInActiveGroup);
+  }, [isInActiveGroup, hasChildren]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -16115,7 +16129,7 @@ function TreeNodeRow({
         className: cn(
           "group flex items-center gap-2 w-full py-2 pr-2 text-left cursor-pointer transition-colors border-l-2",
           "min-h-11 md:min-h-0",
-          isActive ? "bg-line text-foreground border-l-primary" : "bg-transparent text-foreground/80 hover:bg-input hover:text-foreground border-l-transparent"
+          rowStateClass(isActive, isInActiveGroup)
         ),
         style: { paddingLeft: `${depth * 12 + 12}px` },
         children: [
@@ -16174,6 +16188,7 @@ function TreeNodeRow({
         entry: child,
         depth: depth + 1,
         activeSessionId,
+        activeGroupRootId,
         canStop,
         canDelete,
         onSelect,
@@ -16290,6 +16305,21 @@ function SessionTreePanel({
     return () => clearInterval(id);
   }, [refetch, runningCount]);
   const roots = useMemo(() => buildTree(nodes), [nodes]);
+  const activeGroupRootId = useMemo(() => {
+    if (!activeSessionId) return null;
+    const parentOf = /* @__PURE__ */ new Map();
+    for (const n of nodes) parentOf.set(n.id, n.parentId ?? null);
+    const visited = /* @__PURE__ */ new Set();
+    let current = activeSessionId;
+    let parent = parentOf.get(current);
+    while (parent != null) {
+      if (visited.has(parent)) break;
+      visited.add(current);
+      current = parent;
+      parent = parentOf.get(current);
+    }
+    return parentOf.has(current) ? current : null;
+  }, [activeSessionId, nodes]);
   const handleSelect = useCallback(
     (id) => {
       onSessionSelect?.(id);
@@ -16353,6 +16383,7 @@ function SessionTreePanel({
         entry,
         depth: 0,
         activeSessionId: activeSessionId ?? "",
+        activeGroupRootId,
         canStop: Boolean(adapter.stopSession),
         canDelete: Boolean(adapter.deleteSession),
         onSelect: handleSelect,