From 4d25efddbe75c04578b5a3b63c65e9a752bfeadf Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Tue, 3 Feb 2026 15:04:36 +0800
Subject: [PATCH] =?UTF-8?q?style(tool):=20=E5=AF=B9=E8=B7=AF=E5=BE=84?=
 =?UTF-8?q?=E5=92=8C=E6=96=87=E4=BB=B6=E5=90=8D=E6=B7=BB=E5=8A=A0=E7=AD=89?=
 =?UTF-8?q?=E5=AE=BD=E5=AD=97=E4=BD=93=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ToolCallingResult/BaseToolCall.vue        | 5 +++++
 web/src/components/ToolCallingResult/tools/EditFileTool.vue  | 2 +-
 .../components/ToolCallingResult/tools/ListDirectoryTool.vue | 2 +-
 web/src/components/ToolCallingResult/tools/ReadFileTool.vue  | 2 +-
 .../ToolCallingResult/tools/SearchFileContentTool.vue        | 2 +-
 web/src/components/ToolCallingResult/tools/WriteFileTool.vue | 2 +-
 6 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/web/src/components/ToolCallingResult/BaseToolCall.vue b/web/src/components/ToolCallingResult/BaseToolCall.vue
index c0000990..3aff665b 100644
--- a/web/src/components/ToolCallingResult/BaseToolCall.vue
+++ b/web/src/components/ToolCallingResult/BaseToolCall.vue
@@ -290,6 +290,11 @@ const formatResultData = (data) => {
         flex-shrink: 0;
       }
 
+
+      :deep(span.code) {
+        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+      }
+
       :deep(.separator) {
         color: var(--gray-300);
         flex-shrink: 0;
diff --git a/web/src/components/ToolCallingResult/tools/EditFileTool.vue b/web/src/components/ToolCallingResult/tools/EditFileTool.vue
index 81f6a27f..ca816b54 100644
--- a/web/src/components/ToolCallingResult/tools/EditFileTool.vue
+++ b/web/src/components/ToolCallingResult/tools/EditFileTool.vue
@@ -5,7 +5,7 @@
         <span class="note">{{ toolCallName }}</span>
         <span class="separator" v-if="filePath">|</span>
         <span class="description">
-          {{ filePath }}
+          <span class="code">{{ filePath }}</span>
           <span class="tag success" v-if="addedLines > 0">+{{ addedLines }}</span>
           <span class="tag error" v-if="removedLines > 0">-{{ removedLines }}</span>
         </span>
diff --git a/web/src/components/ToolCallingResult/tools/ListDirectoryTool.vue b/web/src/components/ToolCallingResult/tools/ListDirectoryTool.vue
index 29b65fb8..54cdd31c 100644
--- a/web/src/components/ToolCallingResult/tools/ListDirectoryTool.vue
+++ b/web/src/components/ToolCallingResult/tools/ListDirectoryTool.vue
@@ -4,7 +4,7 @@
       <div class="sep-header">
         <span class="note">{{ toolCallName }}</span>
         <span class="separator" v-if="dirPath">|</span>
-        <span class="description">{{ dirPath }}</span>
+        <span class="description code">{{ dirPath }}</span>
       </div>
     </template>
   </BaseToolCall>
diff --git a/web/src/components/ToolCallingResult/tools/ReadFileTool.vue b/web/src/components/ToolCallingResult/tools/ReadFileTool.vue
index d3aeded3..962f2402 100644
--- a/web/src/components/ToolCallingResult/tools/ReadFileTool.vue
+++ b/web/src/components/ToolCallingResult/tools/ReadFileTool.vue
@@ -5,7 +5,7 @@
         <span class="note">read_file</span>
         <span class="separator" v-if="filePath">|</span>
         <span class="description">
-          {{ filePath }}
+          <span class="code">{{ filePath }}</span>
           <span class="tag" v-if="lineRange">{{ lineRange }}</span>
         </span>
       </div>
diff --git a/web/src/components/ToolCallingResult/tools/SearchFileContentTool.vue b/web/src/components/ToolCallingResult/tools/SearchFileContentTool.vue
index c31b10b7..2e5bfef5 100644
--- a/web/src/components/ToolCallingResult/tools/SearchFileContentTool.vue
+++ b/web/src/components/ToolCallingResult/tools/SearchFileContentTool.vue
@@ -6,7 +6,7 @@
         <span class="separator" v-if="pattern">|</span>
         <span class="keywords">{{ pattern }}</span>
         <span class="separator" v-if="dirPath">|</span>
-        <span class="description">{{ dirPath }}</span>
+        <span class="description code">{{ dirPath }}</span>
       </div>
     </template>
   </BaseToolCall>
diff --git a/web/src/components/ToolCallingResult/tools/WriteFileTool.vue b/web/src/components/ToolCallingResult/tools/WriteFileTool.vue
index 42ff3332..d154b5ee 100644
--- a/web/src/components/ToolCallingResult/tools/WriteFileTool.vue
+++ b/web/src/components/ToolCallingResult/tools/WriteFileTool.vue
@@ -4,7 +4,7 @@
       <div class="sep-header">
         <span class="note">write_file</span>
         <span class="separator" v-if="filePath">|</span>
-        <span class="description">{{ filePath }}</span>
+        <span class="description code">{{ filePath }}</span>
         <span class="tag success"> +{{ lineCount }}</span>
       </div>
     </template>