dsh-skill-hub 0.3.7 → 0.3.8

package/lib/client.js

@@ -6,13 +6,7 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
-		//#region src/protocol.ts
-		/**
-		* Shared API contract for dsh-skill-hub: the route paths and payload shapes
-		* both the host half and the browser half import. The browser half must never
-		* depend on host SDK packages, so registry types are re-spelled here as
-		* plain JSON-safe interfaces.
-		*/
+		//#region src/protocol/api.ts
 		/** Browser-facing base paths of the skill-hub API family. */
 		const SKILL_HUB_API = {
 			catalog: "/api/skill-hub/catalog",
@@ -48,8 +42,11 @@ window.__ModuleLoader__.load({
 			sourceRestore: "/api/skill-hub/sources/restore",
 			sourceTrashClear: "/api/skill-hub/sources/trash/clear",
 			diagnosticFix: "/api/skill-hub/diagnostic/fix",
-			marketSourceVersions: "/api/skill-hub/market/source/versions"
+			marketSourceVersions: "/api/skill-hub/market/source/versions",
+			marketStats: "/api/skill-hub/market/stats"
 		};
+		//#endregion
+		//#region src/protocol/sources.ts
 		/** 项目级技能来源（它们有 workspace 归属，不属于「个人」组）。 */
 		function isProjectSource(source) {
 			return source === "project-dsh" || source === "project-agents";
@@ -97,270 +94,196 @@ window.__ModuleLoader__.load({
 		}
 		/** The browser half's only data entry point. */
 		var SkillHubApi = class {
+			/** One GET round trip (query already encoded by the caller). */
+			async get(path, query = "", ms) {
+				return readJson(await fetchWithTimeout(path + query, void 0, ms));
+			}
+			/** One POST round trip (body omitted for routes that take none). */
+			async post(path, body, ms) {
+				return readJson(await fetchWithTimeout(path, body !== void 0 ? {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(body)
+				} : { method: "POST" }, ms));
+			}
 			/** Catalog lookup options (cwd selects a workspace's project skills). */
 			catalog(options) {
-				return fetchWithTimeout(options?.cwd !== void 0 && options.cwd !== "" ? SKILL_HUB_API.catalog + "?cwd=" + encodeURIComponent(options.cwd) : SKILL_HUB_API.catalog).then((response) => readJson(response));
+				const query = options?.cwd !== void 0 && options.cwd !== "" ? "?cwd=" + encodeURIComponent(options.cwd) : "";
+				return this.get(SKILL_HUB_API.catalog, query);
 			}
 			/** One skill's detail (cwd selects a workspace's project skills). */
 			async skill(name, options) {
 				const cwd = options?.cwd !== void 0 && options.cwd !== "" ? "&cwd=" + encodeURIComponent(options.cwd) : "";
-				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.skill + "?name=" + encodeURIComponent(name) + cwd))).skill;
+				return (await this.get(SKILL_HUB_API.skill, "?name=" + encodeURIComponent(name) + cwd)).skill;
 			}
 			/** Move one writable skill into the restorable trash. */
-			async deleteSkill(name) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.skillDelete, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ name })
-				}));
+			deleteSkill(name) {
+				return this.post(SKILL_HUB_API.skillDelete, { name });
 			}
 			/** Toggle one skill; resolves with the fresh catalog from the route. */
 			async toggle(name, enabled) {
-				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.toggle, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({
-						name,
-						enabled
-					})
-				}))).catalog;
+				return (await this.post(SKILL_HUB_API.toggle, {
+					name,
+					enabled
+				})).catalog;
 			}
-			async create(payload) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.create, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify(payload)
-				}));
+			create(payload) {
+				return this.post(SKILL_HUB_API.create, payload);
 			}
-			async stats() {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.stats));
+			stats() {
+				return this.get(SKILL_HUB_API.stats);
 			}
 			/** Toggle a whole group in one write; resolves with the fresh catalog + failures. */
-			async toggleBatch(names, enabled) {
+			toggleBatch(names, enabled) {
 				const payload = {
 					names,
 					enabled
 				};
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.toggleBatch, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify(payload)
-				}));
+				return this.post(SKILL_HUB_API.toggleBatch, payload);
 			}
 			/** The user's added market sources. */
-			async market() {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.market));
+			market() {
+				return this.get(SKILL_HUB_API.market);
 			}
 			/** Add a market source repo; resolves with the fresh list. */
-			async addMarketSource(repo) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.marketSource, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ repo })
-				}));
+			addMarketSource(repo) {
+				return this.post(SKILL_HUB_API.marketSource, { repo });
 			}
 			/** Remove a market source repo; resolves with the fresh list. */
-			async removeMarketSource(repo) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.marketSourceDelete, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ repo })
-				}));
+			removeMarketSource(repo) {
+				return this.post(SKILL_HUB_API.marketSourceDelete, { repo });
+			}
+			/** Stars + downloads per market source (hourly server-side cache; refresh=1 refetches stale entries). */
+			marketStats(refresh = false) {
+				const query = refresh ? "?refresh=1" : "";
+				return this.get(SKILL_HUB_API.marketStats, query, refresh ? 6e4 : void 0);
 			}
 			/** Check every market source for updates (throttled server-side). */
-			async marketCheck() {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.marketCheck));
+			marketCheck() {
+				return this.get(SKILL_HUB_API.marketCheck);
 			}
 			/** Align a market source to its pinned ref; resolves with tracked skills. */
-			async marketSync(repo) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.marketSync, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ repo })
-				}));
+			marketSync(repo) {
+				return this.post(SKILL_HUB_API.marketSync, { repo });
 			}
 			/** Releases + branches of a market source for the version picker. */
-			async marketSourceVersions(repo) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.marketSourceVersions + "?repo=" + encodeURIComponent(repo)));
+			marketSourceVersions(repo) {
+				return this.get(SKILL_HUB_API.marketSourceVersions, "?repo=" + encodeURIComponent(repo));
 			}
 			/** Pin a market source to an explicit ref (branch picker). */
-			async setMarketSourceRef(repo, ref) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.marketSourceRef, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({
-						repo,
-						ref
-					})
-				}));
+			setMarketSourceRef(repo, ref) {
+				return this.post(SKILL_HUB_API.marketSourceRef, {
+					repo,
+					ref
+				});
 			}
 			/** Check the hub's own latest GitHub release. */
-			async updateCheck() {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.update));
+			updateCheck() {
+				return this.get(SKILL_HUB_API.update);
 			}
 			/** Discover importable skills in a GitHub repo. */
-			async repoDiscover(repo) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.repo + "?repo=" + encodeURIComponent(repo)));
+			repoDiscover(repo) {
+				return this.get(SKILL_HUB_API.repo, "?repo=" + encodeURIComponent(repo));
 			}
 			/** Install selected repo skills into the user-dsh root (records the source). Returns jobId for polling. */
-			async repoImport(repo, paths, ref) {
+			repoImport(repo, paths, ref) {
 				const payload = {
 					repo,
 					paths,
 					...ref !== void 0 && ref !== "" ? { ref } : {}
 				};
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.repoImport, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify(payload)
-				}));
+				return this.post(SKILL_HUB_API.repoImport, payload);
 			}
 			/** Poll import job progress (B方案轮询) */
-			async repoImportProgress(jobId) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.repoImportProgress + "?jobId=" + encodeURIComponent(jobId)));
+			repoImportProgress(jobId) {
+				return this.get(SKILL_HUB_API.repoImportProgress, "?jobId=" + encodeURIComponent(jobId));
 			}
 			/** Cancel a running import job (选项2：唯有取消才停) */
-			async repoImportCancel(jobId) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.repoImportCancel, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ jobId })
-				}));
+			repoImportCancel(jobId) {
+				return this.post(SKILL_HUB_API.repoImportCancel, { jobId });
 			}
 			/** Read the hub's runtime config (effective values + saved overrides). */
-			async config() {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.config));
+			config() {
+				return this.get(SKILL_HUB_API.config);
 			}
 			/** Patch the hub's runtime config (null clears a saved override). */
-			async saveConfig(patch) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.config, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify(patch)
-				}));
+			saveConfig(patch) {
+				return this.post(SKILL_HUB_API.config, patch);
 			}
 			/** 用户 tag 分组 + 系统集合组 + origin 映射。 */
-			async groups() {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.groups));
+			groups() {
+				return this.get(SKILL_HUB_API.groups);
 			}
 			/** 新建（无 id）或重命名（带 id）一个 tag 分组；返回全部 tag。 */
 			async saveTag(payload) {
-				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.tag, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify(payload)
-				}))).tags;
+				return (await this.post(SKILL_HUB_API.tag, payload)).tags;
 			}
 			/** 删除一个 tag 分组；返回全部 tag。 */
 			async deleteTag(id) {
-				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.tagDelete, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ id })
-				}))).tags;
+				return (await this.post(SKILL_HUB_API.tagDelete, { id })).tags;
 			}
 			/** 直接设置某 tag 的完整成员列表；返回全部 tag。 */
 			async setTagMembers(id, skillNames) {
-				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.tagMembers, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({
-						id,
-						skillNames
-					})
-				}))).tags;
+				return (await this.post(SKILL_HUB_API.tagMembers, {
+					id,
+					skillNames
+				})).tags;
 			}
 			/** 拖拽重排场景分组 */
 			async reorderTags(orderedIds) {
-				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.tagReorder, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ orderedIds })
-				}))).tags;
+				return (await this.post(SKILL_HUB_API.tagReorder, { orderedIds })).tags;
 			}
 			/** 拖拽重排来源集合 */
 			async reorderCollections(orderedNames) {
-				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.collectionReorder, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ orderedNames })
-				}))).collections;
+				return (await this.post(SKILL_HUB_API.collectionReorder, { orderedNames })).collections;
 			}
 			/** 拖拽重排来源顶层分组（project / collections / personal） */
 			async reorderSourceGroups(orderedKeys) {
-				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.sourceGroupReorder, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ orderedKeys })
-				}))).order;
+				return (await this.post(SKILL_HUB_API.sourceGroupReorder, { orderedKeys })).order;
 			}
 			/** 来源列表 + 派生 origin 映射 + 集合组 + 回收站。 */
-			async sources() {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.sources));
+			sources() {
+				return this.get(SKILL_HUB_API.sources);
 			}
 			/** 检查指定（或全部）来源的上游更新。 */
-			async checkSources(repo) {
+			checkSources(repo) {
 				const payload = repo !== void 0 ? { repo } : {};
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.sourceCheck, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify(payload)
-				}));
+				return this.post(SKILL_HUB_API.sourceCheck, payload);
 			}
 			/** 同步一个来源的所选（或全部）技能到上游最新版本。 */
-			async syncSource(repo, skills) {
+			syncSource(repo, skills) {
 				const payload = skills !== void 0 ? {
 					repo,
 					skills
 				} : { repo };
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.sourceSync, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify(payload)
-				}));
+				return this.post(SKILL_HUB_API.sourceSync, payload);
 			}
 			/** 跟进上游删除：把所选技能移入回收站。 */
-			async confirmDeleteSource(repo, skills) {
+			confirmDeleteSource(repo, skills) {
 				const payload = {
 					repo,
 					skills
 				};
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.sourceDelete, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify(payload)
-				}));
+				return this.post(SKILL_HUB_API.sourceDelete, payload);
 			}
 			/** 从回收站恢复一个技能。 */
-			async restoreSource(name) {
+			restoreSource(name) {
 				const payload = { name };
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.sourceRestore, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify(payload)
-				}));
+				return this.post(SKILL_HUB_API.sourceRestore, payload);
 			}
 			/** Permanently delete every skill currently in the trash. */
-			async clearTrash() {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.sourceTrashClear, { method: "POST" }));
+			clearTrash() {
+				return this.post(SKILL_HUB_API.sourceTrashClear);
 			}
 			/** Auto-fix a fixable diagnostic (e.g. unquoted colon). */
-			async fixDiagnostic(path) {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.diagnosticFix, {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ path })
-				}));
+			fixDiagnostic(path) {
+				return this.post(SKILL_HUB_API.diagnosticFix, { path });
 			}
 		};
 		//#endregion
