@invergent/agent-chat-react 1.5.4 → 1.5.5

package/dist/index.d.cts

@@ -113,6 +113,7 @@ interface AgentChatState {
     sessionDone: boolean;
     hadDeltas: boolean;
     terminal: boolean;
+    workspaceRefreshKey: number;
 }
 type AgentChatArtifactKind = "markdown" | "table" | "chart" | "html" | "svg";
 interface AgentChatArtifactMeta {
@@ -315,6 +316,7 @@ interface AgentChatRuntimeApi {
     isLoadingHistory: boolean;
     tokenUsage: AgentChatTokenUsage;
     retryIndicator: AgentChatRetryIndicator | null;
+    workspaceRefreshKey: number;
     send(content: string): Promise<void>;
     stop(): Promise<void>;
     retry(): Promise<void>;

package/dist/index.d.ts

@@ -113,6 +113,7 @@ interface AgentChatState {
     sessionDone: boolean;
     hadDeltas: boolean;
     terminal: boolean;
+    workspaceRefreshKey: number;
 }
 type AgentChatArtifactKind = "markdown" | "table" | "chart" | "html" | "svg";
 interface AgentChatArtifactMeta {
@@ -315,6 +316,7 @@ interface AgentChatRuntimeApi {
     isLoadingHistory: boolean;
     tokenUsage: AgentChatTokenUsage;
     retryIndicator: AgentChatRetryIndicator | null;
+    workspaceRefreshKey: number;
     send(content: string): Promise<void>;
     stop(): Promise<void>;
     retry(): Promise<void>;

package/dist/index.js

@@ -3307,7 +3307,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__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm ", children: [
     /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: label }),
     args.name && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate", children: args.name })
@@ -5942,14 +5942,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__ */ jsxs(TimelineItem, { step, children: [
       /* @__PURE__ */ jsxs(TimelineHeader, { children: [
         /* @__PURE__ */ jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
         /* @__PURE__ */ jsx(
           TimelineIndicator,
           {
-            className: cn("size-2 border-none", statusColorClass(effectiveStatus(entry.tc)))
+            className: cn("size-2 border-none", statusColorClass(indicatorStatus))
           }
         )
       ] }),
@@ -6007,13 +6010,14 @@ function TimelineEntryItem({
       /* @__PURE__ */ jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
       /* @__PURE__ */ jsx(TimelineIndicator, { className: "size-2 border-none bg-primary animate-pulse" })
     ] }),
-    /* @__PURE__ */ jsx(TimelineContent, { children: /* @__PURE__ */ jsx(Shimmer, { duration: 5, className: "text-sm text-foreground", children: "Working on it..." }) })
+    /* @__PURE__ */ jsx(TimelineContent, { children: /* @__PURE__ */ jsx(Shimmer, { duration: 3, spread: 3, className: "text-sm", children: "Working on it..." }) })
   ] });
 }
 function AssistantGroup({
   messages,
   lastGlobalIndex,
   totalMessages,
+  isRunning,
   sessionId,
   onFileSelect,
   onRetry
@@ -6023,6 +6027,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__ */ jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxs(MessageContent, { children: [
@@ -6146,6 +6159,7 @@ function ChatThread({
               messages: group.messages,
               lastGlobalIndex: group.lastGlobalIndex,
               totalMessages: messages.length,
+              isRunning,
               sessionId,
               onFileSelect,
               onRetry: groupRetry
@@ -6153,7 +6167,7 @@ function ChatThread({
             group.messages[0].id
           );
         }),
-        isRunning && messages.length > 0 && messages[messages.length - 1].role === "user" && /* @__PURE__ */ jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(Shimmer, { duration: 5, className: "text-sm", children: "Working on it..." }) }) })
+        isRunning && messages.length > 0 && messages[messages.length - 1].role === "user" && /* @__PURE__ */ jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(Shimmer, { duration: 3, spread: 3, className: "text-sm", children: "Working on it..." }) }) })
       ] }) }),
       /* @__PURE__ */ jsx(ConversationScrollButton, {})
     ] }),
@@ -6842,6 +6856,7 @@ function WorkspacePanel({
   onSelectedPathChange,
   collapsed = false,
   onCollapsedChange,
+  refreshSignal = 0,
   disabled = false
 }) {
   const fileInputRef = useRef(null);
@@ -6921,6 +6936,13 @@ function WorkspacePanel({
   useEffect(() => {
     void fetchTree();
   }, [fetchTree]);
+  useEffect(() => {
+    if (!sessionId || refreshSignal === 0) return;
+    const timer = setTimeout(() => {
+      void fetchTree();
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [refreshSignal, sessionId, fetchTree]);
   useEffect(() => {
     if (!sessionId) {
       setFile(null);
@@ -7261,6 +7283,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",
@@ -7309,7 +7337,8 @@ function createInitialAgentChatState(options = {}) {
     lastEventId: 0,
     sessionDone: false,
     hadDeltas: false,
-    terminal: false
+    terminal: false,
+    workspaceRefreshKey: 0
   };
 }
 function applyAgentChatEvent(state, event) {
@@ -7371,11 +7400,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 };
@@ -7815,6 +7850,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];
@@ -8065,6 +8108,7 @@ function useAgentChatRuntime({
     isLoadingHistory: state.isLoadingHistory,
     tokenUsage: state.tokenUsage,
     retryIndicator: state.retryIndicator,
+    workspaceRefreshKey: state.workspaceRefreshKey,
     send,
     stop,
     retry,
@@ -8150,6 +8194,7 @@ function AgentChat({
             onSelectedPathChange: setWorkspacePath,
             collapsed: workspaceCollapsed,
             onCollapsedChange: setWorkspaceCollapsed,
+            refreshSignal: runtime.workspaceRefreshKey,
             disabled
           }
         )
@@ -8254,6 +8299,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",
@@ -8293,7 +8339,7 @@ function TreeNodeRow({
             /* @__PURE__ */ jsx("div", { className: "text-sm truncate", children: title }),
             /* @__PURE__ */ jsx("div", { className: "text-xs text-faint truncate", children: subtitle })
           ] }),
-          isRunning && canStop && /* @__PURE__ */ jsx(
+          isRunning && canStop && isSubAgent && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",