dsh-skill-hub 0.2.1 → 0.2.4

package/lib/client.js

@@ -5,7 +5,6 @@ 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
@@ -318,7 +317,7 @@ window.__ModuleLoader__.load({
 			"panel.search": "搜索技能…",
 			"legend.model": "模型可调 — Agent 可自动调用",
 			"legend.user": "用户可调 — 仅显式点名时触发",
-			"legend.hint": "圆点标在技能名旁；无圆点表示该技能不可被调用。",
+			"legend.hint": "每个技能最多一个圆点；无圆点 = 不可被调用。",
 			"panel.enabled": "已启用",
 			"panel.disabled": "已禁用",
 			"panel.diagnostics": "发现诊断",
@@ -432,6 +431,7 @@ window.__ModuleLoader__.load({
 			"row.disable": "禁用",
 			"row.enable": "启用",
 			"row.delete": "移入回收站",
+			"row.open": "查看 {name} 详情（回车）",
 			"delete.confirmTitle": "移入回收站？",
 			"delete.confirmText": "确定把「{name}」移入回收站吗？可随时恢复。",
 			"delete.confirm": "移入回收站",
@@ -486,9 +486,9 @@ window.__ModuleLoader__.load({
 			"settings.announceToAgent": "向 Agent 公告",
 			"settings.announceToAgentHint": "在系统提示中加入本插件说明，用户提到技能管理时 Agent 知道如何协作。",
 			"settings.dotModelColor": "模型可调圆点颜色",
-			"settings.dotModelColorHint": "技能名旁蓝色圆点的颜色（#rrggbb）。",
+			"settings.dotModelColorHint": "技能行/聊天 / 菜单中「模型可调」蓝色圆点的颜色（#rrggbb）。",
 			"settings.dotUserColor": "用户可调圆点颜色",
-			"settings.dotUserColorHint": "技能名旁绿色圆点的颜色（#rrggbb）。",
+			"settings.dotUserColorHint": "技能行/聊天 / 菜单中「仅用户可调」绿色圆点的颜色（#rrggbb）。",
 			"settings.showUseCount": "显示调用次数",
 			"settings.showUseCountHint": "在技能名旁显示琥珀色调用次数。",
 			"settings.showUseTime": "显示最近调用时间",
@@ -525,7 +525,7 @@ window.__ModuleLoader__.load({
 			"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.",
+			"legend.hint": "At most one dot per skill; no dot = not invocable.",
 			"panel.enabled": "Enabled",
 			"panel.disabled": "Disabled",
 			"panel.diagnostics": "Discovery diagnostics",
@@ -639,6 +639,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",
@@ -693,9 +694,9 @@ window.__ModuleLoader__.load({
 			"settings.announceToAgent": "Announce to agent",
 			"settings.announceToAgentHint": "Adds a system-prompt section so agents know how to collaborate when users mention skill management.",
 			"settings.dotModelColor": "Model-invocable dot color",
-			"settings.dotModelColorHint": "Color of the blue dot beside skill names (#rrggbb).",
+			"settings.dotModelColorHint": "Color of the blue \"model-callable\" dot in the skill panel and the chat / menu (#rrggbb).",
 			"settings.dotUserColor": "User-invocable dot color",
-			"settings.dotUserColorHint": "Color of the green dot beside skill names (#rrggbb).",
+			"settings.dotUserColorHint": "Color of the green \"user-only\" dot in the skill panel and the chat / menu (#rrggbb).",
 			"settings.showUseCount": "Show invocation count",
 			"settings.showUseCountHint": "Show the amber invocation count beside each skill name.",
 			"settings.showUseTime": "Show last-used time",
@@ -767,6 +768,341 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#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";
+		/** 项目级技能来源（它们有 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) => {
+				if (isProjectSource(skill.source)) return false;
+				return (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/helpers.ts
+		/**
+		* Shared panel helpers: the active-dictionary pick (document-language
+		* based, family precedent) plus a small error-message extractor.
+		*/
+		/** Active dictionary, picked by the document language at call time. */
+		function dictionary() {
+			return (typeof document !== "undefined" ? document.documentElement.lang : "zh").toLowerCase().startsWith("en") ? { ...en } : { ...zh };
+		}
+		/** Translate a key with optional {name} template params (current language). */
+		function tt(key, values) {
+			return t(dictionary(), key, values);
+		}
+		/** Human-readable error text from an unknown thrown value. */
+		function errorMessage(error) {
+			if (error instanceof Error) return error.message;
+			return String(error);
+		}
+		//#endregion
+		//#region src/client/panel/format.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";
+		/** 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 src/client/slash-dots.tsx
+		/** The core plugin's skill source identity on the '/' trigger. */
+		const SKILL_SOURCE = {
+			trigger: "/",
+			name: "skill"
+		};
+		/** How long one catalog-derived modelInvocable map stays hot before refresh. */
+		const MODEL_TTL_MS = 6e4;
+		/**
+		* Find the core `/skill` source through the runtime registry, or undefined.
+		* The lookup never throws: a missing/reshaped registry just means no dots. Exported
+		* for unit tests; the apply path only calls it indirectly through setupSkillSlashDots.
+		* @param service - the ctx.inputTriggers service face.
+		* @returns the registered skill source, or undefined.
+		*/
+		function findSkillSource(service) {
+			const live = service.live;
+			if (live?.sources === void 0) return void 0;
+			return live.sources.find((source) => source.trigger === SKILL_SOURCE.trigger && source.name === SKILL_SOURCE.name);
+		}
+		/** One catalog-derived name → modelInvocable snapshot with a load timestamp. */
+		let modelCache;
+		/**
+		* Clear the modelInvocable cache. Called on connection/reset so a fresh
+		* catalog wins after reconnect; exported for deterministic unit tests.
+		*/
+		function resetModelCache() {
+			modelCache = void 0;
+		}
+		/**
+		* Resolve name → modelInvocable from the hub's catalog, cached for
+		* MODEL_TTL_MS. A failed load caches the failure briefly so a downed route
+		* doesn't hammer the host on every keystroke; the returned map is empty then
+		* (callers fall back to the model dot for unknown names).
+		* @param api - the hub browser API.
+		* @returns name → whether the model may call the skill.
+		*/
+		async function modelInvocableMap(api) {
+			const now = Date.now();
+			const cached = modelCache;
+			if (cached !== void 0 && now - cached.at < MODEL_TTL_MS) return "failed" in cached ? /* @__PURE__ */ new Map() : cached.map;
+			try {
+				const catalog = await api.catalog();
+				const map = new Map(catalog.skills.map((skill) => [skill.name, skill.invocation.modelInvocable]));
+				modelCache = {
+					at: now,
+					map
+				};
+				return map;
+			} catch (error) {
+				console.error("[dsh-skill-hub] slash dot color lookup failed:", error);
+				modelCache = {
+					at: now,
+					failed: true
+				};
+				return /* @__PURE__ */ new Map();
+			}
+		}
+		/**
+		* One menu-row dot element. Inline span so it needs no CSS module; the
+		* candidate menu centers it inside its 16×16 leading icon slot.
+		* @param color - the dot's background color.
+		* @returns a React node (memory-only, never crosses the Host boundary).
+		*/
+		function dotIcon(color) {
+			return (0, react.createElement)("span", {
+				"aria-hidden": true,
+				style: {
+					display: "inline-block",
+					width: 6,
+					height: 6,
+					borderRadius: 3,
+					background: color,
+					flex: "none"
+				}
+			});
+		}
+		/**
+		* Wrap the core skill source so every menu row carries the invocation dot.
+		* Exported for unit tests; production wiring goes through setupSkillSlashDots.
+		* @param source - the registered `/skill` source.
+		* @param api - hub browser API for the modelInvocable lookup.
+		* @param scope - hub settings scope for the dot colors.
+		* @returns a disposer restoring the original candidates.
+		*/
+		function wrapSkillSource(source, api, scope) {
+			const original = source.candidates;
+			source.candidates = async (session, req) => {
+				const items = await original(session, req);
+				if (req.signal.aborted) return items;
+				const modelByName = await modelInvocableMap(api);
+				if (req.signal.aborted) return items;
+				const snapshot = scope.getSnapshot();
+				const modelColor = snapshot.value?.dotModelColor ?? "#2f81f7";
+				const userColor = snapshot.value?.dotUserColor ?? "#3fb950";
+				return items.map((item) => ({
+					...item,
+					icon: dotIcon(modelByName.get(item.name) ?? true ? modelColor : userColor)
+				}));
+			};
+			return () => {
+				source.candidates = original;
+			};
+		}
+		/**
+		* Mount the slash-menu dots on the registered `/skill` source. Idempotent and
+		* defensive: if the core source isn't registered yet (or the registry shape
+		* changes), it retries briefly and then gives up silently — the chat keeps
+		* working, it simply shows no dots. The returned disposer restores the
+		* original candidates and clears the model cache.
+		* @param ctx - the client root context (inputTriggers + events).
+		* @param api - hub browser API.
+		* @param scope - hub settings scope for dot colors.
+		* @returns a cleanup function for `ctx.effect`.
+		*/
+		function setupSkillSlashDots(ctx, api, scope) {
+			const inputTriggers = ctx.get("inputTriggers");
+			if (inputTriggers === void 0) return () => {};
+			let disposed = false;
+			let restore;
+			let attempts = 0;
+			const attempt = () => {
+				if (disposed) return;
+				const source = findSkillSource(inputTriggers);
+				if (source === void 0) {
+					if (attempts < 10) {
+						attempts += 1;
+						setTimeout(attempt, 100);
+					}
+					return;
+				}
+				restore = wrapSkillSource(source, api, scope);
+			};
+			attempt();
+			const clearCache = () => {
+				resetModelCache();
+			};
+			const offReset = ctx.on("connection/reset", clearCache);
+			return () => {
+				disposed = true;
+				offReset();
+				restore?.();
+				restore = void 0;
+			};
+		}
+		//#endregion
+		//#region src/client/icons.tsx
+		/** ic_ds_chevron_down_outline_14 */
+		function IconChevronDownOutline14({ size = 14, className }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				width: size,
+				height: size,
+				className,
+				viewBox: "0 0 14 14",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z",
+					fill: "currentColor"
+				})
+			});
+		}
+		/** ic_ds_trash_outline_16 */
+		function IconTrashOutline16({ size = 16, className }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				width: size,
+				height: size,
+				className,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M14.4782 4.84067L14.2138 10.1152C14.1102 12.1872 14.067 13.0115 13.3866 13.9607C13.1044 14.3546 12.7498 14.6912 12.3424 14.9535C11.8239 15.2872 11.2415 15.4316 10.5585 15.4998C9.88727 15.5668 9.04946 15.5656 7.99998 15.5656C6.95051 15.5656 6.1127 15.5668 5.44142 15.4998C4.75851 15.4316 4.17602 15.2872 3.65753 14.9535C3.25012 14.6912 2.89559 14.3546 2.61332 13.9607C1.93296 13.0115 1.88979 12.1872 1.78619 10.1152L1.52179 4.84067L2.89006 4.77277L3.15343 10.0463C3.26221 12.2218 3.32452 12.6015 3.72646 13.1624C3.90825 13.4161 4.13686 13.6334 4.39927 13.8023C4.66204 13.9714 5.00263 14.0792 5.57825 14.1367C6.16562 14.1953 6.92298 14.1963 7.99998 14.1963C9.07699 14.1963 9.83434 14.1953 10.4217 14.1367C10.9973 14.0792 11.3379 13.9714 11.6007 13.8023C11.8631 13.6334 12.0917 13.4161 12.2735 13.1624C12.6755 12.6015 12.7378 12.2218 12.8465 10.0463L13.1099 4.77277L14.4782 4.84067ZM5.43011 6.22849H6.7994V11.3909H5.43011V6.22849ZM9.20056 6.22849H10.5699V11.3909H9.20056V6.22849ZM8.53597 0.434431C9.17976 0.434431 9.6522 0.426926 10.0966 0.571258C10.2357 0.616451 10.3717 0.672554 10.502 0.738948C10.9182 0.951107 11.2464 1.29099 11.7015 1.74612L12.4978 2.54136H15.3742V3.91169H0.625732V2.54136H3.50218L4.29845 1.74612C4.75358 1.29099 5.08174 0.951107 5.49801 0.738948C5.62831 0.672554 5.76425 0.616451 5.90334 0.571258C6.34776 0.426926 6.82021 0.434431 7.46399 0.434431H8.53597ZM7.46399 1.80476C6.73208 1.80476 6.51641 1.81187 6.32617 1.87369C6.25545 1.89667 6.18668 1.92533 6.12041 1.95907C5.96398 2.03878 5.82348 2.16253 5.44142 2.54136H10.5585C10.1765 2.16253 10.036 2.03878 9.87955 1.95907C9.81329 1.92533 9.74452 1.89667 9.6738 1.87369C9.48356 1.81187 9.26789 1.80476 8.53597 1.80476H7.46399Z",
+					fill: "currentColor"
+				})
+			});
+		}
+		/** ic_ds_skill_outline_16 */
+		function IconSkillOutline16({ size = 16, className }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: size,
+				height: size,
+				className,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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"
+				})]
+			});
+		}
+		//#endregion
 		//#region \0dsh-css:/Users/huanyi/Documents/personal/tools/dsh-skill-hub/src/client/settings-card.module.css.mjs
 		const css$1 = ".TqD_hG_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.TqD_hG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.TqD_hG_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.TqD_hG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.TqD_hG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.TqD_hG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.TqD_hG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.TqD_hG_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";
