dsh-skill-hub 0.1.0 → 0.2.0

package/lib/client.js

@@ -5,6 +5,7 @@ window.__ModuleLoader__.load({
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
 		//#region src/protocol.ts
@@ -18,10 +19,31 @@ window.__ModuleLoader__.load({
 		const SKILL_HUB_API = {
 			catalog: "/api/skill-hub/catalog",
 			skill: "/api/skill-hub/skill",
+			skillDelete: "/api/skill-hub/skill/delete",
 			toggle: "/api/skill-hub/toggle",
+			toggleBatch: "/api/skill-hub/toggle-batch",
 			create: "/api/skill-hub/create",
 			stats: "/api/skill-hub/stats",
-			config: "/api/skill-hub/config"
+			config: "/api/skill-hub/config",
+			market: "/api/skill-hub/market",
+			marketSource: "/api/skill-hub/market/source",
+			marketSourceDelete: "/api/skill-hub/market/source/delete",
+			marketSourceRef: "/api/skill-hub/market/source/ref",
+			marketCheck: "/api/skill-hub/market/check",
+			marketSync: "/api/skill-hub/market/source/sync",
+			repo: "/api/skill-hub/repo",
+			repoImport: "/api/skill-hub/repo/import",
+			update: "/api/skill-hub/update",
+			groups: "/api/skill-hub/groups",
+			tag: "/api/skill-hub/tag",
+			tagDelete: "/api/skill-hub/tag/delete",
+			tagMembers: "/api/skill-hub/tag/members",
+			sources: "/api/skill-hub/sources",
+			sourceCheck: "/api/skill-hub/sources/check",
+			sourceSync: "/api/skill-hub/sources/sync",
+			sourceDelete: "/api/skill-hub/sources/delete",
+			sourceRestore: "/api/skill-hub/sources/restore",
+			sourceTrashClear: "/api/skill-hub/sources/trash/clear"
 		};
 		//#endregion
 		//#region src/client/api.ts
@@ -47,18 +69,42 @@ window.__ModuleLoader__.load({
 			if (!response.ok) throw new SkillHubApiError(typeof body === "object" && body !== null && typeof body.error === "string" ? body.error : "HTTP " + response.status);
 			return body;
 		}
+		/**
+		* Fetch with a hard timeout: a hung connection (proxy, stalled keep-alive,
+		* host wedged) must never leave the panel stuck on "loading" forever — it
+		* fails fast and surfaces the error banner instead.
+		*/
+		async function fetchWithTimeout(input, init, ms = 1e4) {
+			const controller = new AbortController();
+			const timer = setTimeout(() => controller.abort(), ms);
+			try {
+				return await fetch(input, {
+					...init,
+					signal: controller.signal
+				});
+			} finally {
+				clearTimeout(timer);
+			}
+		}
 		/** The browser half's only data entry point. */
 		var SkillHubApi = class {
 			async catalog() {
-				return readJson(await fetch(SKILL_HUB_API.catalog));
+				return readJson(await fetchWithTimeout(SKILL_HUB_API.catalog));
 			}
 			async skill(name) {
-				const url = SKILL_HUB_API.skill + "?name=" + encodeURIComponent(name);
-				return (await readJson(await fetch(url))).skill;
+				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.skill + "?name=" + encodeURIComponent(name)))).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 })
+				}));
 			}
-			/** Toggle a skill; resolves with the fresh catalog from the route. */
+			/** Toggle one skill; resolves with the fresh catalog from the route. */
 			async toggle(name, enabled) {
-				return (await readJson(await fetch(SKILL_HUB_API.toggle, {
+				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.toggle, {
 					method: "POST",
 					headers: { "content-type": "application/json" },
 					body: JSON.stringify({
@@ -68,37 +114,219 @@ window.__ModuleLoader__.load({
 				}))).catalog;
 			}
 			async create(payload) {
-				return readJson(await fetch(SKILL_HUB_API.create, {
+				return readJson(await fetchWithTimeout(SKILL_HUB_API.create, {
 					method: "POST",
 					headers: { "content-type": "application/json" },
 					body: JSON.stringify(payload)
 				}));
 			}
 			async stats() {
-				return readJson(await fetch(SKILL_HUB_API.stats));
+				return readJson(await fetchWithTimeout(SKILL_HUB_API.stats));
+			}
+			/** Toggle a whole group in one write; resolves with the fresh catalog + failures. */
+			async 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)
+				}));
+			}
+			/** The user's added market sources (codex-style repo slugs). */
+			async market() {
+				return readJson(await fetchWithTimeout(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 })
+				}));
+			}
+			/** 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 })
+				}));
+			}
+			/** Check every market source for updates (throttled server-side). */
+			async marketCheck() {
+				return readJson(await fetchWithTimeout(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 })
+				}));
+			}
+			/** 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
+					})
+				}));
+			}
+			/** Check the hub's own latest GitHub release. */
+			async updateCheck() {
+				return readJson(await fetchWithTimeout(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)));
+			}
+			/** Install selected repo skills into the user-dsh root (records the source). */
+			async 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)
+				}));
 			}
 			/** Read the hub's runtime config (effective values + saved overrides). */
 			async config() {
-				return readJson(await fetch(SKILL_HUB_API.config));
+				return readJson(await fetchWithTimeout(SKILL_HUB_API.config));
 			}
 			/** Patch the hub's runtime config (null clears a saved override). */
 			async saveConfig(patch) {
-				return readJson(await fetch(SKILL_HUB_API.config, {
+				return readJson(await fetchWithTimeout(SKILL_HUB_API.config, {
 					method: "POST",
 					headers: { "content-type": "application/json" },
 					body: JSON.stringify(patch)
 				}));
 			}
+			/** 用户 tag 分组 + 系统集合组 + origin 映射。 */
+			async groups() {
+				return readJson(await fetchWithTimeout(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;
+			}
+			/** 删除一个 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;
+			}
+			/** 直接设置某 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;
+			}
+			/** 来源列表 + 派生 origin 映射 + 集合组 + 回收站。 */
+			async sources() {
+				return readJson(await fetchWithTimeout(SKILL_HUB_API.sources));
+			}
+			/** 检查指定（或全部）来源的上游更新。 */
+			async 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)
+				}));
+			}
+			/** 同步一个来源的所选（或全部）技能到上游最新版本。 */
+			async 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)
+				}));
+			}
+			/** 跟进上游删除：把所选技能移入回收站。 */
+			async 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)
+				}));
+			}
+			/** 从回收站恢复一个技能。 */
+			async restoreSource(name) {
+				const payload = { name };
+				return readJson(await fetchWithTimeout(SKILL_HUB_API.sourceRestore, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(payload)
+				}));
+			}
+			/** Permanently delete every skill currently in the trash. */
+			async clearTrash() {
+				return readJson(await fetchWithTimeout(SKILL_HUB_API.sourceTrashClear, { method: "POST" }));
+			}
 		};
 		//#endregion
 		//#region src/client/api-config-scope.ts
+		/** Model-invocable dot color default. Single source for the TS side; the
+		*  panel's CSS mirrors it via --hub-model (panel.module.css). */
+		const DEFAULT_DOT_MODEL_COLOR = "#2f81f7";
+		/** User-invocable dot color default. Single source for the TS side; the
+		*  panel's CSS mirrors it via --hub-user (panel.module.css). */
+		const DEFAULT_DOT_USER_COLOR = "#3fb950";
 		/** Built-in defaults every field inherits until the user overrides it. */
 		const DEFAULTS = {
 			enabled: true,
-			announceToAgent: true
+			announceToAgent: true,
+			showUseCount: true,
+			showUseTime: true,
+			showGroupSummary: true
 		};
+		/** Boolean config fields (color fields are strings). */
+		const BOOLEAN_FIELDS = /* @__PURE__ */ new Set([
+			"enabled",
+			"announceToAgent",
+			"showUseCount",
+			"showUseTime",
+			"showGroupSummary"
+		]);
 		/** Config fields the card edits (used to guard set/unset field names). */
