dsh-skill-hub 0.2.0 → 0.2.2

package/lib/client.js

@@ -88,11 +88,14 @@ window.__ModuleLoader__.load({
 		}
 		/** The browser half's only data entry point. */
 		var SkillHubApi = class {
-			async catalog() {
-				return readJson(await fetchWithTimeout(SKILL_HUB_API.catalog));
+			/** Catalog lookup options (cwd selects a workspace's project skills). */
+			catalog(options) {
+				return fetchWithTimeout(options?.cwd !== void 0 && options.cwd !== "" ? SKILL_HUB_API.catalog + "?cwd=" + encodeURIComponent(options.cwd) : SKILL_HUB_API.catalog).then((response) => readJson(response));
 			}
-			async skill(name) {
-				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.skill + "?name=" + encodeURIComponent(name)))).skill;
+			/** One skill's detail (cwd selects a workspace's project skills). */
+			async skill(name, options) {
+				const cwd = options?.cwd !== void 0 && options.cwd !== "" ? "&cwd=" + encodeURIComponent(options.cwd) : "";
+				return (await readJson(await fetchWithTimeout(SKILL_HUB_API.skill + "?name=" + encodeURIComponent(name) + cwd))).skill;
 			}
 			/** Move one writable skill into the restorable trash. */
 			async deleteSkill(name) {
@@ -135,7 +138,7 @@ window.__ModuleLoader__.load({
 					body: JSON.stringify(payload)
 				}));
 			}
-			/** The user's added market sources (codex-style repo slugs). */
+			/** The user's added market sources. */
 			async market() {
 				return readJson(await fetchWithTimeout(SKILL_HUB_API.market));
 			}