@@ -854,7 +1190,7 @@ window.__ModuleLoader__.load({
 						className: settings_card_module_css_default.pending,
 						children: props.t("settings.unsaved")
 					}) : null,
-					/* @__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 })
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(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", {
@@ -1214,12 +1550,6 @@ 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;
@@ -1376,141 +1706,8 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/helpers.ts
-		/**
-		* Shared panel helpers: the active-dictionary pick (document-language
-		* based, family precedent) plus a small error-message extractor.
-		*/
-		/** Active dictionary, picked by the document language at call time. */
-		function dictionary() {
-			return (typeof document !== "undefined" ? document.documentElement.lang : "zh").toLowerCase().startsWith("en") ? { ...en } : { ...zh };
-		}
-		/** Translate a key with optional {name} template params (current language). */
-		function tt(key, values) {
-			return t(dictionary(), key, values);
-		}
-		/** Human-readable error text from an unknown thrown value. */
-		function errorMessage(error) {
-			if (error instanceof Error) return error.message;
-			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";
-		/** 项目级技能来源（它们有 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) => {
-				if (isProjectSource(skill.source)) return false;
-				return (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{-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}._6VtqdG_workspaceBox{align-items:center;gap:6px;display:inline-flex}._6VtqdG_workspaceInput{width:200px;padding:6px 10px;font-size:12px}._6VtqdG_projectNest{margin-left:14px}";
+		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");
@@ -1706,19 +1903,15 @@ window.__ModuleLoader__.load({
 							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
-							]
+							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")
+							}) : 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", {
@@ -1985,11 +2178,33 @@ window.__ModuleLoader__.load({
 			const stat = hub.uses.get(skill.name);
 			const count = stat?.count ?? 0;
 			const lastUsed = stat?.lastUsed;
+			/** 单一状态圆点：模型可调 → 蓝；否则用户可调 → 绿。与聊天 / 菜单同规则。 */
+			const dot = skill.invocation.modelInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: panel_module_css_default.dot + " " + panel_module_css_default.dotModel,
+				style: dotStyle(hub.hubConfig?.dotModelColor),
+				title: tt("legend.model")
+			}) : skill.invocation.userInvocable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: panel_module_css_default.dot + " " + panel_module_css_default.dotUser,
+				style: dotStyle(hub.hubConfig?.dotUserColor),
+				title: tt("legend.user")
+			}) : null;
+			/** 键盘打开详情：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", {
@@ -2003,16 +2218,7 @@ window.__ModuleLoader__.load({
 								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,
+							dot,
 							lastUsed !== void 0 && hub.hubConfig?.showUseTime !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: panel_module_css_default.useTime,
 								children: relativeTimeText(lastUsed)
@@ -2032,7 +2238,7 @@ window.__ModuleLoader__.load({
 						event.stopPropagation();
 						hub.requestDeleteSkill(skill.name);
 					},
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 14 })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconTrashOutline16, { size: 14 })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
 					role: "switch",
@@ -2159,7 +2365,7 @@ window.__ModuleLoader__.load({
 					const projCollapsed = collapsedGroups.has(projKey);
 					const subdivided = subdividedProjects.has(key);
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: panel_module_css_default.section + " " + panel_module_css_default.projectNest,
+						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", {
@@ -2201,7 +2407,7 @@ window.__ModuleLoader__.load({
 								const srcKey = projKey + ":" + source;
 								const srcCollapsed = collapsedGroups.has(srcKey);
 								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: panel_module_css_default.section + " " + panel_module_css_default.projectNest,
+									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", {
@@ -4100,7 +4306,7 @@ window.__ModuleLoader__.load({
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
 								className: panel_module_css_default.title,
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSkillOutline16, {
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSkillOutline16, {
 										size: 16,
 										className: panel_module_css_default.titleIcon
 									}),
@@ -4598,7 +4804,8 @@ window.__ModuleLoader__.load({
 			"locale",
 			"connection",
 			"remote",
-			"settingsScope"
+			"settingsScope",
+			"inputTriggers"
 		];
 		/**
 		* Mount the settings card and the skill hub section.
@@ -4612,6 +4819,7 @@ window.__ModuleLoader__.load({
 			const t = ctx.locale.bind(NS);
 			const api = new SkillHubApi();
 			const settingsCard = new SkillHubSettingsCardController(ctx.settingsScope.bind({ namespace: NS }));
+			ctx.effect(() => setupSkillSlashDots(ctx, api, ctx.settingsScope.bind({ namespace: NS })), "dsh-skill-hub: slash dots");
 			ctx.effect(() => ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
 				name: "settings.plugin.item",
 				key: NS,