-		const FIELDS = /* @__PURE__ */ new Set(["enabled", "announceToAgent"]);
+		const FIELDS = /* @__PURE__ */ new Set([
+			"enabled",
+			"announceToAgent",
+			"dotModelColor",
+			"dotUserColor",
+			"showUseCount",
+			"showUseTime",
+			"showGroupSummary"
+		]);
 		/** FormScope-compatible reactive config handle (see module doc). */
 		var ApiConfigScope = class {
 			api;
@@ -140,7 +368,8 @@ window.__ModuleLoader__.load({
 			/** Write one field through the config route and adopt the persisted state. */
 			async set(field, value) {
 				if (!FIELDS.has(field)) return;
-				await this.apply({ [field]: Boolean(value) });
+				const patch = BOOLEAN_FIELDS.has(field) ? { [field]: Boolean(value) } : { [field]: typeof value === "string" ? value : void 0 };
+				await this.apply(patch);
 			}
 			/** Clear one field's override so it re-inherits the default. */
 			async unset(field) {
@@ -169,13 +398,20 @@ window.__ModuleLoader__.load({
 		*/
 		const zh = {
 			"entry.label": "技能",
-			"entry.tooltip": "技能中枢：浏览与管理本地技能",
-			"view.source": "按来源",
-			"view.sets": "按 Sets",
+			"entry.tooltip": "技能中枢：浏览、分组与同步管理本地技能",
+			"view.sources": "来源",
+			"view.scenes": "场景",
+			"view.market": "市场",
+			"view.flat": "平铺",
+			"view.grouped": "分组",
 			"panel.title": "技能中枢",
-			"panel.refresh": "刷新",
+			"panel.count": "共 {count} 个技能",
+			"panel.disabledCount": "已禁用 {count}",
 			"panel.new": "新建技能",
 			"panel.search": "搜索技能…",
+			"legend.model": "模型可调 — Agent 可自动调用",
+			"legend.user": "用户可调 — 仅显式点名时触发",
+			"legend.hint": "圆点标在技能名旁；无圆点表示该技能不可被调用。",
 			"panel.enabled": "已启用",
 			"panel.disabled": "已禁用",
 			"panel.diagnostics": "发现诊断",
@@ -183,6 +419,65 @@ window.__ModuleLoader__.load({
 			"panel.emptyAll": "本地还没有技能。点击「新建技能」创建第一个。",
 			"panel.loading": "读取中…",
 			"panel.incomplete": "（目录可能不完整）",
+			"market.addHint": "像 codex 一样添加仓库源：输入 owner/repo 或 GitHub 链接，扫描其中的技能并一键导入；导入后自动跟踪上游更新。",
+			"market.addPlaceholder": "owner/repo 或 https://github.com/…",
+			"market.addSource": "添加源",
+			"market.noSources": "还没有市场源。从下方内置市场添加，或输入一个 GitHub 仓库。",
+			"market.catalogTitle": "内置市场",
+			"market.catalogHint": "精选技能仓库，添加后即可扫描安装，并持续检查更新。",
+			"market.catalog.anthropics": "Anthropic 官方技能合集（Claude Skills）",
+			"market.catalog.superpowers": "Superpowers 社区技能合集",
+			"market.catalog.mattpocock": "Matt Pocock 技能集",
+			"market.catalog.openDesign": "设计技能合集（design-templates）",
+			"market.added": "已添加",
+			"market.add": "添加",
+			"market.mySources": "我的市场源",
+			"market.installed": "已装 {count}",
+			"market.updatable": "可更新 {count}",
+			"market.deletedUpstream": "上游已删 {count}",
+			"market.checkAll": "检查全部",
+			"market.updateAll": "全部更新",
+			"market.updateAllConfirmTitle": "批量更新全部技能？",
+			"market.updateAllConfirmText": "将把以下来源的可更新技能更新到上游最新版本（覆盖本地修改）：",
+			"market.updateAllItem": "{repo}（{count} 个技能）",
+			"market.updateAllDone": "已更新 {count} 个来源",
+			"market.deleteSource": "移除源",
+			"market.scan": "扫描",
+			"market.scanning": "扫描中…",
+			"market.check": "检查",
+			"market.sync": "同步",
+			"market.syncing": "同步中…",
+			"market.updated": "有更新",
+			"market.newRelease": "新版本 v{version}",
+			"market.branchTitle": "选择分支",
+			"market.branchHint": "该仓库没有正式发布，选择要跟踪的分支（默认为 main）：",
+			"market.branchConfirm": "确定",
+			"market.syncTitle": "同步本地技能",
+			"market.syncText": "市场源已对齐到 {ref}，要同步更新以下本地技能吗？",
+			"market.syncNone": "该来源还没有导入本地技能。",
+			"market.syncCancel": "跳过",
+			"market.removeHint": "移除源不影响已安装的技能。",
+			"repo.ready": "发现 {count} 个可导入技能",
+			"repo.empty": "没有找到可导入技能。",
+			"repo.selectAll": "全选",
+			"repo.clearAll": "清空",
+			"repo.import": "导入所选 ({count})",
+			"repo.importing": "导入中…",
+			"repo.existing": "已存在",
+			"repo.files": "{count} 个文件 · {size}",
+			"repo.imported": "导入成功 {count} 个",
+			"repo.skippedExisting": "跳过已存在 {count} 个",
+			"repo.failed": "失败 {count} 个",
+			"repo.root.skills": "技能 skills",
+			"repo.root.designTemplates": "模板 design-templates",
+			"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": "自定义目录",
@@ -191,19 +486,80 @@ window.__ModuleLoader__.load({
 			"group.user-agents": "用户 ~/.agents/skills",
 			"group.bundled": "内置",
 			"group.other": "其他来源",
-			"group.uncategorized": "未归类",
-			"badge.model": "模型可调",
-			"badge.user": "用户可调",
-			"badge.uses": "{count} 次调用",
+			"groups.new": "新建场景",
+			"groups.namePlaceholder": "场景名",
+			"groups.edit": "编辑",
+			"groups.rename": "保存名称",
+			"groups.delete": "删除场景",
+			"groups.saveMembers": "保存成员",
+			"groups.membersHint": "勾选技能加入此场景（含已禁用）。",
+			"groups.empty": "还没有场景。先新建一个，再把技能归类。",
+			"groups.noCollections": "暂无来源组。从市场导入技能后自动按来源聚合。",
+			"groups.personal": "个人",
+			"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": "移入回收站",
+			"delete.confirmTitle": "移入回收站？",
+			"delete.confirmText": "确定把「{name}」移入回收站吗？可随时恢复。",
+			"delete.confirm": "移入回收站",
 			"detail.back": "返回列表",
 			"detail.provider": "提供者",
-			"detail.source": "来源",
+			"detail.addedAt": "添加时间",
+			"detail.updatedAt": "更新时间",
 			"detail.path": "路径",
+			"detail.whenToUse": "适用场景",
+			"detail.uses": "调用次数",
+			"detail.groups": "所属场景",
 			"detail.loading": "读取技能正文…",
-			"form.title": "新建技能",
+			"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.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": "目标目录",
@@ -214,35 +570,52 @@ window.__ModuleLoader__.load({
 			"form.error": "创建失败：",
 			"err.dismiss": "知道了",
 			"settings.title": "Skill Hub",
-			"settings.description": "管理 dsh 本地技能目录：浏览、启用/禁用、诊断与新建。",
+			"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.inherit": "继承",
 			"settings.on": "开",
 			"settings.off": "关",
 			"settings.overridden": "已覆盖",
-			"settings.reset": "重置",
+			"settings.reset": "恢复默认",
 			"settings.unsaved": "未保存",
 			"settings.save": "保存",
 			"settings.saving": "保存中…",
-			"settings.discard": "放弃更改",
-			"settings.saveFailed": "保存失败",
-			"settings.readOnly": "当前部署只读，无法编辑。",
-			"settings.notExposed": "命名空间未挂载。",
-			"settings.collapse": "折叠",
-			"settings.expand": "展开"
+			"settings.discard": "放弃修改",
+			"settings.saveFailed": "本部署没有接受这些值，已保留供你修改。",
+			"settings.readOnly": "本部署的设置为只读。",
+			"settings.notExposed": "本部署没有挂载该设置命名空间。",
+			"settings.collapse": "收起设置",
+			"settings.expand": "展开设置"
 		};
 		const en = {
 			"entry.label": "Skills",
-			"entry.tooltip": "Skill hub: browse and manage local skills",
-			"view.source": "By source",
-			"view.sets": "By sets",
+			"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.refresh": "Refresh",
+			"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": "Dots sit beside the skill name; no dot means the skill is not invocable.",
 			"panel.enabled": "Enabled",
 			"panel.disabled": "Disabled",
 			"panel.diagnostics": "Discovery diagnostics",
@@ -250,6 +623,65 @@ window.__ModuleLoader__.load({
 			"panel.emptyAll": "No skills installed yet. Create the first one.",
 			"panel.loading": "Loading…",
 			"panel.incomplete": "(catalog may be incomplete)",
+			"market.addHint": "Codex-style market sources: add a repo (owner/repo or GitHub URL), scan its skills and import; imported skills are tracked upstream automatically.",
+			"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.",
+			"market.catalogTitle": "Market catalog",
+			"market.catalogHint": "Curated skill repos — add one to scan and install, with ongoing update checks.",
+			"market.catalog.anthropics": "Official Anthropic skill collection (Claude Skills)",
+			"market.catalog.superpowers": "Superpowers community skill collection",
+			"market.catalog.mattpocock": "Matt Pocock skill collection",
+			"market.catalog.openDesign": "Design skill collection (design-templates)",
+			"market.added": "Added",
+			"market.add": "Add",
+			"market.mySources": "My sources",
+			"market.installed": "{count} installed",
+			"market.updatable": "{count} updatable",
+			"market.deletedUpstream": "{count} deleted upstream",
+			"market.checkAll": "Check all",
+			"market.updateAll": "Update all",
+			"market.updateAllConfirmTitle": "Update every skill?",
+			"market.updateAllConfirmText": "The updatable skills of these sources will be overwritten with their latest upstream versions:",
+			"market.updateAllItem": "{repo} ({count} skills)",
+			"market.updateAllDone": "Updated {count} sources",
+			"market.deleteSource": "Remove source",
+			"market.scan": "Scan",
+			"market.scanning": "Scanning…",
+			"market.check": "Check",
+			"market.sync": "Sync",
+			"market.syncing": "Syncing…",
+			"market.updated": "Updates available",
+			"market.newRelease": "New release v{version}",
+			"market.branchTitle": "Choose a branch",
+			"market.branchHint": "This repo has no releases. Pick a branch to track (main by default):",
+			"market.branchConfirm": "Confirm",
+			"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.",
+			"market.syncCancel": "Skip",
+			"market.removeHint": "Removing a source does not affect installed skills.",
+			"repo.ready": "{count} importable skills found",
+			"repo.empty": "No importable skills found.",
+			"repo.selectAll": "Select all",
+			"repo.clearAll": "Clear",
+			"repo.import": "Import selected ({count})",
+			"repo.importing": "Importing…",
+			"repo.existing": "Existing",
+			"repo.files": "{count} files · {size}",
+			"repo.imported": "Imported {count}",
+			"repo.skippedExisting": "Skipped existing {count}",
+			"repo.failed": "Failed {count}",
+			"repo.root.skills": "Skills",
+			"repo.root.designTemplates": "Templates design-templates",
+			"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",
 			"group.project-dsh": "Project .dsh/skills",
 			"group.project-agents": "Project .agents/skills",
 			"group.custom": "Custom directories",
@@ -258,19 +690,80 @@ window.__ModuleLoader__.load({
 			"group.user-agents": "User ~/.agents/skills",
 			"group.bundled": "Bundled",
 			"group.other": "Other sources",
-			"group.uncategorized": "Uncategorized",
-			"badge.model": "model",
-			"badge.user": "user",
-			"badge.uses": "{count} uses",
+			"groups.new": "New scene",
+			"groups.namePlaceholder": "Scene name",
+			"groups.edit": "Edit",
+			"groups.rename": "Save name",
+			"groups.delete": "Delete scene",
+			"groups.saveMembers": "Save members",
+			"groups.membersHint": "Check skills to add to this scene (disabled skills included).",
+			"groups.empty": "No scenes yet. Create one and start categorizing skills.",
+			"groups.noCollections": "No source groups yet. Import skills from the market to group them by source.",
+			"groups.personal": "Personal",
+			"groups.noWritable": "No writable skills in this group (read-only skills cannot be switched from the hub)",
+			"groups.closeAll": "Close all",
+			"groups.keepOn": "Keep on",
+			"groups.conflictTitle": "Close this group?",
+			"groups.conflictText": "These skills are also enabled in other groups; closing them affects those groups:",
+			"filter.allSources": "All sources",
+			"filter.private": "Personal",
+			"sort.name": "By name",
+			"sort.added": "By added",
+			"sort.uses": "By uses",
+			"time.justNow": "just now",
+			"time.minutesAgo": "{value} min ago",
+			"time.hoursAgo": "{value} h ago",
+			"time.daysAgo": "{value} d ago",
+			"time.weeksAgo": "{value} w ago",
+			"badge.source.project-dsh": "project .dsh",
+			"badge.source.project-agents": "project .agents",
+			"badge.source.custom": "custom",
+			"badge.source.runtime": "runtime",
+			"badge.source.user-dsh": "user .dsh",
+			"badge.source.user-agents": "user .agents",
+			"badge.source.bundled": "bundled",
 			"row.readonly": "read-only",
 			"row.disable": "Disable",
 			"row.enable": "Enable",
+			"row.delete": "Move to trash",
+			"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.source": "Source",
+			"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…",
-			"form.title": "New Skill",
+			"source.private": "Personal skill (not bound to an upstream; no update checks)",
+			"source.commit": "Synced commit",
+			"source.unverified": "upstream not verified yet",
+			"source.check": "Check for updates",
+			"source.checkHint": "Click to check the upstream for updates",
+			"source.checking": "Checking…",
+			"source.upToDate": "Up to date",
+			"source.updated": "{count} updates",
+			"source.deleted": "{count} deleted upstream",
+			"source.error": "Check failed",
+			"source.throttled": "Checked recently",
+			"source.sync": "Sync",
+			"source.syncing": "Syncing…",
+			"source.syncConfirmTitle": "Sync skills?",
+			"source.syncConfirmText": "This overwrites local changes to these skills with the latest upstream version:",
+			"source.followDelete": "Follow deletion",
+			"source.deleteConfirmTitle": "Follow upstream deletion?",
+			"source.deleteConfirmText": "These skills were removed upstream; their local directories move to trash (restorable):",
+			"source.trash": "Trash",
+			"source.restore": "Restore",
+			"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",
@@ -281,25 +774,35 @@ window.__ModuleLoader__.load({
 			"form.error": "Create failed: ",
 			"err.dismiss": "Dismiss",
 			"settings.title": "Skill Hub",
-			"settings.description": "Manage the local dsh skill catalog: browse, toggle, diagnose, and scaffold skills.",
+			"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.inherit": "inherit",
-			"settings.on": "on",
-			"settings.off": "off",
-			"settings.overridden": "overridden",
-			"settings.reset": "reset",
-			"settings.unsaved": "unsaved",
+			"settings.dotModelColor": "Model-invocable dot color",
+			"settings.dotModelColorHint": "Color of the blue dot beside skill names (#rrggbb).",
+			"settings.dotUserColor": "User-invocable dot color",
+			"settings.dotUserColorHint": "Color of the green dot beside skill names (#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.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": "Save failed",
-			"settings.readOnly": "This deployment is read-only.",
-			"settings.notExposed": "Namespace not exposed.",
-			"settings.collapse": "Collapse",
-			"settings.expand": "Expand"
+			"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"
 		};
 		/** Interpolate a {name} template with the given values. */
 		function t(dict, key, values) {
@@ -308,8 +811,51 @@ window.__ModuleLoader__.load({
 			return text;
 		}
 		//#endregion
+		//#region src/client/settings-nav-icon.ts
+		/**
+		* The settings shell renders section nav icons from a hard-coded id map and
+		* exposes no registrant icon option, so the skill-hub section falls back to
+		* the generic gear. This scoped DOM patch swaps in the official skill icon
+		* whenever the settings dialog re-renders.
+		*/
+		const SKILL_SECTION_LABELS = ["技能", "Skills"];
+		const SKILL_ICON_SVG = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" data-skill-hub-nav-icon="true"><path d="M12.5113 15.4067C12.4395 15.6249 12.1308 15.6249 12.059 15.4067L11.643 14.1416C11.454 13.567 11.0033 13.1164 10.4288 12.9274L9.16369 12.5113C8.94544 12.4395 8.94544 12.1308 9.16369 12.059L10.4288 11.643C11.0033 11.454 11.454 11.0033 11.643 10.4288L12.059 9.16369C12.1308 8.94544 12.4395 8.94544 12.5113 9.16369L12.9274 10.4288C13.1164 11.0033 13.567 11.454 14.1416 11.643L15.4067 12.059C15.6249 12.1308 15.6249 12.4395 15.4067 12.5113L14.1416 12.9274C13.567 13.1164 13.1164 13.567 12.9274 14.1416L12.5113 15.4067Z" fill="currentColor"/><path d="M9.02246 0.546878C9.9822 0.546878 10.7564 0.545403 11.374 0.612307C12.0042 0.680586 12.5515 0.826244 13.0273 1.17188C13.3052 1.37376 13.5501 1.61868 13.752 1.89649C14.0975 2.37225 14.2432 2.91984 14.3115 3.54981C14.3784 4.16727 14.377 4.94206 14.377 5.90137V8.51367C13.9611 8.29533 13.5071 8.13985 13.0273 8.06055V5.90137C13.0273 4.9121 13.0259 4.22322 12.9688 3.69532C12.9129 3.18044 12.8098 2.89782 12.6592 2.69043C12.5406 2.52724 12.3966 2.38326 12.2334 2.26465C12.026 2.11404 11.7437 2.0109 11.2285 1.95508C10.7005 1.89789 10.0122 1.89649 9.02246 1.89649H6.55371C5.56395 1.89649 4.87569 1.89787 4.34766 1.95508C3.83242 2.01092 3.55022 2.11398 3.34278 2.26465C3.17953 2.38329 3.03564 2.52719 2.91699 2.69043C2.76642 2.89782 2.66325 3.18042 2.60742 3.69532C2.55027 4.22322 2.54883 4.9121 2.54883 5.90137V10.0986C2.54883 11.0878 2.55031 11.7768 2.60742 12.3047C2.66326 12.8196 2.76642 13.1032 2.91699 13.3105C3.03558 13.4736 3.17966 13.6178 3.34278 13.7363C3.5502 13.8869 3.83265 13.9901 4.34766 14.0459C4.87568 14.1031 5.56398 14.1035 6.55371 14.1035H8.08399C8.27443 14.6025 8.55077 15.0585 8.89551 15.4541H6.55371C5.59402 15.4541 4.81976 15.4546 4.20215 15.3877C3.57204 15.3194 3.02468 15.1738 2.54883 14.8281C2.27111 14.6263 2.02606 14.3813 1.82422 14.1035C1.47883 13.6278 1.33293 13.08 1.26465 12.4502C1.19783 11.8327 1.19922 11.0579 1.19922 10.0986V5.90137C1.19922 4.94206 1.1978 4.16727 1.26465 3.54981C1.33295 2.91984 1.47867 2.37225 1.82422 1.89649C2.02613 1.61864 2.27098 1.37379 2.54883 1.17188C3.02472 0.826181 3.57197 0.6806 4.20215 0.612307C4.81976 0.545393 5.594 0.546877 6.55371 0.546878H9.02246ZM9.19629 9.14649H4.5459V7.84571H9.19629V9.14649ZM11.0303 6.10645H4.5459V4.80567H11.0303V6.10645Z" fill="currentColor"/></svg>`;
+		let iconTemplate = null;
+		function skillIcon() {
+			if (iconTemplate === null) iconTemplate = new DOMParser().parseFromString(SKILL_ICON_SVG, "image/svg+xml").documentElement;
+			return iconTemplate.cloneNode(true);
+		}
+		function patchNavIcon() {
+			const dialog = document.querySelector("[role=\"dialog\"]");
+			if (dialog === null) return;
+			for (const button of dialog.querySelectorAll("button")) {
+				const label = button.querySelector("span");
+				if (label === null || !SKILL_SECTION_LABELS.includes(label.textContent?.trim() ?? "")) continue;
+				if (button.querySelector("svg[data-skill-hub-nav-icon]") !== null) continue;
+				const current = button.querySelector("svg");
+				const icon = skillIcon();
+				if (current !== null) current.replaceWith(icon);
+				else button.insertBefore(icon, button.firstChild);
+			}
+		}
+		/** Swap the settings nav gear for the skill icon and keep it in sync. */
+		function applySettingsNavIcon() {
+			if (typeof document === "undefined" || typeof MutationObserver === "undefined") return () => {};
+			patchNavIcon();
+			const observer = new MutationObserver(() => {
+				patchNavIcon();
+			});
+			observer.observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+			return () => {
+				observer.disconnect();
+			};
+		}
+		//#endregion
 		//#region \0dsh-css:/Users/huanyi/Documents/personal/tools/dsh-skill-hub/src/client/settings-card.module.css.mjs
-		const css$1 = ".TqD_hG_card{border:1px solid var(--dsw-alias-border-l2,#80808040);background:var(--dsw-alias-bg-layer-2,transparent);border-radius:6px;margin-bottom:6px;overflow:hidden}.TqD_hG_header{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.TqD_hG_header:hover{background:#80808014}.TqD_hG_headText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.TqD_hG_name{font-weight:600}.TqD_hG_description{opacity:.65;font-size:11.5px}.TqD_hG_pending{color:#d29922;flex:none;font-size:10.5px}.TqD_hG_chevron,.TqD_hG_chevronOpen{opacity:.6;flex:none;transition:transform .12s}.TqD_hG_chevronOpen{transform:rotate(180deg)}.TqD_hG_body{border-top:1px solid var(--dsw-alias-border-l2,#80808026);flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.TqD_hG_notExposed,.TqD_hG_readOnly,.TqD_hG_failed{opacity:.75;margin:0;font-size:12px}.TqD_hG_failed{color:#d1242f}.TqD_hG_footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}.TqD_hG_discard,.TqD_hG_save{cursor:pointer;color:inherit;background:0 0;border:1px solid #80808059;border-radius:5px;padding:5px 12px;font-size:12px}.TqD_hG_discard:disabled,.TqD_hG_save:disabled{opacity:.5;cursor:default}.TqD_hG_save{color:#2f81f7;border-color:#2f81f7}.TqD_hG_field{flex-direction:column;gap:4px;display:flex}.TqD_hG_head{align-items:center;gap:8px;display:flex}.TqD_hG_label{font-size:12.5px;font-weight:600}.TqD_hG_badges{align-items:center;gap:6px;display:inline-flex}.TqD_hG_badge{opacity:.85;border:1px solid #80808059;border-radius:999px;padding:1px 6px;font-size:10.5px}.TqD_hG_reset{color:inherit;cursor:pointer;background:0 0;border:1px solid #80808059;border-radius:999px;padding:1px 8px;font-size:11px}.TqD_hG_reset:disabled{opacity:.5;cursor:default}.TqD_hG_select{max-width:220px;color:inherit;background:0 0;border:1px solid #80808059;border-radius:6px;padding:6px 8px;font-size:12.5px}.TqD_hG_hint{opacity:.6;margin:0;font-size:11.5px}.TqD_hG_switchRow{align-items:center;gap:12px;display:flex}.TqD_hG_switchText{flex:1;min-width:0}.TqD_hG_switch,.TqD_hG_switchOn{cursor:pointer;background:#80808040;border:1px solid #80808073;border-radius:999px;flex:none;width:38px;height:22px;padding:2px;transition:background .15s,border-color .15s}.TqD_hG_switchOn{background:#2f81f7;border-color:#2f81f7}.TqD_hG_switch:disabled,.TqD_hG_switchOn:disabled{opacity:.5;cursor:default}.TqD_hG_switchThumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block;transform:translate(0);box-shadow:0 1px 2px #00000040}.TqD_hG_switchOn .TqD_hG_switchThumb{transform:translate(16px)}";
+		const css$1 = ".TqD_hG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.TqD_hG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.TqD_hG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.TqD_hG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.TqD_hG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.TqD_hG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.TqD_hG_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.TqD_hG_chevron,.TqD_hG_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.TqD_hG_chevronOpen{transform:rotate(180deg)}.TqD_hG_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.TqD_hG_readOnly,.TqD_hG_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.TqD_hG_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.TqD_hG_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.TqD_hG_discard,.TqD_hG_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.TqD_hG_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.TqD_hG_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.TqD_hG_discard:disabled,.TqD_hG_save:disabled{opacity:.4;cursor:default}.TqD_hG_discard:focus-visible,.TqD_hG_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.TqD_hG_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.TqD_hG_field+.TqD_hG_field{border-top:1px solid var(--dsw-alias-border-l2)}.TqD_hG_head{align-items:center;gap:8px;display:flex}.TqD_hG_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.TqD_hG_badges{align-items:center;gap:8px;display:inline-flex}.TqD_hG_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.TqD_hG_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.TqD_hG_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.TqD_hG_reset:disabled{cursor:default}.TqD_hG_input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.TqD_hG_input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.TqD_hG_input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.TqD_hG_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}.TqD_hG_colorRow{align-items:center;gap:8px;display:flex}.TqD_hG_colorInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);cursor:pointer;border-radius:8px;width:34px;height:34px;padding:0}.TqD_hG_colorInput:disabled{opacity:.5;cursor:default}.TqD_hG_colorInput::-webkit-color-swatch-wrapper{padding:2px}.TqD_hG_colorInput::-webkit-color-swatch{border:none;border-radius:4px}.TqD_hG_colorText{flex:1;min-width:0}.TqD_hG_switchRow{align-items:center;gap:12px;display:flex}.TqD_hG_switchText{flex:1;min-width:0}.TqD_hG_switch,.TqD_hG_switchOn{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);cursor:pointer;border-radius:999px;flex:none;width:38px;height:22px;padding:2px;transition:background .15s,border-color .15s}.TqD_hG_switchOn{border-color:var(--dsw-alias-state-business-primary,#2f81f7);background:var(--dsw-alias-state-business-primary,#2f81f7)}.TqD_hG_switch:disabled,.TqD_hG_switchOn:disabled{opacity:.4;cursor:default}.TqD_hG_switchThumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block;transform:translate(0);box-shadow:0 1px 2px #00000040}.TqD_hG_switchOn .TqD_hG_switchThumb{transform:translate(16px)}";
 		const tagId$1 = "dsh-skill-hub/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -323,8 +869,12 @@ window.__ModuleLoader__.load({
 			"badges": "TqD_hG_badges",
 			"body": "TqD_hG_body",
 			"card": "TqD_hG_card",
+			"cardOpen": "TqD_hG_cardOpen",
 			"chevron": "TqD_hG_chevron",
 			"chevronOpen": "TqD_hG_chevronOpen",
+			"colorInput": "TqD_hG_colorInput",
+			"colorRow": "TqD_hG_colorRow",
+			"colorText": "TqD_hG_colorText",
 			"description": "TqD_hG_description",
 			"discard": "TqD_hG_discard",
 			"failed": "TqD_hG_failed",
@@ -334,6 +884,7 @@ window.__ModuleLoader__.load({
 			"headText": "TqD_hG_headText",
 			"header": "TqD_hG_header",
 			"hint": "TqD_hG_hint",
+			"input": "TqD_hG_input",
 			"label": "TqD_hG_label",
 			"name": "TqD_hG_name",
 			"notExposed": "TqD_hG_notExposed",
@@ -341,7 +892,6 @@ window.__ModuleLoader__.load({
 			"readOnly": "TqD_hG_readOnly",
 			"reset": "TqD_hG_reset",
 			"save": "TqD_hG_save",
-			"select": "TqD_hG_select",
 			"switch": "TqD_hG_switch",
 			"switchOn": "TqD_hG_switchOn",
 			"switchRow": "TqD_hG_switchRow",
@@ -351,10 +901,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/settings-card.tsx
 		/**
-		* Shared chrome for the plugin settings card, vendored from the dsh-web-ui
-		* family bucket (packages/dsh-task-board/src/client/PluginSettingsCard.tsx):
-		* a disclosure header naming the plugin and what its settings govern, the
-		* controls inside, and the save that writes them. Renders nothing while the
+		* Shared chrome for the plugin settings card, aligned with the official
+		* dsh-client-ui-settings-plugins PluginCard design language: the same tokens,
+		* disclosure header, field rhythm, and copy. Renders nothing while the
 		* namespace is unavailable — a deployment that does not compose the owning
 		* plugin should show no trace of it.
 		*/
@@ -392,14 +941,11 @@ window.__ModuleLoader__.load({
 						className: settings_card_module_css_default.pending,
 						children: props.t("settings.unsaved")
 					}) : null,
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: open ? settings_card_module_css_default.chevronOpen : settings_card_module_css_default.chevron,
-						children: "▾"
-					})
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: open ? settings_card_module_css_default.chevronOpen : settings_card_module_css_default.chevron })
 				]
 			});
 			if (!state.exposed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				className: settings_card_module_css_default.card,
+				className: settings_card_module_css_default.card + (open ? " " + settings_card_module_css_default.cardOpen : ""),
 				children: [header, open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: settings_card_module_css_default.body,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -410,7 +956,7 @@ window.__ModuleLoader__.load({
 				}) : null]
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				className: settings_card_module_css_default.card,
+				className: settings_card_module_css_default.card + (open ? " " + settings_card_module_css_default.cardOpen : ""),
 				children: [header, open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: settings_card_module_css_default.body,
 					children: [
@@ -448,60 +994,6 @@ window.__ModuleLoader__.load({
 				}) : null]
 			});
 		}
-		function BooleanField(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.jsxs)("select", {
-						id: props.id,
-						className: settings_card_module_css_default.select,
-						value: props.text,
-						disabled: props.disabled,
-						onChange: (event) => {
-							props.onEdit(event.target.value);
-						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "",
-								children: props.inheritLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "true",
-								children: props.onLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "false",
-								children: props.offLabel
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: settings_card_module_css_default.hint,
-						children: props.hint
-					})
-				]
-			});
-		}
 		function SwitchField(props) {
 			const checked = props.text !== "false";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -547,6 +1039,60 @@ window.__ModuleLoader__.load({
 				})
 			});
 		}
+		function ColorField(props) {
+			const value = /^#[0-9a-f]{6}$/i.test(props.text) ? props.text : props.defaultColor;
+			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.jsxs)("div", {
+						className: settings_card_module_css_default.colorRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							id: props.id,
+							type: "color",
+							className: settings_card_module_css_default.colorInput,
+							value,
+							disabled: props.disabled,
+							onChange: (event) => {
+								props.onEdit(event.target.value);
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "text",
+							className: settings_card_module_css_default.input + " " + settings_card_module_css_default.colorText,
+							value: props.text,
+							disabled: props.disabled,
+							placeholder: props.inheritLabel,
+							onChange: (event) => {
+								props.onEdit(event.target.value.trim());
+							}
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: settings_card_module_css_default.hint,
+						children: props.hint
+					})
+				]
+			});
+		}
 		//#endregion
 		//#region src/client/settings-form.ts
 		/**
@@ -576,6 +1122,19 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
+		/** A #rrggbb color field, edited through hex draft text. */
+		function colorField(field) {
+			return {
+				field,
+				format: (value) => typeof value === "string" && /^#[0-9a-f]{6}$/i.test(value) ? value : "",
+				parse: (text) => {
+					if (/^#[0-9a-f]{6}$/i.test(text)) return {
+						kind: "set",
+						value: text
+					};
+				}
+			};
+		}
 		/** Stages one card's edits and writes them through the settings transport. */
 		var CardForm = class {
 			scope;
@@ -748,14 +1307,27 @@ window.__ModuleLoader__.load({
 			store;
 			/** @param scope - the hub config scope the card edits (ApiConfigScope). */
 			constructor(scope) {
-				this.form = new CardForm(scope, [booleanField("enabled"), booleanField("announceToAgent")]);
+				this.form = new CardForm(scope, [
+					booleanField("enabled"),
+					booleanField("announceToAgent"),
+					colorField("dotModelColor"),
+					colorField("dotUserColor"),
+					booleanField("showUseCount"),
+					booleanField("showUseTime"),
+					booleanField("showGroupSummary")
+				]);
 				this.store = this.form.bind(() => this.projection());
 			}
 			projection() {
 				return {
 					...this.form.shell(),
 					enabled: this.form.field("enabled"),
-					announceToAgent: this.form.field("announceToAgent")
+					announceToAgent: this.form.field("announceToAgent"),
+					dotModelColor: this.form.field("dotModelColor"),
+					dotUserColor: this.form.field("dotUserColor"),
+					showUseCount: this.form.field("showUseCount"),
+					showUseTime: this.form.field("showUseTime"),
+					showGroupSummary: this.form.field("showGroupSummary")
 				};
 			}
 			/**
@@ -790,33 +1362,98 @@ window.__ModuleLoader__.load({
 				state,
 				onSave: props.save,
 				onDiscard: props.discard,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
-					label: t("settings.enabled"),
-					hint: t("settings.enabledHint"),
-					...fieldProps,
-					...state.enabled,
-					onEdit: (text) => {
-						props.edit("enabled", text);
-					},
-					onReset: () => {
-						props.resetField("enabled");
-					}
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
-					id: "settings-skill-hub-announce",
-					label: t("settings.announceToAgent"),
-					hint: t("settings.announceToAgentHint"),
-					inheritLabel: t("settings.inherit"),
-					onLabel: t("settings.on"),
-					offLabel: t("settings.off"),
-					...fieldProps,
-					...state.announceToAgent,
-					onEdit: (text) => {
-						props.edit("announceToAgent", text);
-					},
-					onReset: () => {
-						props.resetField("announceToAgent");
-					}
-				})]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
+						label: t("settings.enabled"),
+						hint: t("settings.enabledHint"),
+						...fieldProps,
+						...state.enabled,
+						onEdit: (text) => {
+							props.edit("enabled", text);
+						},
+						onReset: () => {
+							props.resetField("enabled");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
+						label: t("settings.announceToAgent"),
+						hint: t("settings.announceToAgentHint"),
+						...fieldProps,
+						...state.announceToAgent,
+						onEdit: (text) => {
+							props.edit("announceToAgent", text);
+						},
+						onReset: () => {
+							props.resetField("announceToAgent");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorField, {
+						id: "skill-hub-dot-model-color",
+						label: t("settings.dotModelColor"),
+						hint: t("settings.dotModelColorHint"),
+						inheritLabel: t("settings.inherit"),
+						defaultColor: DEFAULT_DOT_MODEL_COLOR,
+						...fieldProps,
+						...state.dotModelColor,
+						onEdit: (text) => {
+							props.edit("dotModelColor", text);
+						},
+						onReset: () => {
+							props.resetField("dotModelColor");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorField, {
+						id: "skill-hub-dot-user-color",
+						label: t("settings.dotUserColor"),
+						hint: t("settings.dotUserColorHint"),
+						inheritLabel: t("settings.inherit"),
+						defaultColor: DEFAULT_DOT_USER_COLOR,
+						...fieldProps,
+						...state.dotUserColor,
+						onEdit: (text) => {
+							props.edit("dotUserColor", text);
+						},
+						onReset: () => {
+							props.resetField("dotUserColor");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
+						label: t("settings.showUseCount"),
+						hint: t("settings.showUseCountHint"),
+						...fieldProps,
+						...state.showUseCount,
+						onEdit: (text) => {
+							props.edit("showUseCount", text);
+						},
+						onReset: () => {
+							props.resetField("showUseCount");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
+						label: t("settings.showUseTime"),
+						hint: t("settings.showUseTimeHint"),
+						...fieldProps,
+						...state.showUseTime,
+						onEdit: (text) => {
+							props.edit("showUseTime", text);
+						},
+						onReset: () => {
+							props.resetField("showUseTime");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchField, {
+						label: t("settings.showGroupSummary"),
+						hint: t("settings.showGroupSummaryHint"),
+						...fieldProps,
+						...state.showGroupSummary,
+						onEdit: (text) => {
+							props.edit("showGroupSummary", text);
+						},
+						onReset: () => {
+							props.resetField("showGroupSummary");
+						}
+					})
+				]
 			});
 		}
 		//#endregion
@@ -839,8 +1476,114 @@ window.__ModuleLoader__.load({
 			return String(error);
 		}
 		//#endregion
+		//#region src/client/grouping.ts
+		/**
+		* Derive a group switch view from its member names and the set of currently
+		* enabled skill names (catalog.skills). Members not in the enabled set count
+		* as disabled (catalog.disabled or absent read-only rows).
+		*/
+		function groupSwitchView(members, enabledNames) {
+			const enabled = [];
+			const disabled = [];
+			for (const name of members) if (enabledNames.has(name)) enabled.push(name);
+			else disabled.push(name);
+			return {
+				state: disabled.length === 0 ? "on" : enabled.length === 0 ? "off" : "mixed",
+				enabled,
+				disabled
+			};
+		}
+		/** Names of every group a skill belongs to (tags + collections). */
+		function groupNamesOf(name, tags, collections) {
+			const names = [];
+			for (const tag of tags) if (tag.skillNames.includes(name)) names.push(tag.name);
+			for (const collection of collections) if (collection.skillNames.includes(name)) names.push(collection.name);
+			return names;
+		}
+		/**
+		* Members of a group that are currently enabled AND also belong to at least
+		* one other group — the set a "close" action must ask about.
+		*/
+		function conflictsOnClose(members, enabledNames, otherGroups) {
+			return members.filter((name) => {
+				if (!enabledNames.has(name)) return false;
+				return otherGroups.some((group) => group.members.includes(name));
+			});
+		}
+		/** Origin-repo filter value: skills with no source record (private skills). */
+		const PRIVATE_SOURCE = "private";
+		/**
+		* Apply the origin filter ('all' or a specific origin repo; skills without a
+		* source record count as PRIVATE_SOURCE). The origins map is the store's
+		* skillName → repo derivation, so filtering follows the tracked source
+		* records instead of the filesystem root a skill happens to live under.
+		*/
+		function filterBySource(skills, source, origins) {
+			if (source === "all") return [...skills];
+			return skills.filter((skill) => (origins[skill.name] ?? "private") === source);
+		}
+		/**
+		* Sort a skill list in place-safe copy order: name ascending, added
+		* descending (newest first, unknown addedAt last), or uses descending
+		* (most-called first). Unknown values always trail.
+		*/
+		function sortSkills(skills, key, getUses) {
+			const list = [...skills];
+			if (key === "name") list.sort((a, b) => a.name.localeCompare(b.name));
+			else if (key === "added") list.sort((a, b) => (b.addedAt ?? -Infinity) - (a.addedAt ?? -Infinity));
+			else if (key === "uses") list.sort((a, b) => (getUses?.(b.name) ?? 0) - (getUses?.(a.name) ?? 0));
+			return list;
+		}
+		/** Format an epoch-ms timestamp as a short relative time bucket. */
+		function formatRelativeTime(ms, now = Date.now()) {
+			const diff = Math.max(0, now - ms);
+			const minutes = Math.floor(diff / 6e4);
+			if (minutes < 1) return { key: "time.justNow" };
+			if (minutes < 60) return {
+				key: "time.minutesAgo",
+				value: minutes
+			};
+			const hours = Math.floor(minutes / 60);
+			if (hours < 24) return {
+				key: "time.hoursAgo",
+				value: hours
+			};
+			const days = Math.floor(hours / 24);
+			if (days < 7) return {
+				key: "time.daysAgo",
+				value: days
+			};
+			return {
+				key: "time.weeksAgo",
+				value: Math.floor(days / 7)
+			};
+		}
+		//#endregion
+		//#region src/client/panel/format.ts
+		/** Dot inline style from the user-chosen color (undefined keeps the CSS default). */
+		function dotStyle(color) {
+			if (color === void 0) return void 0;
+			return {
+				background: color,
+				borderColor: color
+			};
+		}
+		/** Localized relative-time text for a Unix-ms timestamp. */
+		function relativeTimeText(ms) {
+			const rt = formatRelativeTime(ms);
+			return tt(rt.key, rt.value !== void 0 ? { value: rt.value } : void 0);
+		}
+		/** Localized absolute time for the detail meta (e.g. "2026/8/16 11:00:00"). */
+		function formatDateTime(ms) {
+			return new Date(ms).toLocaleString();
+		}
+		/** Short form of a commit SHA for display. */
+		function shortSha(sha) {
+			return sha.length > 7 ? sha.slice(0, 7) : sha;
+		}
+		//#endregion
 		//#region \0dsh-css:/Users/huanyi/Documents/personal/tools/dsh-skill-hub/src/client/panel/panel.module.css.mjs
-		const css = "._6VtqdG_panel{flex-direction:column;gap:10px;max-width:880px;margin:0 auto;padding:16px 18px 28px;display:flex}._6VtqdG_header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._6VtqdG_title{margin:0;font-size:17px;font-weight:600}._6VtqdG_hint{opacity:.6;font-size:11.5px}._6VtqdG_actions{gap:8px;margin-left:auto;display:flex}._6VtqdG_segmented{border:1px solid #80808059;border-radius:6px;display:flex;overflow:hidden}._6VtqdG_segBtn{color:inherit;cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:11.5px}._6VtqdG_segBtn+._6VtqdG_segBtn{border-left:1px solid #80808059}._6VtqdG_segBtnActive{background:#8080802e;font-weight:600}._6VtqdG_search{width:100%;color:inherit;background:0 0;border:1px solid #80808059;border-radius:6px;padding:8px 10px;font-size:13px}._6VtqdG_section{flex-direction:column;gap:4px;display:flex}._6VtqdG_sectionTitle{margin:10px 0 2px;font-size:12.5px;font-weight:700}._6VtqdG_groupTitle{opacity:.72;margin:8px 0 2px;font-size:12px;font-weight:600}._6VtqdG_row{cursor:pointer;background:0 0;border:1px solid #8080802e;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}._6VtqdG_row:hover{border-color:#80808066}._6VtqdG_rowMain{flex:1;min-width:0}._6VtqdG_rowName{font-size:13.5px;font-weight:600}._6VtqdG_rowDesc{opacity:.65;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}._6VtqdG_badges{flex:none;align-items:center;gap:4px;display:flex}._6VtqdG_badge{opacity:.85;white-space:nowrap;border:1px solid #8080804d;border-radius:999px;padding:1px 6px;font-size:10.5px}._6VtqdG_badgeModel{color:#2f81f7;border-color:currentColor}._6VtqdG_badgeUser{color:#3fb950;border-color:currentColor}._6VtqdG_badgeUses{color:#d29922;border-color:currentColor}._6VtqdG_badgeReadonly{opacity:.55}._6VtqdG_switchBtn{color:inherit;cursor:pointer;background:0 0;border:1px solid #80808059;border-radius:999px;flex:none;padding:3px 10px;font-size:11.5px}._6VtqdG_switchBtn:disabled{opacity:.5;cursor:default}._6VtqdG_switchOff:hover{color:#d1242f;border-color:#d1242f}._6VtqdG_switchOn{color:#3fb950;border-color:currentColor}._6VtqdG_switchOn:hover{color:#d1242f;border-color:currentColor}._6VtqdG_empty{opacity:.6;text-align:center;padding:14px 0;font-size:12.5px}._6VtqdG_diagRow{background:#d2992214;border-left:3px solid #d29922;border-radius:4px;padding:6px 10px;font-size:12px}._6VtqdG_diagPath{opacity:.8;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}._6VtqdG_diagReason{opacity:.7}._6VtqdG_errorBanner{color:#d1242f;background:#d1242f14;border:1px solid #d1242f4d;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex}._6VtqdG_detail{flex-direction:column;gap:10px;display:flex}._6VtqdG_detailHead{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._6VtqdG_back{color:inherit;cursor:pointer;background:0 0;border:1px solid #80808059;border-radius:6px;padding:4px 10px;font-size:12px}._6VtqdG_detailName{font-size:16px;font-weight:700}._6VtqdG_detailMeta{opacity:.8;flex-direction:column;gap:4px;font-size:12px;display:flex}._6VtqdG_detailMetaLine{word-break:break-all}._6VtqdG_detailContent{white-space:pre-wrap;word-break:break-word;border:1px solid #80808033;border-radius:8px;max-height:60vh;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;overflow:auto}._6VtqdG_form{border:1px solid #80808040;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}._6VtqdG_formRow{flex-direction:column;gap:4px;display:flex}._6VtqdG_formLabel{opacity:.75;font-size:11.5px}._6VtqdG_input,._6VtqdG_select{color:inherit;background:0 0;border:1px solid #80808059;border-radius:6px;padding:7px 9px;font-size:13px}._6VtqdG_buttons{align-items:center;gap:8px;display:flex}._6VtqdG_button{cursor:pointer;color:inherit;background:0 0;border:1px solid #80808059;border-radius:6px;padding:6px 12px;font-size:12.5px}._6VtqdG_primary{color:#2f81f7;border-color:#2f81f7}._6VtqdG_primary:disabled{opacity:.5;cursor:default}._6VtqdG_formError{color:#d1242f}._6VtqdG_formSuccess{color:#3fb950}._6VtqdG_muted{opacity:.6}";
+		const css = "._6VtqdG_panel{-webkit-font-smoothing:antialiased;color-scheme:light dark;--hub-model:#2f81f7;--hub-user:#3fb950;flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:28px 20px 44px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;display:flex}._6VtqdG_header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}._6VtqdG_title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}._6VtqdG_hint{opacity:.5;font-size:12px}._6VtqdG_actions{gap:8px;margin-left:auto;display:flex}._6VtqdG_segmented{background:#80808024;border-radius:9px;gap:2px;padding:2px;display:flex}._6VtqdG_segBtn{color:inherit;opacity:.62;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 13px;font-size:12px;transition:background .15s,opacity .15s}._6VtqdG_segBtn:hover{opacity:.9}._6VtqdG_segBtnActive{opacity:1;background:#80808047;font-weight:600}._6VtqdG_search{width:100%;color:inherit;background:#8080801f;border:none;border-radius:10px;outline:none;padding:10px 14px;font-size:13px;transition:background .15s}._6VtqdG_search::placeholder{opacity:.45}._6VtqdG_search:focus{background:#8080802e}._6VtqdG_section{background:#8080800f;border-radius:12px;flex-direction:column;margin-top:4px;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a}._6VtqdG_sectionTitle{margin:14px 16px 2px;font-size:13px;font-weight:700}._6VtqdG_groupHead{align-items:center;gap:8px;padding:12px 14px 4px;display:flex}._6VtqdG_groupTitle{opacity:.92;flex:1;min-width:0;font-size:13px;font-weight:600}._6VtqdG_groupOps{flex:none;gap:6px;display:inline-flex}._6VtqdG_opBtn{color:inherit;cursor:pointer;background:#80808021;border:none;border-radius:999px;padding:3px 11px;font-size:11px;transition:background .15s}._6VtqdG_opBtn:hover{background:#80808038}._6VtqdG_opBtn:disabled{opacity:.4;cursor:default}._6VtqdG_row{cursor:pointer;background:0 0;align-items:center;gap:12px;padding:10px 14px;transition:background .12s;display:flex}._6VtqdG_row:hover{background:#80808014}._6VtqdG_rowStatic{cursor:default}._6VtqdG_rowStatic:hover{background:0 0}._6VtqdG_row+._6VtqdG_row{border-top:.5px solid #80808021}._6VtqdG_rowMain{flex:1;min-width:0}._6VtqdG_rowName{align-items:center;gap:5px;font-size:13.5px;display:flex}._6VtqdG_rowNameText{font-weight:600}._6VtqdG_rowDesc{opacity:.52;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}._6VtqdG_rowMeta{opacity:.45;white-space:nowrap;flex:none;font-size:11.5px}._6VtqdG_badges{flex:none;align-items:center;gap:6px;display:flex}._6VtqdG_badge{opacity:.8;white-space:nowrap;border:.5px solid #8080804d;border-radius:999px;padding:1px 7px;font-size:10.5px}._6VtqdG_badgeModel{color:var(--hub-model);border-color:currentColor}._6VtqdG_badgeUser{color:var(--hub-user);border-color:currentColor}._6VtqdG_badgeUses{color:#d29922;border-color:currentColor}._6VtqdG_badgeReadonly{opacity:.5}._6VtqdG_switch{cursor:pointer;background:#8080804d;border:none;border-radius:999px;flex:none;width:36px;height:21px;padding:2px;transition:background .18s}._6VtqdG_switch:disabled{opacity:.5;cursor:default}._6VtqdG_switchOn{background:#34c759}._6VtqdG_switchThumb{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;display:block;transform:translate(0);box-shadow:0 1px 2px #00000040}._6VtqdG_switchOn ._6VtqdG_switchThumb{transform:translate(15px)}._6VtqdG_empty{opacity:.5;text-align:center;padding:20px 0;font-size:13px}._6VtqdG_diagRow{background:#d299220f;border-left:3px solid #d29922;padding:9px 14px;font-size:12px}._6VtqdG_diagPath{opacity:.75;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}._6VtqdG_diagReason{opacity:.65;margin-top:1px}._6VtqdG_updateLink{color:inherit;font-weight:600;text-decoration:underline}._6VtqdG_errorBanner{color:#d1242f;white-space:pre-wrap;word-break:break-all;background:#d1242f12;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}._6VtqdG_successBanner{color:#3fb950;white-space:pre-wrap;word-break:break-all;background:#3fb95014;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}._6VtqdG_detailHead{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._6VtqdG_back{color:inherit;cursor:pointer;background:#8080801f;border:none;border-radius:8px;padding:6px 12px;font-size:12.5px}._6VtqdG_back:hover{background:#80808033}._6VtqdG_detailName{letter-spacing:-.01em;font-size:19px;font-weight:700}._6VtqdG_detailMeta{opacity:.6;flex-direction:column;gap:4px;font-size:12px;display:flex}._6VtqdG_detailMetaLine{word-break:break-all}._6VtqdG_detailContent{white-space:pre-wrap;word-break:break-word;background:#8080800d;border-radius:12px;max-height:62vh;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;overflow:auto}._6VtqdG_form{background:#8080800d;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a}._6VtqdG_formRow{flex-direction:column;gap:5px;display:flex}._6VtqdG_formLabel{opacity:.6;font-size:12px}._6VtqdG_input,._6VtqdG_select{color:inherit;background:#8080801f;border:none;border-radius:9px;outline:none;padding:9px 12px;font-size:13px}._6VtqdG_input:focus,._6VtqdG_select:focus{background:#8080802e}._6VtqdG_buttons{align-items:center;gap:8px;display:flex}._6VtqdG_button{cursor:pointer;color:inherit;background:#8080801f;border:none;border-radius:8px;padding:6px 13px;font-size:12.5px;transition:background .15s}._6VtqdG_button:hover{background:#80808033}._6VtqdG_primary{background:var(--hub-model);color:#fff}._6VtqdG_primary:hover{opacity:.92;background:#2f81f7}._6VtqdG_primary:disabled{opacity:.45;cursor:default}._6VtqdG_danger{color:#fff;background:#d1242f}._6VtqdG_danger:hover{opacity:.92;background:#d1242f}._6VtqdG_danger:disabled{opacity:.45;cursor:default}._6VtqdG_formError{color:#d1242f}._6VtqdG_formSuccess{color:#3fb950}._6VtqdG_muted{opacity:.55}._6VtqdG_dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:5px;display:inline-block}._6VtqdG_dotModel{background:var(--hub-model)}._6VtqdG_dotUser{background:var(--hub-user)}._6VtqdG_legend{opacity:.55;flex-wrap:wrap;align-items:center;gap:12px;padding:2px 2px 0;font-size:11.5px;display:flex}._6VtqdG_legendItem{align-items:center;gap:4px;display:inline-flex}._6VtqdG_legendItem ._6VtqdG_dot{margin-left:0}._6VtqdG_legendHint{opacity:.8}._6VtqdG_badgeSource,._6VtqdG_badgeCount{opacity:.72;background:#8080801a;border:none}._6VtqdG_badgeDisabled{opacity:.58;background:#8080801a;border:none}._6VtqdG_disclosure{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:7px;padding:2px 0;display:flex}._6VtqdG_disclosure:hover ._6VtqdG_groupTitle{opacity:1}._6VtqdG_chevron{opacity:.55;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:8px;height:8px;margin-right:2px;transition:transform .15s;transform:rotate(45deg)}._6VtqdG_chevronCollapsed{transform:rotate(-45deg)}._6VtqdG_headerCount{opacity:.5;white-space:nowrap;margin-left:2px;font-size:12px}._6VtqdG_subbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._6VtqdG_legendToggle{width:22px;height:22px;color:inherit;cursor:pointer;opacity:.55;background:#80808024;border:none;border-radius:50%;flex:none;font-size:12px;line-height:1;transition:opacity .15s,background .15s}._6VtqdG_legendToggle:hover{opacity:1}._6VtqdG_legendToggleActive{opacity:1;background:#80808047}._6VtqdG_filterBar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._6VtqdG_filterBar ._6VtqdG_formLabel{margin:0}._6VtqdG_useCount{color:#d29922;vertical-align:1px;background:#d299221f;border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:700;line-height:1.6;display:inline-block}._6VtqdG_useTime{opacity:.45;white-space:nowrap;margin-left:auto;font-size:11px}._6VtqdG_switchMixed{background:#2f81f773}._6VtqdG_switchMixed ._6VtqdG_switchThumb{transform:translate(7.5px);box-shadow:0 1px 2px #00000040}._6VtqdG_groupTitleInner{align-items:baseline;display:inline-flex}._6VtqdG_groupOps{flex-wrap:wrap;flex:none;align-items:center;gap:6px;display:inline-flex}._6VtqdG_sourceLink{color:inherit;opacity:.9;border-bottom:1px dotted;font-weight:600;text-decoration:none}._6VtqdG_sourceLink:hover{opacity:1}._6VtqdG_statusBadges{flex:none;align-items:center;gap:4px;display:inline-flex}._6VtqdG_statusBadge{opacity:.8;white-space:nowrap;background:#8080801a;border:.5px solid #8080804d;border-radius:999px;padding:1px 7px;font-size:10.5px}._6VtqdG_statusOk{color:#3fb950;background:0 0;border-color:currentColor}._6VtqdG_statusUpdated{color:#d29922;background:#d2992214;border-color:currentColor}._6VtqdG_statusError{color:#d1242f;background:#d1242f14;border-color:currentColor}._6VtqdG_statusWrap{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;display:inline-flex}._6VtqdG_statusWrap:hover ._6VtqdG_statusBadge{opacity:1}._6VtqdG_statusButton{cursor:pointer;font-family:inherit}._6VtqdG_statusButton:hover{opacity:1}._6VtqdG_opDanger{color:#d1242f;background:#d1242f1a}._6VtqdG_opDanger:hover{background:#d1242f2e}._6VtqdG_iconBtn{border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}._6VtqdG_sourceCard{background:#8080800d;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;font-size:12px;display:flex}._6VtqdG_sourceCardTitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._6VtqdG_dialogOverlay{z-index:50;-webkit-backdrop-filter:blur(2px);background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}._6VtqdG_dialog{background:var(--dsw-surface,#f5f5f7);min-width:min(320px,100%);max-width:380px;color:var(--dsw-text,#1d1d1f);border-radius:14px;padding:18px 18px 14px;box-shadow:0 12px 40px #00000047,0 2px 8px #00000029}@media (prefers-color-scheme:dark){._6VtqdG_dialog{color:#f5f5f7;background:#2c2c2e}}._6VtqdG_dialogTitle{letter-spacing:-.01em;margin:0 0 8px;font-size:15px;font-weight:700}._6VtqdG_dialogText{opacity:.65;margin:0 0 10px;font-size:12.5px;line-height:1.5}._6VtqdG_dialogList{flex-direction:column;gap:5px;max-height:200px;margin:0 0 14px;padding:0;list-style:none;display:flex;overflow:auto}._6VtqdG_dialogList li{opacity:.85;word-break:break-all;font-size:12.5px}._6VtqdG_dialogActions{justify-content:flex-end;gap:8px;display:flex}._6VtqdG_filterBar ._6VtqdG_search{flex:1;min-width:160px}._6VtqdG_filterBar ._6VtqdG_formLabel{flex:none}._6VtqdG_filterBar ._6VtqdG_select{flex:none;max-width:150px}._6VtqdG_filterBar ._6VtqdG_segmented{flex:none}._6VtqdG_titleIcon{vertical-align:-2px;opacity:.8;margin-right:2px;display:inline-block}._6VtqdG_grow{flex:1}._6VtqdG_hintLine{opacity:.55;margin:0;font-size:11.5px}._6VtqdG_hintPadded{margin:6px 12px 2px}._6VtqdG_hintInline{margin:4px 2px}._6VtqdG_rowMuted{cursor:default;opacity:.55}._6VtqdG_actionsPadded{padding:8px 12px}._6VtqdG_actionsTop{margin-top:8px}._6VtqdG_actionsBottom{margin-bottom:8px}._6VtqdG_groupTime{margin-left:6px}._6VtqdG_sectionHeadRow{align-items:center;gap:8px;display:flex}._6VtqdG_sectionTitleFill{flex:1}._6VtqdG_dialogSelect{width:100%;margin-bottom:12px}._6VtqdG_dialogRow{align-items:center;gap:8px;display:flex}";
 		const tagId = "dsh-skill-hub/panel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -851,16 +1594,24 @@ window.__ModuleLoader__.load({
 		}
 		var panel_module_css_default = {
 			"actions": "_6VtqdG_actions",
+			"actionsBottom": "_6VtqdG_actionsBottom",
+			"actionsPadded": "_6VtqdG_actionsPadded",
+			"actionsTop": "_6VtqdG_actionsTop",
 			"back": "_6VtqdG_back",
 			"badge": "_6VtqdG_badge",
+			"badgeCount": "_6VtqdG_badgeCount",
+			"badgeDisabled": "_6VtqdG_badgeDisabled",
 			"badgeModel": "_6VtqdG_badgeModel",
 			"badgeReadonly": "_6VtqdG_badgeReadonly",
+			"badgeSource": "_6VtqdG_badgeSource",
 			"badgeUser": "_6VtqdG_badgeUser",
 			"badgeUses": "_6VtqdG_badgeUses",
 			"badges": "_6VtqdG_badges",
 			"button": "_6VtqdG_button",
 			"buttons": "_6VtqdG_buttons",
-			"detail": "_6VtqdG_detail",
+			"chevron": "_6VtqdG_chevron",
+			"chevronCollapsed": "_6VtqdG_chevronCollapsed",
+			"danger": "_6VtqdG_danger",
 			"detailContent": "_6VtqdG_detailContent",
 			"detailHead": "_6VtqdG_detailHead",
 			"detailMeta": "_6VtqdG_detailMeta",
@@ -869,78 +1620,1481 @@ window.__ModuleLoader__.load({
 			"diagPath": "_6VtqdG_diagPath",
 			"diagReason": "_6VtqdG_diagReason",
 			"diagRow": "_6VtqdG_diagRow",
+			"dialog": "_6VtqdG_dialog",
+			"dialogActions": "_6VtqdG_dialogActions",
+			"dialogList": "_6VtqdG_dialogList",
+			"dialogOverlay": "_6VtqdG_dialogOverlay",
+			"dialogRow": "_6VtqdG_dialogRow",
+			"dialogSelect": "_6VtqdG_dialogSelect",
+			"dialogText": "_6VtqdG_dialogText",
+			"dialogTitle": "_6VtqdG_dialogTitle",
+			"disclosure": "_6VtqdG_disclosure",
+			"dot": "_6VtqdG_dot",
+			"dotModel": "_6VtqdG_dotModel",
+			"dotUser": "_6VtqdG_dotUser",
 			"empty": "_6VtqdG_empty",
 			"errorBanner": "_6VtqdG_errorBanner",
+			"filterBar": "_6VtqdG_filterBar",
 			"form": "_6VtqdG_form",
 			"formError": "_6VtqdG_formError",
 			"formLabel": "_6VtqdG_formLabel",
 			"formRow": "_6VtqdG_formRow",
 			"formSuccess": "_6VtqdG_formSuccess",
+			"groupHead": "_6VtqdG_groupHead",
+			"groupOps": "_6VtqdG_groupOps",
+			"groupTime": "_6VtqdG_groupTime",
 			"groupTitle": "_6VtqdG_groupTitle",
+			"groupTitleInner": "_6VtqdG_groupTitleInner",
+			"grow": "_6VtqdG_grow",
 			"header": "_6VtqdG_header",
+			"headerCount": "_6VtqdG_headerCount",
 			"hint": "_6VtqdG_hint",
+			"hintInline": "_6VtqdG_hintInline",
+			"hintLine": "_6VtqdG_hintLine",
+			"hintPadded": "_6VtqdG_hintPadded",
+			"iconBtn": "_6VtqdG_iconBtn",
 			"input": "_6VtqdG_input",
+			"legend": "_6VtqdG_legend",
+			"legendHint": "_6VtqdG_legendHint",
+			"legendItem": "_6VtqdG_legendItem",
+			"legendToggle": "_6VtqdG_legendToggle",
+			"legendToggleActive": "_6VtqdG_legendToggleActive",
 			"muted": "_6VtqdG_muted",
+			"opBtn": "_6VtqdG_opBtn",
+			"opDanger": "_6VtqdG_opDanger",
 			"panel": "_6VtqdG_panel",
 			"primary": "_6VtqdG_primary",
 			"row": "_6VtqdG_row",
 			"rowDesc": "_6VtqdG_rowDesc",
 			"rowMain": "_6VtqdG_rowMain",
+			"rowMeta": "_6VtqdG_rowMeta",
+			"rowMuted": "_6VtqdG_rowMuted",
 			"rowName": "_6VtqdG_rowName",
+			"rowNameText": "_6VtqdG_rowNameText",
+			"rowStatic": "_6VtqdG_rowStatic",
 			"search": "_6VtqdG_search",
 			"section": "_6VtqdG_section",
+			"sectionHeadRow": "_6VtqdG_sectionHeadRow",
 			"sectionTitle": "_6VtqdG_sectionTitle",
+			"sectionTitleFill": "_6VtqdG_sectionTitleFill",
 			"segBtn": "_6VtqdG_segBtn",
 			"segBtnActive": "_6VtqdG_segBtnActive",
 			"segmented": "_6VtqdG_segmented",
 			"select": "_6VtqdG_select",
-			"switchBtn": "_6VtqdG_switchBtn",
-			"switchOff": "_6VtqdG_switchOff",
+			"sourceCard": "_6VtqdG_sourceCard",
+			"sourceCardTitle": "_6VtqdG_sourceCardTitle",
+			"sourceLink": "_6VtqdG_sourceLink",
+			"statusBadge": "_6VtqdG_statusBadge",
+			"statusBadges": "_6VtqdG_statusBadges",
+			"statusButton": "_6VtqdG_statusButton",
+			"statusError": "_6VtqdG_statusError",
+			"statusOk": "_6VtqdG_statusOk",
+			"statusUpdated": "_6VtqdG_statusUpdated",
+			"statusWrap": "_6VtqdG_statusWrap",
+			"subbar": "_6VtqdG_subbar",
+			"successBanner": "_6VtqdG_successBanner",
+			"switch": "_6VtqdG_switch",
+			"switchMixed": "_6VtqdG_switchMixed",
 			"switchOn": "_6VtqdG_switchOn",
-			"title": "_6VtqdG_title"
+			"switchThumb": "_6VtqdG_switchThumb",
+			"title": "_6VtqdG_title",
+			"titleIcon": "_6VtqdG_titleIcon",
+			"updateLink": "_6VtqdG_updateLink",
+			"useCount": "_6VtqdG_useCount",
+			"useTime": "_6VtqdG_useTime"
 		};
 		//#endregion
-		//#region src/client/panel/SkillHubPanel.tsx
-		/**
-		* The skill hub panel: full catalog grouped by source, search, enable/
-		* disable toggles, discovery diagnostics, disabled-skill re-enable, skill
-		* body inspection, and the new-skill scaffold form.
-		*/
-		/** Source groups in display order; anything else lands in the other bucket. */
-		const SOURCE_GROUPS = [
-			"project-dsh",
-			"project-agents",
-			"custom",
-			"runtime",
-			"user-dsh",
-			"user-agents",
-			"bundled"
-		];
-		/** Known group keys; unknown sources use group.other. */
-		function groupKey(source) {
-			const key = "group." + source;
-			return SOURCE_GROUPS.includes(source) ? key : "group.other";
+		//#region src/client/panel/SourceStatusBadge.tsx
+		function SourceStatusBadge(props) {
+			const { check, checking, onCheck } = props;
+			if (checking === true) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: panel_module_css_default.statusBadge,
+				children: tt("source.checking")
+			});
+			if (check === void 0) {
+				if (onCheck === void 0) return null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: panel_module_css_default.statusBadge + " " + panel_module_css_default.statusButton,
+					title: tt("source.checkHint"),
+					onClick: onCheck,
+					children: tt("source.check")
+				});
+			}
+			const badges = (() => {
+				if (check.error !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: panel_module_css_default.statusBadge + " " + panel_module_css_default.statusError,
+					children: tt("source.error")
+				});
+				if (check.throttled === true) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: panel_module_css_default.statusBadge,
+					children: tt("source.throttled")
+				});
+				if (check.unverified === true) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: panel_module_css_default.statusBadge,
+					children: tt("source.unverified")
+				});
+				if (check.changed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: panel_module_css_default.statusBadges,
+					children: [check.updated.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: panel_module_css_default.statusBadge + " " + panel_module_css_default.statusUpdated,
+						children: tt("source.updated", { count: check.updated.length })
+					}) : null, check.deleted.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: panel_module_css_default.statusBadge + " " + panel_module_css_default.statusError,
+						children: tt("source.deleted", { count: check.deleted.length })
+					}) : null]
+				});
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: panel_module_css_default.statusBadge + " " + panel_module_css_default.statusOk,
+					children: tt("source.upToDate")
+				});
+			})();
+			if (onCheck === void 0) return badges;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: panel_module_css_default.statusWrap,
+				title: tt("source.checkHint"),
+				onClick: onCheck,
+				children: badges
+			});
 		}
