@invergent/agent-chat-react 1.6.8 → 1.7.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { cn } from './chunk-QSC4UIVT.js';
-import { createContext, memo, useRef, useState, useEffect, useCallback, useMemo, lazy, useContext, Suspense, Children } from 'react';
+import { createContext, memo, useRef, useEffect, useCallback, useMemo, useState, lazy, useContext, Suspense, Children } from 'react';
 import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, ChevronRightIcon, GitBranchIcon, XIcon, ThumbsUpIcon, ThumbsDownIcon, ActivityIcon, Loader2Icon, EyeIcon, GlobeIcon, CheckIcon, SearchIcon, ListTodoIcon, XCircleIcon, CheckCircle2Icon, Code, CopyIcon, TerminalIcon, Trash2Icon, CircleDotIcon, CircleCheckIcon, CircleXIcon, SkullIcon, ClockIcon, CheckCircleIcon, CircleIcon, InboxIcon, CalendarClockIcon, UsersIcon, MessageSquareIcon, ZapIcon, Maximize2Icon, FolderOpenIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, ExternalLinkIcon, ClipboardCheckIcon, ShieldAlertIcon, TimerIcon, SquareIcon, ArrowDownIcon, RotateCcwIcon, MousePointer2Icon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, FolderIcon, FileIcon, ChevronLeftIcon, MinusIcon, PlusIcon, CornerDownLeftIcon } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { Collapsible as Collapsible$1, Slot, Dialog as Dialog$1, ScrollArea as ScrollArea$1, Tooltip as Tooltip$1, Tabs as Tabs$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, HoverCard as HoverCard$1, Progress as Progress$1 } from 'radix-ui';
@@ -703,8 +703,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 = memo(
   ({
@@ -718,7 +717,6 @@ var Reasoning = memo(
     ...props
   }) => {
     const resolvedDefaultOpen = defaultOpen ?? false;
-    const isExplicitlyClosed = defaultOpen === false;
     const [isOpen, setIsOpen] = useControllableState({
       defaultProp: resolvedDefaultOpen,
       onChange: onOpenChange,
@@ -728,8 +726,6 @@ var Reasoning = memo(
       defaultProp: void 0,
       prop: durationProp
     });
-    const hasEverStreamedRef = useRef(false);
-    const [hasAutoClosed, setHasAutoClosed] = useState(false);
     const startTimeRef = useRef(null);
     useEffect(() => {
       if (isStreaming) {
@@ -739,29 +735,11 @@ var Reasoning = 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]);
-    useEffect(() => {
-      if (!isStreaming || isOpen || isExplicitlyClosed) return;
-      const timer = setTimeout(() => {
-        hasEverStreamedRef.current = true;
-        setIsOpen(true);
-      }, AUTO_OPEN_DELAY);
-      return () => clearTimeout(timer);
-    }, [isStreaming, isOpen, setIsOpen, isExplicitlyClosed]);
-    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 = useCallback(
       (newOpen) => {
         setIsOpen(newOpen);
@@ -1183,7 +1161,7 @@ function TerminalCollapsible({ command, output, isRunning, hasError }) {
       className: "not-prose w-full",
       children: [
         /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "group/trigger flex w-fit items-center gap-2 text-sm transition-colors", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-left", children: isRunning ? /* @__PURE__ */ jsx(Shimmer, { as: "span", duration: 1, children: "Running command..." }) : hasError ? /* @__PURE__ */ jsx("span", { className: "font-semibold text-destructive", children: "Command failed" }) : /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: "Command result" }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-left", children: isRunning ? /* @__PURE__ */ jsx(Shimmer, { as: "span", duration: 1, children: "Running command..." }) : hasError ? /* @__PURE__ */ jsx("span", { className: "font-semibold text-destructive", children: "Command failed" }) : /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: "Command" }) }),
           /* @__PURE__ */ jsx(
             ChevronDownIcon,
             {
@@ -1234,14 +1212,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__ */ jsx(
       TerminalCollapsible,
       {
         command: result.command,
         output,
         isRunning,
-        hasError: result.exit_code !== 0 || Boolean(result.error)
+        hasError: false
       }
     );
   }
@@ -6384,6 +6364,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 });
     }
   }
@@ -9059,7 +9043,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__ */ jsx(
                         WorkspacePanel,
                         {
@@ -9776,10 +9760,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} ${formatDistanceToNow(date, { addSuffix: true })}`;
 }
 function formatRuns(count) {
@@ -9826,10 +9811,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);
@@ -10180,8 +10165,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__ */ jsxs(Fragment, { children: [
@@ -10236,7 +10220,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);
@@ -10244,7 +10231,7 @@ function TreeNodeRow({
               "aria-label": "Delete session",
               title: "Delete session",
               disabled: deletingSessionId === entry.id,
-              children: /* @__PURE__ */ jsx(Trash2Icon, { className: "w-3 h-3" })
+              children: deletingSessionId === entry.id ? /* @__PURE__ */ jsx(Loader2Icon, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(Trash2Icon, { className: "w-3 h-3" })
             }
           )
         ]