dsh-skill-hub 0.3.9 → 0.3.11

package/lib/client.js

@@ -206,10 +206,6 @@ window.__ModuleLoader__.load({
 			config() {
 				return this.get(SKILL_HUB_API.config);
 			}
-			/** Patch the hub's runtime config (null clears a saved override). */
-			saveConfig(patch) {
-				return this.post(SKILL_HUB_API.config, patch);
-			}
 			/** 用户 tag 分组 + 系统集合组 + origin 映射。 */
 			groups() {
 				return this.get(SKILL_HUB_API.groups);
@@ -233,10 +229,6 @@ window.__ModuleLoader__.load({
 			async reorderTags(orderedIds) {
 				return (await this.post(SKILL_HUB_API.tagReorder, { orderedIds })).tags;
 			}
-			/** 拖拽重排来源集合 */
-			async reorderCollections(orderedNames) {
-				return (await this.post(SKILL_HUB_API.collectionReorder, { orderedNames })).collections;
-			}
 			/** 拖拽重排来源顶层分组（project / collections / personal） */
 			async reorderSourceGroups(orderedKeys) {
 				return (await this.post(SKILL_HUB_API.sourceGroupReorder, { orderedKeys })).order;
@@ -284,8 +276,8 @@ window.__ModuleLoader__.load({
 		//#region src/client/locales/common.ts
 		/** 面板框架与通用：入口/视图切换/面板/图例/报错/更新检查/新建表单/诊断修复。从 locales.ts 按前缀拆出，键集合不变。 */
 		const zhCommon = {
+			"drag.reorder": "拖拽调整顺序",
 			"entry.label": "技能",
-			"entry.tooltip": "技能中枢：浏览、分组与同步管理本地技能",
 			"view.sources": "来源",
 			"view.scenes": "场景",
 			"view.market": "市场",
@@ -299,7 +291,6 @@ window.__ModuleLoader__.load({
 			"legend.model": "模型可调 — Agent 可自动调用",
 			"legend.user": "用户可调 — 仅显式点名时触发",
 			"legend.hint": "每个技能最多一个圆点；无圆点 = 不可被调用。",
-			"panel.enabled": "已启用",
 			"panel.disabled": "已禁用",
 			"panel.diagnostics": "发现诊断",
 			"panel.empty": "没有匹配的技能。",
@@ -314,7 +305,6 @@ window.__ModuleLoader__.load({
 			"update.upToDate": "已是最新版本 v{version}",
 			"update.available": "发现新版本 v{version}（当前 v{current}）",
 			"update.newVersion": "新版本 v{version}",
-			"update.viewRelease": "查看发布",
 			"update.error": "检查更新失败：{error}",
 			"update.unavailable": "暂无可用的发布版本",
 			"diag.fix": "修复",
@@ -334,8 +324,8 @@ window.__ModuleLoader__.load({
 			"err.dismiss": "知道了"
 		};
 		const enCommon = {
+			"drag.reorder": "Drag to reorder",
 			"entry.label": "Skills",
-			"entry.tooltip": "Skill hub: browse, group, and sync local skills",
 			"view.sources": "Sources",
 			"view.scenes": "Scenes",
 			"view.market": "Market",
@@ -349,7 +339,6 @@ window.__ModuleLoader__.load({
 			"legend.model": "Model-invocable — agents may call automatically",
 			"legend.user": "User-invocable — explicit invocation only",
 			"legend.hint": "At most one dot per skill; no dot = not invocable.",
-			"panel.enabled": "Enabled",
 			"panel.disabled": "Disabled",
 			"panel.diagnostics": "Discovery diagnostics",
 			"panel.empty": "No matching skills.",
@@ -364,7 +353,6 @@ window.__ModuleLoader__.load({
 			"update.upToDate": "Up to date: v{version}",
 			"update.available": "Update available: v{version} (current v{current})",
 			"update.newVersion": "New version v{version}",
-			"update.viewRelease": "View release",
 			"update.error": "Update check failed: {error}",
 			"update.unavailable": "No release available",
 			"diag.fix": "Fix",
@@ -418,6 +406,7 @@ window.__ModuleLoader__.load({
 		//#region src/client/locales/market.ts
 		/** 市场与仓库扫描导入。从 locales.ts 按前缀拆出，键集合不变。 */
 		const zhMarket = {
+			"market.syncHint": "将同步到上游最新版并提示可更新的本地技能",
 			"market.addPlaceholder": "owner/repo 或 https://github.com/…",
 			"market.addSource": "添加源",
 			"market.noSources": "还没有市场源。从下方内置市场添加，或输入一个 GitHub 仓库。",
@@ -440,13 +429,11 @@ window.__ModuleLoader__.load({
 			"market.deleteSource": "移除源",
 			"market.scan": "扫描",
 			"market.scanning": "扫描中…",
-			"market.check": "检查",
 			"market.checkUpdate": "检查更新",
 			"market.checking": "检查中…",
 			"market.upToDate": "已是最新",
 			"market.update": "更新",
 			"market.updateCount": "更新 {count} 个",
-			"market.sync": "同步",
 			"market.syncing": "同步中…",
 			"market.updated": "有更新",
 			"market.newRelease": "新版本 v{version}",
@@ -469,10 +456,19 @@ window.__ModuleLoader__.load({
 			"market.syncNone": "该来源还没有导入本地技能。",
 			"market.syncCancel": "跳过",
 			"market.removeHint": "移除源不影响已安装的技能。",
+			"repo.scanTitle": "扫描结果",
+			"repo.close": "关闭",
+			"repo.searchPlaceholder": "搜索技能名…",
+			"repo.allRoots": "全部 {count}",
+			"repo.selection": "已选 {selected}/{total} · {size} · 显示 {shown}/{filtered}（过滤后）",
+			"repo.noMatch": "无匹配技能",
+			"repo.loadMore": "加载更多 {step} (剩余 {remaining})",
+			"repo.skillProgress": "{done}/{total} 个技能",
 			"repo.ready": "发现 {count} 个可导入技能",
 			"repo.truncated": "⚠ 仓库过大，仅展示部分技能（GitHub 截断），可缩小仓库或指定子目录",
 			"repo.empty": "没有找到可导入技能。",
-			"repo.selectAll": "全选",
+			"repo.selectVisible": "全选当前显示",
+			"repo.selectAllN": "全选全部 {count}",
 			"repo.clearAll": "清空",
 			"repo.import": "导入所选 ({count})",
 			"repo.importing": "导入中…",
@@ -484,11 +480,12 @@ window.__ModuleLoader__.load({
 			"repo.cancel": "取消",
 			"repo.cancelled": "已取消 · 已导入 {imported}/{total} 已保留，临时文件已清理",
 			"repo.importingCurrent": "正在导入: {name} ({done}/{total})",
-			"repo.root.skills": "技能 skills",
-			"repo.root.designTemplates": "模板 design-templates",
+			"repo.root.skills": "skills",
+			"repo.root.designTemplates": "design-templates",
 			"repo.root.generic": "{root}"
 		};
 		const enMarket = {
+			"market.syncHint": "Sync to the latest upstream and report local skills that can update",
 			"market.addPlaceholder": "owner/repo or https://github.com/…",
 			"market.addSource": "Add source",
 			"market.noSources": "No market sources yet. Add one from the built-in catalog below, or enter a GitHub repo.",
@@ -511,13 +508,11 @@ window.__ModuleLoader__.load({
 			"market.deleteSource": "Remove source",
 			"market.scan": "Scan",
 			"market.scanning": "Scanning…",
-			"market.check": "Check",
 			"market.checkUpdate": "Check for updates",
 			"market.checking": "Checking…",
 			"market.upToDate": "Up to date",
 			"market.update": "Update",
 			"market.updateCount": "Update {count}",
-			"market.sync": "Sync",
 			"market.syncing": "Syncing…",
 			"market.updated": "Updates available",
 			"market.newRelease": "New release v{version}",
@@ -540,10 +535,19 @@ window.__ModuleLoader__.load({
 			"market.syncNone": "No local skills tracked from this repo yet.",
 			"market.syncCancel": "Skip",
 			"market.removeHint": "Removing a source does not affect installed skills.",
+			"repo.scanTitle": "Scan result",
+			"repo.close": "Close",
+			"repo.searchPlaceholder": "Search skill name…",
+			"repo.allRoots": "All {count}",
+			"repo.selection": "Selected {selected}/{total} · {size} · showing {shown}/{filtered} (filtered)",
+			"repo.noMatch": "No matching skills",
+			"repo.loadMore": "Load {step} more ({remaining} left)",
+			"repo.skillProgress": "{done}/{total} skills",
 			"repo.ready": "{count} importable skills found",
 			"repo.truncated": "⚠ Repo too large, only partial skills shown (GitHub truncated)",
 			"repo.empty": "No importable skills found.",
-			"repo.selectAll": "Select all",
+			"repo.selectVisible": "Select visible",
+			"repo.selectAllN": "Select all {count}",
 			"repo.clearAll": "Clear",
 			"repo.import": "Import selected ({count})",
 			"repo.importing": "Importing…",
@@ -556,7 +560,7 @@ window.__ModuleLoader__.load({
 			"repo.cancelled": "Cancelled · {imported}/{total} kept, temp files cleaned",
 			"repo.importingCurrent": "Importing: {name} ({done}/{total})",
 			"repo.root.skills": "Skills",
-			"repo.root.designTemplates": "Templates design-templates",
+			"repo.root.designTemplates": "Templates",
 			"repo.root.generic": "{root}"
 		};
 		//#endregion
@@ -587,8 +591,6 @@ window.__ModuleLoader__.load({
 			"settings.githubTokenHint": "市场/来源走 GitHub API，匿名每小时 60 次，填 token 后 5000 次。细粒度 token 无需任何权限。明文存本地设置，仅回环可读；留空即匿名（或跟随 GITHUB_TOKEN 环境变量）。",
 			"settings.githubTokenPlaceholder": "ghp_… / github_pat_…（留空为匿名）",
 			"settings.inherit": "继承",
-			"settings.on": "开",
-			"settings.off": "关",
 			"settings.overridden": "已覆盖",
 			"settings.reset": "恢复默认",
 			"settings.unsaved": "未保存",
@@ -626,8 +628,6 @@ window.__ModuleLoader__.load({
 			"settings.githubTokenHint": "Market/sources use the GitHub API: 60 req/h anonymous, 5000/hr with a token. A fine-grained token needs no permissions. Stored plaintext in local settings, loopback-only; empty means anonymous (or GITHUB_TOKEN env).",
 			"settings.githubTokenPlaceholder": "ghp_… / github_pat_… (empty = anonymous)",
 			"settings.inherit": "Inherit",
-			"settings.on": "On",
-			"settings.off": "Off",
 			"settings.overridden": "Overridden",
 			"settings.reset": "Reset to default",
 			"settings.unsaved": "Unsaved",
@@ -644,15 +644,14 @@ window.__ModuleLoader__.load({
 		//#region src/client/locales/skills.ts
 		/** 技能浏览：行徽章/分组/场景/过滤排序/相对时间。从 locales.ts 按前缀拆出，键集合不变。 */
 		const zhSkills = {
-			"group.project-dsh": "项目 .dsh/skills",
-			"group.project-agents": "项目 .agents/skills",
-			"group.custom": "自定义目录",
-			"group.runtime": "运行时",
-			"group.user-dsh": "用户 ~/.dsh/skills",
-			"group.user-agents": "用户 ~/.agents/skills",
-			"group.bundled": "内置",
-			"group.other": "其他来源",
+			"edit.start": "编辑",
+			"edit.hint": "开启后显示删除与排序操作",
+			"edit.done": "完成",
 			"groups.new": "新建场景",
+			"groups.collapseAll": "全部折叠",
+			"groups.expandAll": "全部展开",
+			"reorder.up": "上移",
+			"reorder.down": "下移",
 			"groups.namePlaceholder": "场景名",
 			"groups.edit": "编辑",
 			"groups.rename": "保存名称",
@@ -671,6 +670,10 @@ window.__ModuleLoader__.load({
 			"groups.conflictTitle": "关闭此组？",
 			"groups.conflictText": "以下技能也在其他组中开启，关闭它们会影响那些组：",
 			"filter.allSources": "全部来源",
+			"filter.title": "筛选",
+			"filter.source": "来源",
+			"filter.invocation": "调用方式",
+			"filter.clear": "清除筛选",
 			"filter.private": "个人",
 			"sort.name": "按名称",
 			"sort.added": "按添加时间",
@@ -694,11 +697,6 @@ window.__ModuleLoader__.load({
 			"row.open": "查看 {name} 详情（回车）",
 			"row.duplicate": "重名",
 			"row.duplicateHint": "同名技能存在多个来源，当前显示为优先级最高的版本",
-			"row.copy": "复制",
-			"row.copyMention": "复制 $mention",
-			"row.copied": "已复制",
-			"row.copyPath": "复制路径",
-			"filter.invocation": "调用",
 			"filter.invocationAll": "全部调用",
 			"filter.modelOnly": "模型可调",
 			"filter.userOnly": "用户可调",
@@ -707,15 +705,14 @@ window.__ModuleLoader__.load({
 			"filter.shortened": "短描述 {count} 条，悬浮看全文"
 		};
 		const enSkills = {
-			"group.project-dsh": "Project .dsh/skills",
-			"group.project-agents": "Project .agents/skills",
-			"group.custom": "Custom directories",
-			"group.runtime": "Runtime",
-			"group.user-dsh": "User ~/.dsh/skills",
-			"group.user-agents": "User ~/.agents/skills",
-			"group.bundled": "Bundled",
-			"group.other": "Other sources",
+			"edit.start": "Edit",
+			"edit.hint": "Show delete and reorder actions",
+			"edit.done": "Done",
 			"groups.new": "New scene",
+			"groups.collapseAll": "Collapse all",
+			"groups.expandAll": "Expand all",
+			"reorder.up": "Move up",
+			"reorder.down": "Move down",
 			"groups.namePlaceholder": "Scene name",
 			"groups.edit": "Edit",
 			"groups.rename": "Save name",
@@ -734,6 +731,10 @@ window.__ModuleLoader__.load({
 			"groups.conflictTitle": "Close this group?",
 			"groups.conflictText": "These skills are also enabled in other groups; closing them affects those groups:",
 			"filter.allSources": "All sources",
+			"filter.title": "Filter",
+			"filter.source": "Source",
+			"filter.invocation": "Invocation",
+			"filter.clear": "Clear filters",
 			"filter.private": "Personal",
 			"sort.name": "By name",
 			"sort.added": "By added",
@@ -757,11 +758,6 @@ window.__ModuleLoader__.load({
 			"row.open": "View {name} details (Enter)",
 			"row.duplicate": "duplicate",
 			"row.duplicateHint": "Multiple sources provide this name; the highest-priority one is shown",
-			"row.copy": "Copy",
-			"row.copyMention": "Copy $mention",
-			"row.copied": "Copied",
-			"row.copyPath": "Copy path",
-			"filter.invocation": "Invocation",
 			"filter.invocationAll": "All",
 			"filter.modelOnly": "Model",
 			"filter.userOnly": "User",
@@ -1331,7 +1327,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/huanyi/Documents/personal/tools/dsh-skill-hub/src/client/settings-card.module.css.mjs
-		const css$1 = ".TqD_hG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.TqD_hG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.TqD_hG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.TqD_hG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.TqD_hG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.TqD_hG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.TqD_hG_versionTag{opacity:.45;white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:1px;margin-left:6px;font-size:12px;font-weight:500}.TqD_hG_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.TqD_hG_chevron,.TqD_hG_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.TqD_hG_chevronOpen{transform:rotate(180deg)}.TqD_hG_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.TqD_hG_readOnly,.TqD_hG_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.TqD_hG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.TqD_hG_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.TqD_hG_discard,.TqD_hG_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.TqD_hG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.TqD_hG_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.TqD_hG_discard:disabled,.TqD_hG_save:disabled{opacity:.4;cursor:default}.TqD_hG_discard:focus-visible,.TqD_hG_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.TqD_hG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.TqD_hG_field+.TqD_hG_field{border-top:1px solid var(--dsw-alias-border-l2)}.TqD_hG_head{align-items:center;gap:8px;display:flex}.TqD_hG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.TqD_hG_badges{align-items:center;gap:8px;display:inline-flex}.TqD_hG_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.TqD_hG_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.TqD_hG_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.TqD_hG_reset:disabled{cursor:default}.TqD_hG_input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.TqD_hG_input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.TqD_hG_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.TqD_hG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.TqD_hG_colorRow{align-items:center;gap:8px;display:flex}.TqD_hG_colorInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);cursor:pointer;border-radius:8px;width:34px;height:34px;padding:0}.TqD_hG_colorInput:disabled{opacity:.5;cursor:default}.TqD_hG_colorInput::-webkit-color-swatch-wrapper{padding:2px}.TqD_hG_colorInput::-webkit-color-swatch{border:none;border-radius:4px}.TqD_hG_colorText{flex:1;min-width:0}.TqD_hG_switchRow{align-items:center;gap:12px;display:flex}.TqD_hG_switchText{flex:1;min-width:0}.TqD_hG_switch,.TqD_hG_switchOn{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);cursor:pointer;border-radius:999px;flex:none;width:38px;height:22px;padding:2px;transition:background .15s,border-color .15s}.TqD_hG_switchOn{border-color:var(--dsw-alias-state-business-primary,#2f81f7);background:var(--dsw-alias-state-business-primary,#2f81f7)}.TqD_hG_switch:disabled,.TqD_hG_switchOn:disabled{opacity:.4;cursor:default}.TqD_hG_switchThumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block;transform:translate(0);box-shadow:0 1px 2px #00000040}.TqD_hG_switchOn .TqD_hG_switchThumb{transform:translate(16px)}";
+		const css$1 = ".TqD_hG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.TqD_hG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.TqD_hG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.TqD_hG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.TqD_hG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.TqD_hG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.TqD_hG_versionTag{opacity:.45;white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:1px;margin-left:6px;font-size:12px;font-weight:500}.TqD_hG_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.TqD_hG_chevron,.TqD_hG_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.TqD_hG_chevronOpen{transform:rotate(180deg)}.TqD_hG_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.TqD_hG_readOnly,.TqD_hG_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.TqD_hG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.TqD_hG_failed{min-width:0;color:var(--dsw-alias-state-error-primary,#d1242f);flex:1;margin:0;font-size:12px;line-height:1.5}.TqD_hG_discard,.TqD_hG_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.TqD_hG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.TqD_hG_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.TqD_hG_discard:disabled,.TqD_hG_save:disabled{opacity:.4;cursor:default}.TqD_hG_discard:focus-visible,.TqD_hG_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.TqD_hG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.TqD_hG_field+.TqD_hG_field{border-top:1px solid var(--dsw-alias-border-l2)}.TqD_hG_head{align-items:center;gap:8px;display:flex}.TqD_hG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.TqD_hG_badges{align-items:center;gap:8px;display:inline-flex}.TqD_hG_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.TqD_hG_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.TqD_hG_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.TqD_hG_reset:disabled{cursor:default}.TqD_hG_input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.TqD_hG_input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.TqD_hG_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.TqD_hG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.TqD_hG_colorRow{align-items:center;gap:8px;display:flex}.TqD_hG_colorInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);cursor:pointer;border-radius:8px;width:34px;height:34px;padding:0}.TqD_hG_colorInput:disabled{opacity:.5;cursor:default}.TqD_hG_colorInput::-webkit-color-swatch-wrapper{padding:2px}.TqD_hG_colorInput::-webkit-color-swatch{border:none;border-radius:4px}.TqD_hG_colorText{flex:1;min-width:0}.TqD_hG_switchRow{align-items:center;gap:12px;display:flex}.TqD_hG_switchText{flex:1;min-width:0}.TqD_hG_switch,.TqD_hG_switchOn{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);cursor:pointer;border-radius:999px;flex:none;width:38px;height:22px;padding:2px;transition:background .15s,border-color .15s}.TqD_hG_switchOn{border-color:var(--dsw-alias-state-business-primary,#2f81f7);background:var(--dsw-alias-state-business-primary,#2f81f7)}.TqD_hG_switch:disabled,.TqD_hG_switchOn:disabled{opacity:.4;cursor:default}.TqD_hG_switchThumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block;transform:translate(0);box-shadow:0 1px 2px #00000040}.TqD_hG_switchOn .TqD_hG_switchThumb{transform:translate(16px)}";
 		const tagId$1 = "dsh-skill-hub/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1474,6 +1470,35 @@ window.__ModuleLoader__.load({
 				}) : null]
 			});
 		}
+		/**
+		* The head row every staged field shares: the label (plain text when the
+		* control has no id) plus the overridden badge and its reset button.
+		*/
+		function FieldShell(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: settings_card_module_css_default.head,
+				children: [props.id !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+					className: settings_card_module_css_default.label,
+					htmlFor: props.id,
+					children: props.label
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: settings_card_module_css_default.label,
+					children: props.label
+				}), props.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: settings_card_module_css_default.badges,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: settings_card_module_css_default.badge,
+						children: props.overriddenLabel
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: settings_card_module_css_default.reset,
+						disabled: props.disabled,
+						onClick: props.onReset,
+						children: props.resetLabel
+					})]
+				}) : null]
+			});
+		}
 		function SwitchField(props) {
 			const checked = props.text !== "false";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1482,25 +1507,7 @@ window.__ModuleLoader__.load({
 					className: settings_card_module_css_default.switchRow,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: settings_card_module_css_default.switchText,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: settings_card_module_css_default.head,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: settings_card_module_css_default.label,
-								children: props.label
-							}), props.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: settings_card_module_css_default.badges,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: settings_card_module_css_default.badge,
-									children: props.overriddenLabel
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: settings_card_module_css_default.reset,
-									disabled: props.disabled,
-									onClick: props.onReset,
-									children: props.resetLabel
-								})]
-							}) : null]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, { ...props }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: settings_card_module_css_default.hint,
 							children: props.hint
 						})]
@@ -1524,26 +1531,7 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: settings_card_module_css_default.field,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: settings_card_module_css_default.head,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-							className: settings_card_module_css_default.label,
-							htmlFor: props.id,
-							children: props.label
-						}), props.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: settings_card_module_css_default.badges,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: settings_card_module_css_default.badge,
-								children: props.overriddenLabel
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: settings_card_module_css_default.reset,
-								disabled: props.disabled,
-								onClick: props.onReset,
-								children: props.resetLabel
-							})]
-						}) : null]
-					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, { ...props }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: settings_card_module_css_default.colorRow,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -1577,26 +1565,7 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: settings_card_module_css_default.field,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: settings_card_module_css_default.head,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-							className: settings_card_module_css_default.label,
-							htmlFor: props.id,
-							children: props.label
-						}), props.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: settings_card_module_css_default.badges,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: settings_card_module_css_default.badge,
-								children: props.overriddenLabel
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: settings_card_module_css_default.reset,
-								disabled: props.disabled,
-								onClick: props.onReset,
-								children: props.resetLabel
-							})]
-						}) : null]
-					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, { ...props }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 						id: props.id,
 						type: "password",
@@ -1622,26 +1591,7 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: settings_card_module_css_default.field,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: settings_card_module_css_default.head,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-							className: settings_card_module_css_default.label,
-							htmlFor: props.id,
-							children: props.label
-						}), props.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: settings_card_module_css_default.badges,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: settings_card_module_css_default.badge,
-								children: props.overriddenLabel
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: settings_card_module_css_default.reset,
-								disabled: props.disabled,
-								onClick: props.onReset,
-								children: props.resetLabel
-							})]
-						}) : null]
-					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, { ...props }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 						id: props.id,
 						type: "text",
@@ -2669,6 +2619,77 @@ window.__ModuleLoader__.load({
 				};
 			}
 		};
+		/** The card's field rows in render order; the rendered DOM order follows it. */
+		const FIELD_ROWS = [
+			{
+				kind: "switch",
+				field: "enabled",
+				label: "settings.enabled",
+				hint: "settings.enabledHint"
+			},
+			{
+				kind: "switch",
+				field: "announceToAgent",
+				label: "settings.announceToAgent",
+				hint: "settings.announceToAgentHint"
+			},
+			{
+				kind: "color",
+				field: "dotModelColor",
+				id: "skill-hub-dot-model-color",
+				label: "settings.dotModelColor",
+				hint: "settings.dotModelColorHint",
+				defaultColor: DEFAULT_DOT_MODEL_COLOR
+			},
+			{
+				kind: "color",
+				field: "dotUserColor",
+				id: "skill-hub-dot-user-color",
+				label: "settings.dotUserColor",
+				hint: "settings.dotUserColorHint",
+				defaultColor: DEFAULT_DOT_USER_COLOR
+			},
+			{
+				kind: "switch",
+				field: "showUseCount",
+				label: "settings.showUseCount",
+				hint: "settings.showUseCountHint"
+			},
+			{
+				kind: "switch",
+				field: "showUseTime",
+				label: "settings.showUseTime",
+				hint: "settings.showUseTimeHint"
+			},
+			{
+				kind: "switch",
+				field: "showGroupSummary",
+				label: "settings.showGroupSummary",
+				hint: "settings.showGroupSummaryHint"
+			},
+			{
+				kind: "number",
+				field: "statsWindowDays",
+				id: "skill-hub-stats-window-days",
+				label: "settings.statsWindowDays",
+				hint: "settings.statsWindowDaysHint"
+			},
+			{
+				kind: "number",
+				field: "statsScanMinutes",
+				id: "skill-hub-stats-scan-minutes",
+				label: "settings.statsScanMinutes",
+				hint: "settings.statsScanMinutesHint"
+			},
+			{
+				kind: "secret",
+				field: "githubToken",
+				id: "skill-hub-github-token",
+				label: "settings.githubToken",
+				hint: "settings.githubTokenHint",
+				placeholder: "settings.githubTokenPlaceholder"
+			}
+		];
 		/**
 		* Render the dsh-skill-hub card.
 		* @param props - locale copy, the card snapshot, and its form actions.
@@ -2693,7 +2714,7 @@ window.__ModuleLoader__.load({
 				resetLabel: t("settings.reset"),
 				disabled
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PluginSettingsCard, {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PluginSettingsCard, {
 				t,
 				titleKey: "settings.title",
 				descriptionKey: "settings.description",
@@ -2701,151 +2722,43 @@ window.__ModuleLoader__.load({
 				state,
 				onSave: props.save,
 				onDiscard: props.discard,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
-						label: t("settings.enabled"),
-						hint: t("settings.enabledHint"),
-						...fieldProps,
-						...state.enabled,
-						onEdit: (text) => {
-							props.edit("enabled", text);
-						},
-						onReset: () => {
-							props.resetField("enabled");
-						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
-						label: t("settings.announceToAgent"),
-						hint: t("settings.announceToAgentHint"),
-						...fieldProps,
-						...state.announceToAgent,
-						onEdit: (text) => {
-							props.edit("announceToAgent", text);
-						},
-						onReset: () => {
-							props.resetField("announceToAgent");
-						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorField, {
-						id: "skill-hub-dot-model-color",
-						label: t("settings.dotModelColor"),
-						hint: t("settings.dotModelColorHint"),
-						inheritLabel: t("settings.inherit"),
-						defaultColor: DEFAULT_DOT_MODEL_COLOR,
-						...fieldProps,
-						...state.dotModelColor,
-						onEdit: (text) => {
-							props.edit("dotModelColor", text);
-						},
-						onReset: () => {
-							props.resetField("dotModelColor");
-						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorField, {
-						id: "skill-hub-dot-user-color",
-						label: t("settings.dotUserColor"),
-						hint: t("settings.dotUserColorHint"),
-						inheritLabel: t("settings.inherit"),
-						defaultColor: DEFAULT_DOT_USER_COLOR,
-						...fieldProps,
-						...state.dotUserColor,
-						onEdit: (text) => {
-							props.edit("dotUserColor", text);
-						},
-						onReset: () => {
-							props.resetField("dotUserColor");
-						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
-						label: t("settings.showUseCount"),
-						hint: t("settings.showUseCountHint"),
-						...fieldProps,
-						...state.showUseCount,
-						onEdit: (text) => {
-							props.edit("showUseCount", text);
-						},
-						onReset: () => {
-							props.resetField("showUseCount");
-						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
-						label: t("settings.showUseTime"),
-						hint: t("settings.showUseTimeHint"),
-						...fieldProps,
-						...state.showUseTime,
-						onEdit: (text) => {
-							props.edit("showUseTime", text);
-						},
-						onReset: () => {
-							props.resetField("showUseTime");
-						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
-						label: t("settings.showGroupSummary"),
-						hint: t("settings.showGroupSummaryHint"),
-						...fieldProps,
-						...state.showGroupSummary,
-						onEdit: (text) => {
-							props.edit("showGroupSummary", text);
-						},
-						onReset: () => {
-							props.resetField("showGroupSummary");
-						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberField, {
-						id: "skill-hub-stats-window-days",
-						label: t("settings.statsWindowDays"),
-						hint: t("settings.statsWindowDaysHint"),
-						inheritLabel: t("settings.inherit"),
+				children: FIELD_ROWS.map((row) => {
+					const value = state[row.field];
+					const common = {
+						label: t(row.label),
+						hint: t(row.hint),
 						...fieldProps,
-						text: state.statsWindowDays.text,
-						overridden: state.statsWindowDays.overridden,
-						invalid: state.statsWindowDays.invalid,
+						...value,
 						onEdit: (text) => {
-							props.edit("statsWindowDays", text);
+							props.edit(row.field, text);
 						},
 						onReset: () => {
-							props.resetField("statsWindowDays");
+							props.resetField(row.field);
 						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberField, {
-						id: "skill-hub-stats-scan-minutes",
-						label: t("settings.statsScanMinutes"),
-						hint: t("settings.statsScanMinutesHint"),
+					};
+					if (row.kind === "switch") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, { ...common }, row.field);
+					if (row.kind === "color") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorField, {
+						...common,
+						id: row.id,
 						inheritLabel: t("settings.inherit"),
-						...fieldProps,
-						text: state.statsScanMinutes.text,
-						overridden: state.statsScanMinutes.overridden,
-						invalid: state.statsScanMinutes.invalid,
-						onEdit: (text) => {
-							props.edit("statsScanMinutes", text);
-						},
-						onReset: () => {
-							props.resetField("statsScanMinutes");
-						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretField, {
-						id: "skill-hub-github-token",
-						label: t("settings.githubToken"),
-						hint: t("settings.githubTokenHint"),
-						placeholder: t("settings.githubTokenPlaceholder"),
-						...fieldProps,
-						text: state.githubToken.text,
-						overridden: state.githubToken.overridden,
-						invalid: state.githubToken.invalid,
-						onEdit: (text) => {
-							props.edit("githubToken", text);
-						},
-						onReset: () => {
-							props.resetField("githubToken");
-						}
-					})
-				]
+						defaultColor: row.defaultColor
+					}, row.field);
+					if (row.kind === "number") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberField, {
+						...common,
+						id: row.id,
+						inheritLabel: t("settings.inherit")
+					}, row.field);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretField, {
+						...common,
+						id: row.id,
+						placeholder: t(row.placeholder)
+					}, row.field);
+				})
 			});
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/huanyi/Documents/personal/tools/dsh-skill-hub/src/client/panel/panel.module.css.mjs
-		const css = "._6VtqdG_panel{-webkit-font-smoothing:antialiased;color-scheme:light dark;--hub-model:#2f81f7;--hub-user:#3fb950;flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:28px 20px 44px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;display:flex}._6VtqdG_header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}._6VtqdG_title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}._6VtqdG_hint{opacity:.5;font-size:12px}._6VtqdG_actions{gap:8px;margin-left:auto;display:flex}._6VtqdG_segmented{background:#80808024;border-radius:9px;gap:2px;padding:2px;display:flex}._6VtqdG_segBtn{color:inherit;opacity:.62;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 13px;font-size:12px;transition:background .15s,opacity .15s}._6VtqdG_segBtn:hover{opacity:.9}._6VtqdG_segBtnActive{opacity:1;background:#80808047;font-weight:600}._6VtqdG_search{width:100%;color:inherit;background:#8080801f;border:none;border-radius:10px;outline:none;padding:10px 14px;font-size:13px;transition:background .15s}._6VtqdG_search::placeholder{opacity:.45}._6VtqdG_search:focus{background:#8080802e}._6VtqdG_section{background:#8080800f;border-radius:12px;flex-direction:column;margin-top:4px;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a}._6VtqdG_sectionTitle{margin:14px 16px 2px;font-size:13px;font-weight:700}._6VtqdG_groupHead{box-sizing:border-box;align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:flex}._6VtqdG_groupTitle{opacity:.92;flex:1;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:600;line-height:1;display:inline-flex}._6VtqdG_groupOps{flex-wrap:wrap;flex:none;align-items:center;gap:6px;display:inline-flex}._6VtqdG_opBtn{color:inherit;cursor:pointer;background:#80808021;border:none;border-radius:999px;padding:3px 11px;font-size:11px;transition:background .15s}._6VtqdG_opBtn:hover{background:#80808038}._6VtqdG_opBtn:disabled{opacity:.4;cursor:default}._6VtqdG_row{cursor:pointer;background:0 0;align-items:center;gap:12px;padding:10px 14px;transition:background .12s;display:flex}._6VtqdG_row:hover{background:#80808014}._6VtqdG_row:focus-visible{outline:2px solid var(--hub-model);outline-offset:-2px}._6VtqdG_rowStatic{cursor:default}._6VtqdG_rowStatic:hover{background:0 0}._6VtqdG_row+._6VtqdG_row{border-top:.5px solid #80808021}._6VtqdG_rowMain{flex:1;min-width:0}._6VtqdG_rowName{align-items:center;gap:5px;font-size:13.5px;display:flex}._6VtqdG_rowNameText{font-weight:600}._6VtqdG_rowDesc{opacity:.52;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}._6VtqdG_badges{flex:none;align-items:center;gap:6px;display:flex}._6VtqdG_badge{opacity:.8;white-space:nowrap;border:.5px solid #8080804d;border-radius:999px;padding:1px 7px;font-size:10.5px}._6VtqdG_badgeReadonly{opacity:.5}._6VtqdG_switch{cursor:pointer;background:#8080804d;border:none;border-radius:999px;flex:none;width:36px;height:21px;padding:2px;transition:background .18s}._6VtqdG_switch:disabled{opacity:.5;cursor:default}._6VtqdG_switchOn{background:#34c759}._6VtqdG_switchThumb{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;display:block;transform:translate(0);box-shadow:0 1px 2px #00000040}._6VtqdG_switchOn ._6VtqdG_switchThumb{transform:translate(15px)}._6VtqdG_empty{opacity:.5;text-align:center;padding:20px 0;font-size:13px}._6VtqdG_diagRow{background:#d299220f;border-left:3px solid #d29922;padding:9px 14px;font-size:12px}._6VtqdG_diagPath{opacity:.75;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}._6VtqdG_diagReason{opacity:.65;margin-top:1px}._6VtqdG_updateLink{color:inherit;font-weight:600;text-decoration:underline}._6VtqdG_errorBanner{color:#d1242f;white-space:pre-wrap;word-break:break-all;background:#d1242f12;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}._6VtqdG_successBanner{color:#3fb950;white-space:pre-wrap;word-break:break-all;background:#3fb95014;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}._6VtqdG_detailHead{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._6VtqdG_back{color:inherit;cursor:pointer;background:#8080801f;border:none;border-radius:8px;padding:6px 12px;font-size:12.5px}._6VtqdG_back:hover{background:#80808033}._6VtqdG_detailName{letter-spacing:-.01em;font-size:19px;font-weight:700}._6VtqdG_detailMeta{opacity:.6;flex-direction:column;gap:4px;font-size:12px;display:flex}._6VtqdG_detailMetaLine{word-break:break-all}._6VtqdG_detailContent{white-space:pre-wrap;word-break:break-word;background:#8080800d;border-radius:12px;max-height:62vh;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;overflow:auto}._6VtqdG_form{background:#8080800d;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a}._6VtqdG_formRow{flex-direction:column;gap:5px;display:flex}._6VtqdG_formLabel{opacity:.6;font-size:12px}._6VtqdG_input,._6VtqdG_select{color:inherit;background:#8080801f;border:none;border-radius:9px;outline:none;padding:9px 12px;font-size:13px}._6VtqdG_input:focus,._6VtqdG_select:focus{background:#8080802e}._6VtqdG_buttons{align-items:center;gap:8px;display:flex}._6VtqdG_button{cursor:pointer;color:inherit;background:#8080801f;border:none;border-radius:8px;padding:6px 13px;font-size:12.5px;transition:background .15s}._6VtqdG_button:hover{background:#80808033}._6VtqdG_primary{background:var(--hub-model);color:#fff}._6VtqdG_primary:hover{opacity:.92;background:#2f81f7}._6VtqdG_primary:disabled{opacity:.45;cursor:default}._6VtqdG_danger{color:#fff;background:#d1242f}._6VtqdG_danger:hover{opacity:.92;background:#d1242f}._6VtqdG_danger:disabled{opacity:.45;cursor:default}._6VtqdG_formError{color:#d1242f}._6VtqdG_formSuccess{color:#3fb950}._6VtqdG_muted{opacity:.55}._6VtqdG_dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block}._6VtqdG_dotModel{background:var(--hub-model)}._6VtqdG_dotUser{background:var(--hub-user)}._6VtqdG_displayName{opacity:.55;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:160px;margin-left:6px;font-size:11px;font-weight:400;overflow:hidden}._6VtqdG_legend{opacity:.55;flex-wrap:wrap;align-items:center;gap:12px;padding:2px 2px 0;font-size:11.5px;display:flex}._6VtqdG_legendItem{align-items:center;gap:4px;display:inline-flex}._6VtqdG_legendItem ._6VtqdG_dot{margin-left:0}._6VtqdG_legendHint{opacity:.8}._6VtqdG_badgeSource,._6VtqdG_badgeCount{opacity:.72;background:#8080801a;border:none}._6VtqdG_disclosure{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:7px;min-height:24px;padding:2px 0;display:flex}._6VtqdG_disclosure:hover ._6VtqdG_groupTitle{opacity:1}._6VtqdG_chevron{opacity:.55;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;align-self:center;width:8px;height:8px;margin-right:2px;transition:transform .15s;transform:rotate(45deg)translateY(-1px)}._6VtqdG_chevronCollapsed{transform:rotate(-45deg)translateY(-1px)}._6VtqdG_headerCount{opacity:.5;white-space:nowrap;margin-left:2px;font-size:12px}._6VtqdG_pluginVersion{opacity:.45;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:6px;font-size:12px;font-weight:500}._6VtqdG_subbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._6VtqdG_legendToggle{width:22px;height:22px;color:inherit;cursor:pointer;opacity:.55;background:#80808024;border:none;border-radius:50%;flex:none;font-size:12px;line-height:1;transition:opacity .15s,background .15s}._6VtqdG_legendToggle:hover{opacity:1}._6VtqdG_legendToggleActive{opacity:1;background:#80808047}._6VtqdG_filterBar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._6VtqdG_filterBar ._6VtqdG_formLabel{margin:0}._6VtqdG_useCount{color:#d29922;vertical-align:1px;background:#d299221f;border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:700;line-height:1.6;display:inline-block}._6VtqdG_useTime{opacity:.45;white-space:nowrap;margin-left:auto;font-size:11px}._6VtqdG_switchMixed{background:#2f81f773}._6VtqdG_switchMixed ._6VtqdG_switchThumb{transform:translate(7.5px);box-shadow:0 1px 2px #00000040}._6VtqdG_groupTitleInner{align-items:baseline;display:inline-flex}._6VtqdG_sourceLink{color:inherit;opacity:.9;border-bottom:1px dotted;font-weight:600;text-decoration:none}._6VtqdG_sourceLink:hover{opacity:1}._6VtqdG_statusBadges{flex:none;align-items:center;gap:4px;display:inline-flex}._6VtqdG_statusBadge{opacity:.8;white-space:nowrap;background:#8080801a;border:.5px solid #8080804d;border-radius:999px;padding:1px 7px;font-size:10.5px}._6VtqdG_statusOk{color:#3fb950;background:0 0;border-color:currentColor}._6VtqdG_statusUpdated{color:#d29922;background:#d2992214;border-color:currentColor}._6VtqdG_statusError{color:#d1242f;background:#d1242f14;border-color:currentColor}._6VtqdG_statusWrap{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;display:inline-flex}._6VtqdG_statusWrap:hover ._6VtqdG_statusBadge{opacity:1}._6VtqdG_statusButton{cursor:pointer;font-family:inherit}._6VtqdG_statusButton:hover{opacity:1}._6VtqdG_opDanger{color:#d1242f;background:#d1242f1a}._6VtqdG_opDanger:hover{background:#d1242f2e}._6VtqdG_iconBtn{border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}._6VtqdG_sourceCard{background:#8080800d;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;font-size:12px;display:flex}._6VtqdG_sourceCardTitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._6VtqdG_dialogOverlay{z-index:50;-webkit-backdrop-filter:blur(2px);background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}._6VtqdG_dialog{background:var(--dsw-surface,#f5f5f7);min-width:min(320px,100%);max-width:380px;color:var(--dsw-text,#1d1d1f);border-radius:14px;padding:18px 18px 14px;box-shadow:0 12px 40px #00000047,0 2px 8px #00000029}@media (prefers-color-scheme:dark){._6VtqdG_dialog{color:#f5f5f7;background:#2c2c2e}}._6VtqdG_dialogTitle{letter-spacing:-.01em;margin:0 0 8px;font-size:15px;font-weight:700}._6VtqdG_dialogText{opacity:.65;margin:0 0 10px;font-size:12.5px;line-height:1.5}._6VtqdG_dialogList{flex-direction:column;gap:5px;max-height:200px;margin:0 0 14px;padding:0;list-style:none;display:flex;overflow:auto}._6VtqdG_dialogList li{opacity:.85;word-break:break-all;font-size:12.5px}._6VtqdG_dialogActions{justify-content:flex-end;gap:8px;display:flex}._6VtqdG_filterBar ._6VtqdG_search{flex:1;min-width:160px}._6VtqdG_filterBar ._6VtqdG_formLabel{flex:none}._6VtqdG_filterBar ._6VtqdG_select{flex:none;max-width:150px}._6VtqdG_filterBar ._6VtqdG_segmented{flex:none}._6VtqdG_titleIcon{vertical-align:-2px;opacity:.8;margin-right:2px;display:inline-block}._6VtqdG_grow{flex:1}._6VtqdG_hintLine{opacity:.55;margin:0;font-size:11.5px}._6VtqdG_hintPadded{margin:6px 12px 2px}._6VtqdG_hintInline{margin:4px 2px}._6VtqdG_rowMuted{cursor:default;opacity:.55}._6VtqdG_actionsPadded{padding:8px 12px}._6VtqdG_actionsTop{margin-top:8px}._6VtqdG_groupTime{margin-left:6px}._6VtqdG_sectionHeadRow{align-items:center;gap:8px;display:flex}._6VtqdG_sectionTitleFill{flex:1}._6VtqdG_dialogSelect{width:100%;margin-bottom:12px}._6VtqdG_dialogRow{align-items:center;gap:8px;display:flex}._6VtqdG_workspaceBox{align-items:center;gap:6px;display:inline-flex}._6VtqdG_workspaceInput{width:200px;padding:6px 10px;font-size:12px}._6VtqdG_projectNest{border-left:1px solid #80808024;flex-direction:column;margin:2px 0 0 14px;display:flex}._6VtqdG_dragHandle{cursor:grab;opacity:.28;letter-spacing:0;user-select:none;flex:none;justify-content:center;align-self:center;align-items:center;width:8px;height:16px;padding:0 1px;font-size:10px;display:inline-flex;overflow:hidden}._6VtqdG_dragHandle:active{cursor:grabbing}._6VtqdG_dragging{opacity:.45}._6VtqdG_dragOver{outline:2px dashed var(--hub-model,#2f81f7);outline-offset:-2px;background:#2f81f712}._6VtqdG_scanList{background:#8080800f;border:.5px solid #80808021;border-radius:12px;max-height:360px;margin-top:8px;overflow:auto}._6VtqdG_scanProgressTrack{background:#80808021;border-radius:4px;flex:1;height:6px;overflow:hidden}._6VtqdG_scanProgressFill{background:var(--hub-model,#2f81f7);height:100%;transition:width .2s}";
+		const css = "._6VtqdG_panel{-webkit-font-smoothing:antialiased;color-scheme:light dark;--hub-model:#2f81f7;--hub-user:#3fb950;--hub-accent:var(--dsw-alias-state-business-primary,#2f81f7);--hub-text:var(--dsw-alias-label-primary,currentColor);--hub-text-2:var(--dsw-alias-label-secondary,#61666b);--hub-text-3:var(--dsw-alias-label-tertiary,#81858c);--hub-text-4:var(--dsw-alias-label-caption,#adb2b8);--hub-surface:var(--dsw-alias-bg-module-platform,#8080800f);--hub-hover:var(--dsw-alias-interactive-bg-hover,#80808014);--hub-active:var(--dsw-alias-interactive-bg-active,#80808029);--hub-border:var(--dsw-alias-border-l2,#80808021);--hub-border-2:var(--dsw-alias-border-l3,#80808033);--hub-danger:var(--dsw-alias-state-error-primary,#d1242f);--hub-success:var(--dsw-alias-state-success-primary,#3fb950);--hub-warn:var(--dsw-alias-state-warn-primary,#d29922);--hub-on-accent:var(--dsw-alias-label-primary-foreground,#fff);--hub-skeleton:var(--dsw-alias-bg-skeleton,#8080801a);flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:28px 20px 44px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;display:flex}._6VtqdG_header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}._6VtqdG_title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}._6VtqdG_hint{color:var(--hub-text-3);font-size:12px}._6VtqdG_actions{gap:8px;margin-left:auto;display:flex}._6VtqdG_segmented{background:var(--hub-hover);border-radius:9px;gap:2px;padding:2px;display:flex}._6VtqdG_segBtn{color:var(--hub-text-2);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 13px;font-size:12px;transition:background .15s,opacity .15s}._6VtqdG_segBtn:hover{color:var(--hub-text)}._6VtqdG_segBtnActive{background:var(--hub-active);opacity:1;font-weight:600}._6VtqdG_search{background:var(--hub-surface);width:100%;color:inherit;border:none;border-radius:10px;outline:none;padding:10px 14px;font-size:13px;transition:background .15s}._6VtqdG_search::placeholder{opacity:.45}._6VtqdG_search:focus{background:var(--hub-active)}._6VtqdG_section{background:var(--hub-surface);border-radius:12px;flex-direction:column;margin-top:4px;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a}._6VtqdG_sectionTitle{margin:14px 16px 2px;font-size:13px;font-weight:700}._6VtqdG_groupHead{box-sizing:border-box;align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:flex}._6VtqdG_groupTitle{color:var(--hub-text);flex:1;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:600;line-height:1;display:inline-flex}._6VtqdG_groupOps{flex-wrap:wrap;flex:none;align-items:center;gap:6px;display:inline-flex}._6VtqdG_opBtn{background:var(--hub-hover);color:inherit;cursor:pointer;border:none;border-radius:999px;padding:3px 11px;font-size:11px;transition:background .15s}._6VtqdG_opBtn:hover{background:var(--hub-active)}._6VtqdG_opBtn:disabled{opacity:.4;cursor:default}._6VtqdG_row{cursor:pointer;background:0 0;align-items:center;gap:12px;padding:10px 14px;transition:background .12s;display:flex}._6VtqdG_row:hover{background:var(--hub-hover)}._6VtqdG_row:focus-visible{outline:2px solid var(--hub-accent);outline-offset:-2px}._6VtqdG_rowStatic{cursor:default}._6VtqdG_rowStatic:hover{background:0 0}._6VtqdG_row+._6VtqdG_row{border-top:.5px solid var(--hub-border)}._6VtqdG_rowMain{flex:1;min-width:0}._6VtqdG_rowName{align-items:center;gap:5px;font-size:13.5px;display:flex}._6VtqdG_rowNameText{font-weight:600}._6VtqdG_rowDesc{color:var(--hub-text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}._6VtqdG_badges{flex:none;align-items:center;gap:6px;display:flex}._6VtqdG_badge{border:.5px solid var(--hub-border-2);color:var(--hub-text-2);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:10.5px}._6VtqdG_badgeReadonly{opacity:.5}._6VtqdG_switch{border:1px solid var(--hub-border-2);background:var(--dsw-alias-bg-module-platform,#8080804d);cursor:pointer;border-radius:999px;flex:none;width:36px;height:21px;padding:2px;transition:background .18s}._6VtqdG_switch:disabled{opacity:.5;cursor:default}._6VtqdG_switchOn{background:var(--dsw-alias-state-business-primary,#34c759)}._6VtqdG_switchThumb{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;display:block;transform:translate(0);box-shadow:0 1px 2px #00000040}._6VtqdG_switchOn ._6VtqdG_switchThumb{transform:translate(15px)}._6VtqdG_empty{color:var(--hub-text-3);text-align:center;padding:20px 0;font-size:13px}._6VtqdG_diagRow{border-left:3px solid var(--hub-warn);background:#d299220f;padding:9px 14px;font-size:12px}._6VtqdG_diagPath{color:var(--hub-text-2);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}._6VtqdG_diagReason{color:var(--hub-text-3);margin-top:1px}._6VtqdG_updateLink{color:inherit;font-weight:600;text-decoration:underline}._6VtqdG_errorBanner{color:var(--hub-danger);white-space:pre-wrap;word-break:break-all;background:#d1242f12;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}._6VtqdG_successBanner{color:var(--hub-success);white-space:pre-wrap;word-break:break-all;background:#3fb95014;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}._6VtqdG_detailHead{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._6VtqdG_back{background:var(--hub-hover);color:inherit;cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:12.5px}._6VtqdG_back:hover{background:var(--hub-active)}._6VtqdG_detailName{letter-spacing:-.01em;font-size:19px;font-weight:700}._6VtqdG_detailMeta{color:var(--hub-text-3);flex-direction:column;gap:4px;font-size:12px;display:flex}._6VtqdG_detailMetaLine{word-break:break-all}._6VtqdG_detailContent{white-space:pre-wrap;word-break:break-word;background:var(--hub-surface);border-radius:12px;max-height:62vh;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;overflow:auto}._6VtqdG_form{background:var(--hub-surface);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a}._6VtqdG_formRow{flex-direction:column;gap:5px;display:flex}._6VtqdG_formLabel{color:var(--hub-text-3);font-size:12px}._6VtqdG_input,._6VtqdG_select{background:var(--hub-surface);color:inherit;border:none;border-radius:9px;outline:none;padding:9px 12px;font-size:13px}._6VtqdG_input:focus,._6VtqdG_select:focus{background:var(--hub-active)}._6VtqdG_buttons{align-items:center;gap:8px;display:flex}._6VtqdG_button{cursor:pointer;background:var(--hub-hover);color:inherit;border:none;border-radius:8px;padding:6px 13px;font-size:12.5px;transition:background .15s}._6VtqdG_button:hover{background:var(--hub-active)}._6VtqdG_primary{background:var(--hub-accent);color:var(--hub-on-accent)}._6VtqdG_primary:hover{background:var(--hub-accent);opacity:.92}._6VtqdG_primary:disabled{opacity:.45;cursor:default}._6VtqdG_danger{background:var(--hub-danger);color:var(--hub-on-accent)}._6VtqdG_danger:hover{background:var(--hub-danger);opacity:.92}._6VtqdG_danger:disabled{opacity:.45;cursor:default}._6VtqdG_formError{color:var(--hub-danger)}._6VtqdG_formSuccess{color:var(--hub-success)}._6VtqdG_dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block}._6VtqdG_dotModel{background:var(--hub-model)}._6VtqdG_dotUser{background:var(--hub-user)}._6VtqdG_displayName{color:var(--hub-text-3);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:160px;margin-left:6px;font-size:11px;font-weight:400;overflow:hidden}._6VtqdG_legend{color:var(--hub-text-3);flex-wrap:wrap;align-items:center;gap:12px;padding:2px 2px 0;font-size:11.5px;display:flex}._6VtqdG_legendItem{align-items:center;gap:4px;display:inline-flex}._6VtqdG_legendItem ._6VtqdG_dot{margin-left:0}._6VtqdG_legendHint{opacity:.8}._6VtqdG_badgeSource,._6VtqdG_badgeCount{background:var(--hub-hover);opacity:.72;border:none}._6VtqdG_disclosure{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:7px;min-height:24px;padding:2px 0;display:flex}._6VtqdG_disclosure:hover ._6VtqdG_groupTitle{opacity:1}._6VtqdG_chevron{opacity:.55;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;align-self:center;width:8px;height:8px;margin-right:2px;transition:transform .15s;transform:rotate(45deg)translateY(-1px)}._6VtqdG_chevronCollapsed{transform:rotate(-45deg)translateY(-1px)}._6VtqdG_headerCount{color:var(--hub-text-3);white-space:nowrap;margin-left:2px;font-size:12px}._6VtqdG_pluginVersion{color:var(--hub-text-4);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:6px;font-size:12px;font-weight:500}._6VtqdG_subbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._6VtqdG_legendToggle{background:var(--hub-hover);width:22px;height:22px;color:inherit;cursor:pointer;opacity:.55;border:none;border-radius:50%;flex:none;font-size:12px;line-height:1;transition:opacity .15s,background .15s}._6VtqdG_legendToggle:hover{opacity:1}._6VtqdG_legendToggleActive{opacity:1;background:var(--hub-active)}._6VtqdG_filterBar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._6VtqdG_filterBar ._6VtqdG_formLabel{margin:0}._6VtqdG_useCount{color:var(--hub-warn);vertical-align:1px;background:#d299221f;border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:700;line-height:1.6;display:inline-block}._6VtqdG_useTime{color:var(--hub-text-4);white-space:nowrap;margin-left:auto;font-size:11px}._6VtqdG_switchMixed{background:#2f81f773;background:color-mix(in srgb, var(--hub-accent) 45%, transparent)}._6VtqdG_switchMixed ._6VtqdG_switchThumb{transform:translate(7.5px);box-shadow:0 1px 2px #00000040}._6VtqdG_groupTitleInner{align-items:baseline;display:inline-flex}._6VtqdG_sourceLink{color:inherit;opacity:.9;border-bottom:1px dotted;font-weight:600;text-decoration:none}._6VtqdG_sourceLink:hover{opacity:1}._6VtqdG_statusBadges{flex:none;align-items:center;gap:4px;display:inline-flex}._6VtqdG_statusBadge{border:.5px solid var(--hub-border-2);opacity:.8;white-space:nowrap;background:var(--hub-hover);border-radius:999px;padding:1px 7px;font-size:10.5px}._6VtqdG_statusOk{color:var(--hub-success);background:0 0;border-color:currentColor}._6VtqdG_statusUpdated{color:var(--hub-warn);background:#d2992214;border-color:currentColor}._6VtqdG_statusError{color:var(--hub-danger);background:#d1242f14;border-color:currentColor}._6VtqdG_statusWrap{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;display:inline-flex}._6VtqdG_statusWrap:hover ._6VtqdG_statusBadge{opacity:1}._6VtqdG_statusButton{cursor:pointer;font-family:inherit}._6VtqdG_statusButton:hover{opacity:1}._6VtqdG_opDanger{color:var(--hub-danger);background:#d1242f1a}._6VtqdG_opDanger:hover{background:#d1242f2e}._6VtqdG_iconBtn{border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}._6VtqdG_sourceCard{background:var(--hub-surface);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;font-size:12px;display:flex}._6VtqdG_sourceCardTitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._6VtqdG_dialogOverlay{z-index:50;-webkit-backdrop-filter:blur(2px);background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}._6VtqdG_dialog{background:var(--dsw-alias-bg-layer-1,#f5f5f7);min-width:min(320px,100%);max-width:380px;color:var(--dsw-alias-label-primary,#1d1d1f);border-radius:14px;padding:18px 18px 14px;box-shadow:0 12px 40px #00000047,0 2px 8px #00000029}._6VtqdG_dialogTitle{letter-spacing:-.01em;margin:0 0 8px;font-size:15px;font-weight:700}._6VtqdG_dialogText{color:var(--hub-text-3);margin:0 0 10px;font-size:12.5px;line-height:1.5}._6VtqdG_dialogList{flex-direction:column;gap:5px;max-height:200px;margin:0 0 14px;padding:0;list-style:none;display:flex;overflow:auto}._6VtqdG_dialogList li{opacity:.85;word-break:break-all;font-size:12.5px}._6VtqdG_dialogActions{justify-content:flex-end;gap:8px;display:flex}._6VtqdG_filterBar ._6VtqdG_search{flex:1;min-width:160px}._6VtqdG_filterBar ._6VtqdG_formLabel{flex:none}._6VtqdG_filterBar ._6VtqdG_select{flex:none;max-width:150px}._6VtqdG_filterBar ._6VtqdG_segmented{flex:none}._6VtqdG_titleIcon{vertical-align:-2px;opacity:.8;margin-right:2px;display:inline-block}._6VtqdG_grow{flex:1}._6VtqdG_hintLine{color:var(--hub-text-3);margin:0;font-size:11.5px}._6VtqdG_hintPadded{margin:6px 12px 2px}._6VtqdG_hintInline{margin:4px 2px}._6VtqdG_rowMuted{cursor:default;opacity:.55}._6VtqdG_actionsPadded{padding:8px 12px}._6VtqdG_actionsTop{margin-top:8px}._6VtqdG_groupTime{margin-left:6px}._6VtqdG_sectionHeadRow{align-items:center;gap:8px;display:flex}._6VtqdG_sectionTitleFill{flex:1}._6VtqdG_dialogSelect{width:100%;margin-bottom:12px}._6VtqdG_dialogRow{align-items:center;gap:8px;display:flex}._6VtqdG_workspaceBox{align-items:center;gap:6px;display:inline-flex}._6VtqdG_workspaceInput{width:200px;padding:6px 10px;font-size:12px}._6VtqdG_projectNest{border-left:1px solid var(--dsw-alias-border-l1,#80808024);flex-direction:column;margin:2px 0 0 14px;display:flex}._6VtqdG_dragHandle{cursor:grab;opacity:.28;letter-spacing:0;user-select:none;flex:none;justify-content:center;align-self:center;align-items:center;width:8px;height:16px;padding:0 1px;font-size:10px;display:inline-flex;overflow:hidden}._6VtqdG_dragHandle:active{cursor:grabbing}._6VtqdG_dragging{opacity:.45}._6VtqdG_dragOver{outline:2px dashed var(--hub-accent);outline-offset:-2px;background:#2f81f712}._6VtqdG_scanList{border:.5px solid var(--hub-border-2);background:var(--hub-surface);border-radius:12px;max-height:360px;margin-top:8px;overflow:auto}._6VtqdG_scanProgressTrack{background:var(--hub-surface);border-radius:4px;flex:1;height:6px;overflow:hidden}._6VtqdG_scanProgressFill{background:var(--hub-accent);height:100%;transition:width .2s}._6VtqdG_filterPanel{background:var(--hub-surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}._6VtqdG_filterField{align-items:center;gap:6px;display:inline-flex}._6VtqdG_filterField ._6VtqdG_formLabel{margin:0}._6VtqdG_filterField ._6VtqdG_select{max-width:150px}._6VtqdG_listTools{justify-content:flex-end;align-items:center;gap:8px;padding:0 2px;display:flex}._6VtqdG_opBtn:focus-visible,._6VtqdG_button:focus-visible,._6VtqdG_segBtn:focus-visible,._6VtqdG_disclosure:focus-visible,._6VtqdG_switch:focus-visible,._6VtqdG_legendToggle:focus-visible,._6VtqdG_back:focus-visible,._6VtqdG_statusWrap:focus-visible,._6VtqdG_input:focus-visible,._6VtqdG_select:focus-visible,._6VtqdG_search:focus-visible,._6VtqdG_sourceLink:focus-visible{outline:2px solid var(--hub-accent);outline-offset:2px}._6VtqdG_opBtn{padding:4px 12px}._6VtqdG_segBtn{padding:6px 13px}._6VtqdG_iconBtn,._6VtqdG_legendToggle{width:28px;height:28px}._6VtqdG_dragHandle{opacity:.45;width:16px}._6VtqdG_dragHandle:hover{opacity:1}._6VtqdG_skeleton{background:var(--hub-surface);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}._6VtqdG_skeletonRow{background:var(--hub-skeleton);border-radius:7px;height:14px;animation:1.4s ease-in-out infinite _6VtqdG_hubPulse}._6VtqdG_skeletonRow:nth-child(2){width:82%}._6VtqdG_skeletonRow:nth-child(3){width:64%}@keyframes _6VtqdG_hubPulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){._6VtqdG_panel *,._6VtqdG_panel :before,._6VtqdG_panel :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}";
 		const tagId = "dsh-skill-hub/panel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2896,6 +2809,8 @@ window.__ModuleLoader__.load({
 			"empty": "_6VtqdG_empty",
 			"errorBanner": "_6VtqdG_errorBanner",
 			"filterBar": "_6VtqdG_filterBar",
+			"filterField": "_6VtqdG_filterField",
+			"filterPanel": "_6VtqdG_filterPanel",
 			"form": "_6VtqdG_form",
 			"formError": "_6VtqdG_formError",
 			"formLabel": "_6VtqdG_formLabel",
@@ -2913,6 +2828,7 @@ window.__ModuleLoader__.load({
 			"hintInline": "_6VtqdG_hintInline",
 			"hintLine": "_6VtqdG_hintLine",
 			"hintPadded": "_6VtqdG_hintPadded",
+			"hubPulse": "_6VtqdG_hubPulse",
 			"iconBtn": "_6VtqdG_iconBtn",
 			"input": "_6VtqdG_input",
 			"legend": "_6VtqdG_legend",
@@ -2920,7 +2836,7 @@ window.__ModuleLoader__.load({
 			"legendItem": "_6VtqdG_legendItem",
 			"legendToggle": "_6VtqdG_legendToggle",
 			"legendToggleActive": "_6VtqdG_legendToggleActive",
-			"muted": "_6VtqdG_muted",
+			"listTools": "_6VtqdG_listTools",
 			"opBtn": "_6VtqdG_opBtn",
 			"opDanger": "_6VtqdG_opDanger",
 			"panel": "_6VtqdG_panel",
@@ -2946,6 +2862,8 @@ window.__ModuleLoader__.load({
 			"segBtnActive": "_6VtqdG_segBtnActive",
 			"segmented": "_6VtqdG_segmented",
 			"select": "_6VtqdG_select",
+			"skeleton": "_6VtqdG_skeleton",
+			"skeletonRow": "_6VtqdG_skeletonRow",
 			"sourceCard": "_6VtqdG_sourceCard",
 			"sourceCardTitle": "_6VtqdG_sourceCardTitle",
 			"sourceLink": "_6VtqdG_sourceLink",
@@ -3034,7 +2952,7 @@ window.__ModuleLoader__.load({
 		* panel stays the single owner of state.
 		*/
 		function SkillDetailView(props) {
-			const { detail, hubConfig, uses, groupsState, sourcesState, sourceCheck, checkingSource, syncingSource, loading, disabled, onEnable, onBack, onCheck, onSync, onFollowDelete } = props;
+			const { detail, hubConfig, uses, groupsState, sourcesState, sourceCheck, checkingSource, syncingSource, disabled, onEnable, onBack, onCheck, onSync, onFollowDelete } = props;
 			const detailSource = sourcesState?.sources.find((source) => source.skills.includes(detail.name));
 			const detailCheck = detailSource !== void 0 ? sourceCheck[detailSource.repo] : void 0;
 			const [copied, setCopied] = (0, react.useState)(null);
@@ -3260,10 +3178,6 @@ window.__ModuleLoader__.load({
 						className: panel_module_css_default.hintLine,
 						children: tt("source.private")
 					}),
-					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: panel_module_css_default.muted,
-						children: tt("detail.loading")
-					}) : null,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
 						className: panel_module_css_default.detailContent,
 						children: detail.content
@@ -3386,19 +3300,19 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/panel/SkillRow.tsx
 		function SkillRow(props) {
-			const { skill, hub } = props;
-			const stat = hub.uses.get(skill.name);
+			const { skill, uses, hubConfig, busyNames, editMode, tagBusy, duplicateNames, toggle, openDetail, requestDeleteSkill } = props;
+			const stat = uses.get(skill.name);
 			const count = stat?.count ?? 0;
 			const lastUsed = stat?.lastUsed;
-			const isDuplicate = hub.catalog?.duplicateNames?.includes(skill.name) === true;
+			const isDuplicate = duplicateNames.has(skill.name);
 			/** 单一状态圆点：模型可调 → 蓝；否则用户可调 → 绿。与聊天 / 菜单同规则。 */
 			const dot = skill.invocation.modelInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: panel_module_css_default.dot + " " + panel_module_css_default.dotModel,
-				style: dotStyle(hub.hubConfig?.dotModelColor),
+				style: dotStyle(hubConfig?.dotModelColor),
 				title: tt("legend.model")
 			}) : skill.invocation.userInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: panel_module_css_default.dot + " " + panel_module_css_default.dotUser,