-		/** Catalog poll interval while the panel is mounted (the provider watcher feeds this). */
-		const POLL_MS = 5e3;
-		function SkillHubPanel(props) {
-			const { api } = props;
-			const [catalog, setCatalog] = (0, react.useState)(null);
-			const [loading, setLoading] = (0, react.useState)(true);
-			const [loadError, setLoadError] = (0, react.useState)(null);
-			const [search, setSearch] = (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 [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 [grouping, setGrouping] = (0, react.useState)("source");
-			const load = (0, react.useCallback)(async () => {
+		//#endregion
+		//#region src/client/panel/SkillDetailView.tsx
+		function SkillDetailView(props) {
+			const { detail, hubConfig, uses, groupsState, sourcesState, sourceCheck, checkingSource, syncingSource, loading, onBack, onCheck, onSync, onFollowDelete } = props;
+			const detailSource = sourcesState?.sources.find((source) => source.skills.includes(detail.name));
+			const detailCheck = detailSource !== void 0 ? sourceCheck[detailSource.repo] : void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.panel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.detailHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.back,
+							onClick: onBack,
+							children: tt("detail.back")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: panel_module_css_default.detailName,
+							children: [
+								detail.name,
+								detail.invocation.modelInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: panel_module_css_default.dot + " " + panel_module_css_default.dotModel,
+									style: dotStyle(hubConfig?.dotModelColor),
+									title: tt("legend.model")
+								}) : null,
+								detail.invocation.userInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: panel_module_css_default.dot + " " + panel_module_css_default.dotUser,
+									style: dotStyle(hubConfig?.dotUserColor),
+									title: tt("legend.user")
+								}) : null
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.detailMeta,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.detailMetaLine,
+								children: [
+									tt("detail.provider"),
+									": ",
+									detail.provider
+								]
+							}),
+							detail.addedAt !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.detailMetaLine,
+								children: [
+									tt("detail.addedAt"),
+									": ",
+									formatDateTime(detail.addedAt)
+								]
+							}) : null,
+							detail.updatedAt !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.detailMetaLine,
+								children: [
+									tt("detail.updatedAt"),
+									": ",
+									formatDateTime(detail.updatedAt)
+								]
+							}) : null,
+							detail.path !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.detailMetaLine,
+								children: [
+									tt("detail.path"),
+									": ",
+									detail.path
+								]
+							}) : null,
+							detail.whenToUse !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.detailMetaLine,
+								children: [
+									tt("detail.whenToUse"),
+									": ",
+									detail.whenToUse
+								]
+							}) : null,
+							(() => {
+								const stat = uses.get(detail.name);
+								if (stat === void 0 || stat.count === 0) return null;
+								const at = stat.lastUsed !== void 0 ? " · " + new Date(stat.lastUsed).toLocaleString() : "";
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: panel_module_css_default.detailMetaLine,
+									children: [
+										tt("detail.uses"),
+										": ",
+										stat.count,
+										at
+									]
+								});
+							})(),
+							(() => {
+								const tags = (groupsState?.tags ?? []).filter((tag) => tag.skillNames.includes(detail.name)).map((tag) => tag.name);
+								return tags.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: panel_module_css_default.detailMetaLine,
+									children: [
+										tt("detail.groups"),
+										": ",
+										tags.join(", ")
+									]
+								}) : null;
+							})()
+						]
+					}),
+					detailSource !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.sourceCard,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.sourceCardTitle,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+										className: panel_module_css_default.sourceLink,
+										href: "https://github.com/" + detailSource.repo,
+										target: "_blank",
+										rel: "noreferrer",
+										children: detailSource.repo
+									}),
+									detailSource.ref !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: panel_module_css_default.badge + " " + panel_module_css_default.badgeSource,
+										children: detailSource.ref
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SourceStatusBadge, { check: detailCheck })
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.detailMetaLine,
+								children: [
+									tt("source.commit"),
+									": ",
+									detailSource.commitSha === "" ? tt("source.unverified") : shortSha(detailSource.commitSha)
+								]
+							}),
+							/* @__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.opBtn,
+										disabled: checkingSource !== null,
+										onClick: () => {
+											onCheck(detailSource.repo);
+										},
+										children: checkingSource === detailSource.repo ? tt("source.checking") : tt("source.check")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.opBtn,
+										disabled: syncingSource !== null,
+										onClick: () => {
+											onSync(detailSource.repo, [detail.name]);
+										},
+										children: syncingSource === detailSource.repo ? tt("source.syncing") : tt("source.sync")
+									}),
+									detailCheck?.deleted.includes(detail.name) === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger,
+										onClick: () => {
+											onFollowDelete(detailSource.repo, [detail.name]);
+										},
+										children: tt("source.followDelete")
+									}) : null
+								]
+							})
+						]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: panel_module_css_default.hintLine,
+						children: tt("source.private")
+					}),
+					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: panel_module_css_default.muted,
+						children: tt("detail.loading")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+						className: panel_module_css_default.detailContent,
+						children: detail.content
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/panel/TagEditorView.tsx
+		function TagEditorView(props) {
+			const { tag, editName, membersDraft, editSearch, catalog, tagBusy, onBack, onEditName, onEditSearch, onToggleMember, onRename, onDelete, onSaveMembers } = props;
+			const editQuery = editSearch.trim().toLocaleLowerCase();
+			const editSkills = (catalog?.skills ?? []).filter((skill) => editQuery.length === 0 || skill.name.toLocaleLowerCase().includes(editQuery) || skill.description.toLocaleLowerCase().includes(editQuery));
+			const editDisabled = (catalog?.disabled ?? []).filter((record) => editQuery.length === 0 || record.name.toLocaleLowerCase().includes(editQuery) || record.description.toLocaleLowerCase().includes(editQuery));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.panel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.detailHead,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.back,
+								onClick: onBack,
+								children: tt("detail.back")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: panel_module_css_default.input + " " + panel_module_css_default.grow,
+								value: editName,
+								onChange: (event) => {
+									onEditName(event.target.value);
+								},
+								placeholder: tt("groups.namePlaceholder")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.opBtn,
+								disabled: tagBusy || editName.trim() === "",
+								onClick: onRename,
+								children: tt("groups.rename")
+							}),
+							tag.default !== true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.opBtn,
+								disabled: tagBusy,
+								onClick: onDelete,
+								children: tt("groups.delete")
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: panel_module_css_default.hintLine,
+						children: tt("groups.membersHint")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: panel_module_css_default.search,
+						value: editSearch,
+						onChange: (event) => {
+							onEditSearch(event.target.value);
+						},
+						placeholder: tt("panel.search")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.section,
+						children: [editSkills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: panel_module_css_default.row,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: membersDraft.has(skill.name),
+								onChange: (event) => {
+									onToggleMember(skill.name, 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: skill.name
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: panel_module_css_default.rowDesc,
+									children: skill.description
+								})]
+							})]
+						}, skill.name)), editDisabled.map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: panel_module_css_default.row,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: membersDraft.has(record.name),
+								onChange: (event) => {
+									onToggleMember(record.name, 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: record.name
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: panel_module_css_default.rowDesc,
+									children: [
+										record.description,
+										" · ",
+										tt("panel.disabled")
+									]
+								})]
+							})]
+						}, record.name))]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: panel_module_css_default.buttons,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button + " " + panel_module_css_default.primary,
+							disabled: tagBusy,
+							onClick: onSaveMembers,
+							children: tt("groups.saveMembers")
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/panel/SkillRow.tsx
+		function SkillRow(props) {
+			const { skill, hub } = props;
+			const stat = hub.uses.get(skill.name);
+			const count = stat?.count ?? 0;
+			const lastUsed = stat?.lastUsed;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: panel_module_css_default.row,
+				onClick: () => {
+					hub.openDetail(skill.name);
+				},
+				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)("span", {
+								className: panel_module_css_default.rowNameText,
+								children: skill.name
+							}),
+							count > 0 && hub.hubConfig?.showUseCount !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.useCount,
+								children: count
+							}) : null,
+							skill.invocation.modelInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.dot + " " + panel_module_css_default.dotModel,
+								style: dotStyle(hub.hubConfig?.dotModelColor),
+								title: tt("legend.model")
+							}) : null,
+							skill.invocation.userInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.dot + " " + panel_module_css_default.dotUser,
+								style: dotStyle(hub.hubConfig?.dotUserColor),
+								title: tt("legend.user")
+							}) : null,
+							lastUsed !== void 0 && hub.hubConfig?.showUseTime !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.useTime,
+								children: relativeTimeText(lastUsed)
+							}) : null
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: panel_module_css_default.rowDesc,
+						children: skill.description
+					})]
+				}), skill.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger + " " + panel_module_css_default.iconBtn,
+					disabled: hub.busyNames.has(skill.name) || hub.tagBusy,
+					title: tt("row.delete"),
+					"aria-label": tt("row.delete"),
+					onClick: (event) => {
+						event.stopPropagation();
+						hub.requestDeleteSkill(skill.name);
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 14 })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "switch",
+					"aria-checked": true,
+					"aria-label": tt("row.disable"),
+					className: panel_module_css_default.switch + " " + panel_module_css_default.switchOn,
+					disabled: hub.busyNames.has(skill.name),
+					onClick: (event) => {
+						event.stopPropagation();
+						hub.toggle(skill, false);
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.switchThumb })
+				})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: panel_module_css_default.badge + " " + panel_module_css_default.badgeReadonly,
+					children: tt("row.readonly")
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/panel/DisabledRow.tsx
+		/** Source badge label for a disabled record, derived from its writable root. */
+		function disabledSourceLabel(root) {
+			return tt("badge.source." + root);
+		}
+		function DisabledRow(props) {
+			const { record, busy, onEnable } = props;
+			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.jsx)("div", {
+							className: panel_module_css_default.rowName,
+							children: record.name
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_css_default.rowDesc,
+							children: record.description
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: panel_module_css_default.badges,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.badge + " " + panel_module_css_default.badgeSource,
+							children: disabledSourceLabel(record.root)
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						role: "switch",
+						"aria-checked": false,
+						"aria-label": tt("row.enable"),
+						className: panel_module_css_default.switch,
+						disabled: busy,
+						onClick: onEnable,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.switchThumb })
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/panel/GroupSummary.tsx
+		function GroupSummary(props) {
+			const { members, hub } = props;
+			let total = 0;
+			let latest;
+			for (const name of members) {
+				const stat = hub.uses.get(name);
+				if (stat === void 0) continue;
+				total += stat.count;
+				if (stat.lastUsed !== void 0 && (latest === void 0 || stat.lastUsed > latest)) latest = stat.lastUsed;
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: panel_module_css_default.groupTitleInner,
+				children: [hub.hubConfig?.showGroupSummary !== false && total > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: panel_module_css_default.useCount,
+					children: total
+				}) : null, hub.hubConfig?.showGroupSummary !== false && latest !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: panel_module_css_default.useTime + " " + panel_module_css_default.groupTime,
+					children: relativeTimeText(latest)
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region src/client/panel/SourcesView.tsx
+		function SourcesView(props) {
+			const { hub } = props;
+			const { catalog, groupsState, skillView, sourceFilter, origins, sorted, normalized, collapsedGroups, viewNames, sourceCheck, actionNames, checkingSource, syncingSource, batchBusy, busyNames, toggleGroupCollapse, checkSources, requestSync, requestDelete, toggleGroup, enableDisabled } = hub;
+			if (skillView === "flat") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: filterBySource(sorted, sourceFilter, origins).map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+				skill,
+				hub
+			}, skill.name)) });
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				groupsState !== null && groupsState.collections.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_css_default.empty,
+					children: tt("groups.noCollections")
+				}) : null,
+				groupsState?.collections.map((collection) => {
+					const skills = filterBySource(sorted, sourceFilter, origins).filter((skill) => collection.skillNames.includes(skill.name));
+					const disabledMembers = (catalog?.disabled ?? []).filter((record) => collection.skillNames.includes(record.name) && (normalized.length === 0 || record.name.toLocaleLowerCase().includes(normalized) || record.description.toLocaleLowerCase().includes(normalized)) && (sourceFilter === "all" || (origins[record.name] ?? "private") === sourceFilter));
+					const collapsed = collapsedGroups.has("col:" + collection.name);
+					const view = groupSwitchView(collection.skillNames, viewNames);
+					const check = sourceCheck[collection.name];
+					const hasWritable = collection.skillNames.some((name) => actionNames.has(name));
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: panel_module_css_default.section,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.groupHead,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: panel_module_css_default.disclosure,
+								"aria-expanded": !collapsed,
+								onClick: () => {
+									toggleGroupCollapse("col:" + collection.name);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (collapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: panel_module_css_default.groupTitle,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+											className: panel_module_css_default.sourceLink,
+											href: "https://github.com/" + collection.name,
+											target: "_blank",
+											rel: "noreferrer",
+											onClick: (event) => {
+												event.stopPropagation();
+											},
+											children: collection.name
+										}),
+										" · " + collection.skillNames.length,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
+											members: collection.skillNames,
+											hub
+										})
+									]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.groupOps,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SourceStatusBadge, {
+										check,
+										checking: checkingSource === collection.name,
+										onCheck: () => {
+											checkSources(collection.name);
+										}
+									}),
+									check !== void 0 && check.changed && check.updated.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.opBtn,
+										disabled: syncingSource !== null,
+										onClick: (event) => {
+											event.stopPropagation();
+											requestSync(collection.name, check.updated);
+										},
+										children: syncingSource === collection.name ? tt("source.syncing") : tt("source.sync")
+									}) : null,
+									check !== void 0 && check.deleted.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger,
+										onClick: (event) => {
+											event.stopPropagation();
+											requestDelete(collection.name, check.deleted);
+										},
+										children: tt("source.followDelete")
+									}) : null,
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										role: "switch",
+										"aria-checked": view.state !== "off",
+										"aria-label": collection.name,
+										className: panel_module_css_default.switch + (view.state === "on" ? " " + panel_module_css_default.switchOn : view.state === "mixed" ? " " + panel_module_css_default.switchMixed : ""),
+										disabled: batchBusy || collection.skillNames.length === 0 || view.state !== "off" && !hasWritable,
+										title: view.state !== "off" && !hasWritable ? tt("groups.noWritable") : void 0,
+										onClick: (event) => {
+											event.stopPropagation();
+											toggleGroup("col:" + collection.name, collection.name, view.state);
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.switchThumb })
+									})
+								]
+							})]
+						}), !collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+							skill,
+							hub
+						}, skill.name)), disabledMembers.map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledRow, {
+							record,
+							busy: busyNames.has(record.name),
+							onEnable: () => {
+								enableDisabled(record);
+							}
+						}, record.name))] }) : null]
+					}, "col:" + collection.name);
+				}),
+				(() => {
+					const uncategorized = filterBySource(sorted, sourceFilter, origins).filter((skill) => origins[skill.name] === void 0);
+					if (uncategorized.length === 0) return null;
+					const collapsed = collapsedGroups.has("uncategorized-source");
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: panel_module_css_default.section,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_css_default.groupHead,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: panel_module_css_default.disclosure,
+								"aria-expanded": !collapsed,
+								onClick: () => {
+									toggleGroupCollapse("uncategorized-source");
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (collapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: panel_module_css_default.groupTitle,
+									children: [
+										tt("groups.personal"),
+										" · ",
+										uncategorized.length,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
+											members: uncategorized.map((skill) => skill.name),
+											hub
+										})
+									]
+								})]
+							})
+						}), !collapsed ? uncategorized.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+							skill,
+							hub
+						}, skill.name)) : null]
+					});
+				})()
+			] });
+		}
+		//#endregion
+		//#region src/client/panel/ScenesView.tsx
+		function ScenesView(props) {
+			const { hub } = props;
+			const { catalog, groupsState, sorted, normalized, collapsedGroups, viewNames, actionNames, batchBusy, busyNames, newTagName, setNewTagName, tagBusy, createTag, toggleGroupCollapse, toggleGroup, setEditingTag, setEditName, setMembersDraft, setEditSearch, enableDisabled } = hub;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+					className: panel_module_css_default.form,
+					onSubmit: (event) => {
+						createTag(event);
+					},
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.buttons,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: panel_module_css_default.input + " " + panel_module_css_default.grow,
+							value: newTagName,
+							onChange: (event) => {
+								setNewTagName(event.target.value);
+							},
+							placeholder: tt("groups.namePlaceholder")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "submit",
+							className: panel_module_css_default.button + " " + panel_module_css_default.primary,
+							disabled: tagBusy || newTagName.trim() === "",
+							children: tt("groups.new")
+						})]
+					})
+				}),
+				groupsState !== null && groupsState.tags.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_css_default.empty,
+					children: tt("groups.empty")
+				}) : null,
+				groupsState?.tags.map((tag) => {
+					const skills = sorted.filter((skill) => tag.skillNames.includes(skill.name));
+					const disabledMembers = (catalog?.disabled ?? []).filter((record) => tag.skillNames.includes(record.name) && (normalized.length === 0 || record.name.toLocaleLowerCase().includes(normalized) || record.description.toLocaleLowerCase().includes(normalized)));
+					const collapsed = collapsedGroups.has("tag:" + tag.id);
+					const view = groupSwitchView(tag.skillNames, viewNames);
+					const hasWritable = tag.skillNames.some((name) => actionNames.has(name));
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: panel_module_css_default.section,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.groupHead,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: panel_module_css_default.disclosure,
+								"aria-expanded": !collapsed,
+								onClick: () => {
+									toggleGroupCollapse("tag:" + tag.id);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (collapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: panel_module_css_default.groupTitle,
+									children: [
+										tag.name,
+										" · ",
+										tag.skillNames.length,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
+											members: tag.skillNames,
+											hub
+										})
+									]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.groupOps,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									role: "switch",
+									"aria-checked": view.state !== "off",
+									"aria-label": tag.name,
+									className: panel_module_css_default.switch + (view.state === "on" ? " " + panel_module_css_default.switchOn : view.state === "mixed" ? " " + panel_module_css_default.switchMixed : ""),
+									disabled: batchBusy || tag.skillNames.length === 0 || view.state !== "off" && !hasWritable,
+									title: view.state !== "off" && !hasWritable ? tt("groups.noWritable") : void 0,
+									onClick: (event) => {
+										event.stopPropagation();
+										toggleGroup("tag:" + tag.id, tag.name, view.state);
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.switchThumb })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn,
+									onClick: () => {
+										setEditingTag(tag);
+										setEditName(tag.name);
+										setMembersDraft(new Set(tag.skillNames));
+										setEditSearch("");
+									},
+									children: tt("groups.edit")
+								})]
+							})]
+						}), !collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+							skill,
+							hub
+						}, skill.name)), disabledMembers.map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledRow, {
+							record,
+							busy: busyNames.has(record.name),
+							onEnable: () => {
+								enableDisabled(record);
+							}
+						}, record.name))] }) : null]
+					}, "tag:" + tag.id);
+				})
+			] });
+		}
+		//#endregion
+		//#region src/client/market-catalog.ts
+		/** 默认市场目录：精选技能仓库（顺序即展示顺序）。 */
+		const MARKET_CATALOG = [
+			{
+				repo: "anthropics/skills",
+				descriptionKey: "market.catalog.anthropics"
+			},
+			{
+				repo: "obra/superpowers",
+				descriptionKey: "market.catalog.superpowers"
+			},
+			{
+				repo: "mattpocock/skills",
+				descriptionKey: "market.catalog.mattpocock"
+			},
+			{
+				repo: "nexu-io/open-design",
+				descriptionKey: "market.catalog.openDesign"
+			}
+		];
+		//#endregion
+		//#region src/client/panel/dialogs.tsx
+		/**
+		* Shared dialog family for the panel: one overlay shell plus the specific
+		* dialogs (group-close conflict, sync/delete confirm, branch picker, and
+		* market sync selection). Every dialog closes on outside click and keeps
+		* the same role/aria shell; the panel owns all dialog state.
+		*/
+		/** Overlay + centered alert-dialog shell; outside click or Escape cancels. */
+		function DialogShell(props) {
+			(0, react.useEffect)(() => {
+				const onKey = (event) => {
+					if (event.key === "Escape") props.onClose();
+				};
+				window.addEventListener("keydown", onKey);
+				return () => {
+					window.removeEventListener("keydown", onKey);
+				};
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: panel_module_css_default.dialogOverlay,
+				onClick: props.onClose,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_css_default.dialog,
+					role: "alertdialog",
+					"aria-modal": "true",
+					onClick: (event) => {
+						event.stopPropagation();
+					},
+					children: props.children
+				})
+			});
+		}
+		/** Simple confirm dialog: title + text + optional skill list + cancel/confirm. */
+		function ConfirmDialog(props) {
+			const { title, text, items, confirmLabel, danger, onCancel, onConfirm } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogShell, {
+				onClose: onCancel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: panel_module_css_default.dialogTitle,
+						children: title
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: panel_module_css_default.dialogText,
+						children: text
+					}),
+					items !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: panel_module_css_default.dialogList,
+						children: items.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.rowNameText,
+							children: name
+						}) }, name))
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.dialogActions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button,
+							onClick: onCancel,
+							children: tt("form.cancel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button + (danger === true ? " " + panel_module_css_default.danger : " " + panel_module_css_default.primary),
+							onClick: onConfirm,
+							children: confirmLabel
+						})]
+					})
+				]
+			});
+		}
+		/** Group-close conflict: which skills stay on, and which other groups also enable them. */
+		function ConflictDialog(props) {
+			const { dialog, tags, collections, onClose, onKeepOn, onCloseAll } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogShell, {
+				onClose,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: panel_module_css_default.dialogTitle,
+						children: tt("groups.conflictTitle")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: panel_module_css_default.dialogText,
+						children: tt("groups.conflictText")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: panel_module_css_default.dialogList,
+						children: dialog.conflicts.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.rowNameText,
+							children: name
+						}), " — " + groupNamesOf(name, [...tags], [...collections]).join(", ")] }, name))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.dialogActions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button,
+							onClick: onKeepOn,
+							children: tt("groups.keepOn")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button + " " + panel_module_css_default.primary,
+							onClick: onCloseAll,
+							children: tt("groups.closeAll")
+						})]
+					})
+				]
+			});
+		}
+		/** Branch picker for a repo without releases (pins the ref, then rescans). */
+		function BranchChoiceDialog(props) {
+			const { choice, busy, onSelect, onCancel, onConfirm } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogShell, {
+				onClose: onCancel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: panel_module_css_default.dialogTitle,
+						children: tt("market.branchTitle")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: panel_module_css_default.dialogText,
+						children: tt("market.branchHint")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+						className: panel_module_css_default.select + " " + panel_module_css_default.dialogSelect,
+						value: choice.selected,
+						onChange: (event) => {
+							onSelect(event.target.value);
+						},
+						children: choice.branches.map((branch) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: branch,
+							children: branch
+						}, branch))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.dialogActions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button,
+							onClick: onCancel,
+							children: tt("form.cancel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button + " " + panel_module_css_default.primary,
+							disabled: busy,
+							onClick: onConfirm,
+							children: tt("market.branchConfirm")
+						})]
+					})
+				]
+			});
+		}
+		/** Post-sync selection: which tracked skills to batch-update to the new version. */
+		function MarketSyncDialog(props) {
+			const { dialog, busy, onToggle, onCancel, onConfirm } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogShell, {
+				onClose: onCancel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: panel_module_css_default.dialogTitle,
+						children: tt("market.syncTitle")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: panel_module_css_default.dialogText,
+						children: tt("market.syncText", { ref: dialog.ref })
+					}),
+					dialog.skills.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: panel_module_css_default.dialogText,
+						children: tt("market.syncNone")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: panel_module_css_default.dialogList,
+						children: dialog.skills.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: panel_module_css_default.dialogRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: dialog.selected.has(name),
+								onChange: (event) => {
+									onToggle(name, event.target.checked);
+								}
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.rowNameText,
+								children: name
+							})]
+						}, name))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.dialogActions,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button,
+							onClick: onCancel,
+							children: tt("market.syncCancel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button + " " + panel_module_css_default.primary,
+							disabled: busy || dialog.skills.length === 0,
+							onClick: onConfirm,
+							children: busy ? tt("source.syncing") : tt("source.sync")
+						})]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/panel/MarketView.tsx
+		/** Compact byte size for repo preview rows. */
+		function formatBytes(bytes) {
+			if (bytes < 1024) return bytes + " B";
+			if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB";
+			return (bytes / 1024 / 1024).toFixed(1) + " MB";
+		}
+		function MarketView(props) {
+			const { hub } = props;
+			const { marketState, marketCheck, sourceCheck, sourcesState, repoDiscoverState, scanningRepo, repoSelected, setRepoSelected, repoImporting, repoResult, newSourceName, setNewSourceName, syncingMarket, tagBusy, addSource, addMarketSource, removeMarketSource, scanRepo, checkMarket, checkSources, syncMarketSource, toggleRepoSelected, importRepo, updateAllDialog, setUpdateAllDialog, updateAll } = hub;
+			/** 有可更新技能的来源（全部更新按钮与确认列表共用）。 */
+			const updatableRepos = Object.entries(sourceCheck).filter(([, check]) => check.changed && check.updated.length > 0);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: panel_module_css_default.section,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_css_default.sectionTitle,
+							children: tt("market.catalogTitle")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: panel_module_css_default.hintLine + " " + panel_module_css_default.hintPadded,
+							children: tt("market.catalogHint")
+						}),
+						MARKET_CATALOG.map((entry) => {
+							const added = marketState.repos.some((record) => record.repo === entry.repo);
+							const busy = scanningRepo !== null || tagBusy;
+							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.jsx)("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/" + entry.repo,
+											target: "_blank",
+											rel: "noreferrer",
+											children: entry.repo
+										})
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: panel_module_css_default.rowDesc,
+										children: tt(entry.descriptionKey)
+									})]
+								}), added ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: panel_module_css_default.badge + " " + panel_module_css_default.badgeReadonly,
+									children: tt("market.added")
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn,
+									disabled: busy,
+									onClick: () => {
+										addSource(entry.repo);
+									},
+									children: tt("market.add")
+								})]
+							}, entry.repo);
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: panel_module_css_default.section,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.sectionTitle + " " + panel_module_css_default.sectionHeadRow,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: panel_module_css_default.sectionTitleFill,
+									children: tt("market.mySources")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn,
+									onClick: () => {
+										checkSources();
+										checkMarket();
+									},
+									children: tt("market.checkAll")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn + (updatableRepos.length > 0 ? " " + panel_module_css_default.opDanger : ""),
+									disabled: updatableRepos.length === 0 || tagBusy,
+									onClick: () => {
+										setUpdateAllDialog(true);
+									},
+									children: tt("market.updateAll")
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: panel_module_css_default.hintLine + " " + panel_module_css_default.hintPadded,
+							children: tt("market.addHint")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.buttons + " " + panel_module_css_default.actionsPadded,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: panel_module_css_default.input + " " + panel_module_css_default.grow,
+								value: newSourceName,
+								onChange: (event) => {
+									setNewSourceName(event.target.value);
+								},
+								onKeyDown: (event) => {
+									if (event.key === "Enter") {
+										event.preventDefault();
+										addMarketSource();
+									}
+								},
+								placeholder: tt("market.addPlaceholder")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.button + " " + panel_module_css_default.primary,
+								disabled: newSourceName.trim() === "",
+								onClick: () => {
+									addMarketSource();
+								},
+								children: tt("market.addSource")
+							})]
+						}),
+						marketState.status === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_css_default.empty,
+							children: tt("panel.loading")
+						}) : null,
+						marketState.status === "ready" && marketState.repos.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_css_default.empty,
+							children: tt("market.noSources")
+						}) : null,
+						marketState.repos.map((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;
+							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,
+											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
+												}),
+												record.ref !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: panel_module_css_default.badge + " " + panel_module_css_default.badgeSource,
+													children: record.ref
+												}) : 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,
+												skillCheck?.changed === true && skillCheck.updated.length > 0 ? /* @__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", {
+													className: panel_module_css_default.badge + " " + panel_module_css_default.statusError,
+													children: tt("market.deletedUpstream", { count: skillCheck.deleted.length })
+												}) : null,
+												releaseCheck?.updateAvailable === true ? /* @__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
+											]
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.opBtn,
+										disabled: scanning,
+										onClick: () => {
+											checkMarket();
+										},
+										children: tt("market.check")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.opBtn + (releaseCheck?.updateAvailable === true ? " " + panel_module_css_default.opDanger : ""),
+										disabled: syncingMarket === record.repo,
+										onClick: () => {
+											syncMarketSource(record.repo);
+										},
+										children: syncingMarket === record.repo ? tt("market.syncing") : tt("market.sync")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.opBtn,
+										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,
+										disabled: tagBusy,
+										title: tt("market.removeHint"),
+										onClick: () => {
+											removeMarketSource(record.repo);
+										},
+										children: tt("market.deleteSource")
+									})
+								]
+							}, record.repo);
+						})
+					]
+				}),
+				repoDiscoverState.status === "scanning" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: panel_module_css_default.empty,
+					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 selected = entries.filter((entry) => repoSelected.has(entry.path) && !entry.existing);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: panel_module_css_default.hintLine + " " + panel_module_css_default.hintInline,
+						children: tt("repo.ready", { count: entries.length })
+					}), 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: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.buttons + " " + panel_module_css_default.actionsBottom,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.button,
+								onClick: () => {
+									setRepoSelected(new Set(entries.filter((entry) => !entry.existing).map((entry) => entry.path)));
+								},
+								children: tt("repo.selectAll")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.button,
+								onClick: () => {
+									setRepoSelected(/* @__PURE__ */ new Set());
+								},
+								children: tt("repo.clearAll")
+							})]
+						}),
+						["skills", "design-templates"].map((root) => {
+							const rootEntries = entries.filter((entry) => entry.root === root);
+							if (rootEntries.length === 0) return null;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.section,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: panel_module_css_default.sectionTitle,
+									children: root === "skills" ? tt("repo.root.skills") : tt("repo.root.designTemplates")
+								}), rootEntries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: panel_module_css_default.row + (entry.existing ? " " + panel_module_css_default.rowMuted : ""),
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "checkbox",
+											checked: repoSelected.has(entry.path),
+											disabled: entry.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)
+													})
+												]
+											})]
+										}),
+										entry.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))]
+							}, root);
+						}),
+						/* @__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 })
+						})
+					] })] });
+				})() : null,
+				repoResult !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: panel_module_css_default.formSuccess + " " + panel_module_css_default.actionsTop,
+					children: [
+						tt("repo.imported", { count: repoResult.imported.length }),
+						" · ",
+						tt("repo.skippedExisting", { count: repoResult.skipped.length }),
+						" · ",
+						tt("repo.failed", { count: repoResult.failed.length })
+					]
+				}) : 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);
+					},
+					onConfirm: () => {
+						updateAll();
+					}
+				}) : null
+			] });
+		}
+		//#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;
+		/** localStorage key of the last daily auto-check timestamp (survives sessions). */
+		const AUTO_CHECK_KEY = "skill-hub.last-auto-check";
+		/** Daily auto-check interval: at most one network round per day. */
+		const AUTO_CHECK_INTERVAL_MS = 1440 * 6e4;
+		/** Whether the daily auto-check should run now (first visit or ≥24h since the last). */
+		function shouldAutoCheck() {
+			try {
+				const raw = localStorage.getItem(AUTO_CHECK_KEY);
+				const last = raw === null ? NaN : Number(raw);
+				if (!Number.isFinite(last)) return true;
+				return Date.now() - last >= AUTO_CHECK_INTERVAL_MS;
+			} catch {
+				return true;
+			}
+		}
+		/** Record that the daily auto-check ran. */
+		function markAutoChecked() {
+			try {
+				localStorage.setItem(AUTO_CHECK_KEY, String(Date.now()));
+			} catch {}
+		}
+		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);
+			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 [search, setSearch] = (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 [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 [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>）。 */
+			const [collapsedGroups, setCollapsedGroups] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [showLegend, setShowLegend] = (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 load = (0, react.useCallback)(async () => {
 				try {
 					const next = await api.catalog();
 					setCatalog(next);
@@ -954,20 +3108,102 @@ window.__ModuleLoader__.load({
 			const loadUses = (0, react.useCallback)(async () => {
 				try {
 					const result = await api.stats();
-					if (result.available) setUses(new Map(result.stats.map((stat) => [stat.name, stat.count])));
+					if (result.available) setUses(new Map(result.stats.map((stat) => [stat.name, {
+						count: stat.count,
+						...stat.lastUsed !== void 0 ? { lastUsed: stat.lastUsed } : {}
+					}])));
+				} catch {}
+			}, [api]);
+			const loadConfig = (0, react.useCallback)(async () => {
+				try {
+					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 {
+					setUpdateState({
+						status: "ready",
+						data: await api.updateCheck()
+					});
+				} catch (error) {
+					setUpdateState({
+						status: "error",
+						message: errorMessage(error)
+					});
+				}
+			}, [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
+				});
+			}, []);
 			(0, react.useEffect)(() => {
 				load();
 				loadUses();
-				const timer = window.setInterval(() => {
+				loadGroups();
+				loadSources();
+				loadConfig();
+				const fast = window.setInterval(() => {
 					load();
-					loadUses();
 				}, POLL_MS);
+				const slow = window.setInterval(() => {
+					loadUses();
+					loadGroups();
+					loadSources();
+					loadConfig();
+				}, SLOW_POLL_MS);
 				return () => {
-					window.clearInterval(timer);
+					window.clearInterval(fast);
+					window.clearInterval(slow);
 				};
-			}, [load, loadUses]);
+			}, [
+				load,
+				loadUses,
+				loadGroups,
+				loadSources,
+				loadConfig
+			]);
 			const openDetail = (0, react.useCallback)(async (name) => {
 				setDetailLoading(true);
 				setLoadError(null);
@@ -994,37 +3230,552 @@ window.__ModuleLoader__.load({
 						return next;
 					});
 				}
-			}, [api]);
-			const enableDisabled = (0, react.useCallback)(async (record) => {
-				setBusyNames((previous) => new Set(previous).add(record.name));
+			}, [api]);
+			const enableDisabled = (0, react.useCallback)(async (record) => {
+				setBusyNames((previous) => new Set(previous).add(record.name));
+				setLoadError(null);
+				try {
+					const next = await api.toggle(record.name, true);
+					setCatalog(next);
+				} catch (error) {
+					setLoadError(errorMessage(error));
+				} finally {
+					setBusyNames((previous) => {
+						const next = new Set(previous);
+						next.delete(record.name);
+						return next;
+					});
+				}
+			}, [api]);
+			/** 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);
+				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("; "));
+				} catch (error) {
+					setLoadError(errorMessage(error));
+				} finally {
+					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;
+				}
+				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
+			]);
+			/** 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);
+			}, [
+				conflictDialog,
+				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);
+					try {
+						const result = await api.syncSource(dialog.repo, dialog.skills);
+						await Promise.all([
+							load(),
+							loadGroups(),
+							loadSources()
+						]);
+						if (result.failed.length > 0) setLoadError("sync: " + result.failed.map((failure) => failure.name + ": " + failure.error).join("; "));
+					} catch (error) {
+						setLoadError(errorMessage(error));
+					} finally {
+						setSyncingSource(null);
+					}
+				} else {
+					setLoadError(null);
+					try {
+						await api.confirmDeleteSource(dialog.repo, dialog.skills);
+						await Promise.all([
+							load(),
+							loadGroups(),
+							loadSources()
+						]);
+					} catch (error) {
+						setLoadError(errorMessage(error));
+					}
+				}
+			}, [
+				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 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);
+					await Promise.all([
+						load(),
+						loadGroups(),
+						loadSources()
+					]);
+				} catch (error) {
+					setLoadError(errorMessage(error));
+				} finally {
+					setTagBusy(false);
+				}
+			}, [
+				api,
+				deleteSkillDialog,
+				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);
+				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) {
+					setLoadError(errorMessage(error));
+				} finally {
+					setTagBusy(false);
+				}
+			}, [api, applyTags]);
+			/** 添加一个市场源（内置市场目录与手动输入共用），并立即扫描它。 */
+			const addSource = (0, react.useCallback)(async (input) => {
+				const value = input.trim();
+				if (value === "") return;
+				setLoadError(null);
+				try {
+					const result = await api.addMarketSource(value);
+					setMarketState({
+						status: "ready",
+						repos: result.repos
+					});
+					setNewSourceName("");
+					setRepoResult(null);
+					setRepoSelected(/* @__PURE__ */ new Set());
+					const slug = result.repos[result.repos.length - 1].repo;
+					setScanningRepo(slug);
+					setRepoDiscoverState({ status: "scanning" });
+					try {
+						const data = await api.repoDiscover(slug);
+						setRepoDiscoverState({
+							status: "ready",
+							data
+						});
+					} catch (error) {
+						setRepoDiscoverState({
+							status: "error",
+							message: errorMessage(error)
+						});
+					} finally {
+						setScanningRepo(null);
+					}
+				} catch (error) {
+					setLoadError(errorMessage(error));
+				}
+			}, [api]);
+			/** 手动输入框的添加动作。 */
+			const addMarketSource = (0, react.useCallback)(async () => {
+				await addSource(newSourceName);
+			}, [addSource, newSourceName]);
+			/** 删除一个市场源（不影响已装技能）。 */
+			const removeMarketSource = (0, react.useCallback)(async (repo) => {
+				setTagBusy(true);
+				setLoadError(null);
+				try {
+					const result = await api.removeMarketSource(repo);
+					setMarketState({
+						status: "ready",
+						repos: result.repos
+					});
+				} catch (error) {
+					setLoadError(errorMessage(error));
+				} finally {
+					setTagBusy(false);
+				}
+			}, [api]);
+			/** 扫描一个市场源（或手动输入）的仓库。 */
+			const scanRepo = (0, react.useCallback)(async (input) => {
+				const value = input.trim();
+				if (value === "") return;
+				setRepoResult(null);
+				setRepoSelected(/* @__PURE__ */ new Set());
+				setScanningRepo(value);
+				setRepoDiscoverState({ status: "scanning" });
+				setLoadError(null);
+				try {
+					const data = await api.repoDiscover(value);
+					if (data.ref === null) {
+						setBranchChoice({
+							repo: data.repo,
+							branches: data.branches ?? [],
+							selected: (data.branches ?? [])[0] ?? "main"
+						});
+						setRepoDiscoverState({ status: "idle" });
+						return;
+					}
+					setRepoDiscoverState({
+						status: "ready",
+						data
+					});
+				} catch (error) {
+					setRepoDiscoverState({
+						status: "error",
+						message: errorMessage(error)
+					});
+				} finally {
+					setScanningRepo(null);
+				}
+			}, [api]);
+			/** 确认分支选择：持久化 ref 后重新扫描。 */
+			const confirmBranchChoice = (0, react.useCallback)(async () => {
+				if (branchChoice === null) return;
+				setBranchBusy(true);
+				setLoadError(null);
+				try {
+					await api.setMarketSourceRef(branchChoice.repo, branchChoice.selected);
+					setBranchChoice(null);
+					await scanRepo(branchChoice.repo);
+				} catch (error) {
+					setLoadError(errorMessage(error));
+				} finally {
+					setBranchBusy(false);
+				}
+			}, [
+				api,
+				branchChoice,
+				scanRepo
+			]);
+			/** Toggle one repo preview row. */
+			const toggleRepoSelected = (0, react.useCallback)((path, checked) => {
+				setRepoSelected((previous) => {
+					const next = new Set(previous);
+					if (checked) next.add(path);
+					else next.delete(path);
+					return next;
+				});
+			}, []);
+			/** Import every checked, non-existing repo skill, then refresh the hub. */
+			const importRepo = (0, react.useCallback)(async () => {
+				if (repoDiscoverState.status !== "ready") return;
+				setRepoImporting(true);
+				setRepoResult(null);
+				setLoadError(null);
+				try {
+					const result = await api.repoImport(repoDiscoverState.data.repo, [...repoSelected], repoDiscoverState.data.ref ?? void 0);
+					setRepoResult(result);
+					await Promise.all([
+						load(),
+						loadMarket(),
+						loadGroups(),
+						loadSources()
+					]);
+				} catch (error) {
+					setLoadError(errorMessage(error));
+				} finally {
+					setRepoImporting(false);
+				}
+			}, [
+				api,
+				repoDiscoverState,
+				repoSelected,
+				load,
+				loadMarket,
+				loadGroups,
+				loadSources
+			]);
+			/** 检查所有市场源的上游更新（服务端节流）。 */
+			const checkMarket = (0, react.useCallback)(async () => {
+				try {
+					const result = await api.marketCheck();
+					const next = {};
+					for (const item of result.results) next[item.repo] = item;
+					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 {
-					const next = await api.toggle(record.name, true);
-					setCatalog(next);
+					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"));
+					}
+					setMarketSyncDialog(null);
+					await Promise.all([
+						load(),
+						loadGroups(),
+						loadSources()
+					]);
+					checkMarket();
 				} catch (error) {
 					setLoadError(errorMessage(error));
 				} finally {
-					setBusyNames((previous) => {
-						const next = new Set(previous);
-						next.delete(record.name);
-						return next;
-					});
+					setSyncBusy(false);
 				}
-			}, [api]);
+			}, [
+				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));
+						}
+					}
+					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();
+			}, []);
 			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
 					});
