🤖 Wire up FileListToolCall component in ToolMessage routing

- Add import for FileListToolCall component
- Add isFileListTool type guard using Zod schema
- Add routing case for file_list tool
- Fix status type: use ToolStatus instead of custom status strings
- Update status checks: 'completed'/'failed'/'executing' instead of 'complete'/'error'/'streaming'

Fixes component routing so file_list tool calls render correctly in UI.

Author: ammar-agent

src/components/Messages/ToolMessage.tsx

@@ -5,6 +5,7 @@ import { GenericToolCall } from "../tools/GenericToolCall";
 import { BashToolCall } from "../tools/BashToolCall";
 import { FileEditToolCall } from "../tools/FileEditToolCall";
 import { FileReadToolCall } from "../tools/FileReadToolCall";
+import { FileListToolCall } from "../tools/FileListToolCall";
 
 import { ProposePlanToolCall } from "../tools/ProposePlanToolCall";
 import { TodoToolCall } from "../tools/TodoToolCall";
@@ -45,6 +46,11 @@ function isFileReadTool(toolName: string, args: unknown): args is FileReadToolAr
   return TOOL_DEFINITIONS.file_read.schema.safeParse(args).success;
 }
 
+function isFileListTool(toolName: string, args: unknown): args is FileListToolArgs {
+  if (toolName !== "file_list") return false;
+  return TOOL_DEFINITIONS.file_list.schema.safeParse(args).success;
+}
+
 function isFileEditReplaceStringTool(
   toolName: string,
   args: unknown
@@ -103,6 +109,18 @@ export const ToolMessage: React.FC<ToolMessageProps> = ({ message, className, wo
     );
   }
 
+  if (isFileListTool(message.toolName, message.args)) {
+    return (
+      <div className={className}>
+        <FileListToolCall
+          args={message.args}
+          result={message.result as FileListToolResult | undefined}
+          status={message.status}
+        />
+      </div>
+    );
+  }
+
   if (isFileEditReplaceStringTool(message.toolName, message.args)) {
     return (
       <div className={className}>

src/components/tools/FileListToolCall.tsx

@@ -11,7 +11,7 @@ import {
   DetailLabel,
   LoadingDots,
 } from "./shared/ToolPrimitives";
-import { useToolExpansion, getStatusDisplay } from "./shared/toolUtils";
+import { useToolExpansion, getStatusDisplay, ToolStatus } from "./shared/toolUtils";
 
 // FileList-specific styled components
 
@@ -74,14 +74,14 @@ const EmptyMessage = styled.div`
 interface FileListToolCallProps {
   args: FileListToolArgs;
   result?: FileListToolResult;
-  status: "pending" | "streaming" | "complete" | "error";
+  status: ToolStatus;
 }
 
 export const FileListToolCall: React.FC<FileListToolCallProps> = ({ args, result, status }) => {
   const { expanded, toggleExpanded } = useToolExpansion(false);
-  const isError = status === "error" || (result && !result.success);
-  const isComplete = status === "complete";
-  const isPending = status === "pending" || status === "streaming";
+  const isError = status === "failed" || (result && !result.success);
+  const isComplete = status === "completed";
+  const isPending = status === "pending" || status === "executing";
 
   // Build parameter summary
   const params: string[] = [];