-				style: dotStyle(hub.hubConfig?.dotUserColor),
+				style: dotStyle(hubConfig?.dotUserColor),
 				title: tt("legend.user")
 			}) : null;
 			/** 键盘打开详情：Enter 或空格。仅当焦点在行本身（而非行内按钮）时生效。 */
@@ -3406,7 +3320,7 @@ window.__ModuleLoader__.load({
 				if (event.target !== event.currentTarget) return;
 				if (event.key === "Enter" || event.key === " ") {
 					event.preventDefault();
-					hub.openDetail(skill.name);
+					openDetail(skill.name);
 				}
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3415,7 +3329,7 @@ window.__ModuleLoader__.load({
 				tabIndex: 0,
 				"aria-label": tt("row.open", { name: skill.name }),
 				onClick: () => {
-					hub.openDetail(skill.name);
+					openDetail(skill.name);
 				},
 				onKeyDown,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3432,7 +3346,7 @@ window.__ModuleLoader__.load({
 								title: skill.displayName,
 								children: skill.displayName
 							}) : null,
-							count > 0 && hub.hubConfig?.showUseCount !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							count > 0 && hubConfig?.showUseCount !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: panel_module_css_default.useCount,
 								children: count
 							}) : null,
@@ -3442,7 +3356,7 @@ window.__ModuleLoader__.load({
 								title: tt("row.duplicateHint"),
 								children: tt("row.duplicate")
 							}) : null,
-							lastUsed !== void 0 && hub.hubConfig?.showUseTime !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							lastUsed !== void 0 && hubConfig?.showUseTime !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: panel_module_css_default.useTime,
 								children: relativeTimeText(lastUsed)
 							}) : null