-					setFormMessage({
-						kind: "success",
-						text: tt("form.success") + result.path
-					});
+					setSuccessBanner(tt("form.success") + result.path);
 					setFormName("");
 					setFormDesc("");
 					setShowForm(false);
@@ -1045,195 +3796,310 @@ window.__ModuleLoader__.load({
 				load
 			]);
 			const normalized = search.trim().toLocaleLowerCase();
+			/** skillName → origin repo（无来源记录的技能不在此映射中，筛选中视为 private）。 */
+			const origins = groupsState?.origins ?? {};
+			/** 来源筛选选项：来源记录中的仓库（排序）+ 末尾的「个人」；没有技能的仓库不列。 */
+			const sourceOptions = (0, react.useMemo)(() => {
+				const skills = 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);
+				return [...repos, ...hasPrivate ? [PRIVATE_SOURCE] : []];
+			}, [catalog, origins]);
 			const filtered = (0, react.useMemo)(() => (catalog?.skills ?? []).filter((skill) => normalized.length === 0 || skill.name.toLocaleLowerCase().includes(normalized) || skill.description.toLocaleLowerCase().includes(normalized)), [catalog, normalized]);
-			const bySource = (0, react.useMemo)(() => {
-				const map = /* @__PURE__ */ new Map();
-				for (const skill of filtered) {
-					const bucket = map.get(skill.source) ?? [];
-					bucket.push(skill);
-					map.set(skill.source, bucket);
-				}
-				return map;
-			}, [filtered]);
-			const bySet = (0, react.useMemo)(() => {
-				const map = /* @__PURE__ */ new Map();
-				for (const skill of filtered) {
-					const key = skill.sets?.[0] ?? "";
-					const bucket = map.get(key) ?? [];
-					bucket.push(skill);
-					map.set(key, bucket);
-				}
-				return map;
-			}, [filtered]);
-			const renderRow = (skill) => {
-				const count = uses.get(skill.name);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: panel_module_css_default.row,
-					onClick: () => {
-						openDetail(skill.name);
-					},
-					children: [
-						/* @__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: skill.name
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: panel_module_css_default.rowDesc,
-								children: skill.description
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: panel_module_css_default.badges,
-							children: [
-								count !== void 0 && count > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: panel_module_css_default.badge + " " + panel_module_css_default.badgeUses,
-									children: tt("badge.uses", { count })
-								}) : null,
-								skill.invocation.modelInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: panel_module_css_default.badge + " " + panel_module_css_default.badgeModel,
-									children: tt("badge.model")
-								}) : null,
-								skill.invocation.userInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: panel_module_css_default.badge + " " + panel_module_css_default.badgeUser,
-									children: tt("badge.user")
-								}) : null
-							]
-						}),
-						skill.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: panel_module_css_default.switchBtn + " " + panel_module_css_default.switchOn,
-							disabled: busyNames.has(skill.name),
-							onClick: (event) => {
-								event.stopPropagation();
-								toggle(skill, false);
-							},
-							children: tt("row.disable")
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: panel_module_css_default.badge + " " + panel_module_css_default.badgeReadonly,
-							children: tt("row.readonly")
-						})
-					]
-				}, skill.name);
+			return {
+				catalog,
+				loading,
+				loadError,
+				successBanner,
+				updateState,
+				repoDiscoverState,
+				scanningRepo,
+				repoSelected,
+				repoImporting,
+				repoResult,
+				search,
+				detail,
+				detailLoading,
+				busyNames,
+				batchBusy,
+				showForm,
+				formName,
+				formDesc,
+				formRoot,
+				formBusy,
+				formMessage,
+				uses,
+				hubConfig,
+				tab,
+				skillView,
+				sourceFilter,
+				sortKey,
+				marketState,
+				marketCheck,
+				branchChoice,
+				branchBusy,
+				marketSyncDialog,
+				syncingMarket,
+				syncBusy,
+				newSourceName,
+				groupsState,
+				sourcesState,
+				sourceCheck,
+				checkingSource,
+				syncingSource,
+				conflictDialog,
+				confirmDialog,
+				deleteSkillDialog,
+				confirmClearTrash,
+				updateAllDialog,
+				editingTag,
+				editName,
+				membersDraft,
+				newTagName,
+				tagBusy,
+				editSearch,
+				collapsedGroups,
+				showLegend,
+				actionNames,
+				viewNames,
+				normalized,
+				origins,
+				sourceOptions,
+				filtered,
+				sorted: (0, react.useMemo)(() => sortSkills(filtered, sortKey, (name) => uses.get(name)?.count), [
+					filtered,
+					sortKey,
+					uses
+				]),
+				setLoadError,
+				setSuccessBanner,
+				setSearch,
+				setDetail,
+				setShowForm,
+				setFormName,
+				setFormDesc,
+				setFormRoot,
+				setFormMessage,
+				setRepoSelected,
+				setTab,
+				setSkillView,
+				setSourceFilter,
+				setSortKey,
+				setBranchChoice,
+				setMarketSyncDialog,
+				setNewSourceName,
+				setConflictDialog,
+				setConfirmDialog,
+				setDeleteSkillDialog,
+				setConfirmClearTrash,
+				setUpdateAllDialog,
+				setEditingTag,
+				setEditName,
+				setMembersDraft,
+				setNewTagName,
+				setEditSearch,
+				setShowLegend,
+				toggleGroupCollapse,
+				checkUpdate,
+				loadMarket,
+				openDetail,
+				toggle,
+				enableDisabled,
+				batchToggleNames,
+				toggleGroup,
+				resolveConflict,
+				runConfirmed,
+				checkSources,
+				requestSync,
+				requestDelete,
+				restoreTrash,
+				clearTrash,
+				requestDeleteSkill,
+				runDeleteSkill,
+				createTag,
+				deleteTag,
+				saveTag,
+				addSource,
+				addMarketSource,
+				removeMarketSource,
+				scanRepo,
+				confirmBranchChoice,
+				toggleRepoSelected,
+				importRepo,
+				checkMarket,
+				syncMarketSource,
+				confirmMarketSync,
+				updateAll,
+				create
 			};
-			if (detail !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: panel_module_css_default.panel,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_css_default.detailHead,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: panel_module_css_default.back,
-								onClick: () => {
-									setDetail(null);
-								},
-								children: tt("detail.back")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: panel_module_css_default.detailName,
-								children: detail.name
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: panel_module_css_default.badges,
-								children: [detail.invocation.modelInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: panel_module_css_default.badge + " " + panel_module_css_default.badgeModel,
-									children: tt("badge.model")
-								}) : null, detail.invocation.userInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: panel_module_css_default.badge + " " + panel_module_css_default.badgeUser,
-									children: tt("badge.user")
-								}) : null]
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_css_default.detailMeta,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: panel_module_css_default.detailMetaLine,
-								children: [
-									tt("detail.provider"),
-									": ",
-									detail.provider
-								]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: panel_module_css_default.detailMetaLine,
-								children: [
-									tt("detail.source"),
-									": ",
-									detail.source
-								]
-							}),
-							detail.path !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: panel_module_css_default.detailMetaLine,
-								children: [
-									tt("detail.path"),
-									": ",
-									detail.path
-								]
-							}) : null
-						]
-					}),
-					detailLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: panel_module_css_default.muted,
-						children: tt("detail.loading")
-					}) : null,
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-						className: panel_module_css_default.detailContent,
-						children: detail.content
-					})
-				]
+		}
+		//#endregion
+		//#region src/client/panel/SkillHubPanel.tsx
+		function SkillHubPanel(props) {
+			const hub = useSkillHub(props.api);
+			const { catalog, loading, loadError, successBanner, updateState, detail, detailLoading, showForm, formName, formDesc, formRoot, formBusy, formMessage, hubConfig, tab, skillView, sourceFilter, sortKey, search, sourcesState, tagBusy, busyNames, normalized, origins, sourceOptions, filtered, conflictDialog, confirmDialog, deleteSkillDialog, confirmClearTrash, branchChoice, branchBusy, marketSyncDialog, syncBusy, editingTag, editName, membersDraft, editSearch, uses, groupsState, sourceCheck, checkingSource, syncingSource, showLegend, setLoadError, setSuccessBanner, setDetail, setShowForm, setFormName, setFormDesc, setFormRoot, setFormMessage, setTab, setSkillView, setSourceFilter, setSortKey, setSearch, setConflictDialog, setConfirmDialog, setDeleteSkillDialog, setConfirmClearTrash, setBranchChoice, setMarketSyncDialog, setEditingTag, setEditName, setMembersDraft, setEditSearch, setShowLegend, checkUpdate, loadMarket, checkSources, requestSync, requestDelete, restoreTrash, clearTrash, runDeleteSkill, runConfirmed, resolveConflict, confirmBranchChoice, confirmMarketSync, create, saveTag, deleteTag, enableDisabled } = hub;
+			if (detail !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillDetailView, {
+				detail,
+				hubConfig,
+				uses,
+				groupsState,
+				sourcesState,
+				sourceCheck,
+				checkingSource,
+				syncingSource,
+				loading: detailLoading,
+				onBack: () => {
+					setDetail(null);
+				},
+				onCheck: (repo) => {
+					checkSources(repo);
+				},
+				onSync: requestSync,
+				onFollowDelete: requestDelete
+			});
+			if (editingTag !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TagEditorView, {
+				tag: editingTag,
+				editName,
+				membersDraft,
+				editSearch,
+				catalog,
+				tagBusy,
+				onBack: () => {
+					setEditingTag(null);
+				},
+				onEditName: setEditName,
+				onEditSearch: setEditSearch,
+				onToggleMember: (name, checked) => {
+					setMembersDraft((previous) => {
+						const next = new Set(previous);
+						if (checked) next.add(name);
+						else next.delete(name);
+						return next;
+					});
+				},
+				onRename: () => {
+					saveTag(editingTag.id, editName, null);
+				},
+				onDelete: () => {
+					deleteTag(editingTag.id);
+				},
+				onSaveMembers: () => {
+					saveTag(editingTag.id, editName, [...membersDraft]);
+				}
 			});
+			/** 检查结果的悬停提示：收敛到「检查更新」按钮上，不再占面板顶部横幅。 */
+			const updateTitle = (() => {
+				if (updateState.status === "checking") return tt("update.checking");
+				if (updateState.status === "error") return tt("update.error", { error: updateState.message });
+				if (updateState.status === "ready") {
+					const data = updateState.data;
+					if (data.error !== void 0) return tt("update.error", { error: data.error });
+					if (data.updateAvailable) return tt("update.available", {
+						version: data.latestVersion ?? "",
+						current: data.currentVersion
+					});
+					if (data.latestVersion === null) return tt("update.unavailable");
+					return tt("update.upToDate", { version: data.latestVersion });
+				}
+			})();
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: panel_module_css_default.panel,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: panel_module_css_default.header,
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
 								className: panel_module_css_default.title,
-								children: tt("panel.title")
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSkillOutline16, {
+										size: 16,
+										className: panel_module_css_default.titleIcon
+									}),
+									" ",
+									tt("panel.title")
+								]
 							}),