-		//#region src/client/locales.ts
-		/**
-		* dsh-skill-hub surface copy (zh/en). The dictionary type is re-exported
-		* so the LocaleNamespaceMap module augmentation in client/index.ts can
-		* reference it without a value import.
-		*/
-		const zh = {
+		//#region src/client/locales/common.ts
+		/** 面板框架与通用：入口/视图切换/面板/图例/报错/更新检查/新建表单/诊断修复。从 locales.ts 按前缀拆出，键集合不变。 */
+		const zhCommon = {
 			"entry.label": "技能",
 			"entry.tooltip": "技能中枢：浏览、分组与同步管理本地技能",
 			"view.sources": "来源",
@@ -386,6 +309,115 @@ window.__ModuleLoader__.load({
 			"panel.workspacePlaceholder": "工作区路径（回车应用）",
 			"panel.workspaceHint": "填写项目路径后，面板同时显示该项目 .dsh/skills 与 .agents/skills 下的技能（只读）；留空回车恢复用户级视图。",
 			"panel.workspaceClear": "清除工作区",
+			"update.check": "检查更新",
+			"update.checking": "检查中…",
+			"update.upToDate": "已是最新版本 v{version}",
+			"update.available": "发现新版本 v{version}（当前 v{current}）",
+			"update.newVersion": "新版本 v{version}",
+			"update.viewRelease": "查看发布",
+			"update.error": "检查更新失败：{error}",
+			"update.unavailable": "暂无可用的发布版本",
+			"diag.fix": "修复",
+			"diag.fixing": "修复中…",
+			"diag.fixed": "已修复",
+			"diag.fixConfirm": "用自动修复重写以下文件的 frontmatter？建议先备份：{path}",
+			"form.capabilityHint": "能力怎么选：重复方法 → 技能；外部系统 → MCP；长期资料 → 知识库。",
+			"form.descPlaceholder": "一句话说明用途（含触发词），Agent 靠它自动激活技能",
+			"form.name": "技能名（kebab-case，如 code-review）",
+			"form.desc": "描述（一句话路由说明）",
+			"form.root": "目标目录",
+			"form.submit": "创建",
+			"form.cancel": "取消",
+			"form.busy": "创建中…",
+			"form.success": "已创建：",
+			"form.error": "创建失败：",
+			"err.dismiss": "知道了"
+		};
+		const enCommon = {
+			"entry.label": "Skills",
+			"entry.tooltip": "Skill hub: browse, group, and sync local skills",
+			"view.sources": "Sources",
+			"view.scenes": "Scenes",
+			"view.market": "Market",
+			"view.flat": "Flat",
+			"view.grouped": "Grouped",
+			"panel.title": "Skill Hub",
+			"panel.count": "{count} skills total",
+			"panel.disabledCount": "{count} disabled",
+			"panel.new": "New Skill",
+			"panel.search": "Search skills…",
+			"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.",
+			"panel.emptyAll": "No skills installed yet. Create the first one.",
+			"panel.loading": "Loading…",
+			"panel.incomplete": "(catalog may be incomplete)",
+			"panel.workspacePlaceholder": "Workspace path (Enter to apply)",
+			"panel.workspaceHint": "Enter a project path to also show that workspace's .dsh/skills and .agents/skills skills (read-only); clear + Enter to return to the user-level view.",
+			"panel.workspaceClear": "Clear workspace",
+			"update.check": "Check for updates",
+			"update.checking": "Checking…",
+			"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",
+			"diag.fixing": "Fixing…",
+			"diag.fixed": "Fixed",
+			"diag.fixConfirm": "Rewrite the frontmatter of this file with the auto-fix? Back it up first: {path}",
+			"form.capabilityHint": "Choosing a capability: repeatable method → skill; external system → MCP; long-term knowledge → knowledge base.",
+			"form.descPlaceholder": "One line on what it does (with trigger words) — agents auto-activate from this",
+			"form.name": "Skill name (kebab-case, e.g. code-review)",
+			"form.desc": "Description (one routing sentence)",
+			"form.root": "Target root",
+			"form.submit": "Create",
+			"form.cancel": "Cancel",
+			"form.busy": "Creating…",
+			"form.success": "Created: ",
+			"form.error": "Create failed: ",
+			"err.dismiss": "Dismiss"
+		};
+		//#endregion
+		//#region src/client/locales/detail.ts
+		/** 技能详情。从 locales.ts 按前缀拆出，键集合不变。 */
+		const zhDetail = {
+			"detail.copyMention": "复制 $mention",
+			"detail.copyPath": "复制路径",
+			"detail.copied": "已复制",
+			"detail.back": "返回列表",
+			"detail.provider": "提供者",
+			"detail.addedAt": "添加时间",
+			"detail.updatedAt": "更新时间",
+			"detail.path": "路径",
+			"detail.whenToUse": "适用场景",
+			"detail.uses": "调用次数",
+			"detail.groups": "所属场景",
+			"detail.loading": "读取技能正文…"
+		};
+		const enDetail = {
+			"detail.copyMention": "Copy $mention",
+			"detail.copyPath": "Copy path",
+			"detail.copied": "Copied",
+			"detail.back": "Back to list",
+			"detail.provider": "Provider",
+			"detail.addedAt": "Added",
+			"detail.updatedAt": "Updated",
+			"detail.path": "Path",
+			"detail.whenToUse": "When to use",
+			"detail.uses": "Uses",
+			"detail.groups": "Groups",
+			"detail.loading": "Loading skill body…"
+		};
+		//#endregion
+		//#region src/client/locales/market.ts
+		/** 市场与仓库扫描导入。从 locales.ts 按前缀拆出，键集合不变。 */
+		const zhMarket = {
 			"market.addPlaceholder": "owner/repo 或 https://github.com/…",
 			"market.addSource": "添加源",
 			"market.noSources": "还没有市场源。从下方内置市场添加，或输入一个 GitHub 仓库。",
@@ -430,6 +462,8 @@ window.__ModuleLoader__.load({
 			"market.versionConfirm": "切换到 {ref}",
 			"market.versionHint": "点击切换跟踪版本",
 			"market.unpinned": "未定版",
+			"market.starsHint": "GitHub 星标 {count} 个",
+			"market.downloadsHint": "发布附件累计下载 {count} 次",
 			"market.syncTitle": "同步本地技能",
 			"market.syncText": "市场源已对齐到 {ref}，要同步更新以下本地技能吗？",
 			"market.syncNone": "该来源还没有导入本地技能。",
@@ -452,195 +486,9 @@ window.__ModuleLoader__.load({
 			"repo.importingCurrent": "正在导入: {name} ({done}/{total})",
 			"repo.root.skills": "技能 skills",
 			"repo.root.designTemplates": "模板 design-templates",
-			"repo.root.generic": "{root}",
-			"update.check": "检查更新",
-			"update.checking": "检查中…",
-			"update.upToDate": "已是最新版本 v{version}",
-			"update.available": "发现新版本 v{version}（当前 v{current}）",
-			"update.newVersion": "新版本 v{version}",
-			"update.viewRelease": "查看发布",
-			"update.error": "检查更新失败：{error}",
-			"update.unavailable": "暂无可用的发布版本",
-			"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": "其他来源",
-			"groups.new": "新建场景",
-			"groups.namePlaceholder": "场景名",
-			"groups.edit": "编辑",
-			"groups.rename": "保存名称",
-			"groups.delete": "删除场景",
-			"groups.saveMembers": "保存成员",
-			"groups.membersHint": "勾选技能加入此场景（含已禁用）。",
-			"groups.empty": "还没有场景。先新建一个，再把技能归类。",
-			"groups.noCollections": "暂无来源组。从市场导入技能后自动按来源聚合。",
-			"groups.personal": "个人",
-			"groups.project": "项目级",
-			"groups.subdivide": "细分",
-			"groups.merge": "合并",
-			"groups.noWritable": "该组没有可写技能（只读技能无法由中枢开关）",
-			"groups.closeAll": "全部关闭",
-			"groups.keepOn": "保留开启",
-			"groups.conflictTitle": "关闭此组？",
-			"groups.conflictText": "以下技能也在其他组中开启，关闭它们会影响那些组：",
-			"filter.allSources": "全部来源",
-			"filter.private": "个人",
-			"sort.name": "按名称",
-			"sort.added": "按添加时间",
-			"sort.uses": "按调用次数",
-			"time.justNow": "刚刚",
-			"time.minutesAgo": "{value} 分钟前",
-			"time.hoursAgo": "{value} 小时前",
-			"time.daysAgo": "{value} 天前",
-			"time.weeksAgo": "{value} 周前",
-			"badge.source.project-dsh": "项目 .dsh",
-			"badge.source.project-agents": "项目 .agents",
-			"badge.source.custom": "自定义",
-			"badge.source.runtime": "运行时",
-			"badge.source.user-dsh": "用户 .dsh",
-			"badge.source.user-agents": "用户 .agents",
-			"badge.source.bundled": "内置",
-			"row.readonly": "只读",
-			"row.disable": "禁用",
-			"row.enable": "启用",
-			"row.delete": "移入回收站",
-			"row.open": "查看 {name} 详情（回车）",
-			"row.duplicate": "重名",
-			"row.duplicateHint": "同名技能存在多个来源，当前显示为优先级最高的版本",
-			"row.copy": "复制",
-			"row.copyMention": "复制 $mention",
-			"row.copied": "已复制",
-			"row.copyPath": "复制路径",
-			"detail.copyMention": "复制 $mention",
-			"detail.copyPath": "复制路径",
-			"detail.copied": "已复制",
-			"diag.fix": "修复",
-			"diag.fixing": "修复中…",
-			"diag.fixed": "已修复",
-			"diag.fixConfirm": "用自动修复重写以下文件的 frontmatter？建议先备份：{path}",
-			"filter.invocation": "调用",
-			"filter.invocationAll": "全部调用",
-			"filter.modelOnly": "模型可调",
-			"filter.userOnly": "用户可调",
-			"filter.showing": "显示 {shown}/{total}（已启用）{filtered}",
-			"filter.filteredSuffix": " · 已筛选",
-			"filter.shortened": "短描述 {count} 条，悬浮看全文",
-			"delete.confirmTitle": "移入回收站？",
-			"delete.confirmText": "确定把「{name}」移入回收站吗？可随时恢复。",
-			"delete.confirm": "移入回收站",
-			"detail.back": "返回列表",
-			"detail.provider": "提供者",
-			"detail.addedAt": "添加时间",
-			"detail.updatedAt": "更新时间",
-			"detail.path": "路径",
-			"detail.whenToUse": "适用场景",
-			"detail.uses": "调用次数",
-			"detail.groups": "所属场景",
-			"detail.loading": "读取技能正文…",
-			"source.private": "个人技能（未绑定上游，不检查更新）",
-			"source.commit": "已同步版本",
-			"source.unverified": "尚未核对上游",
-			"source.check": "检查更新",
-			"source.checkHint": "点击检查上游更新",
-			"source.checking": "检查中…",
-			"source.upToDate": "已是最新",
-			"source.updated": "有更新 {count} 个",
-			"source.deleted": "上游已删除 {count} 个",
-			"source.error": "检查失败",
-			"source.throttled": "刚刚检查过",
-			"source.sync": "同步",
-			"source.syncing": "同步中…",
-			"source.syncConfirmTitle": "同步技能？",
-			"source.syncConfirmText": "将用上游最新版本覆盖本地对以下技能的所有修改：",
-			"source.followDelete": "跟进删除",
-			"source.deleteConfirmTitle": "跟进上游删除？",
-			"source.deleteConfirmText": "以下技能已从上游仓库移除，本地目录将移入回收站（可恢复）：",
-			"source.deleteGroup": "删除整组",
-			"source.deleteGroupHint": "删除该分组下的全部 {count} 个技能",
-			"source.deleteGroupTitle": "删除整组？",
-			"source.deleteGroupText": "将把分组“{name}”下的全部 {count} 个技能移入回收站（可恢复），只读技能会跳过：",
-			"source.trash": "回收站",
-			"source.restore": "恢复",
-			"source.clearTrash": "清空回收站",
-			"source.clearTrashConfirmTitle": "清空回收站？",
-			"source.clearTrashConfirmText": "回收站里的技能会被永久删除，无法恢复。此操作不可撤销。",
-			"source.clearTrashConfirm": "永久删除",
-			"form.capabilityHint": "能力怎么选：重复方法 → 技能；外部系统 → MCP；长期资料 → 知识库。",
-			"form.descPlaceholder": "一句话说明用途（含触发词），Agent 靠它自动激活技能",
-			"form.name": "技能名（kebab-case，如 code-review）",
-			"form.desc": "描述（一句话路由说明）",
-			"form.root": "目标目录",
-			"form.submit": "创建",
-			"form.cancel": "取消",
-			"form.busy": "创建中…",
-			"form.success": "已创建：",
-			"form.error": "创建失败：",
-			"err.dismiss": "知道了",
-			"settings.title": "技能中枢",
-			"settings.description": "管理 dsh 本地技能目录：浏览、分组、来源同步与新建。",
-			"settings.enabled": "启用插件",
-			"settings.enabledHint": "关闭后技能中枢的路由、入口与公告全部下线。",
-			"settings.announceToAgent": "向 Agent 公告",
-			"settings.announceToAgentHint": "在系统提示中加入本插件说明，用户提到技能管理时 Agent 知道如何协作。",
-			"settings.dotModelColor": "模型可调圆点颜色",
-			"settings.dotModelColorHint": "技能行/聊天 / 菜单中「模型可调」蓝色圆点的颜色（#rrggbb）。",
-			"settings.dotUserColor": "用户可调圆点颜色",
-			"settings.dotUserColorHint": "技能行/聊天 / 菜单中「仅用户可调」绿色圆点的颜色（#rrggbb）。",
-			"settings.showUseCount": "显示调用次数",
-			"settings.showUseCountHint": "在技能名旁显示琥珀色调用次数。",
-			"settings.showUseTime": "显示最近调用时间",
-			"settings.showUseTimeHint": "在技能名行右侧显示相对时间（如「3 天前」）。",
-			"settings.showGroupSummary": "显示分组汇总",
-			"settings.showGroupSummaryHint": "在分组标题后汇总调用次数与最近调用时间。",
-			"settings.statsWindowDays": "统计窗口（天）",
-			"settings.statsWindowDaysHint": "只统计最近 N 天的使用次数，默认 14 天；0 = 全部历史。改动立即生效。",
-			"settings.statsScanMinutes": "自动统计间隔（分钟）",
-			"settings.statsScanMinutesHint": "后台扫描会话日志的间隔，最小 1 分钟；扫描耗时会自动拉长间隔。",
-			"settings.inherit": "继承",
-			"settings.on": "开",
-			"settings.off": "关",
-			"settings.overridden": "已覆盖",
-			"settings.reset": "恢复默认",
-			"settings.unsaved": "未保存",
-			"settings.save": "保存",
-			"settings.saving": "保存中…",
-			"settings.discard": "放弃修改",
-			"settings.saveFailed": "本部署没有接受这些值，已保留供你修改。",
-			"settings.readOnly": "本部署的设置为只读。",
-			"settings.notExposed": "本部署没有挂载该设置命名空间。",
-			"settings.collapse": "收起设置",
-			"settings.expand": "展开设置"
+			"repo.root.generic": "{root}"
 		};
-		const en = {
-			"entry.label": "Skills",
-			"entry.tooltip": "Skill hub: browse, group, and sync local skills",
-			"view.sources": "Sources",
-			"view.scenes": "Scenes",
-			"view.market": "Market",
-			"view.flat": "Flat",
-			"view.grouped": "Grouped",
-			"panel.title": "Skill Hub",
-			"panel.count": "{count} skills total",
-			"panel.disabledCount": "{count} disabled",
-			"panel.new": "New Skill",
-			"panel.search": "Search skills…",
-			"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.",
-			"panel.emptyAll": "No skills installed yet. Create the first one.",
-			"panel.loading": "Loading…",
-			"panel.incomplete": "(catalog may be incomplete)",
-			"panel.workspacePlaceholder": "Workspace path (Enter to apply)",
-			"panel.workspaceHint": "Enter a project path to also show that workspace's .dsh/skills and .agents/skills skills (read-only); clear + Enter to return to the user-level view.",
-			"panel.workspaceClear": "Clear workspace",
+		const enMarket = {
 			"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.",
@@ -685,6 +533,8 @@ window.__ModuleLoader__.load({
 			"market.versionConfirm": "Switch to {ref}",
 			"market.versionHint": "Click to switch the tracked version",
 			"market.unpinned": "unpinned",
+			"market.starsHint": "{count} GitHub stars",
+			"market.downloadsHint": "{count} release asset downloads",
 			"market.syncTitle": "Update local skills",
 			"market.syncText": "Market source aligned to {ref}. Update these local skills?",
 			"market.syncNone": "No local skills tracked from this repo yet.",
@@ -707,15 +557,156 @@ window.__ModuleLoader__.load({
 			"repo.importingCurrent": "Importing: {name} ({done}/{total})",
 			"repo.root.skills": "Skills",
 			"repo.root.designTemplates": "Templates design-templates",
-			"repo.root.generic": "{root}",
-			"update.check": "Check for updates",
-			"update.checking": "Checking…",
-			"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",
+			"repo.root.generic": "{root}"
+		};
+		//#endregion
+		//#region src/client/locales/settings.ts
+		/** 设置卡。从 locales.ts 按前缀拆出，键集合不变。 */
+		const zhSettings = {
+			"settings.title": "技能中枢",
+			"settings.description": "管理 dsh 本地技能目录：浏览、分组、来源同步与新建。",
+			"settings.enabled": "启用插件",
+			"settings.enabledHint": "关闭后技能中枢的路由、入口与公告全部下线。",
+			"settings.announceToAgent": "向 Agent 公告",
+			"settings.announceToAgentHint": "在系统提示中加入本插件说明，用户提到技能管理时 Agent 知道如何协作。",
+			"settings.dotModelColor": "模型可调圆点颜色",
+			"settings.dotModelColorHint": "技能行/聊天 / 菜单中「模型可调」蓝色圆点的颜色（#rrggbb）。",
+			"settings.dotUserColor": "用户可调圆点颜色",
+			"settings.dotUserColorHint": "技能行/聊天 / 菜单中「仅用户可调」绿色圆点的颜色（#rrggbb）。",
+			"settings.showUseCount": "显示调用次数",
+			"settings.showUseCountHint": "在技能名旁显示琥珀色调用次数。",
+			"settings.showUseTime": "显示最近调用时间",
+			"settings.showUseTimeHint": "在技能名行右侧显示相对时间（如「3 天前」）。",
+			"settings.showGroupSummary": "显示分组汇总",
+			"settings.showGroupSummaryHint": "在分组标题后汇总调用次数与最近调用时间。",
+			"settings.statsWindowDays": "统计窗口（天）",
+			"settings.statsWindowDaysHint": "只统计最近 N 天的使用次数，默认 14 天；0 = 全部历史。改动立即生效。",
+			"settings.statsScanMinutes": "自动统计间隔（分钟）",
+			"settings.statsScanMinutesHint": "后台扫描会话日志的间隔，最小 1 分钟；扫描耗时会自动拉长间隔。",
+			"settings.githubToken": "GitHub Token",
+			"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": "未保存",
+			"settings.save": "保存",
+			"settings.saving": "保存中…",
+			"settings.discard": "放弃修改",
+			"settings.saveFailed": "本部署没有接受这些值，已保留供你修改。",
+			"settings.readOnly": "本部署的设置为只读。",
+			"settings.notExposed": "本部署没有挂载该设置命名空间。",
+			"settings.collapse": "收起设置",
+			"settings.expand": "展开设置"
+		};
+		const enSettings = {
+			"settings.title": "Skill Hub",
+			"settings.description": "Manage the local dsh skill catalog: browse, group, sync, and scaffold skills.",
+			"settings.enabled": "Enable plugin",
+			"settings.enabledHint": "Disables the hub routes, entries, and announcement.",
+			"settings.announceToAgent": "Announce to agent",
+			"settings.announceToAgentHint": "Adds a system-prompt section so agents know how to collaborate when users mention skill management.",
+			"settings.dotModelColor": "Model-invocable dot color",
+			"settings.dotModelColorHint": "Color of the blue \"model-callable\" dot in the skill panel and the chat / menu (#rrggbb).",
+			"settings.dotUserColor": "User-invocable dot color",
+			"settings.dotUserColorHint": "Color of the green \"user-only\" dot in the skill panel and the chat / menu (#rrggbb).",
+			"settings.showUseCount": "Show invocation count",
+			"settings.showUseCountHint": "Show the amber invocation count beside each skill name.",
+			"settings.showUseTime": "Show last-used time",
+			"settings.showUseTimeHint": "Show relative last-used time on the name row (e.g. \"3 d ago\").",
+			"settings.showGroupSummary": "Show group summaries",
+			"settings.showGroupSummaryHint": "Summarize invocation count and last-used time after group titles.",
+			"settings.statsWindowDays": "Stats window (days)",
+			"settings.statsWindowDaysHint": "Count only usage within the last N days (default 14); 0 = full history. Changes apply immediately.",
+			"settings.statsScanMinutes": "Auto stats interval (minutes)",
+			"settings.statsScanMinutesHint": "How often the background session-log scan runs (min 1); heavy scans automatically stretch it.",
+			"settings.githubToken": "GitHub token",
+			"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",
+			"settings.save": "Save",
+			"settings.saving": "Saving…",
+			"settings.discard": "Discard",
+			"settings.saveFailed": "The deployment did not accept these values; they were left for you to correct.",
+			"settings.readOnly": "This deployment stores settings read-only.",
+			"settings.notExposed": "This deployment does not expose the settings namespace.",
+			"settings.collapse": "Hide settings",
+			"settings.expand": "Show settings"
+		};
+		//#endregion
+		//#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": "其他来源",
+			"groups.new": "新建场景",
+			"groups.namePlaceholder": "场景名",
+			"groups.edit": "编辑",
+			"groups.rename": "保存名称",
+			"groups.delete": "删除场景",
+			"groups.saveMembers": "保存成员",
+			"groups.membersHint": "勾选技能加入此场景（含已禁用）。",
+			"groups.empty": "还没有场景。先新建一个，再把技能归类。",
+			"groups.noCollections": "暂无来源组。从市场导入技能后自动按来源聚合。",
+			"groups.personal": "个人",
+			"groups.project": "项目级",
+			"groups.subdivide": "细分",
+			"groups.merge": "合并",
+			"groups.noWritable": "该组没有可写技能（只读技能无法由中枢开关）",
+			"groups.closeAll": "全部关闭",
+			"groups.keepOn": "保留开启",
+			"groups.conflictTitle": "关闭此组？",
+			"groups.conflictText": "以下技能也在其他组中开启，关闭它们会影响那些组：",
+			"filter.allSources": "全部来源",
+			"filter.private": "个人",
+			"sort.name": "按名称",
+			"sort.added": "按添加时间",
+			"sort.uses": "按调用次数",
+			"time.justNow": "刚刚",
+			"time.minutesAgo": "{value} 分钟前",
+			"time.hoursAgo": "{value} 小时前",
+			"time.daysAgo": "{value} 天前",
+			"time.weeksAgo": "{value} 周前",
+			"badge.source.project-dsh": "项目 .dsh",
+			"badge.source.project-agents": "项目 .agents",
+			"badge.source.custom": "自定义",
+			"badge.source.runtime": "运行时",
+			"badge.source.user-dsh": "用户 .dsh",
+			"badge.source.user-agents": "用户 .agents",
+			"badge.source.bundled": "内置",
+			"row.readonly": "只读",
+			"row.disable": "禁用",
+			"row.enable": "启用",
+			"row.delete": "移入回收站",
+			"row.open": "查看 {name} 详情（回车）",
+			"row.duplicate": "重名",
+			"row.duplicateHint": "同名技能存在多个来源，当前显示为优先级最高的版本",
+			"row.copy": "复制",
+			"row.copyMention": "复制 $mention",
+			"row.copied": "已复制",
+			"row.copyPath": "复制路径",
+			"filter.invocation": "调用",
+			"filter.invocationAll": "全部调用",
+			"filter.modelOnly": "模型可调",
+			"filter.userOnly": "用户可调",
+			"filter.showing": "显示 {shown}/{total}（已启用）{filtered}",
+			"filter.filteredSuffix": " · 已筛选",
+			"filter.shortened": "短描述 {count} 条，悬浮看全文"
+		};
+		const enSkills = {
 			"group.project-dsh": "Project .dsh/skills",
 			"group.project-agents": "Project .agents/skills",
 			"group.custom": "Custom directories",
@@ -770,32 +761,54 @@ window.__ModuleLoader__.load({
 			"row.copyMention": "Copy $mention",
 			"row.copied": "Copied",
 			"row.copyPath": "Copy path",
-			"detail.copyMention": "Copy $mention",
-			"detail.copyPath": "Copy path",
-			"detail.copied": "Copied",
-			"diag.fix": "Fix",
-			"diag.fixing": "Fixing…",
-			"diag.fixed": "Fixed",
-			"diag.fixConfirm": "Rewrite the frontmatter of this file with the auto-fix? Back it up first: {path}",
 			"filter.invocation": "Invocation",
 			"filter.invocationAll": "All",
 			"filter.modelOnly": "Model",
 			"filter.userOnly": "User",
 			"filter.showing": "Showing {shown}/{total} (enabled){filtered}",
 			"filter.filteredSuffix": " · filtered",
-			"filter.shortened": "{count} short descriptions, hover for full text",
-			"delete.confirmTitle": "Move to trash?",
+			"filter.shortened": "{count} short descriptions, hover for full text"
+		};
+		//#endregion
+		//#region src/client/locales/sources.ts
+		/** 来源跟踪与回收站（含删除确认）。从 locales.ts 按前缀拆出，键集合不变。 */
+		const zhSources = {
+			"delete.confirmTitle": "移入回收站？",
+			"delete.confirmText": "确定把「{name}」移入回收站吗？可随时恢复。",
+			"delete.confirm": "移入回收站",
+			"source.private": "个人技能（未绑定上游，不检查更新）",
+			"source.commit": "已同步版本",
+			"source.unverified": "尚未核对上游",
+			"source.check": "检查更新",
+			"source.checkHint": "点击检查上游更新",
+			"source.checking": "检查中…",
+			"source.upToDate": "已是最新",
+			"source.updated": "有更新 {count} 个",
+			"source.deleted": "上游已删除 {count} 个",
+			"source.error": "检查失败",
+			"source.throttled": "刚刚检查过",
+			"source.sync": "同步",
+			"source.syncing": "同步中…",
+			"source.syncConfirmTitle": "同步技能？",
+			"source.syncConfirmText": "将用上游最新版本覆盖本地对以下技能的所有修改：",
+			"source.followDelete": "跟进删除",
+			"source.deleteConfirmTitle": "跟进上游删除？",
+			"source.deleteConfirmText": "以下技能已从上游仓库移除，本地目录将移入回收站（可恢复）：",
+			"source.deleteGroup": "删除整组",
+			"source.deleteGroupHint": "删除该分组下的全部 {count} 个技能",
+			"source.deleteGroupTitle": "删除整组？",
+			"source.deleteGroupText": "将把分组“{name}”下的全部 {count} 个技能移入回收站（可恢复），只读技能会跳过：",
+			"source.trash": "回收站",
+			"source.restore": "恢复",
+			"source.clearTrash": "清空回收站",
+			"source.clearTrashConfirmTitle": "清空回收站？",
+			"source.clearTrashConfirmText": "回收站里的技能会被永久删除，无法恢复。此操作不可撤销。",
+			"source.clearTrashConfirm": "永久删除"
+		};
+		const enSources = {
+			"delete.confirmTitle": "Move to trash?",
 			"delete.confirmText": "Move \"{name}\" to trash? It can be restored anytime.",
 			"delete.confirm": "Move to trash",
-			"detail.back": "Back to list",
-			"detail.provider": "Provider",
-			"detail.addedAt": "Added",
-			"detail.updatedAt": "Updated",
-			"detail.path": "Path",
-			"detail.whenToUse": "When to use",
-			"detail.uses": "Uses",
-			"detail.groups": "Groups",
-			"detail.loading": "Loading skill body…",
 			"source.private": "Personal skill (not bound to an upstream; no update checks)",
 			"source.commit": "Synced commit",
 			"source.unverified": "upstream not verified yet",
@@ -823,52 +836,31 @@ window.__ModuleLoader__.load({
 			"source.clearTrash": "Empty trash",
 			"source.clearTrashConfirmTitle": "Empty the trash?",
 			"source.clearTrashConfirmText": "Skills in the trash will be permanently deleted and cannot be restored.",
-			"source.clearTrashConfirm": "Delete permanently",
-			"form.capabilityHint": "Choosing a capability: repeatable method → skill; external system → MCP; long-term knowledge → knowledge base.",
-			"form.descPlaceholder": "One line on what it does (with trigger words) — agents auto-activate from this",
-			"form.name": "Skill name (kebab-case, e.g. code-review)",
-			"form.desc": "Description (one routing sentence)",
-			"form.root": "Target root",
-			"form.submit": "Create",
-			"form.cancel": "Cancel",
-			"form.busy": "Creating…",
-			"form.success": "Created: ",
-			"form.error": "Create failed: ",
-			"err.dismiss": "Dismiss",
-			"settings.title": "Skill Hub",
-			"settings.description": "Manage the local dsh skill catalog: browse, group, sync, and scaffold skills.",
-			"settings.enabled": "Enable plugin",
-			"settings.enabledHint": "Disables the hub routes, entries, and announcement.",
-			"settings.announceToAgent": "Announce to agent",
-			"settings.announceToAgentHint": "Adds a system-prompt section so agents know how to collaborate when users mention skill management.",
-			"settings.dotModelColor": "Model-invocable dot color",
-			"settings.dotModelColorHint": "Color of the blue \"model-callable\" dot in the skill panel and the chat / menu (#rrggbb).",
-			"settings.dotUserColor": "User-invocable dot color",
-			"settings.dotUserColorHint": "Color of the green \"user-only\" dot in the skill panel and the chat / menu (#rrggbb).",
-			"settings.showUseCount": "Show invocation count",
-			"settings.showUseCountHint": "Show the amber invocation count beside each skill name.",
-			"settings.showUseTime": "Show last-used time",
-			"settings.showUseTimeHint": "Show relative last-used time on the name row (e.g. \"3 d ago\").",
-			"settings.showGroupSummary": "Show group summaries",
-			"settings.showGroupSummaryHint": "Summarize invocation count and last-used time after group titles.",
-			"settings.statsWindowDays": "Stats window (days)",
-			"settings.statsWindowDaysHint": "Count only usage within the last N days (default 14); 0 = full history. Changes apply immediately.",
-			"settings.statsScanMinutes": "Auto stats interval (minutes)",
-			"settings.statsScanMinutesHint": "How often the background session-log scan runs (min 1); heavy scans automatically stretch it.",
-			"settings.inherit": "Inherit",
-			"settings.on": "On",
-			"settings.off": "Off",
-			"settings.overridden": "Overridden",
-			"settings.reset": "Reset to default",
-			"settings.unsaved": "Unsaved",
-			"settings.save": "Save",
-			"settings.saving": "Saving…",
-			"settings.discard": "Discard",
-			"settings.saveFailed": "The deployment did not accept these values; they were left for you to correct.",
-			"settings.readOnly": "This deployment stores settings read-only.",
-			"settings.notExposed": "This deployment does not expose the settings namespace.",
-			"settings.collapse": "Hide settings",
-			"settings.expand": "Show settings"
+			"source.clearTrashConfirm": "Delete permanently"
+		};
+		//#endregion
+		//#region src/client/locales.ts
+		/**
+		*  locales 按视图拆分后的聚合入口：各域字典在 ./locales/<domain>.ts，
+		*  这里合并为面板消费的 zh/en。老 `from './locales.ts'` 写法保持可用，
+		*  HubKey 的完备性仍由 `en: Record<HubKey, string>` 在类型层兜底
+		*  （缺键即编译报错）。
+		*/
+		const zh = {
+			...zhCommon,
+			...zhSkills,
+			...zhMarket,
+			...zhSources,
+			...zhDetail,
+			...zhSettings
+		};
+		const en = {
+			...enCommon,
+			...enSkills,
+			...enMarket,
+			...enSources,
+			...enDetail,
+			...enSettings
 		};
 		/** Interpolate a {name} template with the given values. */
 		function t(dict, key, values) {
@@ -1013,8 +1005,15 @@ window.__ModuleLoader__.load({
 		* based, family precedent) plus a small error-message extractor.
 		*/
 		/** Active dictionary, picked by the document language at call time. */
+		let cachedDictionaryLang = "";
+		let cachedDictionary = null;
 		function dictionary() {
-			return (typeof document !== "undefined" ? document.documentElement.lang : "zh").toLowerCase().startsWith("en") ? { ...en } : { ...zh };
+			const key = (typeof document !== "undefined" ? document.documentElement.lang : "zh").toLowerCase().startsWith("en") ? "en" : "zh";
+			if (cachedDictionary === null || cachedDictionaryLang !== key) {
+				cachedDictionaryLang = key;
+				cachedDictionary = key === "en" ? { ...en } : { ...zh };
+			}
+			return cachedDictionary;
 		}
 		/** Translate a key with optional {name} template params (current language). */
 		function tt(key, values) {
@@ -1574,6 +1573,51 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		function SecretField(props) {
+			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)("input", {
+						id: props.id,
+						type: "password",
+						autoComplete: "off",
+						spellCheck: false,
+						className: settings_card_module_css_default.input,
+						value: props.text,
+						disabled: props.disabled,
+						placeholder: props.placeholder,
+						"aria-invalid": props.invalid === true,
+						onChange: (event) => {
+							props.onEdit(event.target.value);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: settings_card_module_css_default.hint,
+						children: props.hint
+					})
+				]
+			});
+		}
 		function NumberField(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: settings_card_module_css_default.field,
@@ -2361,6 +2405,26 @@ window.__ModuleLoader__.load({
 			};
 		}
 		/**
+		* A secret field (API token): the stored value is never echoed back into the
+		* draft (format always yields ''), so typing is always a fresh set and Reset
+		* always unsets. An empty draft stages nothing.
+		*/
+		function secretField(field) {
+			return {
+				field,
+				format: () => "",
+				parse: (text) => {
+					const trimmed = text.trim();
+					if (trimmed === "") return void 0;
+					if (!/^[A-Za-z0-9_-]{8,255}$/.test(trimmed)) return void 0;
+					return {
+						kind: "set",
+						value: trimmed
+					};
+				}
+			};
+		}
+		/**
 		* A numeric field with range clamping. Integer by default: a fractional draft
 		* is truncated so "5.5 分钟" cannot sneak past an integer-only schema.
 		*/
@@ -2574,7 +2638,8 @@ window.__ModuleLoader__.load({
 					numberField("statsScanMinutes", {
 						min: 1,
 						max: 1440
-					})
+					}),
+					secretField("githubToken")
 				]);
 				this.store = this.form.bind(() => this.projection());
 			}
@@ -2589,7 +2654,8 @@ window.__ModuleLoader__.load({
 					showUseTime: this.form.field("showUseTime"),
 					showGroupSummary: this.form.field("showGroupSummary"),
 					statsWindowDays: this.form.field("statsWindowDays"),
-					statsScanMinutes: this.form.field("statsScanMinutes")
+					statsScanMinutes: this.form.field("statsScanMinutes"),
+					githubToken: this.form.field("githubToken")
 				};
 			}
 			/**
@@ -2757,6 +2823,22 @@ window.__ModuleLoader__.load({
 						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");
+						}
 					})
 				]
 			});
@@ -4383,13 +4465,14 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/panel/MarketView.tsx
-		/**
-		* Market tab: one unified market list — built-in catalog entries (add
-		* button while not yet added) and the user's market sources (full state
-		* badges + actions once added, plus custom sources), with check-all and
-		* update-all actions and the repo scan result with the importable checklist.
-		*/
+		//#region src/client/panel/market-format.ts
+		/** Market tab number formatting (stars/downloads/bytes/speed). Pure, no deps. */
+		/** Compact count for stars/downloads (1234 → 1.2k). */
+		function formatCount(n) {
+			if (n < 1e3) return String(n);
+			if (n < 1e6) return (n / 1e3).toFixed(1).replace(/\.0$/, "") + "k";
+			return (n / 1e6).toFixed(1).replace(/\.0$/, "") + "M";
+		}
 		/** Compact byte size for repo preview rows. */
 		function formatBytes(bytes) {
 			if (bytes < 1024) return bytes + " B";
@@ -4402,152 +4485,580 @@ window.__ModuleLoader__.load({
 			if (bps < 1024 * 1024) return (bps / 1024).toFixed(1) + " KB/s";
 			return (bps / 1024 / 1024).toFixed(1) + " MB/s";
 		}
-		function MarketView(props) {
-			const { hub } = props;
-			const { marketState, marketCheck, sourceCheck, sourcesState, repoDiscoverState, scanningRepo, repoSelected, setRepoSelected, repoImporting, repoResult, newSourceName, setNewSourceName, syncingMarket, tagBusy, checkingSource, addSource, addMarketSource, removeMarketSource, scanRepo, checkMarket, checkSources, syncMarketSource, toggleRepoSelected, importRepo, cancelImport, updateAllDialog, setUpdateAllDialog, updateAll } = hub;
-			/** 有可更新技能的来源（全部更新按钮与确认列表共用）。 */
-			const updatableRepos = Object.entries(sourceCheck).filter(([, check]) => check.changed && check.updated.length > 0);
-			const [repoSearch, setRepoSearch] = (0, react.useState)("");
-			const [repoFilter, setRepoFilter] = (0, react.useState)("all");
-			const [visibleCount, setVisibleCount] = (0, react.useState)(50);
-			(0, react.useEffect)(() => {
-				setVisibleCount(50);
-			}, [
-				repoDiscoverState,
-				repoSearch,
-				repoFilter
-			]);
-			/** 一个已添加来源的完整行：状态徽章 + 操作按钮。B 方案：扫描主按钮 + 智能更新按钮（检查/更新二合一）+ 溢出移除 */
-			const sourceRow = (record) => {
-				const releaseCheck = marketCheck[record.repo];
-				const skillCheck = sourceCheck[record.repo];
-				const installedCount = sourcesState?.sources.find((source) => source.repo === record.repo)?.skills.length ?? 0;
-				const scanning = scanningRepo === record.repo;
-				const syncing = syncingMarket === record.repo;
-				const checking = checkingSource === record.repo;
-				const hasSkillUpdate = skillCheck?.changed === true && skillCheck.updated.length > 0;
-				const hasReleaseUpdate = releaseCheck?.updateAvailable === true;
-				const hasUpdate = hasSkillUpdate || hasReleaseUpdate;
-				const isChecked = releaseCheck !== void 0 || skillCheck !== void 0;
-				let updateLabel;
-				let updateDisabled = false;
-				let updateDanger = false;
-				let updateAction = () => {};
-				if (syncing) {
-					updateLabel = tt("market.syncing");
-					updateDisabled = true;
-				} else if (checking) {
-					updateLabel = tt("market.checking");
-					updateDisabled = true;
-				} else if (!isChecked) {
-					updateLabel = tt("market.checkUpdate");
-					updateAction = () => {
-						checkSources(record.repo);
-						checkMarket();
-					};
-				} else if (hasUpdate) {
-					const count = hasSkillUpdate ? skillCheck.updated.length : 1;
-					updateLabel = count > 1 || hasSkillUpdate ? tt("market.updateCount", { count }) : tt("market.update");
-					updateDanger = true;
-					updateAction = () => {
-						syncMarketSource(record.repo);
-					};
-				} else {
-					updateLabel = tt("market.upToDate");
-					updateDisabled = true;
-				}
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: panel_module_css_default.row + " " + panel_module_css_default.rowStatic,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: panel_module_css_default.rowMain,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: panel_module_css_default.rowName,
+		//#endregion
+		//#region src/client/panel/MarketSourceRow.tsx
+		function MarketSourceRow(props) {
+			const { hub, record } = props;
+			const { marketCheck, sourceCheck, sourcesState, scanningRepo, syncingMarket, checkingSource, tagBusy, checkSources, checkMarket, syncMarketSource, scanRepo, removeMarketSource } = hub;
+			const releaseCheck = marketCheck[record.repo];
+			const skillCheck = sourceCheck[record.repo];
+			const installedCount = sourcesState?.sources.find((source) => source.repo === record.repo)?.skills.length ?? 0;
+			const scanning = scanningRepo === record.repo;
+			const syncing = syncingMarket === record.repo;
+			const checking = checkingSource === record.repo;
+			const hasSkillUpdate = skillCheck?.changed === true && skillCheck.updated.length > 0;
+			const hasReleaseUpdate = releaseCheck?.updateAvailable === true;
+			const hasUpdate = hasSkillUpdate || hasReleaseUpdate;
+			const isChecked = releaseCheck !== void 0 || skillCheck !== void 0;
+			let updateLabel;
+			let updateDisabled = false;
+			let updateDanger = false;
+			let updateAction = () => {};
+			if (syncing) {
+				updateLabel = tt("market.syncing");
+				updateDisabled = true;
+			} else if (checking) {
+				updateLabel = tt("market.checking");
+				updateDisabled = true;
+			} else if (!isChecked) {
+				updateLabel = tt("market.checkUpdate");
+				updateAction = () => {
+					checkSources(record.repo);
+					checkMarket();
+				};
+			} else if (hasUpdate) {
+				const count = hasSkillUpdate ? skillCheck.updated.length : 1;
+				updateLabel = count > 1 || hasSkillUpdate ? tt("market.updateCount", { count }) : tt("market.update");
+				updateDanger = true;
+				updateAction = () => {
+					syncMarketSource(record.repo);
+				};
+			} else {
+				updateLabel = tt("market.upToDate");
+				updateDisabled = true;
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.row + " " + panel_module_css_default.rowStatic,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.rowMain,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.rowName,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+								className: panel_module_css_default.sourceLink,
+								href: "https://github.com/" + record.repo,
+								target: "_blank",
+								rel: "noreferrer",
+								children: record.repo
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.badge + " " + panel_module_css_default.badgeSource,
+								style: {
+									cursor: "pointer",
+									fontFamily: "inherit"
+								},
+								title: tt("market.versionHint"),
+								onClick: () => {
+									hub.openVersionDialog(record.repo);
+								},
+								children: record.ref ?? tt("market.unpinned")
+							})]
+						}), (() => {
+							const stats = hub.marketStats[record.repo];
+							const hasDeleted = skillCheck !== void 0 && skillCheck.deleted.length > 0;
+							if (stats === void 0 && installedCount === 0 && !hasSkillUpdate && !hasDeleted && !hasReleaseUpdate) return null;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.hintLine,
+								style: {
+									display: "flex",
+									gap: 4,
+									flexWrap: "wrap",
+									marginTop: 3
+								},
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-										className: panel_module_css_default.sourceLink,
-										href: "https://github.com/" + record.repo,
-										target: "_blank",
-										rel: "noreferrer",
-										children: record.repo
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: panel_module_css_default.badge + " " + panel_module_css_default.badgeSource,
-										style: {
-											cursor: "pointer",
-											fontFamily: "inherit"
-										},
-										title: tt("market.versionHint"),
-										onClick: () => {
-											hub.openVersionDialog(record.repo);
-										},
-										children: record.ref ?? tt("market.unpinned")
-									}),
-									installedCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: panel_module_css_default.badge + " " + panel_module_css_default.badgeCount,
-										children: tt("market.installed", { count: installedCount })
-									}) : null,
 									hasSkillUpdate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: panel_module_css_default.badge + " " + panel_module_css_default.statusUpdated,
 										children: tt("market.updatable", { count: skillCheck.updated.length })
 									}) : null,
-									skillCheck !== void 0 && skillCheck.deleted.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									hasDeleted ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: panel_module_css_default.badge + " " + panel_module_css_default.statusError,
 										children: tt("market.deletedUpstream", { count: skillCheck.deleted.length })
 									}) : null,
 									hasReleaseUpdate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: panel_module_css_default.badge + " " + panel_module_css_default.statusUpdated,
 										children: releaseCheck.latestTag !== void 0 ? tt("market.newRelease", { version: releaseCheck.latestTag }) : tt("market.updated")
+									}) : null,
+									installedCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: panel_module_css_default.badge + " " + panel_module_css_default.badgeCount,
+										children: tt("market.installed", { count: installedCount })
+									}) : null,
+									stats !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: panel_module_css_default.badge + " " + panel_module_css_default.badgeCount,
+										title: tt("market.starsHint", { count: stats.stars }),
+										children: ["★ ", formatCount(stats.stars)]
+									}) : null,
+									stats !== void 0 && stats.downloads > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: panel_module_css_default.badge + " " + panel_module_css_default.badgeCount,
+										title: tt("market.downloadsHint", { count: stats.downloads }),
+										children: ["⭳ ", formatCount(stats.downloads)]
 									}) : null
 								]