@@ -3458,21 +3372,21 @@ window.__ModuleLoader__.load({
 					"aria-checked": true,
 					"aria-label": tt("row.disable"),
 					className: panel_module_css_default.switch + " " + panel_module_css_default.switchOn,
-					disabled: hub.busyNames.has(skill.name),
+					disabled: busyNames.has(skill.name),
 					onClick: (event) => {
 						event.stopPropagation();
-						hub.toggle(skill, false);
+						toggle(skill, false);
 					},
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.switchThumb })
-				}), hub.editMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				}), editMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
 					className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger + " " + panel_module_css_default.iconBtn,
-					disabled: hub.busyNames.has(skill.name) || hub.tagBusy,
+					disabled: busyNames.has(skill.name) || tagBusy,
 					title: tt("row.delete"),
 					"aria-label": tt("row.delete"),
 					onClick: (event) => {
 						event.stopPropagation();
-						hub.requestDeleteSkill(skill.name);
+						requestDeleteSkill(skill.name);
 					},
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTrashOutline16, { size: 14 })
 				}) : null] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -3547,27 +3461,363 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/panel/GroupSummary.tsx
 		function GroupSummary(props) {
-			const { members, hub } = props;
+			const { members, uses, hubConfig } = props;
 			let total = 0;
 			let latest;
 			for (const name of members) {
-				const stat = hub.uses.get(name);
+				const stat = uses.get(name);
 				if (stat === void 0) continue;
 				total += stat.count;
 				if (stat.lastUsed !== void 0 && (latest === void 0 || stat.lastUsed > latest)) latest = stat.lastUsed;
 			}
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: panel_module_css_default.groupTitleInner,
-				children: [hub.hubConfig?.showGroupSummary !== false && total > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				children: [hubConfig?.showGroupSummary !== false && total > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: panel_module_css_default.useCount,
 					children: total
-				}) : null, hub.hubConfig?.showGroupSummary !== false && latest !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				}) : null, hubConfig?.showGroupSummary !== false && latest !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: panel_module_css_default.useTime + " " + panel_module_css_default.groupTime,
 					children: relativeTimeText(latest)
 				}) : null]
 			});
 		}
 		//#endregion