+							catalog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.headerCount,
+								children: [tt("panel.count", { count: catalog.skills.length + catalog.disabled.length }), catalog.disabled.length > 0 ? " · " + tt("panel.disabledCount", { count: catalog.disabled.length }) : null]
+							}) : null,
 							catalog !== null && !catalog.complete ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: panel_module_css_default.hint,
 								children: tt("panel.incomplete")
 							}) : null,
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: panel_module_css_default.segmented,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: panel_module_css_default.segBtn + (grouping === "source" ? " " + panel_module_css_default.segBtnActive : ""),
-									onClick: () => {
-										setGrouping("source");
-									},
-									children: tt("view.source")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: panel_module_css_default.segBtn + (grouping === "sets" ? " " + panel_module_css_default.segBtnActive : ""),
-									onClick: () => {
-										setGrouping("sets");
-									},
-									children: tt("view.sets")
-								})]
-							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: panel_module_css_default.actions,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: panel_module_css_default.button,
+									disabled: updateState.status === "checking",
+									title: updateTitle,
 									onClick: () => {
-										load();
+										checkUpdate();
 									},
-									children: tt("panel.refresh")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									children: updateState.status === "checking" ? tt("update.checking") : tt("update.check")
+								}), updateState.status === "ready" && updateState.data.updateAvailable && updateState.data.url !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+									className: panel_module_css_default.updateLink,
+									href: updateState.data.url,
+									target: "_blank",
+									rel: "noreferrer",
+									children: tt("update.newVersion", { version: updateState.data.latestVersion ?? "" })
+								}) : null]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.subbar,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.segmented,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.segBtn + (tab === "sources" ? " " + panel_module_css_default.segBtnActive : ""),
+										onClick: () => {
+											setTab("sources");
+										},
+										children: tt("view.sources")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.segBtn + (tab === "scenes" ? " " + panel_module_css_default.segBtnActive : ""),
+										onClick: () => {
+											setTab("scenes");
+										},
+										children: tt("view.scenes")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.segBtn + (tab === "market" ? " " + panel_module_css_default.segBtnActive : ""),
+										onClick: () => {
+											setTab("market");
+											loadMarket();
+										},
+										children: tt("view.market")
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.legendToggle + (showLegend ? " " + panel_module_css_default.legendToggleActive : ""),
+								onClick: () => {
+									setShowLegend((value) => !value);
+								},
+								title: tt("legend.hint"),
+								children: "?"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.actions,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: panel_module_css_default.button + " " + panel_module_css_default.primary,
 									onClick: () => {
 										setShowForm((value) => !value);
 									},
 									children: tt("panel.new")
