@invergent/agent-chat-react 2.7.9 → 2.8.1

package/dist/index.d.cts

@@ -953,6 +953,16 @@ interface AgentChatProps {
      * Like `deepResearchEnabled`, the host owns the capability gate.
      */
     codeAgentsEnabled?: boolean;
+    /**
+     * Slash-command capability group (per-agent). These gate the always-on
+     * lightweight builtins and default to shown when omitted, so a host that
+     * hasn't wired them keeps the current menu. `/clear` has no flag and is
+     * always available; the host owns the capability gate.
+     */
+    loopsEnabled?: boolean;
+    missionsEnabled?: boolean;
+    goalsEnabled?: boolean;
+    compressEnabled?: boolean;
     /**
      * Called when the user clicks the integrations band under the composer.
      * Hosts navigate to their Integrations route. When omitted, the band is
@@ -967,7 +977,7 @@ interface AgentChatProps {
      */
     onOpenBilling?: () => void;
 }
-declare function AgentChat({ adapter, agentId, sessionId, onSessionChange, onFileSelect, onMessagesChange, disabled, onComposerError, deepResearchEnabled, researchEnabled, codeAgentsEnabled, onOpenIntegrations, onOpenBilling, }: AgentChatProps): react_jsx_runtime.JSX.Element;
+declare function AgentChat({ adapter, agentId, sessionId, onSessionChange, onFileSelect, onMessagesChange, disabled, onComposerError, deepResearchEnabled, researchEnabled, codeAgentsEnabled, loopsEnabled, missionsEnabled, goalsEnabled, compressEnabled, onOpenIntegrations, onOpenBilling, }: AgentChatProps): react_jsx_runtime.JSX.Element;
 
 interface AgentChatAdapterContextValue {
     adapter: AgentChatAdapter;
@@ -1255,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

@@ -953,6 +953,16 @@ interface AgentChatProps {
      * Like `deepResearchEnabled`, the host owns the capability gate.
      */
     codeAgentsEnabled?: boolean;
+    /**
+     * Slash-command capability group (per-agent). These gate the always-on
+     * lightweight builtins and default to shown when omitted, so a host that
+     * hasn't wired them keeps the current menu. `/clear` has no flag and is
+     * always available; the host owns the capability gate.
+     */
+    loopsEnabled?: boolean;
+    missionsEnabled?: boolean;
+    goalsEnabled?: boolean;
+    compressEnabled?: boolean;
     /**
      * Called when the user clicks the integrations band under the composer.
      * Hosts navigate to their Integrations route. When omitted, the band is
@@ -967,7 +977,7 @@ interface AgentChatProps {
      */
     onOpenBilling?: () => void;
 }
-declare function AgentChat({ adapter, agentId, sessionId, onSessionChange, onFileSelect, onMessagesChange, disabled, onComposerError, deepResearchEnabled, researchEnabled, codeAgentsEnabled, onOpenIntegrations, onOpenBilling, }: AgentChatProps): react_jsx_runtime.JSX.Element;
+declare function AgentChat({ adapter, agentId, sessionId, onSessionChange, onFileSelect, onMessagesChange, disabled, onComposerError, deepResearchEnabled, researchEnabled, codeAgentsEnabled, loopsEnabled, missionsEnabled, goalsEnabled, compressEnabled, onOpenIntegrations, onOpenBilling, }: AgentChatProps): react_jsx_runtime.JSX.Element;
 
 interface AgentChatAdapterContextValue {
     adapter: AgentChatAdapter;
@@ -1255,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

@@ -6160,6 +6160,10 @@ function ChatComposerInner({
   deepResearchEnabled = false,
   researchEnabled = false,
   codeAgentsEnabled = false,
+  loopsEnabled = true,
+  missionsEnabled = true,
+  goalsEnabled = true,
+  compressEnabled = true,
   viewMode = "simple",
   onViewModeChange
 }) {
@@ -6206,22 +6210,38 @@ function ChatComposerInner({
   const builtinCommands = 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 ",
@@ -6247,7 +6267,15 @@ function ChatComposerInner({
       }
       return base;
     },
-    [deepResearchEnabled, researchEnabled, codeAgentsEnabled]
+    [
+      compressEnabled,
+      goalsEnabled,
+      missionsEnabled,
+      loopsEnabled,
+      deepResearchEnabled,
+      researchEnabled,
+      codeAgentsEnabled
+    ]
   );
   const scheduledExamples = useMemo(
     () => [
@@ -6405,7 +6433,7 @@ function ChatComposerInner({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs(
+          loopsEnabled && /* @__PURE__ */ jsxs(
             Button,
             {
               type: "button",
@@ -9790,6 +9818,10 @@ function ChatThread({
   deepResearchEnabled = false,
   researchEnabled = false,
   codeAgentsEnabled = false,
+  loopsEnabled = true,
+  missionsEnabled = true,
+  goalsEnabled = true,
+  compressEnabled = true,
   researchSources = [],
   hideTurnSummary = false,
   agentId,
@@ -9856,7 +9888,11 @@ function ChatThread({
         onViewModeChange,
         deepResearchEnabled,
         researchEnabled,
-        codeAgentsEnabled
+        codeAgentsEnabled,
+        loopsEnabled,
+        missionsEnabled,
+        goalsEnabled,
+        compressEnabled
       }
     ),
     onOpenIntegrations && /* @__PURE__ */ jsx(
@@ -12358,6 +12394,10 @@ function AgentChat({
   deepResearchEnabled = false,
   researchEnabled = false,
   codeAgentsEnabled = false,
+  loopsEnabled = true,
+  missionsEnabled = true,
+  goalsEnabled = true,
+  compressEnabled = true,
   onOpenIntegrations,
   onOpenBilling
 }) {
@@ -12511,6 +12551,10 @@ function AgentChat({
                     deepResearchEnabled,
                     researchEnabled,
                     codeAgentsEnabled,
+                    loopsEnabled,
+                    missionsEnabled,
+                    goalsEnabled,
+                    compressEnabled,
                     researchSources: runtime.researchSources,
                     hideTurnSummary,
                     agentId,
@@ -16038,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,
@@ -16053,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",
@@ -16071,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: [
@@ -16130,6 +16188,7 @@ function TreeNodeRow({
         entry: child,
         depth: depth + 1,
         activeSessionId,
+        activeGroupRootId,
         canStop,
         canDelete,
         onSelect,
@@ -16246,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);
@@ -16309,6 +16383,7 @@ function SessionTreePanel({
         entry,
         depth: 0,
         activeSessionId: activeSessionId ?? "",
+        activeGroupRootId,
         canStop: Boolean(adapter.stopSession),
         canDelete: Boolean(adapter.deleteSession),
         onSelect: handleSelect,