From 4f3a9770cf79807053bda788ee7320b3abdc318b Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@carberry.com>
Date: Sun, 16 Nov 2025 14:25:02 -0500
Subject: [PATCH] Add file icons to file tool call headers

---
 src/browser/components/tools/FileEditToolCall.tsx | 6 +++++-
 src/browser/components/tools/FileReadToolCall.tsx | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/browser/components/tools/FileEditToolCall.tsx b/src/browser/components/tools/FileEditToolCall.tsx
index c48d7082a..e5ee77edc 100644
--- a/src/browser/components/tools/FileEditToolCall.tsx
+++ b/src/browser/components/tools/FileEditToolCall.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { FileIcon } from "@/browser/components/FileIcon";
 import { parsePatch } from "diff";
 import type {
   FileEditInsertToolArgs,
@@ -138,7 +139,10 @@ export const FileEditToolCall: React.FC<FileEditToolCallProps> = ({
             <span>✏️</span>
             <Tooltip>{toolName}</Tooltip>
           </TooltipWrapper>
-          <span className="text-text font-monospace max-w-96 truncate">{filePath}</span>
+          <div className="text-text flex max-w-96 min-w-0 items-center gap-1.5">
+            <FileIcon filePath={filePath} className="text-[15px] leading-none" />
+            <span className="font-monospace truncate">{filePath}</span>
+          </div>
         </div>
         {!(result && result.success && result.diff) && (
           <StatusIndicator status={status}>{getStatusDisplay(status)}</StatusIndicator>
diff --git a/src/browser/components/tools/FileReadToolCall.tsx b/src/browser/components/tools/FileReadToolCall.tsx
index a5c0b2fb8..32886db51 100644
--- a/src/browser/components/tools/FileReadToolCall.tsx
+++ b/src/browser/components/tools/FileReadToolCall.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { FileIcon } from "@/browser/components/FileIcon";
 import type { FileReadToolArgs, FileReadToolResult } from "@/common/types/tools";
 import {
   ToolContainer,
@@ -82,7 +83,10 @@ export const FileReadToolCall: React.FC<FileReadToolCallProps> = ({
           <span>📖</span>
           <Tooltip>file_read</Tooltip>
         </TooltipWrapper>
-        <span className="text-text font-monospace max-w-96 truncate">{filePath}</span>
+        <div className="text-text flex max-w-96 min-w-0 items-center gap-1.5">
+          <FileIcon filePath={filePath} className="text-[15px] leading-none" />
+          <span className="font-monospace truncate">{filePath}</span>
+        </div>
         {result && result.success && parsedContent && (
           <span className="text-secondary ml-2 text-[10px] whitespace-nowrap">
             <span className="hidden @sm:inline">read </span>