-								})]
+								})
 							})
 						]
 					}),
@@ -1243,6 +4109,10 @@ window.__ModuleLoader__.load({
 							create(event);
 						},
 						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: panel_module_css_default.hintLine,
+								children: tt("form.capabilityHint")
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: panel_module_css_default.formRow,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
@@ -1267,7 +4137,8 @@ window.__ModuleLoader__.load({
 									value: formDesc,
 									onChange: (event) => {
 										setFormDesc(event.target.value);
-									}
+									},
+									placeholder: tt("form.descPlaceholder")
 								})]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1324,89 +4195,172 @@ window.__ModuleLoader__.load({
 							children: tt("err.dismiss")
 						})]
 					}) : null,
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-						className: panel_module_css_default.search,
-						value: search,
-						onChange: (event) => {
-							setSearch(event.target.value);
-						},
-						placeholder: tt("panel.search")
-					}),
+					successBanner !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.successBanner,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: successBanner }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.button,
+							onClick: () => {
+								setSuccessBanner(null);
+							},
+							children: tt("err.dismiss")
+						})]
+					}) : null,
+					showLegend ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.legend,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.legendItem,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: panel_module_css_default.dot + " " + panel_module_css_default.dotModel,
+									style: dotStyle(hubConfig?.dotModelColor)
+								}), tt("legend.model")]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.legendItem,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: panel_module_css_default.dot + " " + panel_module_css_default.dotUser,
+									style: dotStyle(hubConfig?.dotUserColor)
+								}), tt("legend.user")]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.legendHint,
+								children: tt("legend.hint")
+							})
+						]
+					}) : null,
 					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: panel_module_css_default.empty,
 						children: tt("panel.loading")
 					}) : null,
