@invergent/agent-chat-react 2.7.9 → 2.8.1

package/dist/index.cjs

@@ -6446,6 +6446,10 @@ function ChatComposerInner({
   deepResearchEnabled = false,
   researchEnabled = false,
   codeAgentsEnabled = false,
+  loopsEnabled = true,
+  missionsEnabled = true,
+  goalsEnabled = true,
+  compressEnabled = true,
   viewMode = "simple",
   onViewModeChange
 }) {
@@ -6492,22 +6496,38 @@ function ChatComposerInner({
   const builtinCommands = react.useMemo(
     () => {
       const base = [
-        { value: "/clear", label: "/clear", description: "Clear conversation" },
-        { value: "/compress", label: "/compress", description: "Compress context" },
-        { value: "/goal", label: "/goal", description: "Define an outcome goal" },
-        { value: "/goal status", label: "/goal status", description: "Show outcome goal status" },
-        { value: "/goal pause", label: "/goal pause", description: "Pause automatic goal continuation" },
-        { value: "/goal resume", label: "/goal resume", description: "Resume a paused goal" },
-        { value: "/goal clear", label: "/goal clear", description: "Clear the current goal" },
-        { value: "/mission ", label: "/mission", description: "Start an orchestrated rubric-judged mission" },
-        { value: "/mission status", label: "/mission status", description: "Show current mission status" },
-        { value: "/mission pause", label: "/mission pause", description: "Pause the mission evaluator" },
-        { value: "/mission resume", label: "/mission resume", description: "Resume a paused mission" },
-        { value: "/mission cancel", label: "/mission cancel", description: "Cancel the mission" },
-        { value: "/loop", label: "/loop", description: "Schedule recurring prompt" },
-        { value: "/loop list", label: "/loop list", description: "List active loops" },
-        { value: "/loop cancel", label: "/loop cancel", description: "Cancel a loop by ID" }
+        { value: "/clear", label: "/clear", description: "Clear conversation" }
       ];
+      if (compressEnabled) {
+        base.push(
+          { value: "/compress", label: "/compress", description: "Compress context" }
+        );
+      }
+      if (goalsEnabled) {
+        base.push(
+          { value: "/goal", label: "/goal", description: "Define an outcome goal" },
+          { value: "/goal status", label: "/goal status", description: "Show outcome goal status" },
+          { value: "/goal pause", label: "/goal pause", description: "Pause automatic goal continuation" },
+          { value: "/goal resume", label: "/goal resume", description: "Resume a paused goal" },
+          { value: "/goal clear", label: "/goal clear", description: "Clear the current goal" }
+        );
+      }
+      if (missionsEnabled) {
+        base.push(
+          { value: "/mission ", label: "/mission", description: "Start an orchestrated rubric-judged mission" },
+          { value: "/mission status", label: "/mission status", description: "Show current mission status" },
+          { value: "/mission pause", label: "/mission pause", description: "Pause the mission evaluator" },
+          { value: "/mission resume", label: "/mission resume", description: "Resume a paused mission" },
+          { value: "/mission cancel", label: "/mission cancel", description: "Cancel the mission" }
+        );
+      }
+      if (loopsEnabled) {
+        base.push(
+          { value: "/loop", label: "/loop", description: "Schedule recurring prompt" },
+          { value: "/loop list", label: "/loop list", description: "List active loops" },
+          { value: "/loop cancel", label: "/loop cancel", description: "Cancel a loop by ID" }
+        );
+      }
       if (deepResearchEnabled) {
         base.push({
           value: "/deep-research ",
@@ -6533,7 +6553,15 @@ function ChatComposerInner({
       }
       return base;
     },
-    [deepResearchEnabled, researchEnabled, codeAgentsEnabled]
+    [
+      compressEnabled,
+      goalsEnabled,
+      missionsEnabled,
+      loopsEnabled,
+      deepResearchEnabled,
+      researchEnabled,
+      codeAgentsEnabled
+    ]
   );
   const scheduledExamples = react.useMemo(
     () => [
@@ -6691,7 +6719,7 @@ function ChatComposerInner({
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          loopsEnabled && /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
             {
               type: "button",
@@ -10097,6 +10125,10 @@ function ChatThread({
   deepResearchEnabled = false,
   researchEnabled = false,
   codeAgentsEnabled = false,
+  loopsEnabled = true,
+  missionsEnabled = true,
+  goalsEnabled = true,
+  compressEnabled = true,
   researchSources = [],
   hideTurnSummary = false,
   agentId,
@@ -10163,7 +10195,11 @@ function ChatThread({
         onViewModeChange,
         deepResearchEnabled,
         researchEnabled,
-        codeAgentsEnabled
+        codeAgentsEnabled,
+        loopsEnabled,
+        missionsEnabled,
+        goalsEnabled,
+        compressEnabled
       }
     ),
     onOpenIntegrations && /* @__PURE__ */ jsxRuntime.jsx(
@@ -12674,6 +12710,10 @@ function AgentChat({
   deepResearchEnabled = false,
   researchEnabled = false,
   codeAgentsEnabled = false,
+  loopsEnabled = true,
+  missionsEnabled = true,
+  goalsEnabled = true,
+  compressEnabled = true,
   onOpenIntegrations,
   onOpenBilling
 }) {
@@ -12827,6 +12867,10 @@ function AgentChat({
                     deepResearchEnabled,
                     researchEnabled,
                     codeAgentsEnabled,
+                    loopsEnabled,
+                    missionsEnabled,
+                    goalsEnabled,
+                    compressEnabled,
                     researchSources: runtime.researchSources,
                     hideTurnSummary,
                     agentId,
@@ -16361,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,
@@ -16376,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",
@@ -16394,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: [
@@ -16453,6 +16511,7 @@ function TreeNodeRow({
         entry: child,
         depth: depth + 1,
         activeSessionId,
+        activeGroupRootId,
         canStop,
         canDelete,
         onSelect,
@@ -16569,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);
@@ -16632,6 +16706,7 @@ function SessionTreePanel({
         entry,
         depth: 0,
         activeSessionId: activeSessionId ?? "",
+        activeGroupRootId,
         canStop: Boolean(adapter.stopSession),
         canDelete: Boolean(adapter.deleteSession),
         onSelect: handleSelect,