fix: File browser doesn't refresh - user can't see new/updated files

app/src/components/chat/ChatContainer.tsx

@@ -4,6 +4,7 @@ import { useHotkeys } from 'react-hotkeys-hook';
 import { Loader2, FileCode, X, List, Plus, Plug, Pause } from 'lucide-react';
 import { PencilSimple, Storefront } from '@phosphor-icons/react';
 import { nodeConfigEvents } from '../../utils/nodeConfigEvents';
+import { notifyFileMutationsFromAgentEvent } from '../../utils/agentFileEvents';
 import { useCommandHandlers } from '../../contexts/CommandContext';
 import { ChatMessage } from './ChatMessage';
 import { ChatInput } from './ChatInput';
@@ -1315,6 +1316,8 @@ export function ChatContainer({
           // Guard against state updates after unmount (orphaned SSE callbacks)
           if (!isMountedRef.current) return;
 
+          notifyFileMutationsFromAgentEvent(event);
+
           // Capture task ID from streaming events for cancellation/reconnection
           if (event.data?.task_id) {
             agentTaskIdRef.current = event.data.task_id as string;

app/src/contexts/AgentRunsProvider.tsx

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import type { ReactNode } from 'react';
 import { chatApi } from '../lib/api';
+import { notifyFileMutationsFromAgentEvent } from '../utils/agentFileEvents';
 import {
   AgentRunsContext,
   type AgentRunsContextValue,
@@ -82,6 +83,7 @@ export function AgentRunsProvider({
         latestEvent: payload,
         lastEventId: lastEventId || undefined,
       });
+      notifyFileMutationsFromAgentEvent(payload);
       const type = (payload && (payload as { type?: string }).type) || '';
       if (type === 'complete' || type === 'error') {
         const reason =

app/src/utils/fileEvents.ts

@@ -1,7 +1,12 @@
 // Custom event system for file changes
 // This allows components to communicate file changes without polling the server
 
-type FileEventType = 'file-created' | 'file-updated' | 'file-deleted' | 'files-changed';
+type FileEventType =
+  | 'file-created'
+  | 'file-updated'
+  | 'file-deleted'
+  | 'files-changed'
+  | 'files-written';
 
 interface FileEventDetail {
   type: FileEventType;