-					catalog !== null && !loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					detailLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: panel_module_css_default.empty,
+						children: tt("detail.loading")
+					}) : null,
+					tab === "market" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarketView, { hub }) : catalog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.filterBar,
+							children: [
+								tab === "sources" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: panel_module_css_default.segmented,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.segBtn + (skillView === "flat" ? " " + panel_module_css_default.segBtnActive : ""),
+										onClick: () => {
+											setSkillView("flat");
+										},
+										children: tt("view.flat")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.segBtn + (skillView === "groups" ? " " + panel_module_css_default.segBtnActive : ""),
+										onClick: () => {
+											setSkillView("groups");
+										},
+										children: tt("view.grouped")
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: panel_module_css_default.select,
+									value: sourceFilter,
+									onChange: (event) => {
+										setSourceFilter(event.target.value);
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "all",
+										children: tt("filter.allSources")
+									}), sourceOptions.map((source) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: source,
+										children: source === "private" ? tt("filter.private") : source
+									}, source))]
+								})] }) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: panel_module_css_default.select,
+									value: sortKey,
+									onChange: (event) => {
+										setSortKey(event.target.value);
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "name",
+											children: tt("sort.name")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "added",
+											children: tt("sort.added")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "uses",
+											children: tt("sort.uses")
+										})
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: panel_module_css_default.search,
+									value: search,
+									onChange: (event) => {
+										setSearch(event.target.value);
+									},
+									placeholder: tt("panel.search")
+								})
+							]
+						}),
 						filtered.length === 0 && search.trim() !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: panel_module_css_default.empty,
 							children: tt("panel.empty")
 						}) : null,
