fix: align MCP tool display and search behavior in dashboard

- move quote import in MCPTool to module scope
- use origin instead of name parsing for MCP tool icons
- centralize tool display-name resolution in shared helper
- centralize tool search matching for persona and component views
- remove stale MCP-specific frontend search reference

Author: ChuwuYo

astrbot/core/agent/mcp_client.py

@@ -3,6 +3,7 @@
 from contextlib import AsyncExitStack
 from datetime import timedelta
 from typing import Generic
+from urllib.parse import quote
 
 from tenacity import (
     before_sleep_log,
@@ -381,8 +382,6 @@ def __init__(
     ) -> None:
         # Add namespace prefix to avoid conflicts with plugin tools
         # URL-encode the server name to create a safe and unique identifier part
-        from urllib.parse import quote
-
         normalized_server_name = quote(mcp_server_name, safe="")
         # Format: mcp_<normalized_server_name>__<tool_name>
         namespaced_name = f"mcp_{normalized_server_name}__{mcp_tool.name}"

dashboard/src/components/extension/componentPanel/components/ToolTable.vue

@@ -41,7 +41,7 @@ const parameterEntries = (tool: ToolItem) => Object.entries(tool.parameters?.pro
       <template #item.name="{ item }">
         <div class="d-flex align-center py-2">
           <v-icon color="primary" class="mr-2" size="18">
-            {{ item.name.includes(':') ? 'mdi-server-network' : 'mdi-function-variant' }}
+            {{ item.origin === 'mcp' ? 'mdi-server-network' : 'mdi-function-variant' }}
           </v-icon>
           <div>
             <div class="text-subtitle-1 font-weight-medium">{{ item.display_name || item.name }}</div>

dashboard/src/components/extension/componentPanel/index.vue

@@ -15,6 +15,7 @@
 import { computed, onActivated, onMounted, ref, watch} from 'vue';
 import axios from 'axios';
 import { useModuleI18n } from '@/i18n/composables';
+import { matchesToolSearch } from '@/utils/toolDisplayName';
 
 // Composables
 import { useComponentData } from './composables/useComponentData';
@@ -85,10 +86,7 @@ const {
 const filteredTools = computed(() => {
   const query = toolSearch.value.trim().toLowerCase();
   if (!query) return tools.value;
-  return tools.value.filter(tool => 
-    tool.name?.toLowerCase().includes(query) ||
-    tool.description?.toLowerCase().includes(query)
-  );
+  return tools.value.filter(tool => matchesToolSearch(tool, query));
 });
 
 // 处理切换指令状态

dashboard/src/components/shared/PersonaForm.vue

@@ -329,6 +329,7 @@ import {
     askForConfirmation as askForConfirmationDialog,
     useConfirmDialog
 } from '@/utils/confirmDialog';
+import { matchesToolSearch, resolveToolDisplayName } from '@/utils/toolDisplayName';
 
 export default {
     name: 'PersonaForm',
@@ -405,12 +406,7 @@ export default {
             if (!this.toolSearch) {
                 return this.availableTools;
             }
-            const search = this.toolSearch.toLowerCase();
-            return this.availableTools.filter(tool =>
-                tool.name.toLowerCase().includes(search) ||
-                (tool.description && tool.description.toLowerCase().includes(search)) ||
-                (tool.mcp_server_name && tool.mcp_server_name.toLowerCase().includes(search))
-            );
+            return this.availableTools.filter(tool => matchesToolSearch(tool, this.toolSearch));
         },
         filteredSkills() {
             if (!this.skillSearch) {
@@ -821,9 +817,7 @@ export default {
         },
 
         getToolDisplayName(toolName) {
-            // Find tool in availableTools and return display_name if available
-            const tool = this.availableTools.find(t => t.name === toolName);
-            return tool?.display_name || toolName;
+            return resolveToolDisplayName(toolName, this.availableTools);
         }
     }
 }

dashboard/src/utils/toolDisplayName.ts

@@ -0,0 +1,27 @@
+import type { ToolItem } from '@/components/extension/componentPanel/types';
+
+type ToolDisplayNameSource = Pick<ToolItem, 'name' | 'display_name'>;
+type ToolSearchSource = Pick<ToolItem, 'name' | 'display_name' | 'description' | 'origin' | 'origin_name'>;
+
+export function resolveToolDisplayName(
+    toolName: string,
+    availableTools: ToolDisplayNameSource[] = []
+): string {
+    const tool = availableTools.find(item => item.name === toolName);
+    return tool?.display_name || toolName;
+}
+
+export function matchesToolSearch(tool: ToolSearchSource, rawQuery: string): boolean {
+    const query = rawQuery.trim().toLowerCase();
+    if (!query) {
+        return true;
+    }
+
+    return [
+        tool.display_name,
+        tool.name,
+        tool.description,
+        tool.origin,
+        tool.origin_name,
+    ].some(value => value?.toLowerCase().includes(query));
+}

dashboard/src/views/persona/PersonaManager.vue

@@ -281,6 +281,7 @@ import {
     askForConfirmation as askForConfirmationDialog,
     useConfirmDialog
 } from '@/utils/confirmDialog';
+import { resolveToolDisplayName } from '@/utils/toolDisplayName';
 
 import type { Folder, FolderTreeNode } from '@/components/folder/types';
 
@@ -432,8 +433,7 @@ export default defineComponent({
         },
 
         getToolDisplayName(toolName: string): string {
-            const tool = this.availableTools.find(t => t.name === toolName);
-            return tool?.display_name || toolName;
+            return resolveToolDisplayName(toolName, this.availableTools);
         },
 
         // Persona 操作