@invergent/agent-chat-react 1.6.8 → 1.7.0

package/dist/index.cjs

@@ -908,8 +908,7 @@ var useReasoning = () => {
   }
   return context;
 };
-var AUTO_CLOSE_DELAY = 1e3;
-var AUTO_OPEN_DELAY = 100;
+var MIN_DURATION_MS = 100;
 var MS_IN_S = 1e3;
 var Reasoning = react.memo(
   ({
@@ -923,7 +922,6 @@ var Reasoning = react.memo(
     ...props
   }) => {
     const resolvedDefaultOpen = defaultOpen ?? false;
-    const isExplicitlyClosed = defaultOpen === false;
     const [isOpen, setIsOpen] = reactUseControllableState.useControllableState({
       defaultProp: resolvedDefaultOpen,
       onChange: onOpenChange,
@@ -933,8 +931,6 @@ var Reasoning = react.memo(
       defaultProp: void 0,
       prop: durationProp
     });
-    const hasEverStreamedRef = react.useRef(false);
-    const [hasAutoClosed, setHasAutoClosed] = react.useState(false);
     const startTimeRef = react.useRef(null);
     react.useEffect(() => {
       if (isStreaming) {
@@ -944,29 +940,11 @@ var Reasoning = react.memo(
       } else if (startTimeRef.current !== null) {
         const elapsed = Date.now() - startTimeRef.current;
         startTimeRef.current = null;
-        if (elapsed >= AUTO_OPEN_DELAY) {
-          hasEverStreamedRef.current = true;
+        if (elapsed >= MIN_DURATION_MS) {
           setDuration(Math.ceil(elapsed / MS_IN_S));
         }
       }
     }, [isStreaming, setDuration]);
-    react.useEffect(() => {
-      if (!isStreaming || isOpen || isExplicitlyClosed) return;
-      const timer = setTimeout(() => {
-        hasEverStreamedRef.current = true;
-        setIsOpen(true);
-      }, AUTO_OPEN_DELAY);
-      return () => clearTimeout(timer);
-    }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);
-    react.useEffect(() => {
-      if (hasEverStreamedRef.current && !isStreaming && isOpen && !hasAutoClosed) {
-        const timer = setTimeout(() => {
-          setIsOpen(false);
-          setHasAutoClosed(true);
-        }, AUTO_CLOSE_DELAY);
-        return () => clearTimeout(timer);
-      }
-    }, [isStreaming, isOpen, setIsOpen, hasAutoClosed]);
     const handleOpenChange = react.useCallback(
       (newOpen) => {
         setIsOpen(newOpen);
@@ -1392,7 +1370,7 @@ function TerminalCollapsible({ command, output, isRunning, hasError }) {
       className: "not-prose w-full",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(CollapsibleTrigger, { className: "group/trigger flex w-fit items-center gap-2 text-sm transition-colors", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-left", children: isRunning ? /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { as: "span", duration: 1, children: "Running command..." }) : hasError ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-destructive", children: "Command failed" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: "Command result" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-left", children: isRunning ? /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { as: "span", duration: 1, children: "Running command..." }) : hasError ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-destructive", children: "Command failed" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: "Command" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             lucideReact.ChevronDownIcon,
             {
@@ -1443,14 +1421,16 @@ function TerminalToolBlock({ tc }) {
   const isRunning = tc.status === "running";
   const result = parseTerminalResult(tc.result, tc.args);
   if (result) {
-    const output = result.output || result.error || "";
+    const hasError = result.exit_code !== 0 || Boolean(result.error);
+    if (hasError) return null;
+    const output = result.output || "";
     return /* @__PURE__ */ jsxRuntime.jsx(
       TerminalCollapsible,
       {
         command: result.command,
         output,
         isRunning,
-        hasError: result.exit_code !== 0 || Boolean(result.error)
+        hasError: false
       }
     );
   }
@@ -6678,6 +6658,10 @@ function messageToEntries(msg, isLast, artifactFallbacks) {
         });
         continue;
       }
+      if (tc.toolName === "terminal" && tc.status !== "running") {
+        const parsed = parseTerminalResult(tc.result, tc.args);
+        if (parsed && (parsed.exit_code !== 0 || parsed.error)) continue;
+      }
       entries.push({ kind: "tool", key: tc.id, tc });
     }
   }
@@ -9362,7 +9346,7 @@ function AgentChat({
                     "div",
                     {
                       "data-testid": "workspace-panel-frame",
-                      className: hasBrowserPanel ? "h-1/2 min-h-0 w-full overflow-hidden" : "min-h-0",
+                      className: hasBrowserPanel ? "h-1/2 min-h-0 w-full overflow-hidden" : "min-h-0 h-full",
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         WorkspacePanel,
                         {
@@ -10081,10 +10065,11 @@ function formatKind(value) {
   if (!value) return "Scheduled";
   return value.split(/[_-]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 }
-function formatRelative2(value, label) {
+function formatRelative2(value, label, future = false) {
   if (!value) return null;
   const date = new Date(value);
   if (Number.isNaN(date.getTime())) return null;
+  if (future && date.getTime() <= Date.now()) return `${label} due now`;
   return `${label} ${dateFns.formatDistanceToNow(date, { addSuffix: true })}`;
 }
 function formatRuns(count) {
@@ -10131,10 +10116,10 @@ function ScheduledWorkRow({
   const lastSessionId = item.lastSessionId ?? null;
   const meta = [
     scheduleDisplay(item),
-    formatRelative2(item.nextRunAt, "Next"),
+    formatRelative2(item.nextRunAt, "Next", true),
     formatRelative2(item.lastRunAt, "Last"),
     formatRuns(item.runCount),
-    item.expiresAt ? formatRelative2(item.expiresAt, "Expires") : null
+    item.expiresAt ? formatRelative2(item.expiresAt, "Expires", true) : null
   ].filter(Boolean);
   const openLastRun = () => {
     if (lastSessionId) onOpenLastRun(lastSessionId);
@@ -10486,8 +10471,7 @@ function TreeNodeRow({
   const title = entry.title ?? fallbackSessionTitle(entry);
   const subtitle = [
     formatRunKind(entry.runKind),
-    entry.agentType,
-    entry.model ?? "default",
+    entry.model ?? entry.agentType,
     formatSessionTime(entry.updatedAt)
   ].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -10542,7 +10526,10 @@ function TreeNodeRow({
             "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",
+              className: cn(
+                "p-1 rounded hover:bg-destructive/10 hover:text-destructive disabled:pointer-events-none transition-all",
+                deletingSessionId === entry.id ? "opacity-100" : "opacity-0 group-hover:opacity-100 focus-visible:opacity-100"
+              ),
               onClick: (e) => {
                 e.stopPropagation();
                 onDelete(entry.id);
@@ -10550,7 +10537,7 @@ function TreeNodeRow({
               "aria-label": "Delete session",
               title: "Delete session",
               disabled: deletingSessionId === entry.id,
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "w-3 h-3" })
+              children: deletingSessionId === entry.id ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "w-3 h-3" })
             }
           )
         ]