@invergent/agent-chat-react 1.5.4 → 1.5.5

package/dist/index.cjs

@@ -3555,7 +3555,7 @@ function ClarifyLocked({
 function ArtifactToolBlock({ tc }) {
   const args = parseArgs(tc.args) ?? {};
   const status = effectiveStatus(tc);
-  const label = status === "running" ? "Creating artifact\u2026" : status === "error" ? "Tried to create" : "Created";
+  const label = status === "running" ? "Creating artifact\u2026" : status === "error" ? "Creating artifact\u2026" : "Created";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm ", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: label }),
     args.name && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground truncate", children: args.name })
@@ -6234,14 +6234,17 @@ function TimelineEntryItem({
     ] });
   }
   if (entry.kind === "tool") {
-    const failureSummary = effectiveStatus(entry.tc) === "error" ? toolErrorSummary(entry.tc.result) : "";
+    const rawStatus = effectiveStatus(entry.tc);
+    const hideArtifactFailure = rawStatus === "error" && entry.tc.toolName === "create_artifact";
+    const indicatorStatus = hideArtifactFailure ? "running" : rawStatus;
+    const failureSummary = rawStatus === "error" && !hideArtifactFailure ? toolErrorSummary(entry.tc.result) : "";
     return /* @__PURE__ */ jsxRuntime.jsxs(TimelineItem, { step, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(TimelineHeader, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
         /* @__PURE__ */ jsxRuntime.jsx(
           TimelineIndicator,
           {
-            className: cn("size-2 border-none", statusColorClass(effectiveStatus(entry.tc)))
+            className: cn("size-2 border-none", statusColorClass(indicatorStatus))
           }
         )
       ] }),
@@ -6299,13 +6302,14 @@ function TimelineEntryItem({
       /* @__PURE__ */ jsxRuntime.jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
       /* @__PURE__ */ jsxRuntime.jsx(TimelineIndicator, { className: "size-2 border-none bg-primary animate-pulse" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(TimelineContent, { children: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { duration: 5, className: "text-sm text-foreground", children: "Working on it..." }) })
+    /* @__PURE__ */ jsxRuntime.jsx(TimelineContent, { children: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { duration: 3, spread: 3, className: "text-sm", children: "Working on it..." }) })
   ] });
 }
 function AssistantGroup({
   messages,
   lastGlobalIndex,
   totalMessages,
+  isRunning,
   sessionId,
   onFileSelect,
   onRetry
@@ -6315,6 +6319,15 @@ function AssistantGroup({
     const isLast = i === messages.length - 1 && lastGlobalIndex === totalMessages - 1;
     entries.push(...messageToEntries(messages[i], isLast));
   }
+  const isTailGroup = lastGlobalIndex === totalMessages - 1;
+  const lastEntry = entries[entries.length - 1];
+  const hasRunningTool = entries.some(
+    (e) => e.kind === "tool" && e.tc.status === "running"
+  );
+  const tailMsg = messages[messages.length - 1];
+  if (isTailGroup && isRunning && !hasRunningTool && lastEntry?.kind !== "thinking") {
+    entries.push({ kind: "thinking", key: `${tailMsg.id}-tail-thinking` });
+  }
   const tail = messages[messages.length - 1];
   const showErrorInfo = tail && tail.role === "assistant" && tail.status === "error" && !!tail.errorInfo;
   return /* @__PURE__ */ jsxRuntime.jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxRuntime.jsxs(MessageContent, { children: [
@@ -6438,6 +6451,7 @@ function ChatThread({
               messages: group.messages,
               lastGlobalIndex: group.lastGlobalIndex,
               totalMessages: messages.length,
+              isRunning,
               sessionId,
               onFileSelect,
               onRetry: groupRetry
@@ -6445,7 +6459,7 @@ function ChatThread({
             group.messages[0].id
           );
         }),
-        isRunning && messages.length > 0 && messages[messages.length - 1].role === "user" && /* @__PURE__ */ jsxRuntime.jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxRuntime.jsx(MessageContent, { children: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { duration: 5, className: "text-sm", children: "Working on it..." }) }) })
+        isRunning && messages.length > 0 && messages[messages.length - 1].role === "user" && /* @__PURE__ */ jsxRuntime.jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxRuntime.jsx(MessageContent, { children: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { duration: 3, spread: 3, className: "text-sm", children: "Working on it..." }) }) })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(ConversationScrollButton, {})
     ] }),
