fix(extension-agent): 修复 Skill 导入与管理页刷新 (#812)

CookSleep · web-flow · commit d327efe987ce · 2026-04-05T17:43:42.000+08:00
diff --git a/packages/extension-agent/client/components/layout/agent-shell.vue b/packages/extension-agent/client/components/layout/agent-shell.vue
@@ -3,80 +3,77 @@
         <div class="main-content">
             <el-scrollbar>
                 <div class="content-wrapper">
-                    <Transition name="fade-slide" mode="out-in">
-                        <div
-                            v-if="activeTab === 'mcp'"
-                            key="mcp"
-                            class="view-container"
-                        >
-                            <mcp-page
-                                :config="mcpCfg"
-                                :status="mcpStatus"
-                                :loading="loading"
-                                @refresh="refreshData"
-                                @save="saveMcp"
-                            />
-                        </div>
-
-                        <div
-                            v-else-if="activeTab === 'skills'"
+                    <div
+                        v-if="activeTab === 'mcp'"
+                        key="mcp"
+                        class="view-container"
+                    >
+                        <mcp-page
+                            :config="mcpCfg"
+                            :status="mcpStatus"
+                            :loading="loading"
+                            @refresh="refreshData"
+                            @save="saveMcp"
+                        />
+                    </div>
+
+                    <KeepAlive>
+                        <skills-page
+                            v-if="activeTab === 'skills'"
                             key="skills"
                             class="view-container"
-                        >
-                            <skills-page
-                                :config="skillsCfg"
-                                :status="skillsStatus"
-                                :agents="subAgentStatus?.catalog"
-                                :computer="computerStatus"
-                                :loading="loading"
-                                @refresh="refreshData"
-                                @save="(value) => saveSection('skills', value)"
-                            />
-                        </div>
-
-                        <div
-                            v-else-if="activeTab === 'computer'"
-                            key="computer"
-                            class="view-container"
-                        >
-                            <computer-page
-                                :config="computerCfg"
-                                :status="computerStatus"
-                                :loading="loading"
-                            />
-                        </div>
-
-                        <div
-                            v-else-if="activeTab === 'subAgent'"
+                            :config="skillsCfg"
+                            :status="skillsStatus"
+                            :agents="subAgentStatus?.catalog"
+                            :computer="computerStatus"
+                            :loading="loading"
+                            @refresh="refreshData"
+                            @save="(value) => saveSection('skills', value)"
+                        />
+                    </KeepAlive>
+
+                    <div
+                        v-if="activeTab === 'computer'"
+                        key="computer"
+                        class="view-container"
+                    >
+                        <computer-page
+                            :config="computerCfg"
+                            :status="computerStatus"
+                            :loading="loading"
+                        />
+                    </div>
+
+                    <KeepAlive>
+                        <sub-agent-page
+                            v-if="activeTab === 'subAgent'"
                             key="sub-agent"
                             class="view-container"
-                        >
-                            <sub-agent-page
-                                :config="subAgentCfg"
-                                :status="subAgentStatus"
-                                :skills="skillsStatus?.catalog"
-                                :mcp="mcpStatus?.servers"
-                                :computer="computerStatus"
-                                :tools="toolStatus?.catalog"
-                                :loading="loading"
-                                @refresh="refreshData"
-                                @save="
-                                    (value) => saveSection('subAgent', value)
-                                "
-                            />
-                        </div>
-
-                        <div v-else key="tool" class="view-container">
-                            <tool-page
-                                :config="toolCfg"
-                                :status="toolStatus"
-                                :agents="subAgentStatus?.catalog"
-                                :loading="loading"
-                                @refresh="refreshData"
-                                @save="(value) => saveSection('tool', value)"
-                            />
-                        </div>
-                    </Transition>
+                            :config="subAgentCfg"
+                            :status="subAgentStatus"
+                            :skills="skillsStatus?.catalog"
+                            :mcp="mcpStatus?.servers"
+                            :computer="computerStatus"
+                            :tools="toolStatus?.catalog"
+                            :loading="loading"
+                            @refresh="refreshData"
+                            @save="(value) => saveSection('subAgent', value)"
+                        />
+                    </KeepAlive>
+
+                    <KeepAlive>
+                        <tool-page
+                            v-if="activeTab === 'tool'"
+                            key="tool"
+                            class="view-container"
+                            :config="toolCfg"
+                            :status="toolStatus"
+                            :agents="subAgentStatus?.catalog"
+                            :loading="loading"
+                            @refresh="refreshData"
+                            @save="(value) => saveSection('tool', value)"
+                        />
+                    </KeepAlive>
                 </div>
             </el-scrollbar>
         </div>
@@ -99,10 +96,9 @@ import type { AgentConfig } from '../../../src/types'
 
 const activeTab = ref('mcp')
 const pending = ref(false)
-let refreshId = 0
+let refreshTask: Promise<void> | undefined
 const data = computed(() => store.chatluna_agent_webui)
 const config = computed(() => data.value?.config)
-const status = computed(() => data.value?.status)
 const mcpCfg = computed(() => data.value?.config?.mcp)
 const skillsCfg = computed(() => data.value?.config?.skills)
 const computerCfg = computed(() => data.value?.config?.computer)
@@ -116,17 +112,24 @@ const toolStatus = computed(() => data.value?.status?.tool)
 const loading = computed(() => pending.value || !data.value)
 
 const refreshData = async () => {
-    const id = ++refreshId
-    try {
-        pending.value = true
-        await send('chatluna-agent/refreshConsoleData')
-    } catch {
-        ElMessage.error('刷新 Agent 数据失败')
-    } finally {
-        if (id === refreshId) {
+    if (refreshTask) {
+        await refreshTask
+        return
+    }
+
+    refreshTask = (async () => {
+        try {
+            pending.value = true
+            await send('chatluna-agent/refreshConsoleData')
+        } catch {
+            ElMessage.error('刷新 Agent 数据失败')
+        } finally {
             pending.value = false
+            refreshTask = undefined
         }
-    }
+    })()
+
+    await refreshTask
 }
 
 const handleTabChange = (tab: string) => {
diff --git a/packages/extension-agent/client/components/skills/skills-import-folder-dialog.vue b/packages/extension-agent/client/components/skills/skills-import-folder-dialog.vue
@@ -365,7 +365,7 @@ async function importSkills() {
         ElMessage.success(
             result.replaced.length > 0
                 ? `已导入 ${result.imported.length} 个 Skill，并覆盖 ${result.replaced.length} 个同名项。`
-                : `已导入 ${result.imported.length} 个 Skill，并默认启用。`
+                : `已导入 ${result.imported.length} 个 Skill。`
         )
     } catch {
         ElMessage.error('导入失败，请稍后重试。')
diff --git a/packages/extension-agent/client/components/skills/skills-import-github-dialog.vue b/packages/extension-agent/client/components/skills/skills-import-github-dialog.vue
@@ -405,7 +405,7 @@ async function importSkills() {
         ElMessage.success(
             result.replaced.length > 0
                 ? `已导入 ${result.imported.length} 个 Skill，并覆盖 ${result.replaced.length} 个同名项。`
-                : `已导入 ${result.imported.length} 个 Skill，并默认启用。`
+                : `已导入 ${result.imported.length} 个 Skill。`
         )
     } catch (error) {
         ElMessage.error(formatError(error))
diff --git a/packages/extension-agent/client/components/skills/skills-import-markdown-dialog.vue b/packages/extension-agent/client/components/skills/skills-import-markdown-dialog.vue
@@ -229,7 +229,7 @@ async function importSkills() {
         ElMessage.success(
             result.replaced.length > 0
                 ? `已导入 1 个 Skill，并覆盖同名项。`
-                : `已导入 1 个 Skill，并默认启用。`
+                : `已导入 1 个 Skill。`
         )
     } catch (error) {
         ElMessage.error(`导入失败: ${formatError(error)}`)
diff --git a/packages/extension-agent/client/components/sub-agent/sub-agent-page.vue b/packages/extension-agent/client/components/sub-agent/sub-agent-page.vue
diff --git a/packages/extension-agent/src/skills/import.ts b/packages/extension-agent/src/skills/import.ts

Original file line number	Diff line number	Diff line change
`@@ -365,7 +365,7 @@ async function importSkills() {`
`365`	`365`	`ElMessage.success(`
`366`	`366`	`result.replaced.length > 0`
`367`	`367`	? `已导入 ${result.imported.length} 个 Skill，并覆盖 ${result.replaced.length} 个同名项。`
`368`		- : `已导入 ${result.imported.length} 个 Skill，并默认启用。`
	`368`	+ : `已导入 ${result.imported.length} 个 Skill。`
`369`	`369`	`)`
`370`	`370`	`} catch {`
`371`	`371`	`ElMessage.error('导入失败，请稍后重试。')`
Original file line number	Diff line number	Diff line change
`@@ -405,7 +405,7 @@ async function importSkills() {`
`405`	`405`	`ElMessage.success(`
`406`	`406`	`result.replaced.length > 0`
`407`	`407`	? `已导入 ${result.imported.length} 个 Skill，并覆盖 ${result.replaced.length} 个同名项。`
`408`		- : `已导入 ${result.imported.length} 个 Skill，并默认启用。`
	`408`	+ : `已导入 ${result.imported.length} 个 Skill。`
`409`	`409`	`)`
`410`	`410`	`} catch (error) {`
`411`	`411`	`ElMessage.error(formatError(error))`
Original file line number	Diff line number	Diff line change
`@@ -229,7 +229,7 @@ async function importSkills() {`
`229`	`229`	`ElMessage.success(`
`230`	`230`	`result.replaced.length > 0`
`231`	`231`	? `已导入 1 个 Skill，并覆盖同名项。`
`232`		- : `已导入 1 个 Skill，并默认启用。`
	`232`	+ : `已导入 1 个 Skill。`
`233`	`233`	`)`
`234`	`234`	`} catch (error) {`
`235`	`235`	ElMessage.error(`导入失败: ${formatError(error)}`)