@invergent/agent-chat-react 2.8.0 → 2.8.1

package/dist/index.cjs

@@ -16405,10 +16405,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,
@@ -16420,11 +16430,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 ");
+  react.useEffect(() => {
+    if (hasChildren) setExpanded(isInActiveGroup);
+  }, [isInActiveGroup, hasChildren]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -16438,7 +16452,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: [
@@ -16497,6 +16511,7 @@ function TreeNodeRow({
         entry: child,
         depth: depth + 1,
         activeSessionId,
+        activeGroupRootId,
         canStop,
         canDelete,
         onSelect,
@@ -16613,6 +16628,21 @@ function SessionTreePanel({
     return () => clearInterval(id);
   }, [refetch, runningCount]);
   const roots = react.useMemo(() => buildTree(nodes), [nodes]);
+  const activeGroupRootId = react.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 = react.useCallback(
     (id) => {
       onSessionSelect?.(id);
@@ -16676,6 +16706,7 @@ function SessionTreePanel({
         entry,
         depth: 0,
         activeSessionId: activeSessionId ?? "",
+        activeGroupRootId,
         canStop: Boolean(adapter.stopSession),
         canDelete: Boolean(adapter.deleteSession),
         onSelect: handleSelect,