-							})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: panel_module_css_default.button + " " + panel_module_css_default.primary,
-							style: {
-								padding: "4px 10px",
-								fontSize: 12
-							},
-							disabled: scanning,
-							onClick: () => {
-								scanRepo(record.repo);
-							},
-							children: scanning ? tt("market.scanning") : tt("market.scan")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: panel_module_css_default.opBtn + (updateDanger ? " " + panel_module_css_default.opDanger : ""),
-							disabled: updateDisabled,
-							title: hasUpdate ? "将同步到上游最新版并提示可更新的本地技能" : void 0,
-							onClick: updateAction,
-							children: updateLabel
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: panel_module_css_default.opBtn,
-							disabled: tagBusy,
-							title: tt("market.removeHint"),
-							"aria-label": tt("market.deleteSource"),
-							onClick: () => {
-								removeMarketSource(record.repo);
-							},
-							style: {
-								padding: "4px 8px",
-								minWidth: 28
-							},
-							children: "×"
-						})
-					]
-				});
-			};
-			const rows = [];
-			for (const entry of MARKET_CATALOG) {
-				const record = marketState.repos.find((item) => item.repo === entry.repo);
-				if (record !== void 0) rows.push({
+							});
+						})()]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.button + " " + panel_module_css_default.primary,
+						style: {
+							padding: "4px 10px",
+							fontSize: 12
+						},
+						disabled: scanning,
+						onClick: () => {
+							scanRepo(record.repo);
+						},
+						children: scanning ? tt("market.scanning") : tt("market.scan")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.opBtn + (updateDanger ? " " + panel_module_css_default.opDanger : ""),
+						disabled: updateDisabled,
+						title: hasUpdate ? "将同步到上游最新版并提示可更新的本地技能" : void 0,
+						onClick: updateAction,
+						children: updateLabel
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.opBtn,
+						disabled: tagBusy,
+						title: tt("market.removeHint"),
+						"aria-label": tt("market.deleteSource"),
+						onClick: () => {
+							removeMarketSource(record.repo);
+						},
+						style: {
+							padding: "4px 8px",
+							minWidth: 28
+						},
+						children: "×"
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/panel/RepoScanCard.tsx
+		/**
+		* RepoScanCard — 扫描结果归属卡片：扫描中/错误/就绪（搜索+过滤+分页+
+		* 勾选导入+进度+结果）都包在这里。搜索/过滤/分页是卡片级本地状态，
+		* 随卡片挂载而生、关闭而灭。从 MarketView.tsx 原样搬出，渲染逻辑不变。
+		*/
+		function RepoScanCard(props) {
+			const { hub } = props;
+			const { repoDiscoverState, scanningRepo, repoResult, repoSelected, setRepoSelected, repoImporting, toggleRepoSelected, importRepo, cancelImport } = hub;
+			const [repoSearch, setRepoSearch] = (0, react.useState)("");
+			const [repoFilter, setRepoFilter] = (0, react.useState)("all");
+			const [visibleCount, setVisibleCount] = (0, react.useState)(50);
+			(0, react.useEffect)(() => {
+				setVisibleCount(50);
+			}, [
+				repoDiscoverState,
+				repoSearch,
+				repoFilter
+			]);
+			if (repoDiscoverState.status === "idle" && repoResult === null) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: panel_module_css_default.section,
+				style: {
+					borderLeft: "3px solid var(--hub-model, #2f81f7)",
+					background: "rgba(47,129,247,0.04)"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: panel_module_css_default.sectionTitle + " " + panel_module_css_default.sectionHeadRow,
+					style: { margin: "10px 14px 6px" },
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: panel_module_css_default.sectionTitleFill,
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 6
+						},
+						children: ["扫描结果", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							style: {
+								fontWeight: 400,
+								opacity: .75
+							},
+							children: [
+								"— ",
+								repoDiscoverState.status === "ready" ? repoDiscoverState.data.repo : repoDiscoverState.status === "error" ? scanningRepo ?? "" : scanningRepo ?? "",
+								repoDiscoverState.status === "ready" && repoDiscoverState.data.ref !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: {
+										opacity: .5,
+										marginLeft: 6
+									},
+									children: ["ref ", repoDiscoverState.data.ref]
+								}) : null
+							]
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: panel_module_css_default.opBtn,
+						onClick: () => {
+							hub.clearScan();
+						},
+						children: "关闭"
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: { padding: "0 12px 12px" },
+					children: [
+						repoDiscoverState.status === "scanning" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_css_default.empty,
+							style: { padding: "12px 0" },
+							children: tt("market.scanning")
+						}) : null,
+						repoDiscoverState.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_css_default.errorBanner,
+							children: repoDiscoverState.message
+						}) : null,
+						repoDiscoverState.status === "ready" ? (() => {
+							const entries = repoDiscoverState.data.entries;
+							const installedNames = /* @__PURE__ */ new Set([
+								...(hub.catalog?.skills ?? []).map((s) => s.name),
+								...(hub.catalog?.disabled ?? []).map((d) => d.name),
+								...(repoResult?.imported ?? []).map((r) => r.name),
+								...(repoResult?.skipped ?? []).map((r) => r.name)
+							]);
+							const isExisting = (entry) => entry.existing || installedNames.has(entry.name);
+							const selected = entries.filter((entry) => repoSelected.has(entry.path) && !isExisting(entry));
+							const selectedBytes = selected.reduce((s, e) => s + e.totalBytes, 0);
+							const filtered = entries.filter((entry) => {
+								if (repoFilter !== "all" && entry.root !== repoFilter) return false;
+								if (repoSearch.trim() !== "" && !entry.name.toLowerCase().includes(repoSearch.trim().toLowerCase())) return false;
+								return true;
+							}).sort((a, b) => a.name.localeCompare(b.name));
+							const paged = filtered.slice(0, visibleCount);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+									className: panel_module_css_default.hintLine + " " + panel_module_css_default.hintInline,
+									children: [
+										tt("repo.ready", { count: entries.length }),
+										" · ",
+										repoDiscoverState.data.ref !== null ? `ref ${repoDiscoverState.data.ref}` : ""
+									]
+								}),
+								repoDiscoverState.data.truncated === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: panel_module_css_default.errorBanner,
+									style: {
+										background: "rgba(210,153,34,0.08)",
+										color: "#d29922",
+										borderLeft: "3px solid #d29922"
+									},
+									children: tt("repo.truncated")
+								}) : null,
+								entries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: panel_module_css_default.empty,
+									children: tt("repo.empty")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									(() => {
+										const order = /* @__PURE__ */ new Map([["skills", 0], ["design-templates", 1]]);
+										const roots = [...new Set(entries.map((e) => e.root))].sort((a, b) => {
+											const ao = order.get(a) ?? 99;
+											const bo = order.get(b) ?? 99;
+											return ao !== bo ? ao - bo : a.localeCompare(b);
+										});
+										const counts = /* @__PURE__ */ new Map();
+										for (const e of entries) counts.set(e.root, (counts.get(e.root) ?? 0) + 1);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												display: "flex",
+												gap: 8,
+												marginBottom: 8,
+												flexWrap: "wrap"
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: panel_module_css_default.input,
+													style: {
+														flex: 1,
+														minWidth: 140
+													},
+													value: repoSearch,
+													onChange: (e) => setRepoSearch(e.target.value),
+													placeholder: "搜索技能名…"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													className: panel_module_css_default.button + (repoFilter === "all" ? " " + panel_module_css_default.primary : ""),
+													style: {
+														padding: "6px 10px",
+														fontSize: 12
+													},
+													onClick: () => setRepoFilter("all"),
+													children: ["全部 ", entries.length]
+												}),
+												roots.map((root) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													className: panel_module_css_default.button + (repoFilter === root ? " " + panel_module_css_default.primary : ""),
+													style: {
+														padding: "6px 10px",
+														fontSize: 12
+													},
+													onClick: () => setRepoFilter(root),
+													children: [
+														root,
+														" ",
+														counts.get(root) ?? 0
+													]
+												}, root))
+											]
+										});
+									})(),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: panel_module_css_default.hintLine,
+										style: {
+											display: "flex",
+											justifyContent: "space-between",
+											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", {
+											style: {
+												display: "flex",
+												gap: 6
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: panel_module_css_default.button,
+													style: {
+														padding: "4px 8px",
+														fontSize: 11
+													},
+													onClick: () => {
+														setRepoSelected(new Set(filtered.filter((e) => !isExisting(e)).slice(0, visibleCount).map((e) => e.path)));
+													},
+													children: "全选当前显示"
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+													type: "button",
+													className: panel_module_css_default.button,
+													style: {
+														padding: "4px 8px",
+														fontSize: 11
+													},
+													onClick: () => {
+														setRepoSelected(new Set(entries.filter((e) => !isExisting(e)).map((e) => e.path)));
+													},
+													children: ["全选全部 ", entries.filter((e) => !isExisting(e)).length]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: panel_module_css_default.button,
+													style: {
+														padding: "4px 8px",
+														fontSize: 11
+													},
+													onClick: () => {
+														setRepoSelected(/* @__PURE__ */ new Set());
+													},
+													children: tt("repo.clearAll")
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: panel_module_css_default.scanList,
+										children: paged.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: panel_module_css_default.empty,
+											style: { padding: 20 },
+											children: "无匹配技能"
+										}) : paged.map((entry) => {
+											const existing = isExisting(entry);
+											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: panel_module_css_default.row + (existing ? " " + panel_module_css_default.rowMuted : ""),
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														type: "checkbox",
+														checked: repoSelected.has(entry.path),
+														disabled: existing,
+														onChange: (event) => {
+															toggleRepoSelected(entry.path, event.target.checked);
+														}
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: panel_module_css_default.rowMain,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															className: panel_module_css_default.rowName,
+															children: entry.name
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: panel_module_css_default.rowDesc,
+															children: [
+																entry.dir,
+																" · ",
+																tt("repo.files", {
+																	count: entry.fileCount,
+																	size: formatBytes(entry.totalBytes)
+																})
+															]
+														})]
+													}),
+													existing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: panel_module_css_default.badge + " " + panel_module_css_default.badgeReadonly,
+														children: tt("repo.existing")
+													}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: panel_module_css_default.badge + " " + panel_module_css_default.badgeSource,
+														children: entry.origin
+													})
+												]
+											}, entry.path);
+										})
+									}),
+									visibleCount < filtered.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: {
+											textAlign: "center",
+											marginTop: 8
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: panel_module_css_default.button,
+											onClick: () => setVisibleCount((n) => n + 50),
+											children: [
+												"加载更多 50 (剩余 ",
+												filtered.length - visibleCount,
+												")"
+											]
+										})
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: panel_module_css_default.buttons + " " + panel_module_css_default.actionsTop,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: panel_module_css_default.button + " " + panel_module_css_default.primary,
+											disabled: selected.length === 0 || repoImporting,
+											onClick: () => {
+												importRepo();
+											},
+											children: repoImporting ? tt("repo.importing") : `${tt("repo.import", { count: selected.length })} · ${formatBytes(selectedBytes)}`
+										}), repoImporting ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: panel_module_css_default.button,
+											onClick: () => {
+												cancelImport();
+											},
+											children: tt("repo.cancel")
+										}) : null]
+									}),
+									repoResult !== null && repoResult.status === "running" ? (() => {
+										const pct = repoResult.totalBytes > 0 ? Math.min(100, Math.round(repoResult.downloadedBytes / repoResult.totalBytes * 100)) : repoResult.total > 0 ? Math.round(repoResult.done / repoResult.total * 100) : 0;
+										const speed = formatSpeed(repoResult.bytesPerSecond);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: panel_module_css_default.formSuccess + " " + panel_module_css_default.actionsTop,
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													style: {
+														display: "flex",
+														alignItems: "center",
+														gap: 8,
+														marginBottom: 6
+													},
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: panel_module_css_default.scanProgressTrack,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															className: panel_module_css_default.scanProgressFill,
+															style: { width: `${pct}%` }
+														})
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														style: {
+															fontSize: 11,
+															opacity: .75,
+															minWidth: 32,
+															textAlign: "right"
+														},
+														children: [pct, "%"]
+													})]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: panel_module_css_default.hintLine,
+													children: [
+														formatBytes(repoResult.downloadedBytes),
+														" / ",
+														formatBytes(repoResult.totalBytes),
+														speed !== "" ? ` · ${speed}` : "",
+														" · ",
+														repoResult.done,
+														"/",
+														repoResult.total,
+														" 个技能"
+													]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													className: panel_module_css_default.hintLine,
+													style: { marginTop: 4 },
+													children: [repoResult.current !== void 0 ? tt("repo.importingCurrent", {
+														name: repoResult.current,
+														done: repoResult.done + 1,
+														total: repoResult.total
+													}) : tt("repo.importing"), repoResult.currentFile !== void 0 ? ` · ${repoResult.currentFile}` : ""]
+												}),
+												repoResult.failed.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: panel_module_css_default.errorBanner,
+													style: { marginTop: 6 },
+													children: repoResult.failed.map((f) => `${f.name}: ${f.error}`).join("; ")
+												}) : null
+											]
+										});
+									})() : null
+								] })
+							] });
+						})() : null,
+						repoResult !== null && repoResult.status !== "running" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: repoResult.status === "cancelled" ? panel_module_css_default.errorBanner + " " + panel_module_css_default.actionsTop : panel_module_css_default.formSuccess + " " + panel_module_css_default.actionsTop,
+							children: [
+								repoResult.status === "cancelled" ? tt("repo.cancelled", {
+									imported: repoResult.imported.length,
+									total: repoResult.total
+								}) : `${tt("repo.imported", { count: repoResult.imported.length })} · ${tt("repo.skippedExisting", { count: repoResult.skipped.length })} · ${tt("repo.failed", { count: repoResult.failed.length })}`,
+								repoResult.failed.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: { marginTop: 6 },
+									children: repoResult.failed.map((f) => `${f.name}: ${f.error}`).join("; ")
+								}) : null,
+								repoResult.status === "error" && repoResult.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: { marginTop: 6 },
+									children: repoResult.error
+								}) : null
+							]
+						}) : null
+					]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/panel/MarketView.tsx
+		/**
+		* Market tab: one unified market list — built-in catalog entries (add
+		* button while not yet added) and the user's market sources (full state
+		* badges + actions once added, plus custom sources), with check-all and
+		* update-all actions and the repo scan result with the importable checklist.
+		* 行渲染在 MarketSourceRow，扫描卡片在 RepoScanCard，数字格式在 market-format。
+		*/
+		function MarketView(props) {
+			const { hub } = props;
+			const { marketState, sourceCheck, scanningRepo, newSourceName, setNewSourceName, tagBusy, addSource, addMarketSource, checkMarket, checkSources, updateAllDialog, setUpdateAllDialog, updateAll } = hub;
+			/** 有可更新技能的来源（全部更新按钮与确认列表共用）。 */
+			const updatableRepos = Object.entries(sourceCheck).filter(([, check]) => check.changed && check.updated.length > 0);
+			(0, react.useEffect)(() => {
+				hub.loadMarketStats();
+			}, []);
+			const rows = [];
+			for (const entry of MARKET_CATALOG) {
+				const record = marketState.repos.find((item) => item.repo === entry.repo);
+				if (record !== void 0) rows.push({
 					key: entry.repo,
-					element: sourceRow(record)
+					element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarketSourceRow, {
+						hub,
+						record
+					})
 				});
 				else {
 					const busy = scanningRepo !== null || tagBusy;
@@ -4587,7 +5098,10 @@ window.__ModuleLoader__.load({
 				if (MARKET_CATALOG.some((entry) => entry.repo === record.repo)) continue;
 				rows.push({
 					key: record.repo,
-					element: sourceRow(record)
+					element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarketSourceRow, {
+						hub,
+						record
+					})
 				});
 			}
 			const unaddedCatalog = MARKET_CATALOG.filter((entry) => !marketState.repos.some((record) => record.repo === entry.repo));
@@ -4662,393 +5176,18 @@ window.__ModuleLoader__.load({
 						marketState.status !== "loading" ? rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: row.element }, row.key)) : null
 					]
 				}),