+		//#region src/client/panel/useDragReorder.ts
+		/**
+		* Build the drag-reorder props for one container key.
+		* @param options - the list's drag state and its reorder callback.
+		* @returns a factory producing the props for a given container key.
+		*/
+		function useDragReorder(options) {
+			const { dragKey, overKey, setDragKey, setOverKey, onDrop } = options;
+			return (key) => {
+				const isDragging = dragKey === key;
+				const isOver = overKey === key && dragKey !== key;
+				return {
+					className: panel_module_css_default.section + (isDragging ? " " + panel_module_css_default.dragging : "") + (isOver ? " " + panel_module_css_default.dragOver : ""),
+					draggable: true,
+					onDragStart: (event) => {
+						setDragKey(key);
+						event.dataTransfer.effectAllowed = "move";
+						event.dataTransfer.setData("text/plain", key);
+					},
+					onDragOver: (event) => {
+						event.preventDefault();
+						if (overKey !== key) setOverKey(key);
+					},
+					onDragLeave: () => {
+						if (overKey === key) setOverKey(null);
+					},
+					onDrop: (event) => {
+						event.preventDefault();
+						onDrop(key);
+						setOverKey(null);
+					},
+					onDragEnd: () => {
+						setDragKey(null);
+						setOverKey(null);
+					}
+				};
+			};
+		}
+		//#endregion
+		//#region src/client/panel/ReorderButtons.tsx
+		function ReorderButtons(props) {
+			const { canMoveUp, canMoveDown, onMove } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: panel_module_css_default.opBtn + " " + panel_module_css_default.iconBtn,
+				disabled: !canMoveUp,
+				"aria-label": tt("reorder.up"),
+				title: tt("reorder.up"),
+				onClick: (event) => {
+					event.stopPropagation();
+					onMove(-1);
+				},
+				children: "↑"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: panel_module_css_default.opBtn + " " + panel_module_css_default.iconBtn,
+				disabled: !canMoveDown,
+				"aria-label": tt("reorder.down"),
+				title: tt("reorder.down"),
+				onClick: (event) => {
+					event.stopPropagation();
+					onMove(1);
+				},
+				children: "↓"
+			})] });
+		}
+		//#endregion
+		//#region src/client/panel/ProjectTree.tsx
+		function ProjectTree(props) {
+			const { skills, collapsedGroups, toggleGroupCollapse, subdividedProjects, toggleSubdivide, rowProps, dragProps, editMode, canMoveUp, canMoveDown, onMove } = props;
+			const topCollapsed = collapsedGroups.has("project");
+			const byProject = /* @__PURE__ */ new Map();
+			for (const skill of skills) {
+				const key = skill.workspace ?? skill.source;
+				const entry = byProject.get(key);
+				if (entry === void 0) byProject.set(key, {
+					title: skill.workspaceTitle ?? skill.workspace ?? tt("groups.project"),
+					skills: [skill]
+				});
+				else entry.skills.push(skill);
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				...dragProps,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: panel_module_css_default.groupHead,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.dragHandle,
+							"aria-hidden": true,
+							title: tt("drag.reorder"),
+							children: "⋮⋮"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: panel_module_css_default.disclosure,
+							"aria-expanded": !topCollapsed,
+							onClick: () => {
+								toggleGroupCollapse("project");
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (topCollapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.groupTitle,
+								children: [
+									tt("groups.project"),
+									" · ",
+									byProject.size
+								]
+							})]
+						}),
+						editMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.groupOps,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReorderButtons, {
+								canMoveUp,
+								canMoveDown,
+								onMove
+							})
+						}) : null
+					]
+				}), !topCollapsed ? [...byProject.entries()].map(([key, proj]) => {
+					const projKey = "project:" + key;
+					const projCollapsed = collapsedGroups.has(projKey);
+					const subdivided = subdividedProjects.has(key);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.projectNest,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.groupHead,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: panel_module_css_default.disclosure,
+								"aria-expanded": !projCollapsed,
+								onClick: () => {
+									toggleGroupCollapse(projKey);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (projCollapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: panel_module_css_default.groupTitle,
+									children: [
+										proj.title,
+										" · ",
+										proj.skills.length,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
+											members: proj.skills.map((s) => s.name),
+											uses: rowProps.uses,
+											hubConfig: rowProps.hubConfig
+										})
+									]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.groupOps,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn,
+									onClick: (event) => {
+										event.stopPropagation();
+										toggleSubdivide(key);
+									},
+									children: subdivided ? tt("groups.merge") : tt("groups.subdivide")
+								})
+							})]
+						}), !projCollapsed ? subdivided ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_css_default.projectNest,
+							children: ["project-dsh", "project-agents"].map((source) => {
+								const list = proj.skills.filter((skill) => skill.source === source);
+								if (list.length === 0) return null;
+								const srcKey = projKey + ":" + source;
+								const srcCollapsed = collapsedGroups.has(srcKey);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: panel_module_css_default.projectNest,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: panel_module_css_default.groupHead,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: panel_module_css_default.disclosure,
+											"aria-expanded": !srcCollapsed,
+											onClick: () => {
+												toggleGroupCollapse(srcKey);
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (srcCollapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: panel_module_css_default.groupTitle,
+												children: [
+													tt("badge.source." + source),
+													" · ",
+													list.length
+												]
+											})]
+										})
+									}), !srcCollapsed ? list.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+										skill,
+										...rowProps
+									}, skill.name)) : null]
+								}, srcKey);
+							})
+						}) : proj.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+							skill,
+							...rowProps
+						}, skill.name)) : null]
+					}, projKey);
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region src/client/panel/GroupSwitchButton.tsx
+		function GroupSwitchButton(props) {
+			const { state, label, memberCount, batchBusy, hasWritable, onToggle } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				role: "switch",
+				"aria-checked": state !== "off",
+				"aria-label": label,
+				className: panel_module_css_default.switch + (state === "on" ? " " + panel_module_css_default.switchOn : state === "mixed" ? " " + panel_module_css_default.switchMixed : ""),
+				disabled: batchBusy || memberCount === 0 || state !== "off" && !hasWritable,
+				title: state !== "off" && !hasWritable ? tt("groups.noWritable") : void 0,
+				onClick: (event) => {
+					event.stopPropagation();
+					onToggle();
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.switchThumb })
+			});
+		}
+		//#endregion
+		//#region src/client/panel/CollectionCard.tsx
+		function CollectionCard(props) {
+			const { collection, skills, disabledMembers, collapsed, view, check, hasWritable, editMode, canMoveUp, canMoveDown, onMove, checkingSource, syncingSource, batchBusy, rowProps, dragProps, toggleGroupCollapse, checkSources, requestSync, requestDelete, toggleGroup, requestDeleteGroup, enableDisabled, openDetail } = props;
+			const { busyNames, duplicateNames, uses, hubConfig } = rowProps;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				...dragProps,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: panel_module_css_default.groupHead,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.dragHandle,
+							"aria-hidden": true,
+							title: tt("drag.reorder"),
+							children: "⋮⋮"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: panel_module_css_default.disclosure,
+							"aria-expanded": !collapsed,
+							onClick: () => {
+								toggleGroupCollapse("col:" + collection.name);
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (collapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.groupTitle,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+										className: panel_module_css_default.sourceLink,
+										href: "https://github.com/" + collection.name,
+										target: "_blank",
+										rel: "noreferrer",
+										onClick: (event) => {
+											event.stopPropagation();
+										},
+										children: collection.name
+									}),
+									" · " + collection.skillNames.length,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
+										members: collection.skillNames,
+										uses,
+										hubConfig
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: panel_module_css_default.groupOps,
+							children: [
+								editMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReorderButtons, {
+									canMoveUp,
+									canMoveDown,
+									onMove
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SourceStatusBadge, {
+									check,
+									checking: checkingSource === collection.name,
+									onCheck: () => {
+										checkSources(collection.name);
+									}
+								}),
+								check !== void 0 && check.changed && check.updated.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn,
+									disabled: syncingSource !== null,
+									onClick: (event) => {
+										event.stopPropagation();
+										requestSync(collection.name, check.updated);
+									},
+									children: syncingSource === collection.name ? tt("source.syncing") : tt("source.sync")
+								}) : null,
+								check !== void 0 && check.deleted.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger,
+									onClick: (event) => {
+										event.stopPropagation();
+										requestDelete(collection.name, check.deleted);
+									},
+									children: tt("source.followDelete")
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSwitchButton, {
+									state: view.state,
+									label: collection.name,
+									memberCount: collection.skillNames.length,
+									batchBusy,
+									hasWritable,
+									onToggle: () => {
+										toggleGroup("col:" + collection.name, collection.name, view.state);
+									}
+								}),
+								editMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger,
+									title: tt("source.deleteGroupHint", { count: collection.skillNames.length }),
+									onClick: (event) => {
+										event.stopPropagation();
+										requestDeleteGroup(collection.name, collection.skillNames);
+									},
+									children: tt("source.deleteGroup")
+								}) : null
+							]
+						})
+					]
+				}), !collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+					skill,
+					...rowProps
+				}, skill.name)), disabledMembers.map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledRow, {
+					record,
+					busy: busyNames.has(record.name),
+					duplicate: duplicateNames.has(record.name),
+					onEnable: () => {
+						enableDisabled(record);
+					},
+					onOpen: () => {
+						openDetail(record.name);
+					}
+				}, record.name))] }) : null]
+			});
+		}
+		//#endregion
 		//#region src/client/panel/SourcesView.tsx
 		/**
 		* Sources tab: the flat skill list or the grouped view — a project-level
@@ -3578,19 +3828,18 @@ window.__ModuleLoader__.load({
 		*/
 		function SourcesView(props) {
 			const { hub } = props;
-			const { catalog, groupsState, skillView, sourceFilter, origins, sorted, normalized, collapsedGroups, viewNames, sourceCheck, actionNames, checkingSource, syncingSource, batchBusy, busyNames, toggleGroupCollapse, checkSources, requestSync, requestDelete, requestDeleteGroup, toggleGroup, enableDisabled } = hub;
+			const { catalog, groupsState, skillView, sourceFilter, origins, sorted, normalized, collapsedGroups, viewNames, sourceCheck, actionNames, checkingSource, syncingSource, batchBusy, busyNames, toggleGroupCollapse, setAllGroupsCollapsed, checkSources, requestSync, requestDelete, requestDeleteGroup, toggleGroup, enableDisabled } = hub;
 			const [topDragKey, setTopDragKey] = (0, react.useState)(null);
 			const [topOverKey, setTopOverKey] = (0, react.useState)(null);
-			if (skillView === "flat") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: filterBySource(sorted, sourceFilter, origins).map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
-				skill,
-				hub
-			}, skill.name)) });
+			/** 重复技能名集合：整表只建一次，行内用 has 取代逐行线性 includes。 */
+			const duplicateNames = (0, react.useMemo)(() => new Set(catalog?.duplicateNames ?? []), [catalog]);
 			const projectSkillsAll = filterBySource(sorted, sourceFilter, origins).filter((skill) => isProjectSource(skill.source));
 			const hasProject = projectSkillsAll.length > 0;
 			const collections = groupsState?.collections ?? [];
 			const uncategorized = filterBySource(sorted, sourceFilter, origins).filter((skill) => origins[skill.name] === void 0 && !isProjectSource(skill.source));
