Merge branch 'feat/plugin-front-end' into merge/250105merge

src/views/agentCard.ts

@@ -96,6 +96,27 @@ export function getAgentCardStyles(): string {
       padding: 8px;
       text-align: center;
     }
+    /* 低调显示的工具调用样式 */
+    .agent-step.low-profile {
+      opacity: 0.5;
+      font-size: 10px;
+      padding: 2px 6px;
+      background: transparent;
+      margin-bottom: 2px;
+    }
+    .agent-step.low-profile .step-icon {
+      opacity: 0.4;
+      font-size: 10px;
+    }
+    .agent-step.low-profile .step-name {
+      font-weight: 300;
+      color: var(--vscode-descriptionForeground);
+      opacity: 0.7;
+    }
+    .agent-step.low-profile .step-result {
+      opacity: 0.6;
+      font-size: 9px;
+    }
   `;
 }
 
@@ -119,8 +140,8 @@ export function getAgentCardScript(): string {
         'queryKnowledgeSummary': '查询知识摘要',
         'queryRules': '查询规则',
         'setModule': '设置模块',
-        'addSignal': '添加信号',
-        'addSignalExample': '添加信号示例',
+        'addSignal': '正在分析信号定义',
+        'addSignalExample': '正在处理信号示例',
         'validateKnowledgeGraph': '验证知识图谱',
         'querySignals': '查询信号',
         'addPlan': '添加计划',
@@ -151,7 +172,16 @@ export function getAgentCardScript(): string {
         const icon = step.status === 'completed' ? '✅' : step.status === 'error' ? '❌' : '🔄';
         const displayName = getAgentToolDisplayName(step.toolName);
         const result = step.toolResult ? \`: \${step.toolResult.substring(0, 50)}\${step.toolResult.length > 50 ? '...' : ''}\` : '';
-        return \`<div class="agent-step"><span class="step-icon">\${icon}</span><span class="step-name">\${displayName}</span><span class="step-result">\${result}</span></div>\`;
+        // 为技术性工具调用添加低调样式（用户看不懂的）
+        const lowProfileTools = [
+          'knowledge_save', 'knowledge_load',
+          'queryKnowledgeSummary', 'queryRules', 'querySignals',
+          'setModule', 'addSignal', 'addSignalExample',
+          'validateKnowledgeGraph', 'addPlan', 'addEdge',
+          'showPlan', 'spawnExplorer'
+        ];
+        const stepClass = lowProfileTools.includes(step.toolName) ? 'agent-step low-profile' : 'agent-step';
+        return \`<div class="\${stepClass}"><span class="step-icon">\${icon}</span><span class="step-name">\${displayName}</span><span class="step-result">\${result}</span></div>\`;
       }).join('');
 
       segmentDiv.innerHTML = \`