-				repoDiscoverState.status !== "idle" || repoResult !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-					className: panel_module_css_default.section,
-					style: {
-						borderLeft: "3px solid var(--hub-model, #2f81f7)",
-						background: "rgba(47,129,247,0.04)"
-					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_css_default.sectionTitle + " " + panel_module_css_default.sectionHeadRow,
-						style: { margin: "10px 14px 6px" },
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: panel_module_css_default.sectionTitleFill,
-							style: {
-								display: "flex",
-								alignItems: "center",
-								gap: 6
-							},
-							children: ["扫描结果", /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								style: {
-									fontWeight: 400,
-									opacity: .75
-								},
-								children: [
-									"— ",
-									repoDiscoverState.status === "ready" ? repoDiscoverState.data.repo : repoDiscoverState.status === "error" ? scanningRepo ?? "" : scanningRepo ?? "",
-									repoDiscoverState.status === "ready" && repoDiscoverState.data.ref !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-										style: {
-											opacity: .5,
-											marginLeft: 6
-										},
-										children: ["ref ", repoDiscoverState.data.ref]
-									}) : null
-								]
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: panel_module_css_default.opBtn,
-							onClick: () => {
-								hub.clearScan();
-							},
-							children: "关闭"
-						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: { padding: "0 12px 12px" },
-						children: [
-							repoDiscoverState.status === "scanning" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: panel_module_css_default.empty,
-								style: { padding: "12px 0" },
-								children: tt("market.scanning")
-							}) : null,
-							repoDiscoverState.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: panel_module_css_default.errorBanner,
-								children: repoDiscoverState.message
-							}) : null,
-							repoDiscoverState.status === "ready" ? (() => {
-								const entries = repoDiscoverState.data.entries;
-								const installedNames = /* @__PURE__ */ new Set([
-									...(hub.catalog?.skills ?? []).map((s) => s.name),
-									...(hub.catalog?.disabled ?? []).map((d) => d.name),
-									...(repoResult?.imported ?? []).map((r) => r.name),
-									...(repoResult?.skipped ?? []).map((r) => r.name)
-								]);
-								const isExisting = (entry) => entry.existing || installedNames.has(entry.name);
-								const selected = entries.filter((entry) => repoSelected.has(entry.path) && !isExisting(entry));
-								const selectedBytes = selected.reduce((s, e) => s + e.totalBytes, 0);
-								const filtered = entries.filter((entry) => {
-									if (repoFilter !== "all" && entry.root !== repoFilter) return false;
-									if (repoSearch.trim() !== "" && !entry.name.toLowerCase().includes(repoSearch.trim().toLowerCase())) return false;
-									return true;
-								}).sort((a, b) => a.name.localeCompare(b.name));
-								const paged = filtered.slice(0, visibleCount);
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-										className: panel_module_css_default.hintLine + " " + panel_module_css_default.hintInline,
-										children: [
-											tt("repo.ready", { count: entries.length }),
-											" · ",
-											repoDiscoverState.data.ref !== null ? `ref ${repoDiscoverState.data.ref}` : ""
-										]
-									}),
-									repoDiscoverState.data.truncated === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: panel_module_css_default.errorBanner,
-										style: {
-											background: "rgba(210,153,34,0.08)",
-											color: "#d29922",
-											borderLeft: "3px solid #d29922"
-										},
-										children: tt("repo.truncated")
-									}) : null,
-									entries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: panel_module_css_default.empty,
-										children: tt("repo.empty")
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-										(() => {
-											const order = /* @__PURE__ */ new Map([["skills", 0], ["design-templates", 1]]);
-											const roots = [...new Set(entries.map((e) => e.root))].sort((a, b) => {
-												const ao = order.get(a) ?? 99;
-												const bo = order.get(b) ?? 99;
-												return ao !== bo ? ao - bo : a.localeCompare(b);
-											});
-											const counts = /* @__PURE__ */ new Map();
-											for (const e of entries) counts.set(e.root, (counts.get(e.root) ?? 0) + 1);
-											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												style: {
-													display: "flex",
-													gap: 8,
-													marginBottom: 8,
-													flexWrap: "wrap"
-												},
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-														className: panel_module_css_default.input,
-														style: {
-															flex: 1,
-															minWidth: 140
-														},
-														value: repoSearch,
-														onChange: (e) => setRepoSearch(e.target.value),
-														placeholder: "搜索技能名…"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-														type: "button",
-														className: panel_module_css_default.button + (repoFilter === "all" ? " " + panel_module_css_default.primary : ""),
-														style: {
-															padding: "6px 10px",
-															fontSize: 12
-														},
-														onClick: () => setRepoFilter("all"),
-														children: ["全部 ", entries.length]
-													}),
-													roots.map((root) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-														type: "button",
-														className: panel_module_css_default.button + (repoFilter === root ? " " + panel_module_css_default.primary : ""),
-														style: {
-															padding: "6px 10px",
-															fontSize: 12
-														},
-														onClick: () => setRepoFilter(root),
-														children: [
-															root,
-															" ",
-															counts.get(root) ?? 0
-														]
-													}, root))
-												]
-											});
-										})(),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: panel_module_css_default.hintLine,
-											style: {
-												display: "flex",
-												justifyContent: "space-between",
-												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", {
-												style: {
-													display: "flex",
-													gap: 6
-												},
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: panel_module_css_default.button,
-														style: {
-															padding: "4px 8px",
-															fontSize: 11
-														},
-														onClick: () => {
-															setRepoSelected(new Set(filtered.filter((e) => !isExisting(e)).slice(0, visibleCount).map((e) => e.path)));
-														},
-														children: "全选当前显示"
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-														type: "button",
-														className: panel_module_css_default.button,
-														style: {
-															padding: "4px 8px",
-															fontSize: 11
-														},
-														onClick: () => {
-															setRepoSelected(new Set(entries.filter((e) => !isExisting(e)).map((e) => e.path)));
-														},
-														children: ["全选全部 ", entries.filter((e) => !isExisting(e)).length]
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: panel_module_css_default.button,
-														style: {
-															padding: "4px 8px",
-															fontSize: 11
-														},
-														onClick: () => {
-															setRepoSelected(/* @__PURE__ */ new Set());
-														},
-														children: tt("repo.clearAll")
-													})
-												]
-											})]
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: panel_module_css_default.scanList,
-											children: paged.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: panel_module_css_default.empty,
-												style: { padding: 20 },
-												children: "无匹配技能"
-											}) : paged.map((entry) => {
-												const existing = isExisting(entry);
-												return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-													className: panel_module_css_default.row + (existing ? " " + panel_module_css_default.rowMuted : ""),
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-															type: "checkbox",
-															checked: repoSelected.has(entry.path),
-															disabled: existing,
-															onChange: (event) => {
-																toggleRepoSelected(entry.path, event.target.checked);
-															}
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-															className: panel_module_css_default.rowMain,
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																className: panel_module_css_default.rowName,
-																children: entry.name
-															}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-																className: panel_module_css_default.rowDesc,
-																children: [
-																	entry.dir,
-																	" · ",
-																	tt("repo.files", {
-																		count: entry.fileCount,
-																		size: formatBytes(entry.totalBytes)
-																	})
-																]
-															})]
-														}),
-														existing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: panel_module_css_default.badge + " " + panel_module_css_default.badgeReadonly,
-															children: tt("repo.existing")
-														}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-															className: panel_module_css_default.badge + " " + panel_module_css_default.badgeSource,
-															children: entry.origin
-														})
-													]
-												}, entry.path);
-											})
-										}),
-										visibleCount < filtered.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											style: {
-												textAlign: "center",
-												marginTop: 8
-											},
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: panel_module_css_default.button,
-												onClick: () => setVisibleCount((n) => n + 50),
-												children: [
-													"加载更多 50 (剩余 ",
-													filtered.length - visibleCount,
-													")"
-												]
-											})
-										}) : null,
-										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: panel_module_css_default.buttons + " " + panel_module_css_default.actionsTop,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: panel_module_css_default.button + " " + panel_module_css_default.primary,
-												disabled: selected.length === 0 || repoImporting,
-												onClick: () => {
-													importRepo();
-												},
-												children: repoImporting ? tt("repo.importing") : `${tt("repo.import", { count: selected.length })} · ${formatBytes(selectedBytes)}`
-											}), repoImporting ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: panel_module_css_default.button,
-												onClick: () => {
-													cancelImport();
-												},
-												children: tt("repo.cancel")
-											}) : null]
-										}),
-										repoResult !== null && repoResult.status === "running" ? (() => {
-											const pct = repoResult.totalBytes > 0 ? Math.min(100, Math.round(repoResult.downloadedBytes / repoResult.totalBytes * 100)) : repoResult.total > 0 ? Math.round(repoResult.done / repoResult.total * 100) : 0;
-											const speed = formatSpeed(repoResult.bytesPerSecond);
-											return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: panel_module_css_default.formSuccess + " " + panel_module_css_default.actionsTop,
-												children: [
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														style: {
-															display: "flex",
-															alignItems: "center",
-															gap: 8,
-															marginBottom: 6
-														},
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-															className: panel_module_css_default.scanProgressTrack,
-															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-																className: panel_module_css_default.scanProgressFill,
-																style: { width: `${pct}%` }
-															})
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-															style: {
-																fontSize: 11,
-																opacity: .75,
-																minWidth: 32,
-																textAlign: "right"
-															},
-															children: [pct, "%"]
-														})]
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: panel_module_css_default.hintLine,
-														children: [
-															formatBytes(repoResult.downloadedBytes),
-															" / ",
-															formatBytes(repoResult.totalBytes),
-															speed !== "" ? ` · ${speed}` : "",
-															" · ",
-															repoResult.done,
-															"/",
-															repoResult.total,
-															" 个技能"
-														]
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-														className: panel_module_css_default.hintLine,
-														style: { marginTop: 4 },
-														children: [repoResult.current !== void 0 ? tt("repo.importingCurrent", {
-															name: repoResult.current,
-															done: repoResult.done + 1,
-															total: repoResult.total
-														}) : tt("repo.importing"), repoResult.currentFile !== void 0 ? ` · ${repoResult.currentFile}` : ""]
-													}),
-													repoResult.failed.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-														className: panel_module_css_default.errorBanner,
-														style: { marginTop: 6 },
-														children: repoResult.failed.map((f) => `${f.name}: ${f.error}`).join("; ")
-													}) : null
-												]
-											});
-										})() : null
-									] })
-								] });
-							})() : null,
-							repoResult !== null && repoResult.status !== "running" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: repoResult.status === "cancelled" ? panel_module_css_default.errorBanner + " " + panel_module_css_default.actionsTop : panel_module_css_default.formSuccess + " " + panel_module_css_default.actionsTop,
-								children: [
-									repoResult.status === "cancelled" ? tt("repo.cancelled", {
-										imported: repoResult.imported.length,
-										total: repoResult.total
-									}) : `${tt("repo.imported", { count: repoResult.imported.length })} · ${tt("repo.skippedExisting", { count: repoResult.skipped.length })} · ${tt("repo.failed", { count: repoResult.failed.length })}`,
-									repoResult.failed.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										style: { marginTop: 6 },
-										children: repoResult.failed.map((f) => `${f.name}: ${f.error}`).join("; ")
-									}) : null,
-									repoResult.status === "error" && repoResult.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										style: { marginTop: 6 },
-										children: repoResult.error
-									}) : null
-								]
-							}) : null
-						]
-					})]
-				}) : null,
-				updateAllDialog ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
-					title: tt("market.updateAllConfirmTitle"),
-					text: tt("market.updateAllConfirmText"),
-					items: updatableRepos.map(([repo, check]) => tt("market.updateAllItem", {
-						repo,
-						count: check.updated.length
-					})),
-					confirmLabel: tt("market.updateAll"),
-					danger: true,
-					onCancel: () => {
-						setUpdateAllDialog(false);
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RepoScanCard, { hub }),
+				updateAllDialog ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
+					title: tt("market.updateAllConfirmTitle"),
+					text: tt("market.updateAllConfirmText"),
+					items: updatableRepos.map(([repo, check]) => tt("market.updateAllItem", {
+						repo,
+						count: check.updated.length
+					})),
+					confirmLabel: tt("market.updateAll"),
+					danger: true,
+					onCancel: () => {
+						setUpdateAllDialog(false);
 					},
 					onConfirm: () => {
 						updateAll();
@@ -5057,18 +5196,7 @@ window.__ModuleLoader__.load({
 			] });
 		}
 		//#endregion