-			const personalDisabledAll = (catalog?.disabled ?? []).filter((record) => origins[record.name] === void 0).filter((record) => normalized.length === 0 || record.name.toLocaleLowerCase().includes(normalized) || record.description.toLocaleLowerCase().includes(normalized)).filter((record) => sourceFilter === "all" || sourceFilter === "private");
-			const hasPersonal = [...uncategorized.map((s) => s.name), ...personalDisabledAll.map((r) => r.name)].length > 0;
+			const personalDisabled = (catalog?.disabled ?? []).filter((record) => origins[record.name] === void 0).filter((record) => normalized.length === 0 || record.name.toLocaleLowerCase().includes(normalized) || record.description.toLocaleLowerCase().includes(normalized)).filter((record) => sourceFilter === "all" || sourceFilter === "private");
+			const allPersonalNames = [...uncategorized.map((s) => s.name), ...personalDisabled.map((r) => r.name)];
+			const hasPersonal = allPersonalNames.length > 0;
 			const defaultTopKeys = [
 				...hasProject ? ["project"] : [],
 				...collections.map((c) => "col:" + c.name),
@@ -3615,389 +3864,185 @@ window.__ModuleLoader__.load({
 				next.splice(to, 0, moved);
 				hub.reorderSourceGroups(next);
 			};
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!hasProject && collections.length === 0 && !hasPersonal ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: panel_module_css_default.empty,
-				children: tt("groups.noCollections")
-			}) : null, topOrderedKeys.map((topKey) => {
-				if (topKey === "project" && hasProject) {
-					const topCollapsed = collapsedGroups.has("project");
-					const isDragging = topDragKey === "project";
-					const isOver = topOverKey === "project" && topDragKey !== "project";
-					const byProject = /* @__PURE__ */ new Map();
-					for (const skill of projectSkillsAll) {
-						const key = skill.workspace ?? skill.source;
-						const entry = byProject.get(key);
-						if (entry === void 0) byProject.set(key, {
-							title: skill.workspaceTitle ?? skill.workspace ?? tt("groups.project"),
-							skills: [skill]
-						});
-						else entry.skills.push(skill);
-					}
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: panel_module_css_default.section + (isDragging ? " " + panel_module_css_default.dragging : "") + (isOver ? " " + panel_module_css_default.dragOver : ""),
-						draggable: true,
-						onDragStart: (e) => {
-							setTopDragKey("project");
-							e.dataTransfer.effectAllowed = "move";
-							e.dataTransfer.setData("text/plain", "project");
-						},
-						onDragOver: (e) => {
-							e.preventDefault();
-							if (topOverKey !== "project") setTopOverKey("project");
-						},
-						onDragLeave: () => {
-							if (topOverKey === "project") setTopOverKey(null);
-						},
-						onDrop: (e) => {
-							e.preventDefault();
-							handleTopDrop("project");
-							setTopOverKey(null);
-						},
-						onDragEnd: () => {
-							setTopDragKey(null);
-							setTopOverKey(null);
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: panel_module_css_default.groupHead,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: panel_module_css_default.dragHandle,
-								"aria-hidden": true,
-								title: "拖拽调整顺序",
-								children: "⋮⋮"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: panel_module_css_default.disclosure,
-								"aria-expanded": !topCollapsed,
-								onClick: () => {
-									toggleGroupCollapse("project");
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (topCollapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: panel_module_css_default.groupTitle,
-									children: [
-										tt("groups.project"),
-										" · ",
-										byProject.size
-									]
-								})]
-							})]
-						}), !topCollapsed ? [...byProject.entries()].map(([key, proj]) => {
-							const projKey = "project:" + key;
-							const projCollapsed = collapsedGroups.has(projKey);
-							const subdivided = hub.subdividedProjects.has(key);
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: panel_module_css_default.projectNest,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: panel_module_css_default.groupHead,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			const drag = useDragReorder({
+				dragKey: topDragKey,
+				overKey: topOverKey,
+				setDragKey: setTopDragKey,
+				setOverKey: setTopOverKey,
+				onDrop: handleTopDrop
+			});
+			/** 顶层分组是否已全部折叠（决定「全部折叠/展开」按钮的文案）。 */
+			const allTopCollapsed = topOrderedKeys.length > 0 && topOrderedKeys.every((key) => collapsedGroups.has(key));
+			/** 键盘可用的排序：与相邻项交换后落盘（与拖拽走同一条 store 路径）。 */
+			const moveTop = (key, direction) => {
+				const from = topOrderedKeys.indexOf(key);
+				const to = from + direction;
+				if (from === -1 || to < 0 || to >= topOrderedKeys.length) return;
+				const next = [...topOrderedKeys];
+				const [moved] = next.splice(from, 1);
+				next.splice(to, 0, moved);
+				hub.reorderSourceGroups(next);
+			};
+			/** SkillRow 收窄后的 props：父组件统一传入它实际消费的字段。 */
+			const rowProps = {
+				uses: hub.uses,
+				hubConfig: hub.hubConfig,
+				busyNames,
+				editMode: hub.editMode,
+				tagBusy: hub.tagBusy,
+				duplicateNames,
+				toggle: hub.toggle,
+				openDetail: hub.openDetail,
+				requestDeleteSkill: hub.requestDeleteSkill
+			};
+			if (skillView === "flat") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: filterBySource(sorted, sourceFilter, origins).map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+				skill,
+				...rowProps
+			}, skill.name)) });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				!hasProject && collections.length === 0 && !hasPersonal ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_css_default.empty,
+					children: tt("groups.noCollections")
+				}) : null,
+				topOrderedKeys.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_css_default.listTools,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.opBtn,
+						onClick: () => {
+							setAllGroupsCollapsed(allTopCollapsed ? null : topOrderedKeys);
+						},
+						children: allTopCollapsed ? tt("groups.expandAll") : tt("groups.collapseAll")
+					})
+				}) : null,
+				topOrderedKeys.map((topKey) => {
+					if (topKey === "project" && hasProject) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProjectTree, {
+						editMode: hub.editMode,
+						canMoveUp: topOrderedKeys.indexOf(topKey) > 0,
+						canMoveDown: topOrderedKeys.indexOf(topKey) < topOrderedKeys.length - 1,
+						onMove: (direction) => {
+							moveTop(topKey, direction);
+						},
+						skills: projectSkillsAll,
+						collapsedGroups,
+						toggleGroupCollapse,
+						subdividedProjects: hub.subdividedProjects,
+						toggleSubdivide: hub.toggleSubdivide,
+						rowProps,
+						dragProps: drag("project")
+					}, "project");
+					if (topKey.startsWith("col:")) {
+						const colName = topKey.slice(4);
+						const collection = collections.find((c) => c.name === colName);
+						if (collection === void 0) return null;
+						const skills = filterBySource(sorted, sourceFilter, origins).filter((skill) => collection.skillNames.includes(skill.name));
+						const disabledMembers = (catalog?.disabled ?? []).filter((record) => collection.skillNames.includes(record.name) && (normalized.length === 0 || record.name.toLocaleLowerCase().includes(normalized) || record.description.toLocaleLowerCase().includes(normalized)) && (sourceFilter === "all" || (origins[record.name] ?? "private") === sourceFilter));
+						const collapsed = collapsedGroups.has("col:" + collection.name);
+						const view = groupSwitchView(collection.skillNames, viewNames);
+						const check = sourceCheck[collection.name];
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollectionCard, {
+							collection,
+							skills,
+							disabledMembers,
+							collapsed,
+							view,
+							check,
+							hasWritable: collection.skillNames.some((name) => actionNames.has(name)),
+							editMode: hub.editMode,
+							canMoveUp: topOrderedKeys.indexOf(topKey) > 0,
+							canMoveDown: topOrderedKeys.indexOf(topKey) < topOrderedKeys.length - 1,
+							onMove: (direction) => {
+								moveTop(topKey, direction);
+							},
+							checkingSource,
+							syncingSource,
+							batchBusy,
+							rowProps,
+							dragProps: drag(topKey),
+							toggleGroupCollapse,
+							checkSources,
+							requestSync,
+							requestDelete,
+							toggleGroup,
+							requestDeleteGroup,
+							enableDisabled,
+							openDetail: hub.openDetail
+						}, "col:" + collection.name);
+					}
+					if (topKey === "uncategorized-source" && hasPersonal) {
+						if (allPersonalNames.length === 0) return null;
+						const collapsed = collapsedGroups.has("uncategorized-source");
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							...drag("uncategorized-source"),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.groupHead,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: panel_module_css_default.dragHandle,
+										"aria-hidden": true,
+										title: tt("drag.reorder"),
+										children: "⋮⋮"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 										type: "button",
 										className: panel_module_css_default.disclosure,
-										"aria-expanded": !projCollapsed,
+										"aria-expanded": !collapsed,
 										onClick: () => {
-											toggleGroupCollapse(projKey);
+											toggleGroupCollapse("uncategorized-source");
 										},
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (projCollapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (collapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 											className: panel_module_css_default.groupTitle,
 											children: [
-												proj.title,
+												tt("groups.personal"),
 												" · ",
-												proj.skills.length,
+												allPersonalNames.length,
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
-													members: proj.skills.map((s) => s.name),
-													hub
+													members: allPersonalNames,
+													uses: hub.uses,
+													hubConfig: hub.hubConfig
 												})
 											]
 										})]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: panel_module_css_default.groupOps,
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: panel_module_css_default.opBtn,
-											onClick: (event) => {
-												event.stopPropagation();
-												hub.toggleSubdivide(key);
-											},
-											children: subdivided ? tt("groups.merge") : tt("groups.subdivide")
-										})
-									})]
-								}), !projCollapsed ? subdivided ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: panel_module_css_default.projectNest,
-									children: ["project-dsh", "project-agents"].map((source) => {
-										const list = proj.skills.filter((skill) => skill.source === source);
-										if (list.length === 0) return null;
-										const srcKey = projKey + ":" + source;
-										const srcCollapsed = collapsedGroups.has(srcKey);
-										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: panel_module_css_default.projectNest,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: panel_module_css_default.groupHead,
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-													type: "button",
-													className: panel_module_css_default.disclosure,
-													"aria-expanded": !srcCollapsed,
-													onClick: () => {
-														toggleGroupCollapse(srcKey);
-													},
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (srcCollapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														className: panel_module_css_default.groupTitle,
-														children: [
-															tt("badge.source." + source),
-															" · ",
-															list.length
-														]
-													})]
-												})
-											}), !srcCollapsed ? list.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
-												skill,
-												hub
-											}, skill.name)) : null]
-										}, srcKey);
-									})
-								}) : proj.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
-									skill,
-									hub
-								}, skill.name)) : null]
-							}, projKey);
-						}) : null]
-					}, "project");
-				}
-				if (topKey.startsWith("col:")) {
-					const colName = topKey.slice(4);
-					const collection = collections.find((c) => c.name === colName);
-					if (collection === void 0) return null;
-					const skills = filterBySource(sorted, sourceFilter, origins).filter((skill) => collection.skillNames.includes(skill.name));
-					const disabledMembers = (catalog?.disabled ?? []).filter((record) => collection.skillNames.includes(record.name) && (normalized.length === 0 || record.name.toLocaleLowerCase().includes(normalized) || record.description.toLocaleLowerCase().includes(normalized)) && (sourceFilter === "all" || (origins[record.name] ?? "private") === sourceFilter));
-					const collapsed = collapsedGroups.has("col:" + collection.name);
-					const view = groupSwitchView(collection.skillNames, viewNames);
-					const check = sourceCheck[collection.name];
-					const hasWritable = collection.skillNames.some((name) => actionNames.has(name));
-					const isDragging = topDragKey === topKey;
-					const isOver = topOverKey === topKey && topDragKey !== topKey;
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: panel_module_css_default.section + (isDragging ? " " + panel_module_css_default.dragging : "") + (isOver ? " " + panel_module_css_default.dragOver : ""),
-						draggable: true,
-						onDragStart: (e) => {
-							setTopDragKey(topKey);
-							e.dataTransfer.effectAllowed = "move";
-							e.dataTransfer.setData("text/plain", topKey);
-						},
-						onDragOver: (e) => {
-							e.preventDefault();
-							if (topOverKey !== topKey) setTopOverKey(topKey);
-						},
-						onDragLeave: () => {
-							if (topOverKey === topKey) setTopOverKey(null);
-						},
-						onDrop: (e) => {
-							e.preventDefault();
-							handleTopDrop(topKey);
-							setTopOverKey(null);
-						},
-						onDragEnd: () => {
-							setTopDragKey(null);
-							setTopOverKey(null);
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: panel_module_css_default.groupHead,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: panel_module_css_default.dragHandle,
-									"aria-hidden": true,
-									title: "拖拽调整顺序",
-									children: "⋮⋮"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									className: panel_module_css_default.disclosure,
-									"aria-expanded": !collapsed,
-									onClick: () => {
-										toggleGroupCollapse("col:" + collection.name);
-									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (collapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: panel_module_css_default.groupTitle,
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-												className: panel_module_css_default.sourceLink,
-												href: "https://github.com/" + collection.name,
-												target: "_blank",
-												rel: "noreferrer",
-												onClick: (event) => {
-													event.stopPropagation();
-												},
-												children: collection.name
-											}),
-											" · " + collection.skillNames.length,
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
-												members: collection.skillNames,
-												hub
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: panel_module_css_default.groupOps,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SourceStatusBadge, {
-											check,
-											checking: checkingSource === collection.name,
-											onCheck: () => {
-												checkSources(collection.name);
+										children: hub.editMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReorderButtons, {
+											canMoveUp: topOrderedKeys.indexOf(topKey) > 0,
+											canMoveDown: topOrderedKeys.indexOf(topKey) < topOrderedKeys.length - 1,
+											onMove: (direction) => {
+												moveTop(topKey, direction);
 											}
-										}),
-										check !== void 0 && check.changed && check.updated.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: panel_module_css_default.opBtn,
-											disabled: syncingSource !== null,
-											onClick: (event) => {
-												event.stopPropagation();
-												requestSync(collection.name, check.updated);
-											},
-											children: syncingSource === collection.name ? tt("source.syncing") : tt("source.sync")
-										}) : null,
-										check !== void 0 && check.deleted.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger,
-											onClick: (event) => {
-												event.stopPropagation();
-												requestDelete(collection.name, check.deleted);
-											},
-											children: tt("source.followDelete")
-										}) : null,
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											role: "switch",
-											"aria-checked": view.state !== "off",
-											"aria-label": collection.name,
-											className: panel_module_css_default.switch + (view.state === "on" ? " " + panel_module_css_default.switchOn : view.state === "mixed" ? " " + panel_module_css_default.switchMixed : ""),
-											disabled: batchBusy || collection.skillNames.length === 0 || view.state !== "off" && !hasWritable,
-											title: view.state !== "off" && !hasWritable ? tt("groups.noWritable") : void 0,
-											onClick: (event) => {
-												event.stopPropagation();
-												toggleGroup("col:" + collection.name, collection.name, view.state);
-											},
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.switchThumb })
-										}),
-										hub.editMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
 											className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger,
-											title: tt("source.deleteGroupHint", { count: collection.skillNames.length }),
+											title: tt("source.deleteGroupHint", { count: allPersonalNames.length }),
 											onClick: (event) => {
 												event.stopPropagation();
-												requestDeleteGroup(collection.name, collection.skillNames);
+												requestDeleteGroup(tt("groups.personal"), allPersonalNames);
 											},
 											children: tt("source.deleteGroup")
-										}) : null
-									]
-								})
-							]
-						}), !collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
-							skill,
-							hub
-						}, skill.name)), disabledMembers.map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledRow, {
-							record,
-							busy: busyNames.has(record.name),
-							duplicate: catalog?.duplicateNames?.includes(record.name) === true,
-							onEnable: () => {
-								enableDisabled(record);
-							},
-							onOpen: () => {
-								hub.openDetail(record.name);
-							}
-						}, record.name))] }) : null]
-					}, "col:" + collection.name);
-				}
-				if (topKey === "uncategorized-source" && hasPersonal) {
-					const uncategorized = filterBySource(sorted, sourceFilter, origins).filter((skill) => origins[skill.name] === void 0 && !isProjectSource(skill.source));
-					const personalDisabled = (catalog?.disabled ?? []).filter((record) => origins[record.name] === void 0).filter((record) => normalized.length === 0 || record.name.toLocaleLowerCase().includes(normalized) || record.description.toLocaleLowerCase().includes(normalized)).filter((record) => sourceFilter === "all" || sourceFilter === "private");
-					const allPersonalNames = [...uncategorized.map((s) => s.name), ...personalDisabled.map((r) => r.name)];
-					if (allPersonalNames.length === 0) return null;
-					const collapsed = collapsedGroups.has("uncategorized-source");
-					const isDragging = topDragKey === "uncategorized-source";
-					const isOver = topOverKey === "uncategorized-source" && topDragKey !== "uncategorized-source";
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: panel_module_css_default.section + (isDragging ? " " + panel_module_css_default.dragging : "") + (isOver ? " " + panel_module_css_default.dragOver : ""),
-						draggable: true,
-						onDragStart: (e) => {
-							setTopDragKey("uncategorized-source");
-							e.dataTransfer.effectAllowed = "move";
-							e.dataTransfer.setData("text/plain", "uncategorized-source");
-						},
-						onDragOver: (e) => {
-							e.preventDefault();
-							if (topOverKey !== "uncategorized-source") setTopOverKey("uncategorized-source");
-						},
-						onDragLeave: () => {
-							if (topOverKey === "uncategorized-source") setTopOverKey(null);
-						},
-						onDrop: (e) => {
-							e.preventDefault();
-							handleTopDrop("uncategorized-source");
-							setTopOverKey(null);
-						},
-						onDragEnd: () => {
-							setTopDragKey(null);
-							setTopOverKey(null);
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: panel_module_css_default.groupHead,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: panel_module_css_default.dragHandle,
-									"aria-hidden": true,
-									title: "拖拽调整顺序",
-									children: "⋮⋮"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									className: panel_module_css_default.disclosure,
-									"aria-expanded": !collapsed,
-									onClick: () => {
-										toggleGroupCollapse("uncategorized-source");
-									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (collapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										className: panel_module_css_default.groupTitle,
-										children: [
-											tt("groups.personal"),
-											" · ",
-											allPersonalNames.length,
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
-												members: allPersonalNames,
-												hub
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: panel_module_css_default.groupOps,
-									children: hub.editMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger,
-										title: tt("source.deleteGroupHint", { count: allPersonalNames.length }),
-										onClick: (event) => {
-											event.stopPropagation();
-											requestDeleteGroup(tt("groups.personal"), allPersonalNames);
-										},
-										children: tt("source.deleteGroup")
-									}) : null
-								})
-							]
-						}), !collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [uncategorized.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
-							skill,
-							hub
-						}, skill.name)), personalDisabled.map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledRow, {
-							record,
-							busy: busyNames.has(record.name),
-							duplicate: catalog?.duplicateNames?.includes(record.name) === true,
-							onEnable: () => {
-								enableDisabled(record);
-							},
-							onOpen: () => {
-								hub.openDetail(record.name);
-							}
-						}, record.name))] }) : null]
-					}, "uncategorized-source");
-				}
-				return null;
-			})] });
+										})] }) : null
+									})
+								]
+							}), !collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [uncategorized.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+								skill,
+								...rowProps
+							}, skill.name)), personalDisabled.map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledRow, {
+								record,
+								busy: busyNames.has(record.name),
+								duplicate: duplicateNames.has(record.name),
+								onEnable: () => {
+									enableDisabled(record);
+								},
+								onOpen: () => {
+									hub.openDetail(record.name);
+								}
+							}, record.name))] }) : null]
+						}, "uncategorized-source");
+					}
+					return null;
+				})
+			] });
 		}
 		//#endregion
 		//#region src/client/panel/ScenesView.tsx
@@ -4009,9 +4054,11 @@ window.__ModuleLoader__.load({
 		*/
 		function ScenesView(props) {
 			const { hub } = props;
-			const { catalog, groupsState, sorted, normalized, collapsedGroups, viewNames, actionNames, batchBusy, busyNames, newTagName, setNewTagName, tagBusy, createTag, toggleGroupCollapse, toggleGroup, setEditingTag, setEditName, setMembersDraft, setEditSearch, enableDisabled } = hub;
+			const { catalog, groupsState, sorted, normalized, collapsedGroups, viewNames, actionNames, batchBusy, busyNames, newTagName, setNewTagName, tagBusy, createTag, toggleGroupCollapse, setAllGroupsCollapsed, toggleGroup, setEditingTag, setEditName, setMembersDraft, setEditSearch, enableDisabled } = hub;
 			const [dragId, setDragId] = (0, react.useState)(null);
 			const [overId, setOverId] = (0, react.useState)(null);
+			/** 重复技能名集合：整表只建一次，行内用 has 取代逐行线性 includes。 */
+			const duplicateNames = (0, react.useMemo)(() => new Set(catalog?.duplicateNames ?? []), [catalog]);
 			const handleDrop = (targetId) => {
 				if (dragId === null || dragId === targetId || groupsState === null) return;
 				const ids = groupsState.tags.map((t) => t.id);
@@ -4023,6 +4070,38 @@ window.__ModuleLoader__.load({
 				next.splice(to, 0, moved);
 				hub.reorderTags(next);
 			};
+			const drag = useDragReorder({
+				dragKey: dragId,
+				overKey: overId,
+				setDragKey: setDragId,
+				setOverKey: setOverId,
+				onDrop: handleDrop
+			});
+			const tagKeys = (groupsState?.tags ?? []).map((tag) => "tag:" + tag.id);
+			/** 所有场景是否已折叠（决定「全部折叠/展开」按钮的文案）。 */
+			const allTagsCollapsed = tagKeys.length > 0 && tagKeys.every((key) => collapsedGroups.has(key));
+			/** 键盘可用的排序：与拖拽同一条 store 路径。 */
+			const moveTag = (index, direction) => {
+				const ids = (groupsState?.tags ?? []).map((tag) => tag.id);
+				const to = index + direction;
+				if (to < 0 || to >= ids.length) return;
+				const next = [...ids];
+				const [moved] = next.splice(index, 1);
+				next.splice(to, 0, moved);
+				hub.reorderTags(next);
+			};
+			/** SkillRow 收窄后的 props：父组件统一传入它实际消费的字段。 */
+			const rowProps = {
+				uses: hub.uses,
+				hubConfig: hub.hubConfig,
+				busyNames,
+				editMode: hub.editMode,
+				tagBusy,
+				duplicateNames,
+				toggle: hub.toggle,
+				openDetail: hub.openDetail,
+				requestDeleteSkill: hub.requestDeleteSkill
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
 					className: panel_module_css_default.form,
@@ -4050,45 +4129,32 @@ window.__ModuleLoader__.load({
 					className: panel_module_css_default.empty,
 					children: tt("groups.empty")
 				}) : null,
-				groupsState?.tags.map((tag) => {
+				tagKeys.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_css_default.listTools,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.opBtn,
+						onClick: () => {
+							setAllGroupsCollapsed(allTagsCollapsed ? null : tagKeys);
+						},
+						children: allTagsCollapsed ? tt("groups.expandAll") : tt("groups.collapseAll")
+					})
+				}) : null,
+				groupsState?.tags.map((tag, index) => {
 					const skills = sorted.filter((skill) => tag.skillNames.includes(skill.name));
 					const disabledMembers = (catalog?.disabled ?? []).filter((record) => tag.skillNames.includes(record.name) && (normalized.length === 0 || record.name.toLocaleLowerCase().includes(normalized) || record.description.toLocaleLowerCase().includes(normalized)));
 					const collapsed = collapsedGroups.has("tag:" + tag.id);
 					const view = groupSwitchView(tag.skillNames, viewNames);
 					const hasWritable = tag.skillNames.some((name) => actionNames.has(name));
-					const isDragging = dragId === tag.id;
-					const isOver = overId === tag.id && dragId !== tag.id;
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: panel_module_css_default.section + (isDragging ? " " + panel_module_css_default.dragging : "") + (isOver ? " " + panel_module_css_default.dragOver : ""),
-						draggable: true,
-						onDragStart: (e) => {
-							setDragId(tag.id);
-							e.dataTransfer.effectAllowed = "move";
-							e.dataTransfer.setData("text/plain", tag.id);
-						},
-						onDragOver: (e) => {
-							e.preventDefault();
-							if (overId !== tag.id) setOverId(tag.id);
-						},
-						onDragLeave: () => {
-							if (overId === tag.id) setOverId(null);
-						},
-						onDrop: (e) => {
-							e.preventDefault();
-							handleDrop(tag.id);
-							setOverId(null);
-						},
-						onDragEnd: () => {
-							setDragId(null);
-							setOverId(null);
-						},
+						...drag(tag.id),
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: panel_module_css_default.groupHead,
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: panel_module_css_default.dragHandle,
 									"aria-hidden": true,
-									title: "拖拽调整顺序",
+									title: tt("drag.reorder"),
 									children: "⋮⋮"
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -4106,46 +4172,53 @@ window.__ModuleLoader__.load({
 											tag.skillNames.length,
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
 												members: tag.skillNames,
-												hub
+												uses: hub.uses,
+												hubConfig: hub.hubConfig
 											})
 										]
 									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: panel_module_css_default.groupOps,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										role: "switch",
-										"aria-checked": view.state !== "off",
-										"aria-label": tag.name,
-										className: panel_module_css_default.switch + (view.state === "on" ? " " + panel_module_css_default.switchOn : view.state === "mixed" ? " " + panel_module_css_default.switchMixed : ""),
-										disabled: batchBusy || tag.skillNames.length === 0 || view.state !== "off" && !hasWritable,
-										title: view.state !== "off" && !hasWritable ? tt("groups.noWritable") : void 0,
-										onClick: (event) => {
-											event.stopPropagation();
-											toggleGroup("tag:" + tag.id, tag.name, view.state);
-										},
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.switchThumb })
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: panel_module_css_default.opBtn,
-										onClick: () => {
-											setEditingTag(tag);
-											setEditName(tag.name);
-											setMembersDraft(new Set(tag.skillNames));
-											setEditSearch("");
-										},
-										children: tt("groups.edit")
-									})]
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSwitchButton, {
+											state: view.state,
+											label: tag.name,
+											memberCount: tag.skillNames.length,
+											batchBusy,
+											hasWritable,
+											onToggle: () => {
+												toggleGroup("tag:" + tag.id, tag.name, view.state);
+											}
+										}),
+										hub.editMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReorderButtons, {
+											canMoveUp: index > 0,
+											canMoveDown: index < (groupsState?.tags.length ?? 1) - 1,
+											onMove: (direction) => {
+												moveTag(index, direction);
+											}
+										}) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: panel_module_css_default.opBtn,
+											onClick: () => {
+												setEditingTag(tag);
+												setEditName(tag.name);
+												setMembersDraft(new Set(tag.skillNames));
+												setEditSearch("");
+											},
+											children: tt("groups.edit")
+										})
+									]
 								})
 							]
 						}), !collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
 							skill,
