From b0fa9d249bce2c63ea27c010a5ddd93aa99a84e6 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Sun, 28 Dec 2025 23:00:53 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=B7=A5=E5=85=B7?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=B1=BB=E5=9E=8B=E8=BD=AC=E6=8D=A2=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E7=9A=84=E8=B0=83=E7=94=A8=E7=BB=93=E6=9E=9C=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E8=AF=86=E5=88=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复agentStore.availableTools的处理逻辑，统一使用Object.values获取工具列表
将进度条的stroke-width属性改为动态绑定格式
---
 web/src/components/DebugComponent.vue                        | 5 +++--
 web/src/components/ToolCallingResult/ToolCallRenderer.vue    | 5 ++++-
 .../components/ToolCallingResult/tools/KnowledgeBaseTool.vue | 4 ++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/web/src/components/DebugComponent.vue b/web/src/components/DebugComponent.vue
index 8ebed3c5..771eb8d9 100644
--- a/web/src/components/DebugComponent.vue
+++ b/web/src/components/DebugComponent.vue
@@ -459,9 +459,10 @@ const printAgentConfig = async () => {
     }
 
     // 工具信息
+    const toolsList = agentStore.availableTools ? Object.values(agentStore.availableTools) : [];
     console.log('可用工具:', {
-      count: agentStore.availableTools.length,
-      tools: toRaw(agentStore.availableTools)
+      count: toolsList.length,
+      tools: toolsList
     });
 
     // 配置项信息（管理员可见）
diff --git a/web/src/components/ToolCallingResult/ToolCallRenderer.vue b/web/src/components/ToolCallingResult/ToolCallRenderer.vue
index aed9301a..0056478b 100644
--- a/web/src/components/ToolCallingResult/ToolCallRenderer.vue
+++ b/web/src/components/ToolCallingResult/ToolCallRenderer.vue
@@ -55,7 +55,10 @@ const props = defineProps({
 const agentStore = useAgentStore();
 
 const toolName = computed(() => props.toolCall.name || props.toolCall.function?.name || '');
-const tool = computed(() => agentStore?.availableTools?.[toolName.value] || null);
+const tool = computed(() => {
+  const toolsList = agentStore?.availableTools ? Object.values(agentStore.availableTools) : [];
+  return toolsList.find(t => t.name === toolName.value) || null;
+});
 
 const parseData = (content) => {
   if (typeof content === 'string') {
diff --git a/web/src/components/ToolCallingResult/tools/KnowledgeBaseTool.vue b/web/src/components/ToolCallingResult/tools/KnowledgeBaseTool.vue
index fedf70a0..b813ed56 100644
--- a/web/src/components/ToolCallingResult/tools/KnowledgeBaseTool.vue
+++ b/web/src/components/ToolCallingResult/tools/KnowledgeBaseTool.vue
@@ -76,7 +76,7 @@
                     :percent="getPercent(selectedChunk.data.score)"
                     :stroke-color="getScoreColor(selectedChunk.data.score)"
                     :show-info="false"
-                    stroke-width=6
+                    :stroke-width="6"
                   />
                 </div>
                 <div v-if="selectedChunk.data.rerank_score" class="score-card">
@@ -86,7 +86,7 @@
                     :percent="getPercent(selectedChunk.data.rerank_score)"
                     :stroke-color="getScoreColor(selectedChunk.data.rerank_score)"
                     :show-info="false"
-                    stroke-width=6
+                    :stroke-width="6"
                   />
                 </div>
               </div>