-						filtered.length === 0 && search.trim() === "" && catalog.disabled.length === 0 && catalog.diagnostics.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						filtered.length === 0 && search.trim() === "" && catalog.skills.length === 0 && catalog.disabled.length === 0 && catalog.diagnostics.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: panel_module_css_default.empty,
 							children: tt("panel.emptyAll")
 						}) : null,
-						grouping === "source" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [SOURCE_GROUPS.map((source) => {
-							const skills = bySource.get(source);
-							if (skills === void 0 || skills.length === 0) return null;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-								className: panel_module_css_default.section,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: panel_module_css_default.groupTitle,
-									children: tt(groupKey(source))
-								}), skills.map(renderRow)]
-							}, source);
-						}), (() => {
-							const rest = filtered.filter((skill) => !SOURCE_GROUPS.includes(skill.source));
-							if (rest.length === 0) return null;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-								className: panel_module_css_default.section,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: panel_module_css_default.groupTitle,
-									children: tt("group.other")
-								}), rest.map(renderRow)]
-							});
-						})()] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [[...bySet.keys()].filter((set) => set !== "").sort().map((set) => {
-							const skills = bySet.get(set);
-							if (skills === void 0 || skills.length === 0) return null;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-								className: panel_module_css_default.section,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: panel_module_css_default.groupTitle,
-									children: set
-								}), skills.map(renderRow)]
-							}, set);
-						}), bySet.has("") ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-							className: panel_module_css_default.section,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: panel_module_css_default.groupTitle,
-								children: tt("group.uncategorized")
-							}), bySet.get("").map(renderRow)]
-						}) : null] }),
-						catalog.disabled.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						tab === "sources" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SourcesView, { hub }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScenesView, { hub }),
+						sourcesState !== null && sourcesState.trash.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 							className: panel_module_css_default.section,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: panel_module_css_default.sectionTitle,
-								children: tt("panel.disabled")
-							}), catalog.disabled.map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: panel_module_css_default.row,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.sectionTitle + " " + panel_module_css_default.sectionHeadRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: panel_module_css_default.sectionTitleFill,
+									children: tt("source.trash")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn + " " + panel_module_css_default.opDanger,
+									disabled: tagBusy,
+									onClick: () => {
+										setConfirmClearTrash(true);
+									},
+									children: tt("source.clearTrash")
+								})]
+							}), sourcesState.trash.map((entry) => /* @__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.jsx)("div", {
 										className: panel_module_css_default.rowName,
-										children: record.name
+										children: entry.name
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: panel_module_css_default.rowDesc,
-										children: record.description
+										children: relativeTimeText(entry.movedAt)
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
-									className: panel_module_css_default.switchBtn + " " + panel_module_css_default.switchOff,
-									disabled: busyNames.has(record.name),
+									className: panel_module_css_default.opBtn,
+									disabled: tagBusy,
 									onClick: () => {
-										enableDisabled(record);
+										restoreTrash(entry.name);
 									},
-									children: tt("row.enable")
+									children: tt("source.restore")
 								})]
+							}, entry.name))]
+						}) : null,
+						catalog.disabled.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: panel_module_css_default.section,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: panel_module_css_default.sectionTitle,
+								children: tt("panel.disabled")
+							}), catalog.disabled.filter((record) => (normalized.length === 0 || record.name.toLocaleLowerCase().includes(normalized) || record.description.toLocaleLowerCase().includes(normalized)) && (sourceFilter === "all" || (origins[record.name] ?? "private") === sourceFilter)).map((record) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisabledRow, {
+								record,
+								busy: busyNames.has(record.name),
+								onEnable: () => {
+									enableDisabled(record);
+								}
 							}, record.name))]
 						}) : null,
 						catalog.diagnostics.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
@@ -1425,7 +4379,93 @@ window.__ModuleLoader__.load({
 								})]
 							}, entry.path))]
 						}) : null
-					] }) : null
+					] }) : null,
+					conflictDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConflictDialog, {
+						dialog: conflictDialog,
+						tags: groupsState?.tags ?? [],
+						collections: groupsState?.collections ?? [],
+						onClose: () => {
+							setConflictDialog(null);
+						},
+						onKeepOn: () => {
+							resolveConflict(false);
+						},
+						onCloseAll: () => {
+							resolveConflict(true);
+						}
+					}) : null,
+					confirmDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
+						title: confirmDialog.kind === "sync" ? tt("source.syncConfirmTitle") : tt("source.deleteConfirmTitle"),
+						text: confirmDialog.kind === "sync" ? tt("source.syncConfirmText") : tt("source.deleteConfirmText"),
+						items: confirmDialog.skills,
+						confirmLabel: confirmDialog.kind === "sync" ? tt("source.sync") : tt("source.followDelete"),
+						danger: confirmDialog.kind === "delete",
+						onCancel: () => {
+							setConfirmDialog(null);
+						},
+						onConfirm: () => {
+							runConfirmed();
+						}
+					}) : null,
+					branchChoice !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BranchChoiceDialog, {
+						choice: branchChoice,
+						busy: branchBusy,
+						onSelect: (selected) => {
+							setBranchChoice({
+								...branchChoice,
+								selected
+							});
+						},
+						onCancel: () => {
+							setBranchChoice(null);
+						},
+						onConfirm: () => {
+							confirmBranchChoice();
+						}
+					}) : null,
+					marketSyncDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarketSyncDialog, {
+						dialog: marketSyncDialog,
+						busy: syncBusy,
+						onToggle: (name, checked) => {
+							const next = new Set(marketSyncDialog.selected);
+							if (checked) next.add(name);
+							else next.delete(name);
+							setMarketSyncDialog({
+								...marketSyncDialog,
+								selected: next
+							});
+						},
+						onCancel: () => {
+							setMarketSyncDialog(null);
+						},
+						onConfirm: () => {
+							confirmMarketSync();
+						}
+					}) : null,
+					deleteSkillDialog !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
+						title: tt("delete.confirmTitle"),
+						text: tt("delete.confirmText", { name: deleteSkillDialog }),
+						confirmLabel: tt("delete.confirm"),
+						danger: true,
+						onCancel: () => {
+							setDeleteSkillDialog(null);
+						},
+						onConfirm: () => {
+							runDeleteSkill();
+						}
+					}) : null,
+					confirmClearTrash ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
+						title: tt("source.clearTrashConfirmTitle"),
+						text: tt("source.clearTrashConfirmText"),
+						confirmLabel: tt("source.clearTrashConfirm"),
+						danger: true,
+						onCancel: () => {
+							setConfirmClearTrash(false);
+						},
+						onConfirm: () => {
+							clearTrash();
+						}
+					}) : null
 				]
 			});
 		}
@@ -1456,12 +4496,13 @@ window.__ModuleLoader__.load({
 			}, SkillHubSettingsCard)), "dsh-skill-hub: settings card");
 			ctx.effect(() => ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
-				id: "skills",
+				id: "skill-hub",
 				order: 12,
 				label: () => t("entry.label"),
 				locale: NS,
 				inject: () => ({})
 			}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillHubPanel, { api }))), "dsh-skill-hub: settings section");
+			ctx.effect(() => applySettingsNavIcon(), "dsh-skill-hub: settings nav icon");
 		}
 		//#endregion
 		exports.apply = apply;