-							hub
+							...rowProps
 						}, skill.name)), disabledMembers.map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledRow, {
 							record,
 							busy: busyNames.has(record.name),
-							duplicate: hub.catalog?.duplicateNames?.includes(record.name) === true,
+							duplicate: duplicateNames.has(record.name),
 							onEnable: () => {
 								enableDisabled(record);
 							},
@@ -4613,7 +4686,7 @@ window.__ModuleLoader__.load({
 						type: "button",
 						className: panel_module_css_default.opBtn + (updateDanger ? " " + panel_module_css_default.opDanger : ""),
 						disabled: updateDisabled,
-						title: hasUpdate ? "将同步到上游最新版并提示可更新的本地技能" : void 0,
+						title: hasUpdate ? tt("market.syncHint") : void 0,
 						onClick: updateAction,
 						children: updateLabel
 					}),
@@ -4642,6 +4715,15 @@ window.__ModuleLoader__.load({
 		* 勾选导入+进度+结果）都包在这里。搜索/过滤/分页是卡片级本地状态，
 		* 随卡片挂载而生、关闭而灭。从 MarketView.tsx 原样搬出，渲染逻辑不变。
 		*/
+		/**
+		* 已知技能根的显示名键；未知根直接显示目录名。
+		* zh 字典里这两项就是目录名本身（与接线前的硬编码文本一致）。
+		*/
+		function rootLabelKey(root) {
+			if (root === "skills") return "repo.root.skills";
+			if (root === "design-templates") return "repo.root.designTemplates";
+			return "repo.root.generic";
+		}
 		function RepoScanCard(props) {
 			const { hub } = props;
 			const { repoDiscoverState, scanningRepo, repoResult, repoSelected, setRepoSelected, repoImporting, toggleRepoSelected, importRepo, cancelImport } = hub;
@@ -4672,7 +4754,7 @@ window.__ModuleLoader__.load({
 							alignItems: "center",
 							gap: 6
 						},
-						children: ["扫描结果", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						children: [tt("repo.scanTitle"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							style: {
 								fontWeight: 400,
 								opacity: .75
@@ -4695,7 +4777,7 @@ window.__ModuleLoader__.load({
 						onClick: () => {
 							hub.clearScan();
 						},
-						children: "关闭"
+						children: tt("repo.close")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					style: { padding: "0 12px 12px" },
@@ -4773,9 +4855,9 @@ window.__ModuleLoader__.load({
 													},
 													value: repoSearch,
 													onChange: (e) => setRepoSearch(e.target.value),
-													placeholder: "搜索技能名…"
+													placeholder: tt("repo.searchPlaceholder")
 												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
 													className: panel_module_css_default.button + (repoFilter === "all" ? " " + panel_module_css_default.primary : ""),
 													style: {
@@ -4783,7 +4865,7 @@ window.__ModuleLoader__.load({
 														fontSize: 12
 													},
 													onClick: () => setRepoFilter("all"),
-													children: ["全部 ", entries.length]
+													children: tt("repo.allRoots", { count: entries.length })
 												}),
 												roots.map((root) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 													type: "button",
@@ -4794,7 +4876,7 @@ window.__ModuleLoader__.load({
 													},
 													onClick: () => setRepoFilter(root),
 													children: [
-														root,
+														tt(rootLabelKey(root), { root }),
 														" ",
 														counts.get(root) ?? 0
 													]
@@ -4810,19 +4892,13 @@ window.__ModuleLoader__.load({
 											flexWrap: "wrap",
 											gap: 8
 										},
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-											"已选 ",
-											selected.length,
-											"/",
-											entries.length,
-											" · ",
-											formatBytes(selectedBytes),
-											" · 显示 ",
-											paged.length,
-											"/",
-											filtered.length,
-											"（过滤后）"
-										] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("repo.selection", {
+											selected: selected.length,
+											total: entries.length,
+											size: formatBytes(selectedBytes),
+											shown: paged.length,
+											filtered: filtered.length
+										}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 											style: {
 												display: "flex",
 												gap: 6
@@ -4838,9 +4914,9 @@ window.__ModuleLoader__.load({
 													onClick: () => {
 														setRepoSelected(new Set(filtered.filter((e) => !isExisting(e)).slice(0, visibleCount).map((e) => e.path)));
 													},
-													children: "全选当前显示"
+													children: tt("repo.selectVisible")
 												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
 													className: panel_module_css_default.button,
 													style: {
@@ -4850,7 +4926,7 @@ window.__ModuleLoader__.load({
 													onClick: () => {
 														setRepoSelected(new Set(entries.filter((e) => !isExisting(e)).map((e) => e.path)));
 													},
-													children: ["全选全部 ", entries.filter((e) => !isExisting(e)).length]
+													children: tt("repo.selectAllN", { count: entries.filter((e) => !isExisting(e)).length })
 												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
@@ -4872,7 +4948,7 @@ window.__ModuleLoader__.load({
 										children: paged.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 											className: panel_module_css_default.empty,
 											style: { padding: 20 },
-											children: "无匹配技能"
+											children: tt("repo.noMatch")
 										}) : paged.map((entry) => {
 											const existing = isExisting(entry);
 											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -4919,15 +4995,14 @@ window.__ModuleLoader__.load({
 											textAlign: "center",
 											marginTop: 8
 										},
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
 											className: panel_module_css_default.button,
 											onClick: () => setVisibleCount((n) => n + 50),
-											children: [
-												"加载更多 50 (剩余 ",
-												filtered.length - visibleCount,
-												")"
-											]
+											children: tt("repo.loadMore", {
+												step: 50,
+												remaining: filtered.length - visibleCount
+											})
 										})
 									}) : null,
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -4986,10 +5061,10 @@ window.__ModuleLoader__.load({
 														formatBytes(repoResult.totalBytes),
 														speed !== "" ? ` · ${speed}` : "",
 														" · ",
-														repoResult.done,
-														"/",
-														repoResult.total,
-														" 个技能"
+														tt("repo.skillProgress", {
+															done: repoResult.done,
+															total: repoResult.total
+														})
 													]
 												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -5196,24 +5271,175 @@ window.__ModuleLoader__.load({
 			] });
 		}
 		//#endregion
-		//#region src/client/panel/hooks/shared.ts
-		/** localStorage key of the last daily auto-check timestamp (survives sessions). */
-		const AUTO_CHECK_KEY = "skill-hub.last-auto-check";
-		/** Daily auto-check interval: at most one network round per day. */
-		const AUTO_CHECK_INTERVAL_MS = 1440 * 6e4;
-		/** Whether the daily auto-check should run now (first visit or ≥24h since the last). */
-		function shouldAutoCheck() {
-			try {
-				const raw = localStorage.getItem(AUTO_CHECK_KEY);
-				const last = raw === null ? NaN : Number(raw);
-				if (!Number.isFinite(last)) return true;
-				return Date.now() - last >= AUTO_CHECK_INTERVAL_MS;
-			} catch {
-				return true;
-			}
-		}
-		/** Record that the daily auto-check ran. */
-		function markAutoChecked() {
+		//#region src/client/panel/PanelDialogs.tsx
+		function PanelDialogs(props) {
+			const { conflictDialog, tags, collections, setConflictDialog, resolveConflict, confirmDialog, setConfirmDialog, runConfirmed, branchChoice, branchBusy, setBranchChoice, confirmBranchChoice, versionDialog, versionBusy, setVersionDialog, confirmVersionDialog, marketSyncDialog, syncBusy, setMarketSyncDialog, confirmMarketSync, deleteSkillDialog, setDeleteSkillDialog, runDeleteSkill, deleteGroupDialog, setDeleteGroupDialog, runDeleteGroup, confirmClearTrash, setConfirmClearTrash, clearTrash } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				conflictDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConflictDialog, {
+					dialog: conflictDialog,
+					tags,
+					collections,
+					onClose: () => {
+						setConflictDialog(null);
+					},
+					onKeepOn: () => {
+						resolveConflict(false);
+					},
+					onCloseAll: () => {
+						resolveConflict(true);
+					}
+				}) : null,
+				confirmDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
+					title: confirmDialog.kind === "sync" ? tt("source.syncConfirmTitle") : tt("source.deleteConfirmTitle"),
+					text: confirmDialog.kind === "sync" ? tt("source.syncConfirmText") : tt("source.deleteConfirmText"),
+					items: confirmDialog.skills,
+					confirmLabel: confirmDialog.kind === "sync" ? tt("source.sync") : tt("source.followDelete"),
+					danger: confirmDialog.kind === "delete",
+					onCancel: () => {
+						setConfirmDialog(null);
+					},
+					onConfirm: () => {
+						runConfirmed();
+					}
+				}) : null,
+				branchChoice !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BranchChoiceDialog, {
+					choice: branchChoice,
+					busy: branchBusy,
+					onSelect: (selected) => {
+						setBranchChoice({
+							...branchChoice,
+							selected
+						});
+					},
+					onCancel: () => {
+						setBranchChoice(null);
+					},
+					onConfirm: () => {
+						confirmBranchChoice();
+					}
+				}) : null,
+				versionDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VersionChoiceDialog, {
+					choice: versionDialog,
+					busy: versionBusy,
+					onSelect: (selected) => {
+						setVersionDialog({
+							...versionDialog,
+							selected
+						});
+					},
+					onCustom: (custom) => {
+						setVersionDialog({
+							...versionDialog,
+							custom
+						});
+					},
+					onCancel: () => {
+						setVersionDialog(null);
+					},
+					onConfirm: () => {
+						confirmVersionDialog();
+					}
+				}) : null,
+				marketSyncDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarketSyncDialog, {
+					dialog: marketSyncDialog,
+					busy: syncBusy,
+					onToggle: (name, checked) => {
+						const next = new Set(marketSyncDialog.selected);
+						if (checked) next.add(name);
+						else next.delete(name);
+						setMarketSyncDialog({
+							...marketSyncDialog,
+							selected: next
+						});
+					},
+					onCancel: () => {
+						setMarketSyncDialog(null);
+					},
+					onConfirm: () => {
+						confirmMarketSync();
+					}
+				}) : null,
+				deleteSkillDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
+					title: tt("delete.confirmTitle"),
+					text: tt("delete.confirmText", { name: deleteSkillDialog }),
+					confirmLabel: tt("delete.confirm"),
+					danger: true,
+					onCancel: () => {
+						setDeleteSkillDialog(null);
+					},
+					onConfirm: () => {
+						runDeleteSkill();
+					}
+				}) : null,
+				deleteGroupDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
+					title: tt("source.deleteGroupTitle"),
+					text: tt("source.deleteGroupText", {
+						name: deleteGroupDialog.name,
+						count: deleteGroupDialog.skillNames.length
+					}),
+					items: deleteGroupDialog.skillNames,
+					confirmLabel: tt("source.deleteGroup"),
+					danger: true,
+					onCancel: () => {
+						setDeleteGroupDialog(null);
+					},
+					onConfirm: () => {
+						runDeleteGroup();
+					}
+				}) : null,
+				confirmClearTrash ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
+					title: tt("source.clearTrashConfirmTitle"),
+					text: tt("source.clearTrashConfirmText"),
+					confirmLabel: tt("source.clearTrashConfirm"),
+					danger: true,
+					onCancel: () => {
+						setConfirmClearTrash(false);
+					},
+					onConfirm: () => {
+						clearTrash();
+					}
+				}) : null
+			] });
+		}
+		//#endregion
+		//#region src/client/panel/hooks/shared.ts
+		/**
+		* 统一异步动作外壳：清错 → 执行 → 异常转错误条幅 → 收尾（忙碌开关）。
+		* 只用于同形的 clearFail/try/catch/finally 站点；成功后清错、自定义收尾、
+		* 需要返回值的站点保持内联。
+		*/
+		async function runFlow(shared, body, settle = () => {}) {
+			shared.clearFail();
+			try {
+				return await body();
+			} catch (error) {
+				shared.fail(errorMessage(error));
+				return;
+			} finally {
+				settle();
+			}
+		}
+		/** Catalog poll interval while the panel is mounted (the provider watcher feeds this). */
+		const POLL_MS = 5e3;
+		/** Relaxed poll for slower-changing data (stats, groups, sources, config). */
+		const SLOW_POLL_MS = 6e4;
+		/** localStorage key of the last daily auto-check timestamp (survives sessions). */
+		const AUTO_CHECK_KEY = "skill-hub.last-auto-check";
+		/** Daily auto-check interval: at most one network round per day. */
+		const AUTO_CHECK_INTERVAL_MS = 1440 * 6e4;
+		/** Whether the daily auto-check should run now (first visit or ≥24h since the last). */
+		function shouldAutoCheck() {
+			try {
+				const raw = localStorage.getItem(AUTO_CHECK_KEY);
+				const last = raw === null ? NaN : Number(raw);
+				if (!Number.isFinite(last)) return true;
+				return Date.now() - last >= AUTO_CHECK_INTERVAL_MS;
+			} catch {
+				return true;
+			}
+		}
+		/** Record that the daily auto-check ran. */
+		function markAutoChecked() {
 			try {
 				localStorage.setItem(AUTO_CHECK_KEY, String(Date.now()));
 			} catch {}
@@ -5263,7 +5489,7 @@ window.__ModuleLoader__.load({
 					usesCatchUp.current += 1;
 					loadUses();
 					if (usesCatchUp.current >= 72) window.clearInterval(timer);
-				}, 5e3);
+				}, POLL_MS);
 				return () => {
 					window.clearInterval(timer);
 				};
@@ -5325,14 +5551,9 @@ window.__ModuleLoader__.load({
 			]);
 			const openDetail = (0, react.useCallback)(async (name) => {
 				setDetailLoading(true);
-				shared.clearFail();
-				try {
+				await runFlow(shared, async () => {
 					setDetail(await api.skill(name, workspace !== "" ? { cwd: workspace } : void 0));
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
-					setDetailLoading(false);
-				}
+				}, () => setDetailLoading(false));
 			}, [
 				api,
 				workspace,
@@ -5340,68 +5561,54 @@ window.__ModuleLoader__.load({
 			]);
 			const toggle = (0, react.useCallback)(async (skill, enabled) => {
 				setBusyNames((previous) => new Set(previous).add(skill.name));
-				shared.clearFail();
-				try {
+				await runFlow(shared, async () => {
 					const next = await api.toggle(skill.name, enabled);
 					setCatalog(next);
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
+				}, () => {
 					setBusyNames((previous) => {
 						const next = new Set(previous);
 						next.delete(skill.name);
 						return next;
 					});
-				}
+				});
 			}, [api, shared]);
 			const enableDisabled = (0, react.useCallback)(async (record) => {
 				setBusyNames((previous) => new Set(previous).add(record.name));
-				shared.clearFail();
-				try {
+				await runFlow(shared, async () => {
 					const next = await api.toggle(record.name, true);
 					setCatalog(next);
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
+				}, () => {
 					setBusyNames((previous) => {
 						const next = new Set(previous);
 						next.delete(record.name);
 						return next;
 					});
-				}
+				});
 			}, [api, shared]);
 			/** Toggle an explicit name set in one write (enables disabled members too). */
 			const batchToggleNames = (0, react.useCallback)(async (names, enabled) => {
 				if (names.length === 0) return;
 				shared.setBatchBusy(true);
-				shared.clearFail();
-				try {
+				await runFlow(shared, async () => {
 					const next = await api.toggleBatch(names, enabled);
 					setCatalog(next.catalog);
 					if (next.failures.length > 0) shared.fail("toggle-batch: " + next.failures.map((failure) => failure.name + ": " + failure.error).join("; "));
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
-					shared.setBatchBusy(false);
-				}
+				}, () => shared.setBatchBusy(false));
 			}, [api, shared]);
 			const fixDiagnostic = (0, react.useCallback)(async (path) => {
 				setFixingPaths((previous) => new Set(previous).add(path));
-				shared.clearFail();
-				try {
+				await runFlow(shared, async () => {
 					if (!window.confirm(tt("diag.fixConfirm", { path }))) return;
 					await api.fixDiagnostic(path);
 					await load();
 					shared.succeed(tt("diag.fixed"));
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
+				}, () => {
 					setFixingPaths((previous) => {
 						const next = new Set(previous);
 						next.delete(path);
 						return next;
 					});
-				}
+				});
 			}, [
 				api,
 				load,
@@ -5603,15 +5810,10 @@ window.__ModuleLoader__.load({
 					const name = newTagName.trim();
 					if (name === "") return;
 					shared.setTagBusy(true);
-					shared.clearFail();
-					try {
+					await runFlow(shared, async () => {
 						applyTags(await api.saveTag({ name }));
 						setNewTagName("");
-					} catch (error) {
-						shared.fail(errorMessage(error));
-					} finally {
-						shared.setTagBusy(false);
-					}
+					}, () => shared.setTagBusy(false));
 				}, [
 					api,
 					applyTags,
@@ -5620,15 +5822,10 @@ window.__ModuleLoader__.load({
 				]),
 				deleteTag: (0, react.useCallback)(async (id) => {
 					shared.setTagBusy(true);
-					shared.clearFail();
-					try {
+					await runFlow(shared, async () => {
 						applyTags(await api.deleteTag(id));
 						setEditingTag(null);
-					} catch (error) {
-						shared.fail(errorMessage(error));
-					} finally {
-						shared.setTagBusy(false);
-					}
+					}, () => shared.setTagBusy(false));
 				}, [
 					api,
 					applyTags,
@@ -5636,8 +5833,7 @@ window.__ModuleLoader__.load({
 				]),
 				saveTag: (0, react.useCallback)(async (id, name, memberNames) => {
 					shared.setTagBusy(true);
-					shared.clearFail();
-					try {
+					await runFlow(shared, async () => {
 						const safeName = name.trim();
 						let tags = null;
 						if (safeName !== "") tags = await api.saveTag({
@@ -5648,11 +5844,7 @@ window.__ModuleLoader__.load({
 						if (tags === null) return;
 						applyTags(tags);
 						setEditingTag(null);
-					} catch (error) {
-						shared.fail(errorMessage(error));
-					} finally {
-						shared.setTagBusy(false);
-					}
+					}, () => shared.setTagBusy(false));
 				}, [
 					api,
 					applyTags,
@@ -5683,39 +5875,6 @@ window.__ModuleLoader__.load({
 					groupsState,
 					shared
 				]),
-				reorderCollections: (0, react.useCallback)(async (orderedNames) => {
-					shared.setTagBusy(true);
-					shared.clearFail();
-					try {
-						const collections = await api.reorderCollections(orderedNames);
-						setGroupsState((prev) => prev === null ? prev : {
-							...prev,
-							collections
-						});
-						loadGroups();
-					} catch (error) {
-						const msg = errorMessage(error);
-						if (msg.includes("404") || msg.toLowerCase().includes("not found")) {
-							setGroupsState((prev) => {
-								if (prev === null) return prev;
-								const map = new Map(prev.collections.map((c) => [c.name, c]));
-								const reordered = orderedNames.map((n) => map.get(n)).filter((c) => c !== void 0);
-								for (const c of prev.collections) if (!reordered.some((r) => r.name === c.name)) reordered.push(c);
-								return {
-									...prev,
-									collections: reordered
-								};
-							});
-							shared.succeed("已临时调整顺序（本地生效，重启宿主后持久化）");
-						} else shared.fail(msg);
-					} finally {
-						shared.setTagBusy(false);
-					}
-				}, [
-					api,
-					loadGroups,
-					shared
-				]),
 				reorderSourceGroups: (0, react.useCallback)(async (orderedKeys) => {
 					shared.setTagBusy(true);
 					shared.clearFail();
@@ -5789,17 +5948,12 @@ window.__ModuleLoader__.load({
 				loadSources,
 				checkSources: (0, react.useCallback)(async (repo) => {
 					setCheckingSource(repo ?? "all");
-					shared.clearFail();
-					try {
+					await runFlow(shared, async () => {
 						const result = await api.checkSources(repo);
 						const next = { ...sourceCheck };
 						for (const item of result.results) next[item.repo] = item;
 						setSourceCheck(next);
-					} catch (error) {
-						shared.fail(errorMessage(error));
-					} finally {
-						setCheckingSource(null);
-					}
+					}, () => setCheckingSource(null));
 				}, [
 					api,
 					sourceCheck,
@@ -5825,8 +5979,7 @@ window.__ModuleLoader__.load({
 					setConfirmDialog(null);
 					if (dialog.kind === "sync") {
 						setSyncingSource(dialog.repo);
-						shared.clearFail();
-						try {
+						await runFlow(shared, async () => {
 							const result = await api.syncSource(dialog.repo, dialog.skills);
 							await Promise.all([
 								reloadCatalog(),
@@ -5834,11 +5987,7 @@ window.__ModuleLoader__.load({
 								loadSources()
 							]);
 							if (result.failed.length > 0) shared.fail("sync: " + result.failed.map((failure) => failure.name + ": " + failure.error).join("; "));
-						} catch (error) {
-							shared.fail(errorMessage(error));
-						} finally {
-							setSyncingSource(null);
-						}
+						}, () => setSyncingSource(null));
 					} else {
 						shared.clearFail();
 						try {
@@ -5862,19 +6011,14 @@ window.__ModuleLoader__.load({
 				]),
 				restoreTrash: (0, react.useCallback)(async (name) => {
 					shared.setTagBusy(true);
-					shared.clearFail();
-					try {
+					await runFlow(shared, async () => {
 						await api.restoreSource(name);
 						await Promise.all([
 							reloadCatalog(),
 							reloadGroups(),
 							loadSources()
 						]);
-					} catch (error) {
-						shared.fail(errorMessage(error));
-					} finally {
-						shared.setTagBusy(false);
-					}
+					}, () => shared.setTagBusy(false));
 				}, [
 					api,
 					reloadCatalog,
@@ -5885,16 +6029,11 @@ window.__ModuleLoader__.load({
 				clearTrash: (0, react.useCallback)(async () => {
 					setConfirmClearTrash(false);
 					shared.setTagBusy(true);
-					shared.clearFail();
-					try {
+					await runFlow(shared, async () => {
 						const result = await api.clearTrash();
 						if (result.failed.length > 0) shared.fail("clear trash: " + result.failed.map((failure) => failure.name + ": " + failure.error).join("; "));
 						await Promise.all([reloadCatalog(), loadSources()]);
-					} catch (error) {
-						shared.fail(errorMessage(error));
-					} finally {
-						shared.setTagBusy(false);
-					}
+					}, () => shared.setTagBusy(false));
 				}, [
 					api,
 					reloadCatalog,
@@ -5909,19 +6048,14 @@ window.__ModuleLoader__.load({
 					if (name === null) return;
 					setDeleteSkillDialog(null);
 					shared.setTagBusy(true);
-					shared.clearFail();
-					try {
+					await runFlow(shared, async () => {
 						await api.deleteSkill(name);
 						await Promise.all([
 							reloadCatalog(),
 							reloadGroups(),
 							loadSources()
 						]);
-					} catch (error) {
-						shared.fail(errorMessage(error));
-					} finally {
-						shared.setTagBusy(false);
-					}
+					}, () => shared.setTagBusy(false));
 				}, [
 					api,
 					deleteSkillDialog,
@@ -5969,11 +6103,236 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/client/panel/hooks/useRepoImportFlow.ts
+		/**
+		* useRepoImportFlow — 市场子域：仓库扫描/分支选择/导入任务（轮询+取消）。
+		* 从 useMarketFlow 原样搬出：状态、动作、卸载中断与依赖顺序不变；市场源
+		* 列表刷新（loadMarket）与目录/分组/来源重载经参数注入，不直接碰其他域。
+		*/
+		function useRepoImportFlow(api, shared, loadMarket, reloadCatalog, reloadGroups, reloadSources) {
+			const [repoDiscoverState, setRepoDiscoverState] = (0, react.useState)({ status: "idle" });
+			/** Market repo currently being scanned (null when idle); per-row busy state. */
+			const [scanningRepo, setScanningRepo] = (0, react.useState)(null);
+			const [repoSelected, setRepoSelected] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [repoImporting, setRepoImporting] = (0, react.useState)(false);
+			const [repoResult, setRepoResult] = (0, react.useState)(null);
+			const [importJobId, setImportJobId] = (0, react.useState)(null);
+			const [branchChoice, setBranchChoice] = (0, react.useState)(null);
+			const [branchBusy, setBranchBusy] = (0, react.useState)(false);
+			const pollAbortRef = (0, react.useRef)(null);
+			/** 扫描一个市场源（或手动输入）的仓库。 */
+			const scanRepo = (0, react.useCallback)(async (input) => {
+				const value = input.trim();
+				if (value === "") return;
+				setRepoResult(null);
+				setRepoSelected(/* @__PURE__ */ new Set());
+				setScanningRepo(value);
+				setRepoDiscoverState({ status: "scanning" });
+				shared.clearFail();
+				try {
+					const data = await api.repoDiscover(value);
+					if (data.ref === null) {
+						setBranchChoice({
+							repo: data.repo,
+							branches: data.branches ?? [],
+							selected: (data.branches ?? [])[0] ?? "main"
+						});
+						setRepoDiscoverState({ status: "idle" });
+						return;
+					}
+					setRepoDiscoverState({
+						status: "ready",
+						data
+					});
+					loadMarket();
+				} catch (error) {
+					setRepoDiscoverState({
+						status: "error",
+						message: errorMessage(error)
+					});
+				} finally {
+					setScanningRepo(null);
+				}
+			}, [
+				api,
+				loadMarket,
+				shared
+			]);
+			/** 确认分支选择：持久化 ref 后重新扫描。 */
+			const confirmBranchChoice = (0, react.useCallback)(async () => {
+				if (branchChoice === null) return;
+				setBranchBusy(true);
+				await runFlow(shared, async () => {
+					await api.setMarketSourceRef(branchChoice.repo, branchChoice.selected);
+					setBranchChoice(null);
+					await scanRepo(branchChoice.repo);
+				}, () => setBranchBusy(false));
+			}, [
+				api,
+				branchChoice,
+				scanRepo,
+				shared
+			]);
+			/** Toggle one repo preview row. */
+			const toggleRepoSelected = (0, react.useCallback)((path, checked) => {
+				setRepoSelected((previous) => {
+					const next = new Set(previous);
+					if (checked) next.add(path);
+					else next.delete(path);
+					return next;
+				});
+			}, []);
+			/** Import every checked, non-existing repo skill (B方案：job+轮询+进度). */
+			const importRepo = (0, react.useCallback)(async () => {
+				if (repoDiscoverState.status !== "ready") return;
+				setRepoImporting(true);
+				setRepoResult(null);
+				setImportJobId(null);
+				shared.clearFail();
+				let finalProgress = null;
+				try {
+					const created = await api.repoImport(repoDiscoverState.data.repo, [...repoSelected], repoDiscoverState.data.ref ?? void 0);
+					setImportJobId(created.jobId);
+					setRepoResult({
+						ok: true,
+						jobId: created.jobId,
+						status: "running",
+						total: created.total,
+						done: 0,
+						totalBytes: created.totalBytes,
+						downloadedBytes: 0,
+						imported: [],
+						skipped: [],
+						failed: []
+					});
+					pollAbortRef.current?.abort();
+					pollAbortRef.current = new AbortController();
+					const signal = pollAbortRef.current.signal;
+					let attempt = 0;
+					for (;;) {
+						if (signal.aborted) break;
+						const delay = Math.min(2e3, 800 + attempt * 200);
+						await new Promise((r) => setTimeout(r, delay));
+						if (signal.aborted) break;
+						try {
+							const progress = await api.repoImportProgress(created.jobId);
+							setRepoResult(progress);
+							finalProgress = progress;
+							if (progress.status !== "running") break;
+							attempt = 0;
+						} catch (pollError) {
+							if (errorMessage(pollError).includes("not found")) break;
+							attempt += 1;
+							if (attempt > 8) break;
+						}
+					}
+					await Promise.all([
+						reloadCatalog(),
+						loadMarket(),
+						reloadGroups(),
+						reloadSources()
+					]);
+				} catch (error) {
+					shared.fail(errorMessage(error));
+				} finally {
+					if (finalProgress !== null && (finalProgress.imported.length > 0 || finalProgress.skipped.length > 0)) {
+						const doneNames = /* @__PURE__ */ new Set([...finalProgress.imported.map((r) => r.name), ...finalProgress.skipped.map((r) => r.name)]);
+						const donePaths = new Set(repoDiscoverState.data.entries.filter((e) => doneNames.has(e.name)).map((e) => e.path));
+						setRepoSelected((prev) => {
+							const next = new Set(prev);
+							for (const p of donePaths) next.delete(p);
+							return next;
+						});
+						setRepoDiscoverState((prev) => {
+							if (prev.status !== "ready") return prev;
+							return {
+								...prev,
+								data: {
+									...prev.data,
+									entries: prev.data.entries.map((e) => doneNames.has(e.name) ? {
+										...e,
+										existing: true
+									} : e)
+								}
+							};
+						});
+					}
+					setRepoImporting(false);
+				}
+			}, [
+				api,
+				repoDiscoverState,
+				repoSelected,
+				reloadCatalog,
+				loadMarket,
+				reloadGroups,
+				reloadSources,
+				shared
+			]);
+			(0, react.useEffect)(() => {
+				return () => {
+					pollAbortRef.current?.abort();
+				};
+			}, []);
+			return {
+				repoDiscoverState,
+				scanningRepo,
+				repoSelected,
+				repoImporting,
+				repoResult,
+				importJobId,
+				branchChoice,
+				branchBusy,
+				setBranchChoice,
+				setRepoSelected,
+				setRepoDiscoverState,
+				setScanningRepo,
+				setRepoResult,
+				scanRepo,
+				confirmBranchChoice,
+				toggleRepoSelected,
+				importRepo,
+				cancelImport: (0, react.useCallback)(async () => {
+					if (importJobId === null) return;
+					pollAbortRef.current?.abort();
+					try {
+						const res = await api.repoImportCancel(importJobId);
+						try {
+							const progress = await api.repoImportProgress(importJobId);
+							setRepoResult(progress);
+						} catch {
+							setRepoResult((prev) => prev !== null ? {
+								...prev,
+								status: res.status
+							} : prev);
+						}
+					} catch (error) {
+						shared.fail(errorMessage(error));
+					} finally {
+						setRepoImporting(false);
+					}
+				}, [
+					api,
+					importJobId,
+					shared
+				]),
+				clearScan: (0, react.useCallback)(() => {
+					setRepoDiscoverState({ status: "idle" });
+					setScanningRepo(null);
+					setRepoResult(null);
+					setRepoSelected(/* @__PURE__ */ new Set());
+					setImportJobId(null);
+					pollAbortRef.current?.abort();
+				}, [])
+			};
+		}
+		//#endregion
 		//#region src/client/panel/hooks/useMarketFlow.ts
 		/**
-		* useMarketFlow — 市场域：市场源增删、仓库扫描、分支/版本选择、导入任务
-		* （轮询+取消）、更新检查、星标统计、版本同步、全部更新。目录/分组/来源
-		* 的刷新与来源检查经聚合根传入，不直接碰其他域的 state。
+		* useMarketFlow — 市场域：市场源增删、更新检查、星标统计、版本同步、全部
+		* 更新；仓库扫描/分支选择/导入任务在 useRepoImportFlow（这里组装它并透传
+		* 同样的返回字段）。目录/分组/来源的刷新与来源检查经聚合根传入，不直接
+		* 碰其他域的 state。
 		*/
 		function useMarketFlow(api, shared, reloadCatalog, reloadGroups, reloadSources, checkSources, sourceCheck) {
 			const [marketState, setMarketState] = (0, react.useState)({
@@ -5981,20 +6340,10 @@ window.__ModuleLoader__.load({
 				repos: []
 			});
 			const [marketCheck, setMarketCheck] = (0, react.useState)({});
-			const [branchChoice, setBranchChoice] = (0, react.useState)(null);
-			const [branchBusy, setBranchBusy] = (0, react.useState)(false);
 			const [marketSyncDialog, setMarketSyncDialog] = (0, react.useState)(null);
 			const [syncingMarket, setSyncingMarket] = (0, react.useState)(null);
 			const [syncBusy, setSyncBusy] = (0, react.useState)(false);
 			const [newSourceName, setNewSourceName] = (0, react.useState)("");
-			const [repoDiscoverState, setRepoDiscoverState] = (0, react.useState)({ status: "idle" });
-			/** Market repo currently being scanned (null when idle); per-row busy state. */
-			const [scanningRepo, setScanningRepo] = (0, react.useState)(null);
-			const [repoSelected, setRepoSelected] = (0, react.useState)(/* @__PURE__ */ new Set());
-			const [repoImporting, setRepoImporting] = (0, react.useState)(false);
-			const [repoResult, setRepoResult] = (0, react.useState)(null);
-			const [importJobId, setImportJobId] = (0, react.useState)(null);
-			const pollAbortRef = (0, react.useRef)(null);
 			/** 市场源星星/下载数（SWR 缓存）。 */
 			const [marketStats, setMarketStats] = (0, react.useState)({});
 			/** 版本对话框：打开时拉 releases + branches，确认后定版并重扫。 */
@@ -6017,6 +6366,7 @@ window.__ModuleLoader__.load({
 					shared.fail(errorMessage(error));
 				}
 			}, [api, shared]);
+			const { repoDiscoverState, scanningRepo, repoSelected, repoImporting, repoResult, importJobId, branchChoice, branchBusy, setBranchChoice, setRepoSelected, setRepoDiscoverState, setScanningRepo, setRepoResult, scanRepo, confirmBranchChoice, toggleRepoSelected, importRepo, cancelImport, clearScan } = useRepoImportFlow(api, shared, loadMarket, reloadCatalog, reloadGroups, reloadSources);
 			/** 添加一个市场源（内置市场目录与手动输入共用），并立即扫描它。 */
 			const addSource = (0, react.useCallback)(async (input) => {
 				const value = input.trim();
@@ -6050,86 +6400,23 @@ window.__ModuleLoader__.load({
 					}
 				} catch (error) {
 					shared.fail(errorMessage(error));
-				}
-			}, [api, shared]);
-			/** 手动输入框的添加动作。 */
-			const addMarketSource = (0, react.useCallback)(async () => {
-				await addSource(newSourceName);
-			}, [addSource, newSourceName]);
-			/** 删除一个市场源（不影响已装技能）。 */
-			const removeMarketSource = (0, react.useCallback)(async (repo) => {
-				shared.setTagBusy(true);
-				shared.clearFail();
-				try {
-					const result = await api.removeMarketSource(repo);
-					setMarketState({
-						status: "ready",
-						repos: result.repos
-					});
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
-					shared.setTagBusy(false);
-				}
-			}, [api, shared]);
-			/** 扫描一个市场源（或手动输入）的仓库。 */
-			const scanRepo = (0, react.useCallback)(async (input) => {
-				const value = input.trim();
-				if (value === "") return;
-				setRepoResult(null);
-				setRepoSelected(/* @__PURE__ */ new Set());
-				setScanningRepo(value);
-				setRepoDiscoverState({ status: "scanning" });
-				shared.clearFail();
-				try {
-					const data = await api.repoDiscover(value);
-					if (data.ref === null) {
-						setBranchChoice({
-							repo: data.repo,
-							branches: data.branches ?? [],
-							selected: (data.branches ?? [])[0] ?? "main"
-						});
-						setRepoDiscoverState({ status: "idle" });
-						return;
-					}
-					setRepoDiscoverState({
-						status: "ready",
-						data
-					});
-					loadMarket();
-				} catch (error) {
-					setRepoDiscoverState({
-						status: "error",
-						message: errorMessage(error)
-					});
-				} finally {
-					setScanningRepo(null);
-				}
-			}, [
-				api,
-				loadMarket,
-				shared
-			]);
-			/** 确认分支选择：持久化 ref 后重新扫描。 */
-			const confirmBranchChoice = (0, react.useCallback)(async () => {
-				if (branchChoice === null) return;
-				setBranchBusy(true);
-				shared.clearFail();
-				try {
-					await api.setMarketSourceRef(branchChoice.repo, branchChoice.selected);
-					setBranchChoice(null);
-					await scanRepo(branchChoice.repo);
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
-					setBranchBusy(false);
-				}
-			}, [
-				api,
-				branchChoice,
-				scanRepo,
-				shared
-			]);
+				}
+			}, [api, shared]);
+			/** 手动输入框的添加动作。 */
+			const addMarketSource = (0, react.useCallback)(async () => {
+				await addSource(newSourceName);
+			}, [addSource, newSourceName]);
+			/** 删除一个市场源（不影响已装技能）。 */
+			const removeMarketSource = (0, react.useCallback)(async (repo) => {
+				shared.setTagBusy(true);
+				await runFlow(shared, async () => {
+					const result = await api.removeMarketSource(repo);
+					setMarketState({
+						status: "ready",
+						repos: result.repos
+					});
+				}, () => shared.setTagBusy(false));
+			}, [api, shared]);
 			const openVersionDialog = (0, react.useCallback)(async (repo) => {
 				const current = marketState.repos.find((item) => item.repo === repo)?.ref;
 				setVersionDialog({
@@ -6167,17 +6454,12 @@ window.__ModuleLoader__.load({
 				const ref = versionDialog.custom.trim() !== "" ? versionDialog.custom.trim() : versionDialog.selected;
 				if (ref === "") return;
 				setVersionBusy(true);
-				shared.clearFail();
-				try {
+				await runFlow(shared, async () => {
 					await api.setMarketSourceRef(versionDialog.repo, ref);
 					setVersionDialog(null);
 					await loadMarket();
 					await scanRepo(versionDialog.repo);
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
-					setVersionBusy(false);
-				}
+				}, () => setVersionBusy(false));
 			}, [
 				api,
 				versionDialog,
@@ -6185,141 +6467,6 @@ window.__ModuleLoader__.load({
 				scanRepo,
 				shared
 			]);
-			/** Toggle one repo preview row. */
-			const toggleRepoSelected = (0, react.useCallback)((path, checked) => {
-				setRepoSelected((previous) => {
-					const next = new Set(previous);
-					if (checked) next.add(path);
-					else next.delete(path);
-					return next;
-				});
-			}, []);
-			/** Import every checked, non-existing repo skill (B方案：job+轮询+进度). */
-			const importRepo = (0, react.useCallback)(async () => {
-				if (repoDiscoverState.status !== "ready") return;
-				setRepoImporting(true);
-				setRepoResult(null);
-				setImportJobId(null);
-				shared.clearFail();
-				let finalProgress = null;
-				try {
-					const created = await api.repoImport(repoDiscoverState.data.repo, [...repoSelected], repoDiscoverState.data.ref ?? void 0);
-					setImportJobId(created.jobId);
-					setRepoResult({
-						ok: true,
-						jobId: created.jobId,
-						status: "running",
-						total: created.total,
-						done: 0,
-						totalBytes: created.totalBytes,
-						downloadedBytes: 0,
-						imported: [],
-						skipped: [],
-						failed: []
-					});
-					pollAbortRef.current?.abort();
-					pollAbortRef.current = new AbortController();
-					const signal = pollAbortRef.current.signal;
-					let attempt = 0;
-					for (;;) {
-						if (signal.aborted) break;
-						const delay = Math.min(2e3, 800 + attempt * 200);
-						await new Promise((r) => setTimeout(r, delay));
-						if (signal.aborted) break;
-						try {
-							const progress = await api.repoImportProgress(created.jobId);
-							setRepoResult(progress);
-							finalProgress = progress;
-							if (progress.status !== "running") break;
-							attempt = 0;
-						} catch (pollError) {
-							if (errorMessage(pollError).includes("not found")) break;
-							attempt += 1;
-							if (attempt > 8) break;
-						}
-					}
-					await Promise.all([
-						reloadCatalog(),
-						loadMarket(),
-						reloadGroups(),
-						reloadSources()
-					]);
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
-					if (finalProgress !== null && (finalProgress.imported.length > 0 || finalProgress.skipped.length > 0)) {
-						const doneNames = /* @__PURE__ */ new Set([...finalProgress.imported.map((r) => r.name), ...finalProgress.skipped.map((r) => r.name)]);
-						const donePaths = new Set(repoDiscoverState.data.entries.filter((e) => doneNames.has(e.name)).map((e) => e.path));
-						setRepoSelected((prev) => {
-							const next = new Set(prev);
-							for (const p of donePaths) next.delete(p);
-							return next;
-						});
-						setRepoDiscoverState((prev) => {
-							if (prev.status !== "ready") return prev;
-							return {
-								...prev,
-								data: {
-									...prev.data,
-									entries: prev.data.entries.map((e) => doneNames.has(e.name) ? {
-										...e,
-										existing: true
-									} : e)
-								}
-							};
-						});
-					}
-					setRepoImporting(false);
-				}
-			}, [
-				api,
-				repoDiscoverState,
-				repoSelected,
-				reloadCatalog,
-				loadMarket,
-				reloadGroups,
-				reloadSources,
-				shared
-			]);
-			(0, react.useEffect)(() => {
-				return () => {
-					pollAbortRef.current?.abort();
-				};
-			}, []);
-			/** 取消正在进行的导入（选项2：唯有取消才停） */
-			const cancelImport = (0, react.useCallback)(async () => {
-				if (importJobId === null) return;
-				pollAbortRef.current?.abort();
-				try {
-					const res = await api.repoImportCancel(importJobId);
-					try {
-						const progress = await api.repoImportProgress(importJobId);
-						setRepoResult(progress);
-					} catch {
-						setRepoResult((prev) => prev !== null ? {
-							...prev,
-							status: res.status
-						} : prev);
-					}
-				} catch (error) {
-					shared.fail(errorMessage(error));
-				} finally {
-					setRepoImporting(false);
-				}
-			}, [
-				api,
-				importJobId,
-				shared
-			]);
-			/** 清空扫描结果（关闭归属卡片） */
-			const clearScan = (0, react.useCallback)(() => {
-				setRepoDiscoverState({ status: "idle" });
-				setScanningRepo(null);
-				setRepoResult(null);
-				setRepoSelected(/* @__PURE__ */ new Set());
-				setImportJobId(null);
-				pollAbortRef.current?.abort();
-			}, []);
 			/** 检查所有市场源的上游更新（服务端节流）。 */
 			const checkMarket = (0, react.useCallback)(async () => {
 				try {
@@ -6388,8 +6535,7 @@ window.__ModuleLoader__.load({
 				}, [api]),
 				syncMarketSource: (0, react.useCallback)(async (repo) => {
 					setSyncingMarket(repo);
-					shared.clearFail();
-					try {
+					await runFlow(shared, async () => {
 						const result = await api.marketSync(repo);
 						setMarketSyncDialog({
 							repo: result.repo,
@@ -6398,11 +6544,7 @@ window.__ModuleLoader__.load({
 							selected: new Set(result.skills)
 						});
 						await loadMarket();
-					} catch (error) {
-						shared.fail(errorMessage(error));
-					} finally {
-						setSyncingMarket(null);
-					}
+					}, () => setSyncingMarket(null));
 				}, [
 					api,
 					loadMarket,
@@ -6412,8 +6554,7 @@ window.__ModuleLoader__.load({
 					if (marketSyncDialog === null) return;
 					const selected = [...marketSyncDialog.selected];
 					setSyncBusy(true);
-					shared.clearFail();
-					try {
+					await runFlow(shared, async () => {
 						if (selected.length > 0) {
 							const result = await api.syncSource(marketSyncDialog.repo, selected);
 							if (result.failed.length > 0) shared.fail(result.failed.map((item) => item.name + ": " + item.error).join("\n"));
@@ -6425,11 +6566,7 @@ window.__ModuleLoader__.load({
 							reloadSources()
 						]);
 						checkMarket();
-					} catch (error) {
-						shared.fail(errorMessage(error));
-					} finally {
-						setSyncBusy(false);
-					}
+					}, () => setSyncBusy(false));
 				}, [
 					api,
 					marketSyncDialog,
@@ -6531,6 +6668,10 @@ window.__ModuleLoader__.load({
 					return next;
 				});
 			}, []);
+			/** 整组折叠/展开：传 null 全部展开，传键列表全部折叠（视图侧自己算键）。 */
+			const setAllGroupsCollapsed = (0, react.useCallback)((keys) => {
+				setCollapsedGroups(keys === null ? /* @__PURE__ */ new Set() : new Set(keys));
+			}, []);
 			const collapsePersonal = (0, react.useCallback)(() => {
 				setCollapsedGroups((previous) => new Set(previous).add("uncategorized-source"));
 			}, []);
@@ -6559,13 +6700,13 @@ window.__ModuleLoader__.load({
 				meta.loadConfig();
 				const fast = window.setInterval(() => {
 					catalogFlow.load();
-				}, 5e3);
+				}, POLL_MS);
 				const slow = window.setInterval(() => {
 					meta.loadUses();
 					groupFlow.loadGroups();
 					sourceFlow.loadSources();
 					meta.loadConfig();
-				}, 6e4);
+				}, SLOW_POLL_MS);
 				return () => {
 					window.clearInterval(fast);
 					window.clearInterval(slow);
@@ -6595,7 +6736,6 @@ window.__ModuleLoader__.load({
 				repoSelected: marketFlow.repoSelected,
 				repoImporting: marketFlow.repoImporting,
 				repoResult: marketFlow.repoResult,
-				importJobId: marketFlow.importJobId,
 				search: catalogFlow.search,
 				workspace: catalogFlow.workspace,
 				detail: catalogFlow.detail,
@@ -6690,12 +6830,12 @@ window.__ModuleLoader__.load({
 				setVersionDialog: marketFlow.setVersionDialog,
 				toggleGroupCollapse,
 				toggleSubdivide,
+				setAllGroupsCollapsed,
 				checkUpdate: meta.checkUpdate,
 				loadMarket: marketFlow.loadMarket,
 				openDetail: catalogFlow.openDetail,
 				toggle: catalogFlow.toggle,
 				enableDisabled: catalogFlow.enableDisabled,
-				batchToggleNames: catalogFlow.batchToggleNames,
 				toggleGroup: groupFlow.toggleGroup,
 				resolveConflict: groupFlow.resolveConflict,
 				runConfirmed: sourceFlow.runConfirmed,
@@ -6717,7 +6857,6 @@ window.__ModuleLoader__.load({
 				deleteTag: groupFlow.deleteTag,
 				saveTag: groupFlow.saveTag,
 				reorderTags: groupFlow.reorderTags,
-				reorderCollections: groupFlow.reorderCollections,
 				reorderSourceGroups: groupFlow.reorderSourceGroups,
 				addSource: marketFlow.addSource,
 				addMarketSource: marketFlow.addMarketSource,
@@ -6746,16 +6885,19 @@ window.__ModuleLoader__.load({
 		* detail inspection, and the new-skill scaffold form.
 		*
 		* Thin shell: state and flows live in useSkillHub, the tab contents live in
-		* SourcesView / ScenesView / MarketView, and the dialog family lives in
-		* dialogs.tsx. This component owns only the shared chrome (header, banners,
-		* filter bar, shared sections) and the view routing — and holds no hooks,
-		* so the detail / tag-editor early returns are safe.
+		* SourcesView / ScenesView / MarketView, the dialog family lives in
+		* dialogs.tsx, and their wiring lives in PanelDialogs.tsx. This component
+		* owns only the shared chrome (header, banners, filter bar, shared sections)
+		* and the view routing — and holds no hooks, so the detail / tag-editor
+		* early returns are safe.
 		*/
 		function SkillHubPanel(props) {
 			const hub = useSkillHub(props.api);
 			/** 工作区输入草稿：回车才应用，避免每次按键都触发目录重拉。 */
 			const [workspaceDraft, setWorkspaceDraft] = (0, react.useState)("");
-			const { catalog, loading, loadError, successBanner, updateState, detail, detailLoading, showForm, formName, formDesc, formRoot, formBusy, formMessage, hubConfig, tab, skillView, sourceFilter, sortKey, search, workspace, setWorkspace, sourcesState, tagBusy, busyNames, normalized, origins, sourceOptions, filtered, conflictDialog, confirmDialog, deleteSkillDialog, deleteGroupDialog, confirmClearTrash, branchChoice, branchBusy, marketSyncDialog, syncBusy, editingTag, editName, membersDraft, editSearch, uses, groupsState, sourceCheck, checkingSource, syncingSource, showLegend, editMode, setLoadError, setSuccessBanner, setDetail, setShowForm, setFormName, setFormDesc, setFormRoot, setFormMessage, setTab, setSkillView, setSourceFilter, setSortKey, setSearch, setConflictDialog, setConfirmDialog, setDeleteSkillDialog, setDeleteGroupDialog, setConfirmClearTrash, setBranchChoice, setMarketSyncDialog, setEditingTag, setEditName, setMembersDraft, setEditSearch, setShowLegend, setEditMode, checkUpdate, loadMarket, checkSources, requestSync, requestDelete, restoreTrash, clearTrash, runDeleteSkill, runDeleteGroup, runConfirmed, resolveConflict, confirmBranchChoice, confirmMarketSync, create, saveTag, deleteTag, enableDisabled } = hub;
+			/** 「筛选」面板开合（来源 + 调用方式收进这里；搜索/排序/视图切换始终可见）。 */
+			const [filtersOpen, setFiltersOpen] = (0, react.useState)(false);
+			const { catalog, loading, loadError, successBanner, updateState, detail, detailLoading, showForm, formName, formDesc, formRoot, formBusy, formMessage, hubConfig, tab, skillView, sourceFilter, sortKey, search, workspace, setWorkspace, sourcesState, tagBusy, batchBusy, busyNames, normalized, origins, sourceOptions, filtered, conflictDialog, confirmDialog, deleteSkillDialog, deleteGroupDialog, confirmClearTrash, branchChoice, branchBusy, marketSyncDialog, syncBusy, editingTag, editName, membersDraft, editSearch, uses, groupsState, sourceCheck, checkingSource, syncingSource, showLegend, editMode, setLoadError, setSuccessBanner, setDetail, setShowForm, setFormName, setFormDesc, setFormRoot, setFormMessage, setTab, setSkillView, setSourceFilter, setSortKey, setSearch, setConflictDialog, setConfirmDialog, setDeleteSkillDialog, setDeleteGroupDialog, setConfirmClearTrash, setBranchChoice, setMarketSyncDialog, setEditingTag, setEditName, setMembersDraft, setEditSearch, setShowLegend, setEditMode, checkUpdate, loadMarket, checkSources, requestSync, requestDelete, restoreTrash, clearTrash, runDeleteSkill, runDeleteGroup, runConfirmed, resolveConflict, confirmBranchChoice, confirmMarketSync, create, saveTag, deleteTag, enableDisabled } = hub;
 			const { shortenedCount, fixingPaths, clearListFilters } = hub;
 			if (detail !== null) {
 				const disabledRecord = catalog?.disabled.find((record) => record.name === detail.name);
@@ -6768,7 +6910,6 @@ window.__ModuleLoader__.load({
 					sourceCheck,
 					checkingSource,
 					syncingSource,
-					loading: detailLoading,
 					disabled: disabledRecord !== void 0,
 					onEnable: disabledRecord !== void 0 ? () => {
 						enableDisabled(disabledRecord).then(() => {
@@ -6815,6 +6956,8 @@ window.__ModuleLoader__.load({
 					saveTag(editingTag.id, editName, [...membersDraft]);
 				}
 			});
+			/** 生效中的筛选条件数（来源 + 调用方式），显示在「筛选」按钮上。 */
+			const activeFilterCount = (sourceFilter !== "all" ? 1 : 0) + (hub.invocationFilter !== "all" ? 1 : 0);
 			/** 检查结果的悬停提示：收敛到「检查更新」按钮上，不再占面板顶部横幅。 */
 			const updateTitle = (() => {
 				if (updateState.status === "checking") return tt("update.checking");
@@ -6832,6 +6975,7 @@ window.__ModuleLoader__.load({
 			})();
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: panel_module_css_default.panel,
+				"aria-busy": batchBusy || tagBusy,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: panel_module_css_default.header,
@@ -6875,22 +7019,35 @@ window.__ModuleLoader__.load({
 							}) : null,
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: panel_module_css_default.actions,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: panel_module_css_default.button,
-									disabled: updateState.status === "checking",
-									title: updateTitle,
-									onClick: () => {
-										checkUpdate();
-									},
-									children: updateState.status === "checking" ? tt("update.checking") : tt("update.check")
-								}), updateState.status === "ready" && updateState.data.updateAvailable && updateState.data.url !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-									className: panel_module_css_default.updateLink,
-									href: updateState.data.url,
-									target: "_blank",
-									rel: "noreferrer",
-									children: tt("update.newVersion", { version: updateState.data.latestVersion ?? "" })
-								}) : null]
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.button + (editMode ? " " + panel_module_css_default.primary : ""),
+										"aria-pressed": editMode,
+										title: tt("edit.hint"),
+										onClick: () => {
+											setEditMode((value) => !value);
+										},
+										children: tt(editMode ? "edit.done" : "edit.start")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.button,
+										disabled: updateState.status === "checking",
+										title: updateTitle,
+										onClick: () => {
+											checkUpdate();
+										},
+										children: updateState.status === "checking" ? tt("update.checking") : tt("update.check")
+									}),
+									updateState.status === "ready" && updateState.data.updateAvailable && updateState.data.url !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+										className: panel_module_css_default.updateLink,
+										href: updateState.data.url,
+										target: "_blank",
+										rel: "noreferrer",
+										children: tt("update.newVersion", { version: updateState.data.latestVersion ?? "" })
+									}) : null
+								]
 							})
 						]
 					}),
@@ -7056,9 +7213,11 @@ window.__ModuleLoader__.load({
 					}) : null,
 					loadError !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: panel_module_css_default.errorBanner,
+						role: "alert",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: loadError }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
 							className: panel_module_css_default.button,
+							"aria-label": tt("err.dismiss"),
 							onClick: () => {
 								setLoadError(null);
 							},
@@ -7067,9 +7226,11 @@ window.__ModuleLoader__.load({
 					}) : null,
 					successBanner !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: panel_module_css_default.successBanner,
+						role: "status",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: successBanner }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
 							className: panel_module_css_default.button,
+							"aria-label": tt("err.dismiss"),
 							onClick: () => {
 								setSuccessBanner(null);
 							},
@@ -7099,9 +7260,15 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}) : null,
-					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: panel_module_css_default.empty,
-						children: tt("panel.loading")
+					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.skeleton,
+						role: "status",
+						"aria-label": tt("panel.loading"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: panel_module_css_default.skeletonRow }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: panel_module_css_default.skeletonRow }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: panel_module_css_default.skeletonRow })
+						]
 					}) : null,
 					detailLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: panel_module_css_default.empty,
@@ -7111,7 +7278,7 @@ window.__ModuleLoader__.load({
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: panel_module_css_default.filterBar,
 							children: [
-								tab === "sources" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								tab === "sources" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: panel_module_css_default.segmented,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
@@ -7128,20 +7295,7 @@ window.__ModuleLoader__.load({
 										},
 										children: tt("view.grouped")
 									})]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-									className: panel_module_css_default.select,
-									value: sourceFilter,
-									onChange: (event) => {
-										setSourceFilter(event.target.value);
-									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-										value: "all",
-										children: tt("filter.allSources")
-									}), sourceOptions.map((source) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-										value: source,
-										children: source === "private" ? tt("filter.private") : source
-									}, source))]
-								})] }) : null,
+								}) : null,
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 									className: panel_module_css_default.select,
 									value: sortKey,
@@ -7163,27 +7317,6 @@ window.__ModuleLoader__.load({
 										})
 									]
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-									className: panel_module_css_default.select,
-									value: hub.invocationFilter,
-									onChange: (event) => {
-										hub.setInvocationFilter(event.target.value);
-									},
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "all",
-											children: tt("filter.invocationAll")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "model",
-											children: tt("filter.modelOnly")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "user",
-											children: tt("filter.userOnly")
-										})
-									]
-								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 									className: panel_module_css_default.search,
 									value: search,
@@ -7192,15 +7325,80 @@ window.__ModuleLoader__.load({
 									},
 									placeholder: tt("panel.search")
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
-									className: panel_module_css_default.button + (editMode ? " " + panel_module_css_default.primary : ""),
-									style: { marginLeft: "auto" },
-									onClick: () => setEditMode((v) => !v),
-									children: editMode ? "完成" : "编辑"
+									className: panel_module_css_default.button + (filtersOpen || activeFilterCount > 0 ? " " + panel_module_css_default.primary : ""),
+									"aria-expanded": filtersOpen,
+									"aria-controls": "skill-hub-filter-panel",
+									onClick: () => {
+										setFiltersOpen((value) => !value);
+									},
+									children: [tt("filter.title"), activeFilterCount > 0 ? " (" + activeFilterCount + ")" : ""]
 								})
 							]
 						}),
+						filtersOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.filterPanel,
+							id: "skill-hub-filter-panel",
+							children: [
+								tab === "sources" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: panel_module_css_default.filterField,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: panel_module_css_default.formLabel,
+										children: tt("filter.source")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										className: panel_module_css_default.select,
+										value: sourceFilter,
+										onChange: (event) => {
+											setSourceFilter(event.target.value);
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "all",
+											children: tt("filter.allSources")
+										}), sourceOptions.map((source) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: source,
+											children: source === "private" ? tt("filter.private") : source
+										}, source))]
+									})]
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: panel_module_css_default.filterField,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: panel_module_css_default.formLabel,
+										children: tt("filter.invocation")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										className: panel_module_css_default.select,
+										value: hub.invocationFilter,
+										onChange: (event) => {
+											hub.setInvocationFilter(event.target.value);
+										},
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "all",
+												children: tt("filter.invocationAll")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "model",
+												children: tt("filter.modelOnly")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "user",
+												children: tt("filter.userOnly")
+											})
+										]
+									})]
+								}),
+								activeFilterCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn,
+									onClick: () => {
+										setSourceFilter("all");
+										hub.setInvocationFilter("all");
+									},
+									children: tt("filter.clear")
+								}) : null
+							]
+						}) : null,
 						catalog !== null && (filtered.length !== catalog.skills.length || hub.invocationFilter !== "all" || sourceFilter !== "all") ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: panel_module_css_default.hintLine,
 							style: {
@@ -7305,130 +7503,37 @@ window.__ModuleLoader__.load({
 							}, entry.path))]
 						}) : null
 					] }) : null,