-		//#region src/client/panel/useSkillHub.ts
-		/**
-		* useSkillHub — the panel's state owner. Everything the skill hub panel
-		* knows (catalog, groups, sources, market, dialogs, drafts) plus every
-		* async flow lives here; the panel itself only renders. All hooks run
-		* unconditionally at the top, so the panel may early-return for the detail
-		* and tag-editor views without violating the rules of hooks.
-		*/
-		/** 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;
+		//#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. */
@@ -5090,108 +5218,16 @@ window.__ModuleLoader__.load({
 				localStorage.setItem(AUTO_CHECK_KEY, String(Date.now()));
 			} catch {}
 		}
-		function useSkillHub(api) {
-			const [catalog, setCatalog] = (0, react.useState)(null);
-			const [loading, setLoading] = (0, react.useState)(true);
-			const [loadError, setLoadError] = (0, react.useState)(null);
-			/** Green success banner (create finished); shown outside the closing form. */
-			const [successBanner, setSuccessBanner] = (0, react.useState)(null);
+		//#endregion
+		//#region src/client/panel/hooks/useMetaFlow.ts
+		/**
+		* useMetaFlow — 自身更新检查 + 调用统计 + 配置：只依赖 api，
+		* 不碰其他域。补捞 effect 自包含（uses.size + loadUses）。
+		*/
+		function useMetaFlow(api) {
 			const [updateState, setUpdateState] = (0, react.useState)({ status: "idle" });
-			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);
-			const [search, setSearch] = (0, react.useState)("");
-			/** 工作区（项目）路径；空 = 只看用户级技能。 */
-			const [workspace, setWorkspace] = (0, react.useState)("");
-			const [detail, setDetail] = (0, react.useState)(null);
-			const [detailLoading, setDetailLoading] = (0, react.useState)(false);
-			const [busyNames, setBusyNames] = (0, react.useState)(/* @__PURE__ */ new Set());
-			const [batchBusy, setBatchBusy] = (0, react.useState)(false);
-			const [showForm, setShowForm] = (0, react.useState)(false);
-			const [formName, setFormName] = (0, react.useState)("");
-			const [formDesc, setFormDesc] = (0, react.useState)("");
-			const [formRoot, setFormRoot] = (0, react.useState)("user-dsh");
-			const [formBusy, setFormBusy] = (0, react.useState)(false);
-			const [formMessage, setFormMessage] = (0, react.useState)(null);
 			const [uses, setUses] = (0, react.useState)(/* @__PURE__ */ new Map());
 			const [hubConfig, setHubConfig] = (0, react.useState)(null);
-			const [tab, setTab] = (0, react.useState)("sources");
-			const [skillView, setSkillView] = (0, react.useState)("groups");
-			const [sourceFilter, setSourceFilter] = (0, react.useState)("all");
-			const [invocationFilter, setInvocationFilter] = (0, react.useState)("all");
-			const [sortKey, setSortKey] = (0, react.useState)("name");
-			const [marketState, setMarketState] = (0, react.useState)({
-				status: "loading",
-				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 [groupsState, setGroupsState] = (0, react.useState)(null);
-			const [sourcesState, setSourcesState] = (0, react.useState)(null);
-			const [sourceCheck, setSourceCheck] = (0, react.useState)({});
-			const [checkingSource, setCheckingSource] = (0, react.useState)(null);
-			const [syncingSource, setSyncingSource] = (0, react.useState)(null);
-			const [conflictDialog, setConflictDialog] = (0, react.useState)(null);
-			const [confirmDialog, setConfirmDialog] = (0, react.useState)(null);
-			const [deleteSkillDialog, setDeleteSkillDialog] = (0, react.useState)(null);
-			const [deleteGroupDialog, setDeleteGroupDialog] = (0, react.useState)(null);
-			const [confirmClearTrash, setConfirmClearTrash] = (0, react.useState)(false);
-			/** 「全部更新」确认对话框（市场 tab）。 */
-			const [updateAllDialog, setUpdateAllDialog] = (0, react.useState)(false);
-			const [editingTag, setEditingTag] = (0, react.useState)(null);
-			const [editName, setEditName] = (0, react.useState)("");
-			const [membersDraft, setMembersDraft] = (0, react.useState)(/* @__PURE__ */ new Set());
-			const [newTagName, setNewTagName] = (0, react.useState)("");
-			const [tagBusy, setTagBusy] = (0, react.useState)(false);
-			const [editSearch, setEditSearch] = (0, react.useState)("");
-			/** 分组视图里收起的分组（key 为 tag:<id>、col:<name> 或 project 树键）。技能总数 >80 时首次加载自动折叠 personal。 */
-			const [collapsedGroups, setCollapsedGroups] = (0, react.useState)(/* @__PURE__ */ new Set());
-			const autoCollapsedPersonal = (0, react.useRef)(false);
-			/** 项目级三级树里已细分（按 .dsh/.agents）的项目键。 */
-			const [subdividedProjects, setSubdividedProjects] = (0, react.useState)(/* @__PURE__ */ new Set());
-			const [showLegend, setShowLegend] = (0, react.useState)(false);
-			const [editMode, setEditMode] = (0, react.useState)(false);
-			const toggleGroupCollapse = (0, react.useCallback)((key) => {
-				setCollapsedGroups((previous) => {
-					const next = new Set(previous);
-					if (next.has(key)) next.delete(key);
-					else next.add(key);
-					return next;
-				});
-			}, []);
-			const toggleSubdivide = (0, react.useCallback)((key) => {
-				setSubdividedProjects((previous) => {
-					const next = new Set(previous);
-					if (next.has(key)) next.delete(key);
-					else next.add(key);
-					return next;
-				});
-			}, []);
-			const load = (0, react.useCallback)(async () => {
-				try {
-					const next = await api.catalog(workspace !== "" ? { cwd: workspace } : void 0);
-					setCatalog(next);
-					if (!autoCollapsedPersonal.current && next.skills.length + next.disabled.length > 80) {
-						autoCollapsedPersonal.current = true;
-						setCollapsedGroups((previous) => new Set(previous).add("uncategorized-source"));
-					}
-					setLoadError(null);
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setLoading(false);
-				}
-			}, [api, workspace]);
 			const loadUses = (0, react.useCallback)(async () => {
 				try {
 					const result = await api.stats();
@@ -5206,7 +5242,6 @@ window.__ModuleLoader__.load({
 					setHubConfig((await api.config()).config);
 				} catch {}
 			}, [api]);
-			/** Check the hub's own GitHub release once, and again on demand. */
 			const checkUpdate = (0, react.useCallback)(async () => {
 				setUpdateState({ status: "checking" });
 				try {
@@ -5221,95 +5256,96 @@ window.__ModuleLoader__.load({
 					});
 				}
 			}, [api]);
-			/** 加载用户 tag 分组 + 系统集合组 + origin 映射。 */
-			const loadGroups = (0, react.useCallback)(async () => {
-				try {
-					setGroupsState(await api.groups());
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				}
-			}, [api]);
-			/** 加载来源记录 + 回收站。 */
-			const loadSources = (0, react.useCallback)(async () => {
-				try {
-					setSourcesState(await api.sources());
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				}
-			}, [api]);
-			/** 加载市场源列表。 */
-			const loadMarket = (0, react.useCallback)(async () => {
-				try {
-					const next = await api.market();
-					setMarketState({
-						status: "ready",
-						repos: next.repos
-					});
-				} catch (error) {
-					setMarketState({
-						status: "error",
-						repos: []
-					});
-					setLoadError(errorMessage(error));
-				}
-			}, [api]);
-			/** 把最新的 tag 列表合并进 groups 状态（tags 以外的字段保持原样）。 */
-			const applyTags = (0, react.useCallback)((tags) => {
-				setGroupsState((previous) => previous === null ? {
-					ok: true,
-					tags,
-					collections: [],
-					origins: {}
-				} : {
-					...previous,
-					tags
-				});
-			}, []);
+			const usesCatchUp = (0, react.useRef)(0);
 			(0, react.useEffect)(() => {
-				load();
-				loadUses();
-				loadGroups();
-				loadSources();
-				loadConfig();
-				const fast = window.setInterval(() => {
-					load();
-				}, POLL_MS);
-				const slow = window.setInterval(() => {
+				if (uses.size > 0 || usesCatchUp.current >= 72) return;
+				const timer = window.setInterval(() => {
+					usesCatchUp.current += 1;
 					loadUses();
-					loadGroups();
-					loadSources();
-					loadConfig();
-				}, SLOW_POLL_MS);
+					if (usesCatchUp.current >= 72) window.clearInterval(timer);
+				}, 5e3);
 				return () => {
-					window.clearInterval(fast);
-					window.clearInterval(slow);
+					window.clearInterval(timer);
 				};
-			}, [
-				load,
+			}, [uses.size, loadUses]);
+			return {
+				updateState,
+				checkUpdate,
+				uses,
 				loadUses,
-				loadGroups,
-				loadSources,
+				hubConfig,
 				loadConfig
+			};
+		}
+		//#endregion
+		//#region src/client/panel/hooks/useCatalogFlow.ts
+		/**
+		* useCatalogFlow — 目录域：catalog 加载、详情、开关（单个/禁用态/批量）、
+		* 新建、诊断修复，以及列表过滤/排序派生。跨域刷新只通过 shared 通知，
+		* 不直接碰其他域的 state。
+		*/
+		function useCatalogFlow(api, uses, shared, collapsePersonal, clearSourceFilter) {
+			const [catalog, setCatalog] = (0, react.useState)(null);
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [detail, setDetail] = (0, react.useState)(null);
+			const [detailLoading, setDetailLoading] = (0, react.useState)(false);
+			const [busyNames, setBusyNames] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [search, setSearch] = (0, react.useState)("");
+			/** 工作区（项目）路径；空 = 只看用户级技能。 */
+			const [workspace, setWorkspace] = (0, react.useState)("");
+			const [showForm, setShowForm] = (0, react.useState)(false);
+			const [formName, setFormName] = (0, react.useState)("");
+			const [formDesc, setFormDesc] = (0, react.useState)("");
+			const [formRoot, setFormRoot] = (0, react.useState)("user-dsh");
+			const [formBusy, setFormBusy] = (0, react.useState)(false);
+			const [formMessage, setFormMessage] = (0, react.useState)(null);
+			const [fixingPaths, setFixingPaths] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [invocationFilter, setInvocationFilter] = (0, react.useState)("all");
+			const [sortKey, setSortKey] = (0, react.useState)("name");
+			const autoCollapsedPersonal = (0, react.useRef)(false);
+			const load = (0, react.useCallback)(async () => {
+				try {
+					const next = await api.catalog(workspace !== "" ? { cwd: workspace } : void 0);
+					setCatalog(next);
+					if (!autoCollapsedPersonal.current && next.skills.length + next.disabled.length > 80) {
+						autoCollapsedPersonal.current = true;
+						collapsePersonal();
+					}
+					shared.clearFail();
+				} catch (error) {
+					shared.fail(errorMessage(error));
+				} finally {
+					setLoading(false);
+				}
+			}, [
+				api,
+				workspace,
+				shared,
+				collapsePersonal
 			]);
 			const openDetail = (0, react.useCallback)(async (name) => {
 				setDetailLoading(true);
-				setLoadError(null);
+				shared.clearFail();
 				try {
 					setDetail(await api.skill(name, workspace !== "" ? { cwd: workspace } : void 0));
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 				} finally {
 					setDetailLoading(false);
 				}
-			}, [api, workspace]);
+			}, [
+				api,
+				workspace,
+				shared
+			]);
 			const toggle = (0, react.useCallback)(async (skill, enabled) => {
 				setBusyNames((previous) => new Set(previous).add(skill.name));
-				setLoadError(null);
+				shared.clearFail();
 				try {
 					const next = await api.toggle(skill.name, enabled);
 					setCatalog(next);
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 				} finally {
 					setBusyNames((previous) => {
 						const next = new Set(previous);
@@ -5317,15 +5353,15 @@ window.__ModuleLoader__.load({
 						return next;
 					});
 				}
-			}, [api]);
+			}, [api, shared]);
 			const enableDisabled = (0, react.useCallback)(async (record) => {
 				setBusyNames((previous) => new Set(previous).add(record.name));
-				setLoadError(null);
+				shared.clearFail();
 				try {
 					const next = await api.toggle(record.name, true);
 					setCatalog(next);
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 				} finally {
 					setBusyNames((previous) => {
 						const next = new Set(previous);
@@ -5333,412 +5369,659 @@ window.__ModuleLoader__.load({
 						return next;
 					});
 				}
-			}, [api]);
+			}, [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;
-				setBatchBusy(true);
-				setLoadError(null);
+				shared.setBatchBusy(true);
+				shared.clearFail();
 				try {
 					const next = await api.toggleBatch(names, enabled);
 					setCatalog(next.catalog);
-					if (next.failures.length > 0) setLoadError("toggle-batch: " + next.failures.map((failure) => failure.name + ": " + failure.error).join("; "));
+					if (next.failures.length > 0) shared.fail("toggle-batch: " + next.failures.map((failure) => failure.name + ": " + failure.error).join("; "));
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 				} finally {
-					setBatchBusy(false);
+					shared.setBatchBusy(false);
 				}
-			}, [api]);
-			/** 所有分组：key → 成员名（tag 与来源集合）。 */
-			const groupMap = (0, react.useCallback)(() => {
-				const map = /* @__PURE__ */ new Map();
-				for (const tag of groupsState?.tags ?? []) map.set("tag:" + tag.id, tag.skillNames);
-				for (const collection of groupsState?.collections ?? []) map.set("col:" + collection.name, collection.skillNames);
-				return map;
-			}, [groupsState]);
-			/** 当前启用且可写的技能名（组开关只作用于它们）。 */
-			const actionNames = (0, react.useMemo)(() => new Set((catalog?.skills ?? []).filter((skill) => skill.writable).map((skill) => skill.name)), [catalog]);
-			/** 当前启用的全部技能名（含只读，用于派生开关状态）。 */
-			const viewNames = (0, react.useMemo)(() => new Set((catalog?.skills ?? []).map((skill) => skill.name)), [catalog]);
-			/**
-			* Toggle a whole group via its tri-state switch. Closing with members that
-			* are enabled in other groups opens the conflict dialog instead.
-			*/
-			const toggleGroup = (0, react.useCallback)((key, name, view) => {
-				const members = groupMap().get(key) ?? [];
-				if (members.length === 0) return;
-				if (view === "off") {
-					batchToggleNames(members, true);
-					return;
+			}, [api, shared]);
+			const fixDiagnostic = (0, react.useCallback)(async (path) => {
+				setFixingPaths((previous) => new Set(previous).add(path));
+				shared.clearFail();
+				try {
+					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;
+					});
 				}
-				const others = [...groupMap().entries()].filter(([otherKey]) => otherKey !== key).map(([, memberNames]) => ({ members: memberNames }));
-				const conflicts = conflictsOnClose(members, actionNames, others);
-				if (conflicts.length > 0) setConflictDialog({
-					key,
-					name,
-					conflicts
-				});
-				else batchToggleNames(members.filter((member) => actionNames.has(member)), false);
 			}, [
-				groupMap,
-				actionNames,
-				batchToggleNames
+				api,
+				load,
+				shared
 			]);
-			/** Resolve the open conflict dialog. */
-			const resolveConflict = (0, react.useCallback)(async (closeAll) => {
-				const dialog = conflictDialog;
-				if (dialog === null) return;
-				setConflictDialog(null);
-				const members = groupMap().get(dialog.key) ?? [];
-				if (closeAll) await batchToggleNames(members.filter((member) => actionNames.has(member)), false);
-				else await batchToggleNames(members.filter((member) => actionNames.has(member) && !dialog.conflicts.includes(member)), false);
+			const create = (0, react.useCallback)(async (event) => {
+				event.preventDefault();
+				setFormBusy(true);
+				setFormMessage(null);
+				shared.succeed(null);
+				try {
+					const result = await api.create({
+						name: formName,
+						description: formDesc,
+						root: formRoot
+					});
+					shared.succeed(tt("form.success") + result.path);
+					setFormName("");
+					setFormDesc("");
+					setShowForm(false);
+					await load();
+				} catch (error) {
+					setFormMessage({
+						kind: "error",
+						text: tt("form.error") + errorMessage(error)
+					});
+				} finally {
+					setFormBusy(false);
+				}
 			}, [
+				api,
+				formName,
+				formDesc,
+				formRoot,
+				load,
+				shared
+			]);
+			const normalized = search.trim().toLocaleLowerCase();
+			/** 当前启用且可写的技能名（组开关只作用于它们）。 */
+			const actionNames = (0, react.useMemo)(() => new Set((catalog?.skills ?? []).filter((skill) => skill.writable).map((skill) => skill.name)), [catalog]);
+			/** 当前启用的全部技能名（含只读，用于派生开关状态）。 */
+			const viewNames = (0, react.useMemo)(() => new Set((catalog?.skills ?? []).map((skill) => skill.name)), [catalog]);
+			const filtered = (0, react.useMemo)(() => (catalog?.skills ?? []).filter((skill) => {
+				if (invocationFilter === "model" && !skill.invocation.modelInvocable) return false;
+				if (invocationFilter === "user" && !skill.invocation.userInvocable) return false;
+				if (normalized.length === 0) return true;
+				return skill.name.toLocaleLowerCase().includes(normalized) || skill.description.toLocaleLowerCase().includes(normalized) || skill.displayName?.toLocaleLowerCase().includes(normalized) || skill.shortDescription?.toLocaleLowerCase().includes(normalized);
+			}), [
+				catalog,
+				normalized,
+				invocationFilter
+			]);
+			/** Rows actually rendered with a shortened description (shortDescription in use). */
+			const shortenedCount = (0, react.useMemo)(() => filtered.filter((skill) => skill.shortDescription !== void 0).length, [filtered]);
+			return {
+				catalog,
+				loading,
+				detail,
+				detailLoading,
+				busyNames,
+				search,
+				workspace,
+				showForm,
+				formName,
+				formDesc,
+				formRoot,
+				formBusy,
+				formMessage,
+				fixingPaths,
+				invocationFilter,
+				sortKey,
+				normalized,
+				actionNames,
+				viewNames,
+				filtered,
+				sorted: (0, react.useMemo)(() => sortSkills(filtered, sortKey, (name) => uses.get(name)?.count), [
+					filtered,
+					sortKey,
+					uses
+				]),
+				shortenedCount,
+				setDetail,
+				setSearch,
+				setWorkspace,
+				setShowForm,
+				setFormName,
+				setFormDesc,
+				setFormRoot,
+				setFormMessage,
+				setInvocationFilter,
+				setSortKey,
+				load,
+				openDetail,
+				toggle,
+				enableDisabled,
+				batchToggleNames,
+				fixDiagnostic,
+				create,
+				clearListFilters: (0, react.useCallback)(() => {
+					setSearch("");
+					clearSourceFilter();
+					setInvocationFilter("all");
+				}, [clearSourceFilter])
+			};
+		}
+		//#endregion
+		//#region src/client/panel/hooks/useGroupFlow.ts
+		/**
+		* useGroupFlow — 分组域：groups 加载、tag 新建/删除/成员/重排、集合重排、
+		* 来源顶层重排、组开关与冲突解决。目录侧只消费 batchToggleNames +
+		* actionNames（聚合根传入），不碰目录 state。
+		*/
+		function useGroupFlow(api, shared, batchToggleNames, actionNames) {
+			const [groupsState, setGroupsState] = (0, react.useState)(null);
+			const [conflictDialog, setConflictDialog] = (0, react.useState)(null);
+			const [editingTag, setEditingTag] = (0, react.useState)(null);
+			const [editName, setEditName] = (0, react.useState)("");
+			const [membersDraft, setMembersDraft] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [newTagName, setNewTagName] = (0, react.useState)("");
+			const [editSearch, setEditSearch] = (0, react.useState)("");
+			/** 加载用户 tag 分组 + 系统集合组 + origin 映射。 */
+			const loadGroups = (0, react.useCallback)(async () => {
+				try {
+					setGroupsState(await api.groups());
+				} catch (error) {
+					shared.fail(errorMessage(error));
+				}
+			}, [api, shared]);
+			/** 把最新的 tag 列表合并进 groups 状态（tags 以外的字段保持原样）。 */
+			const applyTags = (0, react.useCallback)((tags) => {
+				setGroupsState((previous) => previous === null ? {
+					ok: true,
+					tags,
+					collections: [],
+					origins: {}
+				} : {
+					...previous,
+					tags
+				});
+			}, []);
+			/** 所有分组：key → 成员名（tag 与来源集合）。 */
+			const groupMap = (0, react.useCallback)(() => {
+				const map = /* @__PURE__ */ new Map();
+				for (const tag of groupsState?.tags ?? []) map.set("tag:" + tag.id, tag.skillNames);
+				for (const collection of groupsState?.collections ?? []) map.set("col:" + collection.name, collection.skillNames);
+				return map;
+			}, [groupsState]);
+			return {
+				groupsState,
 				conflictDialog,
+				editingTag,
+				editName,
+				membersDraft,
+				newTagName,
+				editSearch,
+				setConflictDialog,
+				setEditingTag,
+				setEditName,
+				setMembersDraft,
+				setNewTagName,
+				setEditSearch,
+				loadGroups,
+				applyTags,
 				groupMap,
-				actionNames,
-				batchToggleNames
-			]);
-			/** Dismiss a confirm dialog and run the pending source action. */
-			const runConfirmed = (0, react.useCallback)(async () => {
-				const dialog = confirmDialog;
-				if (dialog === null) return;
-				setConfirmDialog(null);
-				if (dialog.kind === "sync") {
-					setSyncingSource(dialog.repo);
-					setLoadError(null);
+				toggleGroup: (0, react.useCallback)((key, name, view) => {
+					const members = groupMap().get(key) ?? [];
+					if (members.length === 0) return;
+					if (view === "off") {
+						batchToggleNames(members, true);
+						return;
+					}
+					const conflicts = conflictsOnClose(members, actionNames, [...groupMap().entries()].filter(([otherKey]) => otherKey !== key).map(([, memberNames]) => ({ members: memberNames })));
+					if (conflicts.length > 0) setConflictDialog({
+						key,
+						name,
+						conflicts
+					});
+					else batchToggleNames(members.filter((member) => actionNames.has(member)), false);
+				}, [
+					groupMap,
+					actionNames,
+					batchToggleNames
+				]),
+				resolveConflict: (0, react.useCallback)(async (closeAll) => {
+					const dialog = conflictDialog;
+					if (dialog === null) return;
+					setConflictDialog(null);
+					const members = groupMap().get(dialog.key) ?? [];
+					if (closeAll) await batchToggleNames(members.filter((member) => actionNames.has(member)), false);
+					else await batchToggleNames(members.filter((member) => actionNames.has(member) && !dialog.conflicts.includes(member)), false);
+				}, [
+					conflictDialog,
+					groupMap,
+					actionNames,
+					batchToggleNames
+				]),
+				createTag: (0, react.useCallback)(async (event) => {
+					event.preventDefault();
+					const name = newTagName.trim();
+					if (name === "") return;
+					shared.setTagBusy(true);
+					shared.clearFail();
+					try {
+						applyTags(await api.saveTag({ name }));
+						setNewTagName("");
+					} catch (error) {
+						shared.fail(errorMessage(error));
+					} finally {
+						shared.setTagBusy(false);
+					}
+				}, [
+					api,
+					applyTags,
+					newTagName,
+					shared
+				]),
+				deleteTag: (0, react.useCallback)(async (id) => {
+					shared.setTagBusy(true);
+					shared.clearFail();
+					try {
+						applyTags(await api.deleteTag(id));
+						setEditingTag(null);
+					} catch (error) {
+						shared.fail(errorMessage(error));
+					} finally {
+						shared.setTagBusy(false);
+					}
+				}, [
+					api,
+					applyTags,
+					shared
+				]),
+				saveTag: (0, react.useCallback)(async (id, name, memberNames) => {
+					shared.setTagBusy(true);
+					shared.clearFail();
+					try {
+						const safeName = name.trim();
+						let tags = null;
+						if (safeName !== "") tags = await api.saveTag({
+							id,
+							name: safeName
+						});
+						if (memberNames !== null) tags = await api.setTagMembers(id, memberNames);
+						if (tags === null) return;
+						applyTags(tags);
+						setEditingTag(null);
+					} catch (error) {
+						shared.fail(errorMessage(error));
+					} finally {
+						shared.setTagBusy(false);
+					}
+				}, [
+					api,
+					applyTags,
+					shared
+				]),
+				reorderTags: (0, react.useCallback)(async (orderedIds) => {
+					shared.setTagBusy(true);
+					shared.clearFail();
+					try {
+						const tags = await api.reorderTags(orderedIds);
+						applyTags(tags);
+					} catch (error) {
+						const msg = errorMessage(error);
+						if (msg.includes("404") || msg.toLowerCase().includes("not found")) {
+							const byId = new Map(groupsState?.tags.map((t) => [t.id, t]) ?? []);
+							const reordered = orderedIds.map((id) => byId.get(id)).filter((t) => t !== void 0);
+							if (reordered.length === orderedIds.length) {
+								applyTags(reordered);
+								shared.succeed("已临时调整顺序（本地生效，重启宿主后持久化）");
+							} else shared.fail(msg);
+						} else shared.fail(msg);
+					} finally {
+						shared.setTagBusy(false);
+					}
+				}, [
+					api,
+					applyTags,
+					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();
 					try {
-						const result = await api.syncSource(dialog.repo, dialog.skills);
+						await api.reorderSourceGroups(orderedKeys);
+						await loadGroups();
+					} catch (error) {
+						const msg = errorMessage(error);
+						if (msg.includes("404") || msg.toLowerCase().includes("not found")) {
+							setGroupsState((prev) => {
+								if (prev === null) return prev;
+								const colOrder = orderedKeys.filter((k) => k.startsWith("col:")).map((k) => k.slice(4));
+								const map = new Map(prev.collections.map((c) => [c.name, c]));
+								const reordered = colOrder.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,
+									sourceGroupOrder: orderedKeys
+								};
+							});
+							shared.succeed("已临时调整顺序（本地生效，重启宿主后持久化）");
+						} else shared.fail(msg);
+					} finally {
+						shared.setTagBusy(false);
+					}
+				}, [
+					api,
+					loadGroups,
+					shared
+				])
+			};
+		}
+		//#endregion
+		//#region src/client/panel/hooks/useSourceFlow.ts
+		/**
+		* useSourceFlow — 来源域：来源列表/更新检查/同步确认/跟进删除/回收站恢复/
+		* 清空回收站，以及单个技能/整组的删除确认流。目录与分组的刷新经聚合根
+		* 传入的 reload 回调，不直接碰其他域的 state。
+		*/
+		function useSourceFlow(api, shared, reloadCatalog, reloadGroups) {
+			const [sourcesState, setSourcesState] = (0, react.useState)(null);
+			const [sourceCheck, setSourceCheck] = (0, react.useState)({});
+			const [checkingSource, setCheckingSource] = (0, react.useState)(null);
+			const [syncingSource, setSyncingSource] = (0, react.useState)(null);
+			const [confirmDialog, setConfirmDialog] = (0, react.useState)(null);
+			const [deleteSkillDialog, setDeleteSkillDialog] = (0, react.useState)(null);
+			const [deleteGroupDialog, setDeleteGroupDialog] = (0, react.useState)(null);
+			const [confirmClearTrash, setConfirmClearTrash] = (0, react.useState)(false);
+			/** 加载来源记录 + 回收站。 */
+			const loadSources = (0, react.useCallback)(async () => {
+				try {
+					setSourcesState(await api.sources());
+				} catch (error) {
+					shared.fail(errorMessage(error));
+				}
+			}, [api, shared]);
+			return {
+				sourcesState,
+				sourceCheck,
+				checkingSource,
+				syncingSource,
+				confirmDialog,
+				deleteSkillDialog,
+				deleteGroupDialog,
+				confirmClearTrash,
+				setConfirmDialog,
+				setDeleteSkillDialog,
+				setDeleteGroupDialog,
+				setConfirmClearTrash,
+				loadSources,
+				checkSources: (0, react.useCallback)(async (repo) => {
+					setCheckingSource(repo ?? "all");
+					shared.clearFail();
+					try {
+						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);
+					}
+				}, [
+					api,
+					sourceCheck,
+					shared
+				]),
+				requestSync: (0, react.useCallback)((repo, skills) => {
+					setConfirmDialog({
+						kind: "sync",
+						repo,
+						skills
+					});
+				}, []),
+				requestDelete: (0, react.useCallback)((repo, skills) => {
+					setConfirmDialog({
+						kind: "delete",
+						repo,
+						skills
+					});
+				}, []),
+				runConfirmed: (0, react.useCallback)(async () => {
+					const dialog = confirmDialog;
+					if (dialog === null) return;
+					setConfirmDialog(null);
+					if (dialog.kind === "sync") {
+						setSyncingSource(dialog.repo);
+						shared.clearFail();
+						try {
+							const result = await api.syncSource(dialog.repo, dialog.skills);
+							await Promise.all([
+								reloadCatalog(),
+								reloadGroups(),
+								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);
+						}
+					} else {
+						shared.clearFail();
+						try {
+							await api.confirmDeleteSource(dialog.repo, dialog.skills);
+							await Promise.all([
+								reloadCatalog(),
+								reloadGroups(),
+								loadSources()
+							]);
+						} catch (error) {
+							shared.fail(errorMessage(error));
+						}
+					}
+				}, [
+					confirmDialog,
+					api,
+					reloadCatalog,
+					reloadGroups,
+					loadSources,
+					shared
+				]),
+				restoreTrash: (0, react.useCallback)(async (name) => {
+					shared.setTagBusy(true);
+					shared.clearFail();
+					try {
+						await api.restoreSource(name);
 						await Promise.all([
-							load(),
-							loadGroups(),
+							reloadCatalog(),
+							reloadGroups(),
 							loadSources()
 						]);
-						if (result.failed.length > 0) setLoadError("sync: " + result.failed.map((failure) => failure.name + ": " + failure.error).join("; "));
 					} catch (error) {
-						setLoadError(errorMessage(error));
+						shared.fail(errorMessage(error));
 					} finally {
-						setSyncingSource(null);
+						shared.setTagBusy(false);
 					}
-				} else {
-					setLoadError(null);
+				}, [
+					api,
+					reloadCatalog,
+					reloadGroups,
+					loadSources,
+					shared
+				]),
+				clearTrash: (0, react.useCallback)(async () => {
+					setConfirmClearTrash(false);
+					shared.setTagBusy(true);
+					shared.clearFail();
 					try {
-						await api.confirmDeleteSource(dialog.repo, dialog.skills);
+						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);
+					}
+				}, [
+					api,
+					reloadCatalog,
+					loadSources,
+					shared
+				]),
+				requestDeleteSkill: (0, react.useCallback)((name) => {
+					setDeleteSkillDialog(name);
+				}, []),
+				runDeleteSkill: (0, react.useCallback)(async () => {
+					const name = deleteSkillDialog;
+					if (name === null) return;
+					setDeleteSkillDialog(null);
+					shared.setTagBusy(true);
+					shared.clearFail();
+					try {
+						await api.deleteSkill(name);
 						await Promise.all([
-							load(),
-							loadGroups(),
+							reloadCatalog(),
+							reloadGroups(),
 							loadSources()
 						]);
 					} catch (error) {
-						setLoadError(errorMessage(error));
+						shared.fail(errorMessage(error));
+					} finally {
+						shared.setTagBusy(false);
 					}
-				}
-			}, [
-				confirmDialog,
-				api,
-				load,
-				loadGroups,
-				loadSources
-			]);
-			/** 检查全部来源的上游更新（服务端 5 分钟节流）。 */
-			const checkSources = (0, react.useCallback)(async (repo) => {
-				setCheckingSource(repo ?? "all");
-				setLoadError(null);
-				try {
-					const result = await api.checkSources(repo);
-					const next = { ...sourceCheck };
-					for (const item of result.results) next[item.repo] = item;
-					setSourceCheck(next);
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setCheckingSource(null);
-				}
-			}, [api, sourceCheck]);
-			/** 请求同步某个来源的所选技能（弹确认，因为会覆盖本地修改）。 */
-			const requestSync = (0, react.useCallback)((repo, skills) => {
-				setConfirmDialog({
-					kind: "sync",
-					repo,
-					skills
-				});
-			}, []);
-			/** 请求跟进上游删除（弹确认，移入回收站）。 */
-			const requestDelete = (0, react.useCallback)((repo, skills) => {
-				setConfirmDialog({
-					kind: "delete",
-					repo,
-					skills
-				});
-			}, []);
-			/** 从回收站恢复一个技能。 */
-			const restoreTrash = (0, react.useCallback)(async (name) => {
-				setTagBusy(true);
-				setLoadError(null);
-				try {
-					await api.restoreSource(name);
-					await Promise.all([
-						load(),
-						loadGroups(),
-						loadSources()
-					]);
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setTagBusy(false);
-				}
-			}, [
-				api,
-				load,
-				loadGroups,
-				loadSources
-			]);
-			/** 确认后永久删除回收站里的全部技能。 */
-			const clearTrash = (0, react.useCallback)(async () => {
-				setConfirmClearTrash(false);
-				setTagBusy(true);
-				setLoadError(null);
-				try {
-					const result = await api.clearTrash();
-					if (result.failed.length > 0) setLoadError("clear trash: " + result.failed.map((failure) => failure.name + ": " + failure.error).join("; "));
-					await Promise.all([load(), loadSources()]);
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setTagBusy(false);
-				}
-			}, [
-				api,
-				load,
-				loadSources
-			]);
-			const [fixingPaths, setFixingPaths] = (0, react.useState)(/* @__PURE__ */ new Set());
-			const fixDiagnostic = (0, react.useCallback)(async (path) => {
-				setFixingPaths((previous) => new Set(previous).add(path));
-				setLoadError(null);
-				try {
-					if (!window.confirm(tt("diag.fixConfirm", { path }))) return;
-					await api.fixDiagnostic(path);
-					await load();
-					setSuccessBanner(tt("diag.fixed"));
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setFixingPaths((previous) => {
-						const next = new Set(previous);
-						next.delete(path);
-						return next;
+				}, [
+					api,
+					deleteSkillDialog,
+					reloadCatalog,
+					reloadGroups,
+					loadSources,
+					shared
+				]),
+				requestDeleteGroup: (0, react.useCallback)((name, skillNames) => {
+					setDeleteGroupDialog({
+						name,
+						skillNames
 					});
-				}
-			}, [api, load]);
-			/** 打开单个技能的删除确认（移入回收站，可恢复）。 */
-			const requestDeleteSkill = (0, react.useCallback)((name) => {
-				setDeleteSkillDialog(name);
-			}, []);
-			/** 执行删除确认后的回收站迁移。 */
-			const runDeleteSkill = (0, react.useCallback)(async () => {
-				const name = deleteSkillDialog;
-				if (name === null) return;
-				setDeleteSkillDialog(null);
-				setTagBusy(true);
-				setLoadError(null);
-				try {
-					await api.deleteSkill(name);
+				}, []),
+				runDeleteGroup: (0, react.useCallback)(async () => {
+					const dialog = deleteGroupDialog;
+					if (dialog === null) return;
+					setDeleteGroupDialog(null);
+					shared.setTagBusy(true);
+					shared.clearFail();
+					const failures = [];
+					let done = 0;
+					for (const name of dialog.skillNames) try {
+						await api.deleteSkill(name);
+						done += 1;
+					} catch (error) {
+						failures.push(name + ": " + errorMessage(error));
+					}
 					await Promise.all([
-						load(),
-						loadGroups(),
+						reloadCatalog(),
+						reloadGroups(),
 						loadSources()
 					]);
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setTagBusy(false);
-				}
-			}, [
-				api,
-				deleteSkillDialog,
-				load,
-				loadGroups,
-				loadSources
-			]);
-			/** 打开整组删除确认（来源分组一键删除）。 */
-			const requestDeleteGroup = (0, react.useCallback)((name, skillNames) => {
-				setDeleteGroupDialog({
-					name,
-					skillNames
-				});
-			}, []);
-			/** 执行整组删除（逐个移入回收站，跳过只读）。 */
-			const runDeleteGroup = (0, react.useCallback)(async () => {
-				const dialog = deleteGroupDialog;
-				if (dialog === null) return;
-				setDeleteGroupDialog(null);
-				setTagBusy(true);
-				setLoadError(null);
-				const failures = [];
-				let done = 0;
-				for (const name of dialog.skillNames) try {
-					await api.deleteSkill(name);
-					done += 1;
-				} catch (error) {
-					failures.push(name + ": " + errorMessage(error));
-				}
-				await Promise.all([
-					load(),
-					loadGroups(),
-					loadSources()
-				]);
-				setTagBusy(false);
-				if (failures.length > 0) setLoadError(`删除整组 "${dialog.name}"：成功 ${done} 个，失败 ${failures.length} 个：` + failures.join("; "));
-				else if (done > 0) setSuccessBanner(`已删除整组 "${dialog.name}"：${done} 个技能已移入回收站`);
-			}, [
-				api,
-				deleteGroupDialog,
-				load,
-				loadGroups,
-				loadSources
-			]);
-			/** 新建一个空 tag 分组。 */
-			const createTag = (0, react.useCallback)(async (event) => {
-				event.preventDefault();
-				const name = newTagName.trim();
-				if (name === "") return;
-				setTagBusy(true);
-				setLoadError(null);
-				try {
-					applyTags(await api.saveTag({ name }));
-					setNewTagName("");
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setTagBusy(false);
-				}
-			}, [
-				api,
-				applyTags,
-				newTagName
-			]);
-			/** 删除一个 tag 分组（不影响技能文件）。 */
-			const deleteTag = (0, react.useCallback)(async (id) => {
-				setTagBusy(true);
-				setLoadError(null);
-				try {
-					applyTags(await api.deleteTag(id));
-					setEditingTag(null);
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setTagBusy(false);
-				}
-			}, [api, applyTags]);
-			/** 重命名 tag，或保存成员勾选后回到列表。 */
-			const saveTag = (0, react.useCallback)(async (id, name, memberNames) => {
-				setTagBusy(true);
-				setLoadError(null);
+					shared.setTagBusy(false);
+					if (failures.length > 0) shared.fail(`删除整组 "${dialog.name}"：成功 ${done} 个，失败 ${failures.length} 个：` + failures.join("; "));
+					else if (done > 0) shared.succeed(`已删除整组 "${dialog.name}"：${done} 个技能已移入回收站`);
+				}, [
+					api,
+					deleteGroupDialog,
+					reloadCatalog,
+					reloadGroups,
+					loadSources,
+					shared
+				])
+			};
+		}
+		//#endregion
+		//#region src/client/panel/hooks/useMarketFlow.ts
+		/**
+		* useMarketFlow — 市场域：市场源增删、仓库扫描、分支/版本选择、导入任务
+		* （轮询+取消）、更新检查、星标统计、版本同步、全部更新。目录/分组/来源
+		* 的刷新与来源检查经聚合根传入，不直接碰其他域的 state。
+		*/
+		function useMarketFlow(api, shared, reloadCatalog, reloadGroups, reloadSources, checkSources, sourceCheck) {
+			const [marketState, setMarketState] = (0, react.useState)({
+				status: "loading",
+				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，确认后定版并重扫。 */
+			const [versionDialog, setVersionDialog] = (0, react.useState)(null);
+			const [versionBusy, setVersionBusy] = (0, react.useState)(false);
+			const [updateAllDialog, setUpdateAllDialog] = (0, react.useState)(false);
+			/** 加载市场源列表。 */
+			const loadMarket = (0, react.useCallback)(async () => {
 				try {
-					const safeName = name.trim();
-					let tags = null;
-					if (safeName !== "") tags = await api.saveTag({
-						id,
-						name: safeName
+					const next = await api.market();
+					setMarketState({
+						status: "ready",
+						repos: next.repos
 					});
-					if (memberNames !== null) tags = await api.setTagMembers(id, memberNames);
-					if (tags === null) return;
-					applyTags(tags);
-					setEditingTag(null);
 				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setTagBusy(false);
-				}
-			}, [api, applyTags]);
-			/** 拖拽重排场景分组 */
-			const reorderTags = (0, react.useCallback)(async (orderedIds) => {
-				setTagBusy(true);
-				setLoadError(null);
-				try {
-					const tags = await api.reorderTags(orderedIds);
-					applyTags(tags);
-				} catch (error) {
-					const msg = errorMessage(error);
-					if (msg.includes("404") || msg.toLowerCase().includes("not found")) {
-						const byId = new Map(groupsState?.tags.map((t) => [t.id, t]) ?? []);
-						const reordered = orderedIds.map((id) => byId.get(id)).filter((t) => t !== void 0);
-						if (reordered.length === orderedIds.length) {
-							applyTags(reordered);
-							setSuccessBanner("已临时调整顺序（本地生效，重启宿主后持久化）");
-						} else setLoadError(msg);
-					} else setLoadError(msg);
-				} finally {
-					setTagBusy(false);
-				}
-			}, [
-				api,
-				applyTags,
-				groupsState
-			]);
-			/** 拖拽重排来源集合 */
-			const reorderCollections = (0, react.useCallback)(async (orderedNames) => {
-				setTagBusy(true);
-				setLoadError(null);
-				try {
-					const collections = await api.reorderCollections(orderedNames);
-					setGroupsState((prev) => prev === null ? prev : {
-						...prev,
-						collections
+					setMarketState({
+						status: "error",
+						repos: []
 					});
-					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
-							};
-						});
-						setSuccessBanner("已临时调整顺序（本地生效，重启宿主后持久化）");
-					} else setLoadError(msg);
-				} finally {
-					setTagBusy(false);
-				}
-			}, [api, loadGroups]);
-			/** 拖拽重排来源顶层分组（project / col:xxx / personal 全量可拖） */
-			const reorderSourceGroups = (0, react.useCallback)(async (orderedKeys) => {
-				setTagBusy(true);
-				setLoadError(null);
-				try {
-					await api.reorderSourceGroups(orderedKeys);
-					await loadGroups();
-				} catch (error) {
-					const msg = errorMessage(error);
-					if (msg.includes("404") || msg.toLowerCase().includes("not found")) {
-						setGroupsState((prev) => {
-							if (prev === null) return prev;
-							const colOrder = orderedKeys.filter((k) => k.startsWith("col:")).map((k) => k.slice(4));
-							const map = new Map(prev.collections.map((c) => [c.name, c]));
-							const reordered = colOrder.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,
-								sourceGroupOrder: orderedKeys
-							};
-						});
-						setSuccessBanner("已临时调整顺序（本地生效，重启宿主后持久化）");
-					} else setLoadError(msg);
-				} finally {
-					setTagBusy(false);
+					shared.fail(errorMessage(error));
 				}
-			}, [api, loadGroups]);
+			}, [api, shared]);
 			/** 添加一个市场源（内置市场目录与手动输入共用），并立即扫描它。 */
 			const addSource = (0, react.useCallback)(async (input) => {
 				const value = input.trim();
 				if (value === "") return;
-				setLoadError(null);
+				shared.clearFail();
 				try {
 					const result = await api.addMarketSource(value);
 					setMarketState({
@@ -5766,17 +6049,17 @@ window.__ModuleLoader__.load({
 						setScanningRepo(null);
 					}
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 				}
-			}, [api]);
+			}, [api, shared]);
 			/** 手动输入框的添加动作。 */
 			const addMarketSource = (0, react.useCallback)(async () => {
 				await addSource(newSourceName);
 			}, [addSource, newSourceName]);
 			/** 删除一个市场源（不影响已装技能）。 */
 			const removeMarketSource = (0, react.useCallback)(async (repo) => {
-				setTagBusy(true);
-				setLoadError(null);
+				shared.setTagBusy(true);
+				shared.clearFail();
 				try {
 					const result = await api.removeMarketSource(repo);
 					setMarketState({
@@ -5784,11 +6067,11 @@ window.__ModuleLoader__.load({
 						repos: result.repos
 					});
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 				} finally {
-					setTagBusy(false);
+					shared.setTagBusy(false);
 				}
-			}, [api]);
+			}, [api, shared]);
 			/** 扫描一个市场源（或手动输入）的仓库。 */
 			const scanRepo = (0, react.useCallback)(async (input) => {
 				const value = input.trim();
@@ -5797,7 +6080,7 @@ window.__ModuleLoader__.load({
 				setRepoSelected(/* @__PURE__ */ new Set());
 				setScanningRepo(value);
 				setRepoDiscoverState({ status: "scanning" });
-				setLoadError(null);
+				shared.clearFail();
 				try {
 					const data = await api.repoDiscover(value);
 					if (data.ref === null) {
@@ -5822,29 +6105,31 @@ window.__ModuleLoader__.load({
 				} finally {
 					setScanningRepo(null);
 				}
-			}, [api, loadMarket]);
+			}, [
+				api,
+				loadMarket,
+				shared
+			]);
 			/** 确认分支选择：持久化 ref 后重新扫描。 */
 			const confirmBranchChoice = (0, react.useCallback)(async () => {
 				if (branchChoice === null) return;
 				setBranchBusy(true);
-				setLoadError(null);
+				shared.clearFail();
 				try {
 					await api.setMarketSourceRef(branchChoice.repo, branchChoice.selected);
 					setBranchChoice(null);
 					await scanRepo(branchChoice.repo);
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 				} finally {
 					setBranchBusy(false);
 				}
 			}, [
 				api,
 				branchChoice,
-				scanRepo
+				scanRepo,
+				shared
 			]);
-			/** 版本对话框：打开时拉 releases + branches，确认后定版并重扫。 */
-			const [versionDialog, setVersionDialog] = (0, react.useState)(null);
-			const [versionBusy, setVersionBusy] = (0, react.useState)(false);
 			const openVersionDialog = (0, react.useCallback)(async (repo) => {
 				const current = marketState.repos.find((item) => item.repo === repo)?.ref;
 				setVersionDialog({
@@ -5856,7 +6141,7 @@ window.__ModuleLoader__.load({
 					custom: "",
 					loading: true
 				});
-				setLoadError(null);
+				shared.clearFail();
 				try {
 					const data = await api.marketSourceVersions(repo);
 					setVersionDialog({
@@ -5869,23 +6154,27 @@ window.__ModuleLoader__.load({
 						loading: false
 					});
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 					setVersionDialog(null);
 				}
-			}, [api, marketState]);
+			}, [
+				api,
+				marketState,
+				shared
+			]);
 			const confirmVersionDialog = (0, react.useCallback)(async () => {
 				if (versionDialog === null) return;
 				const ref = versionDialog.custom.trim() !== "" ? versionDialog.custom.trim() : versionDialog.selected;
 				if (ref === "") return;
 				setVersionBusy(true);
-				setLoadError(null);
+				shared.clearFail();
 				try {
 					await api.setMarketSourceRef(versionDialog.repo, ref);
 					setVersionDialog(null);
 					await loadMarket();
 					await scanRepo(versionDialog.repo);
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 				} finally {
 					setVersionBusy(false);
 				}
@@ -5893,7 +6182,8 @@ window.__ModuleLoader__.load({
 				api,
 				versionDialog,
 				loadMarket,
-				scanRepo
+				scanRepo,
+				shared
 			]);
 			/** Toggle one repo preview row. */
 			const toggleRepoSelected = (0, react.useCallback)((path, checked) => {
@@ -5910,7 +6200,7 @@ window.__ModuleLoader__.load({
 				setRepoImporting(true);
 				setRepoResult(null);
 				setImportJobId(null);
-				setLoadError(null);
+				shared.clearFail();
 				let finalProgress = null;
 				try {
 					const created = await api.repoImport(repoDiscoverState.data.repo, [...repoSelected], repoDiscoverState.data.ref ?? void 0);
@@ -5949,13 +6239,13 @@ window.__ModuleLoader__.load({
 						}
 					}
 					await Promise.all([
-						load(),
+						reloadCatalog(),
 						loadMarket(),
-						loadGroups(),
-						loadSources()
+						reloadGroups(),
+						reloadSources()
 					]);
 				} catch (error) {
-					setLoadError(errorMessage(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)]);
@@ -5985,10 +6275,11 @@ window.__ModuleLoader__.load({
 				api,
 				repoDiscoverState,
 				repoSelected,
-				load,
+				reloadCatalog,
 				loadMarket,
-				loadGroups,
-				loadSources
+				reloadGroups,
+				reloadSources,
+				shared
 			]);
 			(0, react.useEffect)(() => {
 				return () => {
@@ -6011,11 +6302,15 @@ window.__ModuleLoader__.load({
 						} : prev);
 					}
 				} catch (error) {
-					setLoadError(errorMessage(error));
+					shared.fail(errorMessage(error));
 				} finally {
 					setRepoImporting(false);
 				}
-			}, [api, importJobId]);
+			}, [
+				api,
+				importJobId,
+				shared
+			]);
 			/** 清空扫描结果（关闭归属卡片） */
 			const clearScan = (0, react.useCallback)(() => {
 				setRepoDiscoverState({ status: "idle" });
@@ -6034,317 +6329,411 @@ window.__ModuleLoader__.load({
 					setMarketCheck(next);
 				} catch {}
 			}, [api]);
-			/** 市场源同步：版本对齐后询问是否批量更新本地技能。 */
-			const syncMarketSource = (0, react.useCallback)(async (repo) => {
-				setSyncingMarket(repo);
-				setLoadError(null);
-				try {
-					const result = await api.marketSync(repo);
-					setMarketSyncDialog({
-						repo: result.repo,
-						ref: result.ref,
-						skills: result.skills,
-						selected: new Set(result.skills)
-					});
-					await loadMarket();
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setSyncingMarket(null);
-				}
-			}, [api, loadMarket]);
-			/** 批量更新本地技能到市场源当前版本（复用来源同步路径）。 */
-			const confirmMarketSync = (0, react.useCallback)(async () => {
-				if (marketSyncDialog === null) return;
-				const selected = [...marketSyncDialog.selected];
-				setSyncBusy(true);
-				setLoadError(null);
-				try {
-					if (selected.length > 0) {
-						const result = await api.syncSource(marketSyncDialog.repo, selected);
-						if (result.failed.length > 0) setLoadError(result.failed.map((item) => item.name + ": " + item.error).join("\n"));
+			return {
+				marketState,
+				marketCheck,
+				branchChoice,
+				branchBusy,
+				marketSyncDialog,
+				syncingMarket,
+				syncBusy,
+				newSourceName,
+				repoDiscoverState,
+				scanningRepo,
+				repoSelected,
+				repoImporting,
+				repoResult,
+				importJobId,
+				marketStats,
+				versionDialog,
+				versionBusy,
+				updateAllDialog,
+				setBranchChoice,
+				setMarketSyncDialog,
+				setNewSourceName,
+				setRepoSelected,
+				setUpdateAllDialog,
+				setVersionDialog,
+				loadMarket,
+				addSource,
+				addMarketSource,
+				removeMarketSource,
+				scanRepo,
+				confirmBranchChoice,
+				openVersionDialog,
+				confirmVersionDialog,
+				toggleRepoSelected,
+				importRepo,
+				cancelImport,
+				clearScan,
+				checkMarket,
+				loadMarketStats: (0, react.useCallback)(async () => {
+					const merge = (results) => {
+						const partial = {};
+						for (const item of results) if (item.error === void 0) partial[item.repo] = {
+							stars: item.stars,
+							downloads: item.downloads
+						};
+						if (Object.keys(partial).length > 0) setMarketStats((previous) => ({
+							...previous,
+							...partial
+						}));
+					};
+					try {
+						merge((await api.marketStats()).results);
+					} catch {}
+					try {
+						merge((await api.marketStats(true)).results);
+					} catch {}
+				}, [api]),
+				syncMarketSource: (0, react.useCallback)(async (repo) => {
+					setSyncingMarket(repo);
+					shared.clearFail();
+					try {
+						const result = await api.marketSync(repo);
+						setMarketSyncDialog({
+							repo: result.repo,
+							ref: result.ref,
+							skills: result.skills,
+							selected: new Set(result.skills)
+						});
+						await loadMarket();
+					} catch (error) {
+						shared.fail(errorMessage(error));
+					} finally {
+						setSyncingMarket(null);
 					}
-					setMarketSyncDialog(null);
-					await Promise.all([
-						load(),
-						loadGroups(),
-						loadSources()
-					]);
-					checkMarket();
-				} catch (error) {
-					setLoadError(errorMessage(error));
-				} finally {
-					setSyncBusy(false);
-				}
-			}, [
-				api,
-				marketSyncDialog,
-				load,
-				loadGroups,
-				loadSources,
-				checkMarket
-			]);
-			/**
-			* 一键全部更新：把每个「有可更新技能」的来源逐个同步到上游最新版本
-			* （复用来源同步路径，覆盖本地修改），随后刷新并重新检查。
-			*/
-			const updateAll = (0, react.useCallback)(async () => {
-				setUpdateAllDialog(false);
-				setBatchBusy(true);
-				setLoadError(null);
-				const failures = [];
-				let done = 0;
-				try {
-					for (const [repo, check] of Object.entries(sourceCheck)) {
-						if (!check.changed || check.updated.length === 0) continue;
-						try {
-							const result = await api.syncSource(repo, check.updated);
-							done += 1;
-							if (result.failed.length > 0) failures.push(tt("market.updateAllItem", {
-								repo,
-								count: result.failed.length
-							}) + ": " + result.failed.map((item) => item.name + ": " + item.error).join("; "));
-						} catch (error) {
-							failures.push(repo + ": " + errorMessage(error));
+				}, [
+					api,
+					loadMarket,
+					shared
+				]),
+				confirmMarketSync: (0, react.useCallback)(async () => {
+					if (marketSyncDialog === null) return;
+					const selected = [...marketSyncDialog.selected];
+					setSyncBusy(true);
+					shared.clearFail();
+					try {
+						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"));
 						}
+						setMarketSyncDialog(null);
+						await Promise.all([
+							reloadCatalog(),
+							reloadGroups(),
+							reloadSources()
+						]);
+						checkMarket();
+					} catch (error) {
+						shared.fail(errorMessage(error));
+					} finally {
+						setSyncBusy(false);
 					}
-					await Promise.all([
-						load(),
-						loadGroups(),
-						loadSources()
-					]);
-					await checkSources();
-					checkMarket();
-					if (failures.length > 0) setLoadError(failures.join("\n"));
-					else if (done > 0) setSuccessBanner(tt("market.updateAllDone", { count: done }));
-				} finally {
-					setBatchBusy(false);
-				}
-			}, [
-				api,
-				sourceCheck,
-				checkSources,
-				checkMarket,
-				load,
-				loadGroups,
-				loadSources
-			]);
-			(0, react.useEffect)(() => {
-				if (!shouldAutoCheck()) return;
-				markAutoChecked();
-				checkUpdate();
-				checkSources();
-				checkMarket();
+				}, [
+					api,
+					marketSyncDialog,
+					reloadCatalog,
+					reloadGroups,
+					reloadSources,
+					checkMarket,
+					shared
+				]),
+				updateAll: (0, react.useCallback)(async () => {
+					setUpdateAllDialog(false);
+					shared.setBatchBusy(true);
+					shared.clearFail();
+					const failures = [];
+					let done = 0;
+					try {
+						for (const [repo, check] of Object.entries(sourceCheck)) {
+							if (!check.changed || check.updated.length === 0) continue;
+							try {
+								const result = await api.syncSource(repo, check.updated);
+								done += 1;
+								if (result.failed.length > 0) failures.push(tt("market.updateAllItem", {
+									repo,
+									count: result.failed.length
+								}) + ": " + result.failed.map((item) => item.name + ": " + item.error).join("; "));
+							} catch (error) {
+								failures.push(repo + ": " + errorMessage(error));
+							}
+						}
+						await Promise.all([
+							reloadCatalog(),
+							reloadGroups(),
+							reloadSources()
+						]);
+						await checkSources();
+						checkMarket();
+						if (failures.length > 0) shared.fail(failures.join("\n"));
+						else if (done > 0) shared.succeed(tt("market.updateAllDone", { count: done }));
+					} finally {
+						shared.setBatchBusy(false);
+					}
+				}, [
+					api,
+					sourceCheck,
+					checkSources,
+					checkMarket,
+					reloadCatalog,
+					reloadGroups,
+					reloadSources,
+					shared
+				])
+			};
+		}
+		//#endregion
+		//#region src/client/panel/useSkillHub.ts
+		/**
+		* useSkillHub — 面板的状态聚合根：只持有跨域共享的通知状态与纯视图状态，
+		* 各域状态与动作分散在 ./hooks/*，这里按依赖顺序组装（meta → 目录 →
+		* 分组 → 来源 → 市场），轮询与派生组装在此。返回形状与拆分前完全一致，
+		* 所有视图无需改动。All hooks run unconditionally at the top, so the panel
+		* may early-return for the detail and tag-editor views without violating
+		* the rules of hooks.
+		*/
+		function useSkillHub(api) {
+			const [loadError, setLoadError] = (0, react.useState)(null);
+			/** Green success banner (create finished); shown outside the closing form. */
+			const [successBanner, setSuccessBanner] = (0, react.useState)(null);
+			const [batchBusy, setBatchBusy] = (0, react.useState)(false);
+			const [tagBusy, setTagBusy] = (0, react.useState)(false);
+			const shared = (0, react.useMemo)(() => ({
+				fail: (message) => setLoadError(message),
+				clearFail: () => setLoadError(null),
+				succeed: (message) => setSuccessBanner(message),
+				setTagBusy,
+				setBatchBusy
+			}), []);
+			const [tab, setTab] = (0, react.useState)("sources");
+			const [skillView, setSkillView] = (0, react.useState)("groups");
+			const [sourceFilter, setSourceFilter] = (0, react.useState)("all");
+			/** 分组视图里收起的分组（key 为 tag:<id>、col:<name> 或 project 树键）。技能总数 >80 时首次加载自动折叠 personal。 */
+			const [collapsedGroups, setCollapsedGroups] = (0, react.useState)(/* @__PURE__ */ new Set());
+			/** 项目级三级树里已细分（按 .dsh/.agents）的项目键。 */
+			const [subdividedProjects, setSubdividedProjects] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [showLegend, setShowLegend] = (0, react.useState)(false);
+			const [editMode, setEditMode] = (0, react.useState)(false);
+			const toggleGroupCollapse = (0, react.useCallback)((key) => {
+				setCollapsedGroups((previous) => {
+					const next = new Set(previous);
+					if (next.has(key)) next.delete(key);
+					else next.add(key);
+					return next;
+				});
 			}, []);
-			const create = (0, react.useCallback)(async (event) => {
-				event.preventDefault();
-				setFormBusy(true);
-				setFormMessage(null);
-				setSuccessBanner(null);
-				try {
-					const result = await api.create({
-						name: formName,
-						description: formDesc,
-						root: formRoot
-					});
-					setSuccessBanner(tt("form.success") + result.path);
-					setFormName("");
-					setFormDesc("");
-					setShowForm(false);
-					await load();
-				} catch (error) {
-					setFormMessage({
-						kind: "error",
-						text: tt("form.error") + errorMessage(error)
-					});
-				} finally {
-					setFormBusy(false);
-				}
-			}, [
-				api,
-				formName,
-				formDesc,
-				formRoot,
-				load
-			]);
-			const normalized = search.trim().toLocaleLowerCase();
+			const toggleSubdivide = (0, react.useCallback)((key) => {
+				setSubdividedProjects((previous) => {
+					const next = new Set(previous);
+					if (next.has(key)) next.delete(key);
+					else next.add(key);
+					return next;
+				});
+			}, []);
+			const collapsePersonal = (0, react.useCallback)(() => {
+				setCollapsedGroups((previous) => new Set(previous).add("uncategorized-source"));
+			}, []);
+			const clearSourceFilter = (0, react.useCallback)(() => {
+				setSourceFilter("all");
+			}, []);
+			const meta = useMetaFlow(api);
+			const catalogFlow = useCatalogFlow(api, meta.uses, shared, collapsePersonal, clearSourceFilter);
+			const groupFlow = useGroupFlow(api, shared, catalogFlow.batchToggleNames, catalogFlow.actionNames);
+			const sourceFlow = useSourceFlow(api, shared, catalogFlow.load, groupFlow.loadGroups);
+			const marketFlow = useMarketFlow(api, shared, catalogFlow.load, groupFlow.loadGroups, sourceFlow.loadSources, sourceFlow.checkSources, sourceFlow.sourceCheck);
 			/** skillName → origin repo（无来源记录的技能不在此映射中，筛选中视为 private）。 */
-			const origins = groupsState?.origins ?? {};
+			const origins = groupFlow.groupsState?.origins ?? {};
 			/** 来源筛选选项：来源记录中的仓库（排序）+ 末尾的「个人」；没有技能的仓库不列。 */
 			const sourceOptions = (0, react.useMemo)(() => {
-				const skills = catalog?.skills ?? [];
+				const skills = catalogFlow.catalog?.skills ?? [];
 				const repos = [...new Set(skills.map((skill) => origins[skill.name]).filter((repo) => repo !== void 0))].sort();
 				const hasPrivate = skills.some((skill) => origins[skill.name] === void 0 && !isProjectSource(skill.source));
 				return [...repos, ...hasPrivate ? [PRIVATE_SOURCE] : []];
-			}, [catalog, origins]);
-			const filtered = (0, react.useMemo)(() => (catalog?.skills ?? []).filter((skill) => {
-				if (invocationFilter === "model" && !skill.invocation.modelInvocable) return false;
-				if (invocationFilter === "user" && !skill.invocation.userInvocable) return false;
-				if (normalized.length === 0) return true;
-				return skill.name.toLocaleLowerCase().includes(normalized) || skill.description.toLocaleLowerCase().includes(normalized) || skill.displayName?.toLocaleLowerCase().includes(normalized) || skill.shortDescription?.toLocaleLowerCase().includes(normalized);
-			}), [
-				catalog,
-				normalized,
-				invocationFilter
+			}, [catalogFlow.catalog, origins]);
+			(0, react.useEffect)(() => {
+				catalogFlow.load();
+				meta.loadUses();
+				groupFlow.loadGroups();
+				sourceFlow.loadSources();
+				meta.loadConfig();
+				const fast = window.setInterval(() => {
+					catalogFlow.load();
+				}, 5e3);
+				const slow = window.setInterval(() => {
+					meta.loadUses();
+					groupFlow.loadGroups();
+					sourceFlow.loadSources();
+					meta.loadConfig();
+				}, 6e4);
+				return () => {
+					window.clearInterval(fast);
+					window.clearInterval(slow);
+				};
+			}, [
+				catalogFlow.load,
+				meta.loadUses,
+				groupFlow.loadGroups,
+				sourceFlow.loadSources,
+				meta.loadConfig
 			]);
-			/** Rows actually rendered with a shortened description (shortDescription in use). */
-			const shortenedCount = (0, react.useMemo)(() => filtered.filter((skill) => skill.shortDescription !== void 0).length, [filtered]);
+			(0, react.useEffect)(() => {
+				if (!shouldAutoCheck()) return;
+				markAutoChecked();
+				meta.checkUpdate();
+				sourceFlow.checkSources();
+				marketFlow.checkMarket();
+			}, []);
 			return {
-				catalog,
-				loading,
+				catalog: catalogFlow.catalog,
+				loading: catalogFlow.loading,
 				loadError,
 				successBanner,
-				updateState,
-				repoDiscoverState,
-				scanningRepo,
-				repoSelected,
-				repoImporting,
-				repoResult,
-				importJobId,
-				search,
-				workspace,
-				detail,
-				detailLoading,
-				busyNames,
+				updateState: meta.updateState,
+				repoDiscoverState: marketFlow.repoDiscoverState,
+				scanningRepo: marketFlow.scanningRepo,
+				repoSelected: marketFlow.repoSelected,
+				repoImporting: marketFlow.repoImporting,
+				repoResult: marketFlow.repoResult,
+				importJobId: marketFlow.importJobId,
+				search: catalogFlow.search,
+				workspace: catalogFlow.workspace,
+				detail: catalogFlow.detail,
+				detailLoading: catalogFlow.detailLoading,
+				busyNames: catalogFlow.busyNames,
 				batchBusy,
-				showForm,
-				formName,
-				formDesc,
-				formRoot,
-				formBusy,
-				formMessage,
-				uses,
-				hubConfig,
+				showForm: catalogFlow.showForm,
+				formName: catalogFlow.formName,
+				formDesc: catalogFlow.formDesc,
+				formRoot: catalogFlow.formRoot,
+				formBusy: catalogFlow.formBusy,
+				formMessage: catalogFlow.formMessage,
+				uses: meta.uses,
+				hubConfig: meta.hubConfig,
 				tab,
 				skillView,
 				sourceFilter,
-				invocationFilter,
-				sortKey,
-				marketState,
-				marketCheck,
-				branchChoice,
-				branchBusy,
-				marketSyncDialog,
-				syncingMarket,
-				syncBusy,
-				newSourceName,
-				groupsState,
-				sourcesState,
-				sourceCheck,
-				checkingSource,
-				syncingSource,
-				conflictDialog,
-				confirmDialog,
-				deleteSkillDialog,
-				deleteGroupDialog,
-				confirmClearTrash,
-				updateAllDialog,
-				editingTag,
-				editName,
-				membersDraft,
-				newTagName,
+				invocationFilter: catalogFlow.invocationFilter,
+				sortKey: catalogFlow.sortKey,
+				marketState: marketFlow.marketState,
+				marketCheck: marketFlow.marketCheck,
+				marketStats: marketFlow.marketStats,
+				branchChoice: marketFlow.branchChoice,
+				branchBusy: marketFlow.branchBusy,
+				marketSyncDialog: marketFlow.marketSyncDialog,
+				syncingMarket: marketFlow.syncingMarket,
+				syncBusy: marketFlow.syncBusy,
+				newSourceName: marketFlow.newSourceName,
+				groupsState: groupFlow.groupsState,
+				sourcesState: sourceFlow.sourcesState,
+				sourceCheck: sourceFlow.sourceCheck,
+				checkingSource: sourceFlow.checkingSource,
+				syncingSource: sourceFlow.syncingSource,
+				conflictDialog: groupFlow.conflictDialog,
+				confirmDialog: sourceFlow.confirmDialog,
+				deleteSkillDialog: sourceFlow.deleteSkillDialog,
+				deleteGroupDialog: sourceFlow.deleteGroupDialog,
+				confirmClearTrash: sourceFlow.confirmClearTrash,
+				updateAllDialog: marketFlow.updateAllDialog,
+				editingTag: groupFlow.editingTag,
+				editName: groupFlow.editName,
+				membersDraft: groupFlow.membersDraft,
+				newTagName: groupFlow.newTagName,
 				tagBusy,
-				editSearch,
+				editSearch: groupFlow.editSearch,
 				collapsedGroups,
 				subdividedProjects,
 				showLegend,
 				editMode,
-				versionDialog,
-				versionBusy,
-				actionNames,
-				viewNames,
-				normalized,
+				versionDialog: marketFlow.versionDialog,
+				versionBusy: marketFlow.versionBusy,
+				actionNames: catalogFlow.actionNames,
+				viewNames: catalogFlow.viewNames,
+				normalized: catalogFlow.normalized,
 				origins,
 				sourceOptions,
-				filtered,
-				sorted: (0, react.useMemo)(() => sortSkills(filtered, sortKey, (name) => uses.get(name)?.count), [
-					filtered,
-					sortKey,
-					uses
-				]),
-				shortenedCount,
+				filtered: catalogFlow.filtered,
+				sorted: catalogFlow.sorted,
+				shortenedCount: catalogFlow.shortenedCount,
 				setLoadError,
 				setSuccessBanner,
-				setSearch,
-				setWorkspace,
-				setDetail,
-				setShowForm,
-				setFormName,
-				setFormDesc,
-				setFormRoot,
-				setFormMessage,
-				setRepoSelected,
+				setSearch: catalogFlow.setSearch,
+				setWorkspace: catalogFlow.setWorkspace,
+				setDetail: catalogFlow.setDetail,
+				setShowForm: catalogFlow.setShowForm,
+				setFormName: catalogFlow.setFormName,
+				setFormDesc: catalogFlow.setFormDesc,
+				setFormRoot: catalogFlow.setFormRoot,
+				setFormMessage: catalogFlow.setFormMessage,
+				setRepoSelected: marketFlow.setRepoSelected,
 				setTab,
 				setSkillView,
 				setSourceFilter,
-				setInvocationFilter,
-				setSortKey,
-				setBranchChoice,
-				setMarketSyncDialog,
-				setNewSourceName,
-				setConflictDialog,
-				setConfirmDialog,
-				setDeleteSkillDialog,
-				setDeleteGroupDialog,
-				setConfirmClearTrash,
-				setUpdateAllDialog,
-				setEditingTag,
-				setEditName,
-				setMembersDraft,
-				setNewTagName,
-				setEditSearch,
+				setInvocationFilter: catalogFlow.setInvocationFilter,
+				setSortKey: catalogFlow.setSortKey,
+				setBranchChoice: marketFlow.setBranchChoice,
+				setMarketSyncDialog: marketFlow.setMarketSyncDialog,
+				setNewSourceName: marketFlow.setNewSourceName,
+				setConflictDialog: groupFlow.setConflictDialog,
+				setConfirmDialog: sourceFlow.setConfirmDialog,
+				setDeleteSkillDialog: sourceFlow.setDeleteSkillDialog,
+				setDeleteGroupDialog: sourceFlow.setDeleteGroupDialog,
+				setConfirmClearTrash: sourceFlow.setConfirmClearTrash,
+				setUpdateAllDialog: marketFlow.setUpdateAllDialog,
+				setEditingTag: groupFlow.setEditingTag,
+				setEditName: groupFlow.setEditName,
+				setMembersDraft: groupFlow.setMembersDraft,
+				setNewTagName: groupFlow.setNewTagName,
+				setEditSearch: groupFlow.setEditSearch,
 				setShowLegend,
 				setEditMode,
-				setVersionDialog,
+				setVersionDialog: marketFlow.setVersionDialog,
 				toggleGroupCollapse,
 				toggleSubdivide,
-				checkUpdate,
-				loadMarket,
-				openDetail,
-				toggle,
-				enableDisabled,
-				batchToggleNames,
-				toggleGroup,
-				resolveConflict,
-				runConfirmed,
-				checkSources,
-				requestSync,
-				requestDelete,
-				restoreTrash,
-				clearTrash,
-				fixingPaths,
-				fixDiagnostic,
-				clearListFilters: (0, react.useCallback)(() => {
-					setSearch("");
-					setSourceFilter("all");
-					setInvocationFilter("all");
-				}, []),
-				openVersionDialog,
-				confirmVersionDialog,
-				requestDeleteSkill,
-				runDeleteSkill,
-				requestDeleteGroup,
-				runDeleteGroup,
-				createTag,
-				deleteTag,
-				saveTag,
-				reorderTags,
-				reorderCollections,
-				reorderSourceGroups,
-				addSource,
-				addMarketSource,
-				removeMarketSource,
-				scanRepo,
-				confirmBranchChoice,
-				toggleRepoSelected,
-				importRepo,
-				cancelImport,
-				clearScan,
-				checkMarket,
-				syncMarketSource,
-				confirmMarketSync,
-				updateAll,
-				create
+				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,
+				checkSources: sourceFlow.checkSources,
+				requestSync: sourceFlow.requestSync,
+				requestDelete: sourceFlow.requestDelete,
+				restoreTrash: sourceFlow.restoreTrash,
+				clearTrash: sourceFlow.clearTrash,
+				fixingPaths: catalogFlow.fixingPaths,
+				fixDiagnostic: catalogFlow.fixDiagnostic,
+				clearListFilters: catalogFlow.clearListFilters,
+				openVersionDialog: marketFlow.openVersionDialog,
+				confirmVersionDialog: marketFlow.confirmVersionDialog,
+				requestDeleteSkill: sourceFlow.requestDeleteSkill,
+				runDeleteSkill: sourceFlow.runDeleteSkill,
+				requestDeleteGroup: sourceFlow.requestDeleteGroup,
+				runDeleteGroup: sourceFlow.runDeleteGroup,
+				createTag: groupFlow.createTag,
+				deleteTag: groupFlow.deleteTag,
+				saveTag: groupFlow.saveTag,
+				reorderTags: groupFlow.reorderTags,
+				reorderCollections: groupFlow.reorderCollections,
+				reorderSourceGroups: groupFlow.reorderSourceGroups,
+				addSource: marketFlow.addSource,
+				addMarketSource: marketFlow.addMarketSource,
+				removeMarketSource: marketFlow.removeMarketSource,
+				scanRepo: marketFlow.scanRepo,
+				confirmBranchChoice: marketFlow.confirmBranchChoice,
+				toggleRepoSelected: marketFlow.toggleRepoSelected,
+				importRepo: marketFlow.importRepo,
+				cancelImport: marketFlow.cancelImport,
+				clearScan: marketFlow.clearScan,
+				checkMarket: marketFlow.checkMarket,
+				loadMarketStats: marketFlow.loadMarketStats,
+				syncMarketSource: marketFlow.syncMarketSource,
+				confirmMarketSync: marketFlow.confirmMarketSync,
+				updateAll: marketFlow.updateAll,
+				create: catalogFlow.create
 			};
 		}
 		//#endregion