@@ -294,102 +297,6 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#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,
-			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",
-			"dotModelColor",
-			"dotUserColor",
-			"showUseCount",
-			"showUseTime",
-			"showGroupSummary"
-		]);
-		/** FormScope-compatible reactive config handle (see module doc). */
-		var ApiConfigScope = class {
-			api;
-			status = "loading";
-			value = { ...DEFAULTS };
-			saved = {};
-			listeners = /* @__PURE__ */ new Set();
-			/** @param api - the browser-half API client (shared with the skill panel). */
-			constructor(api) {
-				this.api = api;
-				this.load();
-			}
-			async load() {
-				try {
-					const response = await this.api.config();
-					this.value = response.config;
-					this.saved = { ...response.saved };
-					this.status = "ready";
-				} catch {
-					this.status = "unavailable";
-				}
-				this.publish();
-			}
-			subscribe(listener) {
-				this.listeners.add(listener);
-				return () => {
-					this.listeners.delete(listener);
-				};
-			}
-			getSnapshot() {
-				return {
-					status: this.status,
-					writable: true,
-					value: { ...this.value },
-					base: { ...DEFAULTS },
-					user: { ...this.saved }
-				};
-			}
-			/** Write one field through the config route and adopt the persisted state. */
-			async set(field, value) {
-				if (!FIELDS.has(field)) return;
-				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) {
-				if (!FIELDS.has(field)) return;
-				await this.apply({ [field]: void 0 });
-			}
-			/** Persist a patch, then re-seed from the route's fresh response. */
-			async apply(patch) {
-				const request = {};
-				for (const [key, value] of Object.entries(patch)) request[key] = value === void 0 ? null : value;
-				const response = await this.api.saveConfig(request);
-				this.value = response.config;
-				this.saved = { ...response.saved };
-				this.publish();
-			}
-			publish() {
-				for (const listener of this.listeners) listener();
-			}
-		};
-		//#endregion
 		//#region src/client/locales.ts
 		/**
 		* dsh-skill-hub surface copy (zh/en). The dictionary type is re-exported
@@ -419,19 +326,19 @@ window.__ModuleLoader__.load({
 			"panel.emptyAll": "本地还没有技能。点击「新建技能」创建第一个。",
 			"panel.loading": "读取中…",
 			"panel.incomplete": "（目录可能不完整）",
-			"market.addHint": "像 codex 一样添加仓库源：输入 owner/repo 或 GitHub 链接，扫描其中的技能并一键导入；导入后自动跟踪上游更新。",
+			"panel.workspacePlaceholder": "工作区路径（回车应用）",
+			"panel.workspaceHint": "填写项目路径后，面板同时显示该项目 .dsh/skills 与 .agents/skills 下的技能（只读）；留空回车恢复用户级视图。",
+			"panel.workspaceClear": "清除工作区",
 			"market.addPlaceholder": "owner/repo 或 https://github.com/…",
 			"market.addSource": "添加源",
 			"market.noSources": "还没有市场源。从下方内置市场添加，或输入一个 GitHub 仓库。",
-			"market.catalogTitle": "内置市场",
+			"market.title": "市场",
 			"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}",
@@ -496,6 +403,9 @@ window.__ModuleLoader__.load({
 			"groups.empty": "还没有场景。先新建一个，再把技能归类。",
 			"groups.noCollections": "暂无来源组。从市场导入技能后自动按来源聚合。",
 			"groups.personal": "个人",
+			"groups.project": "项目级",
+			"groups.subdivide": "细分",
+			"groups.merge": "合并",
 			"groups.noWritable": "该组没有可写技能（只读技能无法由中枢开关）",
 			"groups.closeAll": "全部关闭",
 			"groups.keepOn": "保留开启",
@@ -522,6 +432,7 @@ window.__ModuleLoader__.load({
 			"row.disable": "禁用",
 			"row.enable": "启用",
 			"row.delete": "移入回收站",
+			"row.open": "查看 {name} 详情（回车）",
 			"delete.confirmTitle": "移入回收站？",
 			"delete.confirmText": "确定把「{name}」移入回收站吗？可随时恢复。",
 			"delete.confirm": "移入回收站",
@@ -623,19 +534,19 @@ 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.",
+			"panel.workspacePlaceholder": "Workspace path (Enter to apply)",
+			"panel.workspaceHint": "Enter a project path to also show that workspace's .dsh/skills and .agents/skills skills (read-only); clear + Enter to return to the user-level view.",
+			"panel.workspaceClear": "Clear workspace",
 			"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.title": "Market",
 			"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",
@@ -700,6 +611,9 @@ window.__ModuleLoader__.load({
 			"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.project": "Project",
+			"groups.subdivide": "Split",
+			"groups.merge": "Merge",
 			"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",
@@ -726,6 +640,7 @@ window.__ModuleLoader__.load({
 			"row.disable": "Disable",
 			"row.enable": "Enable",
 			"row.delete": "Move to trash",
+			"row.open": "View {name} details (Enter)",
 			"delete.confirmTitle": "Move to trash?",
 			"delete.confirmText": "Move \"{name}\" to trash? It can be restored anytime.",
 			"delete.confirm": "Move to trash",
@@ -1301,11 +1216,17 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region src/client/SkillHubSettingsCard.tsx
+		/** 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";
 		/** Bridges the hub's config scope onto the card's staged form. */
 		var SkillHubSettingsCardController = class {
 			form;
 			store;
-			/** @param scope - the hub config scope the card edits (ApiConfigScope). */
+			/** @param scope - the hub settings scope the card edits (FormScope-compatible). */
 			constructor(scope) {
 				this.form = new CardForm(scope, [
 					booleanField("enabled"),
@@ -1512,15 +1433,23 @@ window.__ModuleLoader__.load({
 		}
 		/** Origin-repo filter value: skills with no source record (private skills). */
 		const PRIVATE_SOURCE = "private";
+		/** 项目级技能来源（它们有 workspace 归属，不属于「个人」组）。 */
+		function isProjectSource(source) {
+			return source === "project-dsh" || source === "project-agents";
+		}
 		/**
 		* 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.
+		* 项目级技能（有 workspace 归属）永远不算「个人」。
 		*/
 		function filterBySource(skills, source, origins) {
 			if (source === "all") return [...skills];
-			return skills.filter((skill) => (origins[skill.name] ?? "private") === source);
+			return skills.filter((skill) => {
+				if (isProjectSource(skill.source)) return false;
+				return (origins[skill.name] ?? "private") === source;
+			});
 		}
 		/**
 		* Sort a skill list in place-safe copy order: name ascending, added
@@ -1583,7 +1512,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/Users/huanyi/Documents/personal/tools/dsh-skill-hub/src/client/panel/panel.module.css.mjs
-		const css = "._6VtqdG_panel{-webkit-font-smoothing:antialiased;color-scheme:light dark;--hub-model:#2f81f7;--hub-user:#3fb950;flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:28px 20px 44px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;display:flex}._6VtqdG_header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}._6VtqdG_title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}._6VtqdG_hint{opacity:.5;font-size:12px}._6VtqdG_actions{gap:8px;margin-left:auto;display:flex}._6VtqdG_segmented{background:#80808024;border-radius:9px;gap:2px;padding:2px;display:flex}._6VtqdG_segBtn{color:inherit;opacity:.62;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 13px;font-size:12px;transition:background .15s,opacity .15s}._6VtqdG_segBtn:hover{opacity:.9}._6VtqdG_segBtnActive{opacity:1;background:#80808047;font-weight:600}._6VtqdG_search{width:100%;color:inherit;background:#8080801f;border:none;border-radius:10px;outline:none;padding:10px 14px;font-size:13px;transition:background .15s}._6VtqdG_search::placeholder{opacity:.45}._6VtqdG_search:focus{background:#8080802e}._6VtqdG_section{background:#8080800f;border-radius:12px;flex-direction:column;margin-top:4px;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a}._6VtqdG_sectionTitle{margin:14px 16px 2px;font-size:13px;font-weight:700}._6VtqdG_groupHead{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 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_row:focus-visible{outline:2px solid var(--hub-model);outline-offset:-2px}._6VtqdG_rowStatic{cursor:default}._6VtqdG_rowStatic:hover{background:0 0}._6VtqdG_row+._6VtqdG_row{border-top:.5px solid #80808021}._6VtqdG_rowMain{flex:1;min-width:0}._6VtqdG_rowName{align-items:center;gap:5px;font-size:13.5px;display:flex}._6VtqdG_rowNameText{font-weight:600}._6VtqdG_rowDesc{opacity:.52;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}._6VtqdG_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}._6VtqdG_workspaceBox{align-items:center;gap:6px;display:inline-flex}._6VtqdG_workspaceInput{width:200px;padding:6px 10px;font-size:12px}._6VtqdG_projectNest{border-left:1px solid #80808024;flex-direction:column;margin:2px 0 0 14px;display:flex}";
 		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");
@@ -1664,6 +1593,7 @@ window.__ModuleLoader__.load({
 			"opDanger": "_6VtqdG_opDanger",
 			"panel": "_6VtqdG_panel",
 			"primary": "_6VtqdG_primary",
+			"projectNest": "_6VtqdG_projectNest",
 			"row": "_6VtqdG_row",
 			"rowDesc": "_6VtqdG_rowDesc",
 			"rowMain": "_6VtqdG_rowMain",
@@ -1701,7 +1631,9 @@ window.__ModuleLoader__.load({
 			"titleIcon": "_6VtqdG_titleIcon",
 			"updateLink": "_6VtqdG_updateLink",
 			"useCount": "_6VtqdG_useCount",
-			"useTime": "_6VtqdG_useTime"
+			"useTime": "_6VtqdG_useTime",
+			"workspaceBox": "_6VtqdG_workspaceBox",
+			"workspaceInput": "_6VtqdG_workspaceInput"
 		};
 		//#endregion
 		//#region src/client/panel/SourceStatusBadge.tsx
@@ -2055,11 +1987,23 @@ window.__ModuleLoader__.load({
 			const stat = hub.uses.get(skill.name);
 			const count = stat?.count ?? 0;
 			const lastUsed = stat?.lastUsed;
+			/** 键盘打开详情：Enter 或空格。仅当焦点在行本身（而非行内按钮）时生效。 */
+			const onKeyDown = (event) => {
+				if (event.target !== event.currentTarget) return;
+				if (event.key === "Enter" || event.key === " ") {
+					event.preventDefault();
+					hub.openDetail(skill.name);
+				}
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: panel_module_css_default.row,
+				role: "button",
+				tabIndex: 0,
+				"aria-label": tt("row.open", { name: skill.name }),
 				onClick: () => {
 					hub.openDetail(skill.name);
 				},
+				onKeyDown,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: panel_module_css_default.rowMain,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2187,6 +2131,123 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/panel/SourcesView.tsx
+		/** 项目级三级树：项目级 → 具体工作区（可折叠、可细分）→ .dsh/.agents。 */
+		function ProjectTree(props) {
+			const { hub } = props;
+			const { sorted, sourceFilter, origins, collapsedGroups, subdividedProjects, toggleGroupCollapse, toggleSubdivide } = hub;
+			const projectSkills = filterBySource(sorted, sourceFilter, origins).filter((skill) => isProjectSource(skill.source));
+			if (projectSkills.length === 0) return null;
+			const byProject = /* @__PURE__ */ new Map();
+			for (const skill of projectSkills) {
+				const key = skill.workspace ?? skill.source;
+				const entry = byProject.get(key);
+				if (entry === void 0) byProject.set(key, {
+					title: skill.workspaceTitle ?? skill.workspace ?? tt("groups.project"),
+					skills: [skill]
+				});
+				else entry.skills.push(skill);
+			}
+			const topCollapsed = collapsedGroups.has("project");
+			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": !topCollapsed,
+						onClick: () => {
+							toggleGroupCollapse("project");
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (topCollapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: panel_module_css_default.groupTitle,
+							children: [
+								tt("groups.project"),
+								" · ",
+								byProject.size
+							]
+						})]
+					})
+				}), !topCollapsed ? [...byProject.entries()].map(([key, proj]) => {
+					const projKey = "project:" + key;
+					const projCollapsed = collapsedGroups.has(projKey);
+					const subdivided = subdividedProjects.has(key);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.projectNest,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.groupHead,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: panel_module_css_default.disclosure,
+								"aria-expanded": !projCollapsed,
+								onClick: () => {
+									toggleGroupCollapse(projKey);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (projCollapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: panel_module_css_default.groupTitle,
+									children: [
+										proj.title,
+										" · ",
+										proj.skills.length,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupSummary, {
+											members: proj.skills.map((skill) => skill.name),
+											hub
+										})
+									]
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: panel_module_css_default.groupOps,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn,
+									onClick: (event) => {
+										event.stopPropagation();
+										toggleSubdivide(key);
+									},
+									children: subdivided ? tt("groups.merge") : tt("groups.subdivide")
+								})
+							})]
+						}), !projCollapsed ? subdivided ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: panel_module_css_default.projectNest,
+							children: ["project-dsh", "project-agents"].map((source) => {
+								const list = proj.skills.filter((skill) => skill.source === source);
+								if (list.length === 0) return null;
+								const srcKey = projKey + ":" + source;
+								const srcCollapsed = collapsedGroups.has(srcKey);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: panel_module_css_default.projectNest,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: panel_module_css_default.groupHead,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											type: "button",
+											className: panel_module_css_default.disclosure,
+											"aria-expanded": !srcCollapsed,
+											onClick: () => {
+												toggleGroupCollapse(srcKey);
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.chevron + (srcCollapsed ? " " + panel_module_css_default.chevronCollapsed : "") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+												className: panel_module_css_default.groupTitle,
+												children: [
+													tt("badge.source." + source),
+													" · ",
+													list.length
+												]
+											})]
+										})
+									}), !srcCollapsed ? list.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+										skill,
+										hub
+									}, skill.name)) : null]
+								}, srcKey);
+							})
+						}) : proj.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillRow, {
+							skill,
+							hub
+						}, skill.name)) : null]
+					}, projKey);
+				}) : null]
+			});
+		}
 		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;