@@ -7143,6 +7157,7 @@ function WorkspacePanel({
   onSelectedPathChange,
   collapsed = false,
   onCollapsedChange,
+  refreshSignal = 0,
   disabled = false
 }) {
   const fileInputRef = react.useRef(null);
@@ -7222,6 +7237,13 @@ function WorkspacePanel({
   react.useEffect(() => {
     void fetchTree();
   }, [fetchTree]);
+  react.useEffect(() => {
+    if (!sessionId || refreshSignal === 0) return;
+    const timer = setTimeout(() => {
+      void fetchTree();
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [refreshSignal, sessionId, fetchTree]);
   react.useEffect(() => {
     if (!sessionId) {
       setFile(null);
@@ -7562,6 +7584,12 @@ function ConfirmDialog({
 }
 
 // src/runtime/events.ts
+var WORKSPACE_MUTATING_TOOLS = /* @__PURE__ */ new Set([
+  "terminal",
+  "write_file",
+  "patch",
+  "execute_code"
+]);
 var AGENT_CHAT_LISTENED_EVENTS = [
   "user.message",
   "llm.request",
@@ -7610,7 +7638,8 @@ function createInitialAgentChatState(options = {}) {
     lastEventId: 0,
     sessionDone: false,
     hadDeltas: false,
-    terminal: false
+    terminal: false,
+    workspaceRefreshKey: 0
   };
 }
 function applyAgentChatEvent(state, event) {
@@ -7672,11 +7701,17 @@ function applyAgentChatEvent(state, event) {
       return applyLlmThinking(nextState, event);
     case "tool.call":
       return applyToolCall(nextState, event);
-    case "tool.result":
-      return withMessages(
-        nextState,
-        applyToolResult(nextState.messages, event.data)
-      );
+    case "tool.result": {
+      const toolCallId = stringValue(event.data.tool_call_id);
+      const toolName = findToolNameById(nextState.messages, toolCallId);
+      const messages = applyToolResult(nextState.messages, event.data);
+      const mutatesWorkspace = toolName !== null && WORKSPACE_MUTATING_TOOLS.has(toolName);
+      return {
+        ...nextState,
+        messages,
+        workspaceRefreshKey: mutatesWorkspace ? nextState.workspaceRefreshKey + 1 : nextState.workspaceRefreshKey
+      };
+    }
     case "harness.wake":
     case "llm.request":
       return nextState.terminal ? nextState : { ...nextState, isRunning: true };
@@ -8116,6 +8151,14 @@ function hasUserAfterIndex(messages, idx) {
   }
   return false;
 }
+function findToolNameById(messages, toolCallId) {
+  if (!toolCallId) return null;
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const tc = messages[i]?.toolCalls?.find((c) => c.id === toolCallId);
+    if (tc) return tc.toolName;
+  }
+  return null;
+}
 function findLatestConsultExpertCall(messages) {
   for (let i = messages.length - 1; i >= 0; i--) {
     const msg = messages[i];
@@ -8366,6 +8409,7 @@ function useAgentChatRuntime({
     isLoadingHistory: state.isLoadingHistory,
     tokenUsage: state.tokenUsage,
     retryIndicator: state.retryIndicator,
+    workspaceRefreshKey: state.workspaceRefreshKey,
     send,
     stop,
     retry,
@@ -8451,6 +8495,7 @@ function AgentChat({
             onSelectedPathChange: setWorkspacePath,
             collapsed: workspaceCollapsed,
             onCollapsedChange: setWorkspaceCollapsed,
+            refreshSignal: runtime.workspaceRefreshKey,
             disabled
           }
         )
@@ -8556,6 +8601,7 @@ function TreeNodeRow({
   const hasChildren = entry.children.length > 0;
   const isActive = entry.id === activeSessionId;
   const isRunning = entry.status === "active";
+  const isSubAgent = entry.parentId != null;
   const title = entry.title ?? "New session";
   const subtitle = [
     entry.model ?? "default",
@@ -8595,7 +8641,7 @@ function TreeNodeRow({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm truncate", children: title }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-faint truncate", children: subtitle })
           ] }),
-          isRunning && canStop && /* @__PURE__ */ jsxRuntime.jsx(
+          isRunning && canStop && isSubAgent && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",