-					conflictDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConflictDialog, {
-						dialog: conflictDialog,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PanelDialogs, {
+						conflictDialog,
 						tags: groupsState?.tags ?? [],
 						collections: groupsState?.collections ?? [],
-						onClose: () => {
-							setConflictDialog(null);
-						},
-						onKeepOn: () => {
-							resolveConflict(false);
-						},
-						onCloseAll: () => {
-							resolveConflict(true);
-						}
-					}) : null,
-					confirmDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
-						title: confirmDialog.kind === "sync" ? tt("source.syncConfirmTitle") : tt("source.deleteConfirmTitle"),
-						text: confirmDialog.kind === "sync" ? tt("source.syncConfirmText") : tt("source.deleteConfirmText"),
-						items: confirmDialog.skills,
-						confirmLabel: confirmDialog.kind === "sync" ? tt("source.sync") : tt("source.followDelete"),
-						danger: confirmDialog.kind === "delete",
-						onCancel: () => {
-							setConfirmDialog(null);
-						},
-						onConfirm: () => {
-							runConfirmed();
-						}
-					}) : null,
-					branchChoice !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BranchChoiceDialog, {
-						choice: branchChoice,
-						busy: branchBusy,
-						onSelect: (selected) => {
-							setBranchChoice({
-								...branchChoice,
-								selected
-							});
-						},
-						onCancel: () => {
-							setBranchChoice(null);
-						},
-						onConfirm: () => {
-							confirmBranchChoice();
-						}
-					}) : null,
-					hub.versionDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VersionChoiceDialog, {
-						choice: hub.versionDialog,
-						busy: hub.versionBusy,
-						onSelect: (selected) => {
-							hub.setVersionDialog({
-								...hub.versionDialog,
-								selected
-							});
-						},
-						onCustom: (custom) => {
-							hub.setVersionDialog({
-								...hub.versionDialog,
-								custom
-							});
-						},
-						onCancel: () => {
-							hub.setVersionDialog(null);
-						},
-						onConfirm: () => {
-							hub.confirmVersionDialog();
-						}
-					}) : null,
-					marketSyncDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarketSyncDialog, {
-						dialog: marketSyncDialog,
-						busy: syncBusy,
-						onToggle: (name, checked) => {
-							const next = new Set(marketSyncDialog.selected);
-							if (checked) next.add(name);
-							else next.delete(name);
-							setMarketSyncDialog({
-								...marketSyncDialog,
-								selected: next
-							});
-						},
-						onCancel: () => {
-							setMarketSyncDialog(null);
-						},
-						onConfirm: () => {
-							confirmMarketSync();
-						}
-					}) : null,
-					deleteSkillDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
-						title: tt("delete.confirmTitle"),
-						text: tt("delete.confirmText", { name: deleteSkillDialog }),
-						confirmLabel: tt("delete.confirm"),
-						danger: true,
-						onCancel: () => {
-							setDeleteSkillDialog(null);
-						},
-						onConfirm: () => {
-							runDeleteSkill();
-						}
-					}) : null,
-					deleteGroupDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
-						title: tt("source.deleteGroupTitle"),
-						text: tt("source.deleteGroupText", {
-							name: deleteGroupDialog.name,
-							count: deleteGroupDialog.skillNames.length
-						}),
-						items: deleteGroupDialog.skillNames,
-						confirmLabel: tt("source.deleteGroup"),
-						danger: true,
-						onCancel: () => {
-							setDeleteGroupDialog(null);
-						},
-						onConfirm: () => {
-							runDeleteGroup();
-						}
-					}) : null,
-					confirmClearTrash ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
-						title: tt("source.clearTrashConfirmTitle"),
-						text: tt("source.clearTrashConfirmText"),
-						confirmLabel: tt("source.clearTrashConfirm"),
-						danger: true,
-						onCancel: () => {
-							setConfirmClearTrash(false);
-						},
-						onConfirm: () => {
-							clearTrash();
-						}
-					}) : null
+						setConflictDialog,
+						resolveConflict,
+						confirmDialog,
+						setConfirmDialog,
+						runConfirmed,
+						branchChoice,
+						branchBusy,
+						setBranchChoice,
+						confirmBranchChoice,
+						versionDialog: hub.versionDialog,
+						versionBusy: hub.versionBusy,
+						setVersionDialog: hub.setVersionDialog,
+						confirmVersionDialog: hub.confirmVersionDialog,
+						marketSyncDialog,
+						syncBusy,
+						setMarketSyncDialog,
+						confirmMarketSync,
+						deleteSkillDialog,
+						setDeleteSkillDialog,
+						runDeleteSkill,
+						deleteGroupDialog,
+						setDeleteGroupDialog,
+						runDeleteGroup,
+						confirmClearTrash,
+						setConfirmClearTrash,
+						clearTrash
+					})
 				]
 			});
 		}