@@ -2195,6 +2256,7 @@ window.__ModuleLoader__.load({
 				hub
 			}, skill.name)) });
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProjectTree, { hub }),
 				groupsState !== null && groupsState.collections.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: panel_module_css_default.empty,
 					children: tt("groups.noCollections")
@@ -2295,7 +2357,7 @@ window.__ModuleLoader__.load({
 					}, "col:" + collection.name);
 				}),
 				(() => {
-					const uncategorized = filterBySource(sorted, sourceFilter, origins).filter((skill) => origins[skill.name] === void 0);
+					const uncategorized = filterBySource(sorted, sourceFilter, origins).filter((skill) => origins[skill.name] === void 0 && !isProjectSource(skill.source));
 					if (uncategorized.length === 0) return null;
 					const collapsed = collapsedGroups.has("uncategorized-source");
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
@@ -2658,6 +2720,12 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/panel/MarketView.tsx
+		/**
+		* Market tab: one unified market list — built-in catalog entries (add
+		* button while not yet added) and the user's market sources (full state
+		* badges + actions once added, plus custom sources), with check-all and
+		* update-all actions and the repo scan result with the importable checklist.
+		*/
 		/** Compact byte size for repo preview rows. */
 		function formatBytes(bytes) {
 			if (bytes < 1024) return bytes + " B";
@@ -2669,54 +2737,140 @@ window.__ModuleLoader__.load({
 			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,
+			/** 一个已添加来源的完整行：状态徽章 + 操作按钮。 */
+			const sourceRow = (record) => {
+				const releaseCheck = marketCheck[record.repo];
+				const skillCheck = sourceCheck[record.repo];
+				const installedCount = sourcesState?.sources.find((source) => source.repo === record.repo)?.skills.length ?? 0;
+				const scanning = scanningRepo === record.repo;
+				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.sectionTitle,
-							children: tt("market.catalogTitle")
+							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)("p", {
-							className: panel_module_css_default.hintLine + " " + panel_module_css_default.hintPadded,
-							children: tt("market.catalogHint")
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: panel_module_css_default.opBtn,
+							disabled: scanning,
+							onClick: () => {
+								checkMarket();
+							},
+							children: tt("market.check")
 						}),
-						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.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")
 						})
 					]
-				}),
+				});
+			};
+			const rows = [];
+			for (const entry of MARKET_CATALOG) {
+				const record = marketState.repos.find((item) => item.repo === entry.repo);
+				if (record !== void 0) rows.push({
+					key: entry.repo,
+					element: sourceRow(record)
+				});
+				else {
+					const busy = scanningRepo !== null || tagBusy;
+					rows.push({
+						key: entry.repo,
+						element: /* @__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)
+								})]
+							}), /* @__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")
+							})]
+						})
+					});
+				}
+			}
+			for (const record of marketState.repos) {
+				if (MARKET_CATALOG.some((entry) => entry.repo === record.repo)) continue;
+				rows.push({
+					key: record.repo,
+					element: sourceRow(record)
+				});
+			}
+			const unaddedCatalog = MARKET_CATALOG.filter((entry) => !marketState.repos.some((record) => record.repo === entry.repo));
+			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: [
@@ -2725,7 +2879,7 @@ window.__ModuleLoader__.load({
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: panel_module_css_default.sectionTitleFill,
-									children: tt("market.mySources")
+									children: tt("market.title")
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
@@ -2747,10 +2901,6 @@ window.__ModuleLoader__.load({
 								})
 							]
 						}),
-						/* @__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", {
@@ -2776,97 +2926,19 @@ window.__ModuleLoader__.load({
 								children: tt("market.addSource")
 							})]
 						}),
+						unaddedCatalog.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: panel_module_css_default.hintLine + " " + panel_module_css_default.hintPadded,
+							children: tt("market.catalogHint")
+						}) : null,
 						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", {
+						marketState.status !== "loading" && rows.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);
-						})
+						marketState.status !== "loading" ? rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: row.element }, row.key)) : null
 					]
 				}),
 				repoDiscoverState.status === "scanning" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -3039,6 +3111,8 @@ window.__ModuleLoader__.load({
 			const [repoImporting, setRepoImporting] = (0, react.useState)(false);
 			const [repoResult, setRepoResult] = (0, react.useState)(null);
 			const [search, setSearch] = (0, react.useState)("");
+			/** 工作区（项目）路径；空 = 只看用户级技能。 */
+			const [workspace, setWorkspace] = (0, react.useState)("");
 			const [detail, setDetail] = (0, react.useState)(null);
 			const [detailLoading, setDetailLoading] = (0, react.useState)(false);
 			const [busyNames, setBusyNames] = (0, react.useState)(/* @__PURE__ */ new Set());
@@ -3083,8 +3157,10 @@ window.__ModuleLoader__.load({
 			const [newTagName, setNewTagName] = (0, react.useState)("");
 			const [tagBusy, setTagBusy] = (0, react.useState)(false);
 			const [editSearch, setEditSearch] = (0, react.useState)("");
-			/** 分组视图里收起的分组（key 为 tag:<id> 或 col:<name>）。 */
+			/** 分组视图里收起的分组（key 为 tag:<id>、col:<name> 或 project 树键）。 */
 			const [collapsedGroups, setCollapsedGroups] = (0, react.useState)(/* @__PURE__ */ new Set());
+			/** 项目级三级树里已细分（按 .dsh/.agents）的项目键。 */
+			const [subdividedProjects, setSubdividedProjects] = (0, react.useState)(/* @__PURE__ */ new Set());
 			const [showLegend, setShowLegend] = (0, react.useState)(false);
 			const toggleGroupCollapse = (0, react.useCallback)((key) => {
 				setCollapsedGroups((previous) => {
@@ -3094,9 +3170,17 @@ window.__ModuleLoader__.load({
 					return next;
 				});
 			}, []);
+			const toggleSubdivide = (0, react.useCallback)((key) => {
+				setSubdividedProjects((previous) => {
+					const next = new Set(previous);
+					if (next.has(key)) next.delete(key);
+					else next.add(key);
+					return next;
+				});
+			}, []);
 			const load = (0, react.useCallback)(async () => {
 				try {
-					const next = await api.catalog();
+					const next = await api.catalog(workspace !== "" ? { cwd: workspace } : void 0);
 					setCatalog(next);
 					setLoadError(null);
 				} catch (error) {
@@ -3104,7 +3188,7 @@ window.__ModuleLoader__.load({
 				} finally {
 					setLoading(false);
 				}
-			}, [api]);
+			}, [api, workspace]);
 			const loadUses = (0, react.useCallback)(async () => {
 				try {
 					const result = await api.stats();
@@ -3208,13 +3292,13 @@ window.__ModuleLoader__.load({
 				setDetailLoading(true);
 				setLoadError(null);
 				try {
-					setDetail(await api.skill(name));
+					setDetail(await api.skill(name, workspace !== "" ? { cwd: workspace } : void 0));
 				} catch (error) {
 					setLoadError(errorMessage(error));
 				} finally {
 					setDetailLoading(false);
 				}
-			}, [api]);
+			}, [api, workspace]);
 			const toggle = (0, react.useCallback)(async (skill, enabled) => {
 				setBusyNames((previous) => new Set(previous).add(skill.name));
 				setLoadError(null);
@@ -3802,7 +3886,7 @@ window.__ModuleLoader__.load({
 			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);
+				const hasPrivate = skills.some((skill) => origins[skill.name] === void 0 && !isProjectSource(skill.source));
 				return [...repos, ...hasPrivate ? [PRIVATE_SOURCE] : []];
 			}, [catalog, origins]);
 			const filtered = (0, react.useMemo)(() => (catalog?.skills ?? []).filter((skill) => normalized.length === 0 || skill.name.toLocaleLowerCase().includes(normalized) || skill.description.toLocaleLowerCase().includes(normalized)), [catalog, normalized]);
@@ -3818,6 +3902,7 @@ window.__ModuleLoader__.load({
 				repoImporting,
 				repoResult,
 				search,
+				workspace,
 				detail,
 				detailLoading,
 				busyNames,
@@ -3859,6 +3944,7 @@ window.__ModuleLoader__.load({
 				tagBusy,
 				editSearch,
 				collapsedGroups,
+				subdividedProjects,
 				showLegend,
 				actionNames,
 				viewNames,
@@ -3874,6 +3960,7 @@ window.__ModuleLoader__.load({
 				setLoadError,
 				setSuccessBanner,
 				setSearch,
+				setWorkspace,
 				setDetail,
 				setShowForm,
 				setFormName,
@@ -3900,6 +3987,7 @@ window.__ModuleLoader__.load({
 				setEditSearch,
 				setShowLegend,
 				toggleGroupCollapse,
+				toggleSubdivide,
 				checkUpdate,
 				loadMarket,
 				openDetail,
@@ -3935,9 +4023,24 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/panel/SkillHubPanel.tsx
+		/**
+		* The skill hub panel: catalog grouped by tags + source collections, search
+		* and filter in one row, per-group tri-state switches with conflict dialogs,
+		* upstream source tracking (check / sync / follow upstream deletion into a
+		* restorable trash), market sources, disabled re-enable,
+		* detail inspection, and the new-skill scaffold form.
+		*
+		* Thin shell: state and flows live in useSkillHub, the tab contents live in
+		* SourcesView / ScenesView / MarketView, and the dialog family lives in
+		* dialogs.tsx. This component owns only the shared chrome (header, banners,
+		* filter bar, shared sections) and the view routing — and holds no hooks,
+		* so the detail / tag-editor early returns are safe.
+		*/
 		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;
+			/** 工作区输入草稿：回车才应用，避免每次按键都触发目录重拉。 */
+			const [workspaceDraft, setWorkspaceDraft] = (0, react.useState)("");
+			const { catalog, loading, loadError, successBanner, updateState, detail, detailLoading, showForm, formName, formDesc, formRoot, formBusy, formMessage, hubConfig, tab, skillView, sourceFilter, sortKey, search, workspace, setWorkspace, sourcesState, tagBusy, busyNames, normalized, origins, sourceOptions, filtered, conflictDialog, confirmDialog, deleteSkillDialog, 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,
@@ -4081,6 +4184,30 @@ window.__ModuleLoader__.load({
 									})
 								]
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.workspaceBox,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: panel_module_css_default.search + " " + panel_module_css_default.workspaceInput,
+									value: workspaceDraft,
+									placeholder: workspace !== "" ? workspace : tt("panel.workspacePlaceholder"),
+									title: tt("panel.workspaceHint"),
+									onChange: (event) => {
+										setWorkspaceDraft(event.target.value);
+									},
+									onKeyDown: (event) => {
+										if (event.key === "Enter") setWorkspace(event.target.value.trim());
+									}
+								}), workspace !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: panel_module_css_default.opBtn,
+									title: tt("panel.workspaceClear"),
+									onClick: () => {
+										setWorkspace("");
+										setWorkspaceDraft("");
+									},
+									children: "✕"
+								}) : null]
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: panel_module_css_default.legendToggle + (showLegend ? " " + panel_module_css_default.legendToggleActive : ""),
@@ -4473,8 +4600,20 @@ window.__ModuleLoader__.load({
 		//#region src/client/index.tsx
 		/** Locale namespace this plugin owns. */
 		const NS = "dsh-skill-hub";
-		/** Required services (fiber inject waiting — the runtime must be up first). */
-		const inject = ["slots", "locale"];
+		/**
+		* Required services (fiber inject waiting — the runtime must be up first).
+		* `connection`/`remote` are the settings transport's own prerequisites
+		* (`ctx.settingsScope.bind` resolves them on the caller's fiber), and
+		* `settingsScope` is the namespace-scope binder itself; mirror the official
+		* settings-plugins inject list.
+		*/
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote",
+			"settingsScope"
+		];
 		/**
 		* Mount the settings card and the skill hub section.
 		* @param ctx - client root context (slots, locale).
@@ -4486,11 +4625,10 @@ window.__ModuleLoader__.load({
 			}), "dsh-skill-hub: dictionaries");
 			const t = ctx.locale.bind(NS);
 			const api = new SkillHubApi();
-			const settingsCard = new SkillHubSettingsCardController(new ApiConfigScope(api));
+			const settingsCard = new SkillHubSettingsCardController(ctx.settingsScope.bind({ namespace: NS }));
 			ctx.effect(() => ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
 				name: "settings.plugin.item",
-				id: "dsh-skill-hub",
-				order: 115,
+				key: NS,
 				locale: NS,
 				inject: () => settingsCard.inject()
 			}, SkillHubSettingsCard)), "dsh-skill-hub: settings card");