@sparkelf/dsh-client-ui-skill-center 0.2.0-rc.9

package/lib/client.js

@@ -0,0 +1,613 @@
+window.__ModuleLoader__.load({
+	id: "@sparkelf/dsh-client-ui-skill-center",
+	factory: (require) => {
+		var module = { exports: {} };
+		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");
+		//#region \0dsh-css:/root/projects/deepseek-harness-plus/packages/plus/ui-skill-center/src/client/SkillCenterPage.module.css.mjs
+		const css = ".DGiSta_page{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);flex-direction:column;align-items:center;gap:32px;padding:28px clamp(24px,4vw,48px) 48px;display:flex;overflow:auto}.DGiSta_page>*{width:100%;max-width:900px}.DGiSta_pageHead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.DGiSta_pageTitle{margin:0;font-size:20px;font-weight:500;line-height:28px}.DGiSta_pageIntro{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:13px;line-height:20px}.DGiSta_toolbar{justify-content:flex-end;align-items:center;gap:8px;display:flex}.DGiSta_button{border:.5px solid var(--dsw-alias-border-l3);height:32px;color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:13px}.DGiSta_button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.DGiSta_button:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.DGiSta_primaryButton{background:var(--dsw-alias-brand-primary);height:32px;color:var(--dsw-alias-label-primary);cursor:pointer;border:none;border-radius:8px;padding:0 14px;font-size:13px}.DGiSta_search{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);width:100%;height:36px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:10px;padding:0 12px;font-size:13px}.DGiSta_search::placeholder{color:var(--dsw-alias-label-tertiary)}.DGiSta_group{margin-top:32px}.DGiSta_groupTitle{align-items:baseline;gap:8px;margin:0 0 4px;font-size:15px;font-weight:500;line-height:22px;display:flex}.DGiSta_groupCount{color:var(--dsw-alias-label-tertiary);font-size:13px;font-weight:400}.DGiSta_groupHint{color:var(--dsw-alias-label-caption);font-size:12px;font-weight:400}.DGiSta_cards{margin:0;padding:0;list-style:none}.DGiSta_card{border-radius:12px;min-width:0;margin:0 -8px}.DGiSta_card:hover{background:var(--dsw-alias-interactive-bg-hover)}.DGiSta_cardHead{align-items:center;gap:14px;padding:8px;display:flex}.DGiSta_cardIcon{border:.5px solid var(--dsw-alias-border-l3);width:48px;height:48px;color:var(--dsw-alias-label-secondary);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.DGiSta_cardMain{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.DGiSta_cardTitle{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.DGiSta_cardDesc{color:var(--dsw-alias-label-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}.DGiSta_cardWhenToUse{color:var(--dsw-alias-label-caption);font-size:12px;line-height:18px}.DGiSta_cardMarks{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.DGiSta_mark{border:.5px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-tertiary);border-radius:4px;padding:1px 6px;font-size:11px;line-height:16px}.DGiSta_markOn{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.DGiSta_markOff{border-color:var(--dsw-alias-border-l4);color:var(--dsw-alias-label-caption)}.DGiSta_markDanger{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}.DGiSta_cardEnd{flex:none;align-items:center;gap:8px;display:flex}.DGiSta_switch{background:var(--dsw-alias-border-l3);cursor:pointer;border:none;border-radius:10px;width:36px;height:20px;transition:background .12s;position:relative}.DGiSta_switch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.DGiSta_switchOn{background:var(--dsw-alias-state-success-primary)}.DGiSta_switch:after{content:\"\";background:var(--dsw-alias-bg-layer-1);border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px}.DGiSta_switchOn:after{transform:translate(16px)}.DGiSta_form{border:.5px solid var(--dsw-alias-border-l3);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.DGiSta_field{flex-direction:column;gap:4px;display:flex}.DGiSta_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}.DGiSta_input{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);height:32px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:8px;padding:0 10px;font-size:13px}.DGiSta_textarea{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);min-height:80px;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-markdown-code-block-small);resize:vertical;background:0 0;border-radius:8px;padding:8px 10px;font-size:12px}.DGiSta_formActions{justify-content:flex-end;gap:8px;display:flex}.DGiSta_status{text-align:center;color:var(--dsw-alias-label-tertiary);padding:32px 0;font-size:13px}.DGiSta_statusError{color:var(--dsw-alias-state-error-primary)}";
+		const tagId = "@sparkelf/dsh-client-ui-skill-center/SkillCenterPage.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-client-ui-skill-center";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var SkillCenterPage_module_css_default = {
+			"button": "DGiSta_button",
+			"card": "DGiSta_card",
+			"cardDesc": "DGiSta_cardDesc",
+			"cardEnd": "DGiSta_cardEnd",
+			"cardHead": "DGiSta_cardHead",
+			"cardIcon": "DGiSta_cardIcon",
+			"cardMain": "DGiSta_cardMain",
+			"cardMarks": "DGiSta_cardMarks",
+			"cardTitle": "DGiSta_cardTitle",
+			"cardWhenToUse": "DGiSta_cardWhenToUse",
+			"cards": "DGiSta_cards",
+			"field": "DGiSta_field",
+			"fieldLabel": "DGiSta_fieldLabel",
+			"form": "DGiSta_form",
+			"formActions": "DGiSta_formActions",
+			"group": "DGiSta_group",
+			"groupCount": "DGiSta_groupCount",
+			"groupHint": "DGiSta_groupHint",
+			"groupTitle": "DGiSta_groupTitle",
+			"input": "DGiSta_input",
+			"mark": "DGiSta_mark",
+			"markDanger": "DGiSta_markDanger",
+			"markOff": "DGiSta_markOff",
+			"markOn": "DGiSta_markOn",
+			"page": "DGiSta_page",
+			"pageHead": "DGiSta_pageHead",
+			"pageIntro": "DGiSta_pageIntro",
+			"pageTitle": "DGiSta_pageTitle",
+			"primaryButton": "DGiSta_primaryButton",
+			"search": "DGiSta_search",
+			"status": "DGiSta_status",
+			"statusError": "DGiSta_statusError",
+			"switch": "DGiSta_switch",
+			"switchOn": "DGiSta_switchOn",
+			"textarea": "DGiSta_textarea",
+			"toolbar": "DGiSta_toolbar"
+		};
+		//#endregion
+		//#region src/client/api.ts
+		/**
+		* Skill center API client. Talks to the host route family over same-origin
+		* fetch; the host owns the trust fence.
+		*
+		* @module @sparkelf/dsh-client-ui-skill-center/client/api
+		*/
+		/** Route paths, mirrored from the host (`src/index.ts` ROUTES). */
+		const API = {
+			list: "/api/dsh-skill-center/list",
+			setEnabled: "/api/dsh-skill-center/set-enabled",
+			create: "/api/dsh-skill-center/create",
+			remove: "/api/dsh-skill-center/delete"
+		};
+		/** One thrown API error carrying the host's message. */
+		var ApiError = class extends Error {};
+		/** Skill center API client. */
+		var SkillApi = class {
+			/** Fetch the grouped skill list. */
+			async list(cwd) {
+				const url = typeof cwd === "string" && cwd.trim() !== "" ? `${API.list}?cwd=${encodeURIComponent(cwd)}` : API.list;
+				return this.request(url);
+			}
+			/** Enable or disable a skill by rewriting its frontmatter flag. */
+			async setEnabled(name, path, enabled) {
+				return this.request(API.setEnabled, {
+					method: "POST",
+					body: {
+						name,
+						path,
+						enabled
+					}
+				});
+			}
+			/** Create a skill file under the user or project root. */
+			async create(payload) {
+				return this.request(API.create, {
+					method: "POST",
+					body: payload
+				});
+			}
+			/** Delete a skill by moving it into the recoverable trash. */
+			async remove(name, path) {
+				return this.request(API.remove, {
+					method: "POST",
+					body: {
+						name,
+						path
+					}
+				});
+			}
+			async request(path, options = {}) {
+				const init = { method: options.method ?? "GET" };
+				if (options.body !== void 0) {
+					init.headers = { "content-type": "application/json" };
+					init.body = JSON.stringify(options.body);
+				}
+				const response = await fetch(path, init);
+				let body;
+				try {
+					body = await response.json();
+				} catch {
+					body = void 0;
+				}
+				if (!response.ok) {
+					const reported = typeof body === "object" && body !== null && typeof body.error === "string" ? body.error : "";
+					throw new ApiError(reported === "" ? "HTTP " + String(response.status) : reported);
+				}
+				return body;
+			}
+		};
+		//#endregion
+		//#region src/client/SkillCenterPage.tsx
+		/**
+		* Skill center page. Browses the loaded skills grouped by source, toggles model
+		* invocation, creates a skill, and deletes one into a recoverable trash.
+		*
+		* The header, rows, and glyph frame follow the official plugin panel's layout so
+		* the page reads as one of the shell's own.
+		*
+		* @module @sparkelf/dsh-client-ui-skill-center/client/SkillCenterPage
+		*/
+		/**
+		* One labelled create-form field.
+		* @param props - the field's label and the control it wraps.
+		* @returns the labelled field.
+		*/
+		function DraftField({ label, children }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: SkillCenterPage_module_css_default.field,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: SkillCenterPage_module_css_default.fieldLabel,
+					children: label
+				}), children]
+			});
+		}
+		/**
+		* One skill row.
+		* @param props - the entry, its toggle, and its delete action.
+		* @returns the row.
+		*/
+		function SkillCard({ skill, t, onToggle, onDelete }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				className: SkillCenterPage_module_css_default.card,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SkillCenterPage_module_css_default.cardHead,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SkillCenterPage_module_css_default.cardIcon,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSkillOutline16, { size: 22 })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SkillCenterPage_module_css_default.cardMain,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: SkillCenterPage_module_css_default.cardTitle,
+									children: skill.name
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: SkillCenterPage_module_css_default.cardDesc,
+									children: skill.description
+								}),
+								skill.whenToUse === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: SkillCenterPage_module_css_default.cardWhenToUse,
+									children: skill.whenToUse
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: SkillCenterPage_module_css_default.cardMarks,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: skill.modelInvocable ? SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOn : SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOff,
+											children: t("skill.modelInvocable")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: skill.userInvocable ? SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOn : SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOff,
+											children: t("skill.userInvocable")
+										}),
+										skill.linked === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markDanger,
+											children: t("skill.linked")
+										}) : null
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SkillCenterPage_module_css_default.cardEnd,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: skill.modelInvocable ? SkillCenterPage_module_css_default.switch + " " + SkillCenterPage_module_css_default.switchOn : SkillCenterPage_module_css_default.switch,
+								"aria-label": skill.modelInvocable ? t("skill.disabled") : t("skill.enabled"),
+								"aria-pressed": skill.modelInvocable,
+								onClick: () => {
+									onToggle(skill, !skill.modelInvocable);
+								}
+							}), skill.path === void 0 || skill.linked === true ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: SkillCenterPage_module_css_default.button,
+								onClick: () => {
+									onDelete(skill);
+								},
+								children: t("action.delete")
+							})]
+						})
+					]
+				})
+			});
+		}
+		/**
+		* The skill center panel.
+		* @param props - the slot's runtime share, providing the dictionary resolver.
+		* @returns the rendered panel.
+		*/
+		function SkillCenterPage({ t }) {
+			const api = (0, react.useMemo)(() => new SkillApi(), []);
+			const [state, setState] = (0, react.useState)({ kind: "loading" });
+			const [query, setQuery] = (0, react.useState)("");
+			const [creating, setCreating] = (0, react.useState)(false);
+			const [draft, setDraft] = (0, react.useState)({
+				name: "",
+				description: "",
+				whenToUse: "",
+				content: "",
+				root: "user"
+			});
+			const load = (0, react.useCallback)(async () => {
+				try {
+					setState({
+						kind: "ready",
+						payload: await api.list()
+					});
+				} catch (error) {
+					setState({
+						kind: "failed",
+						message: error instanceof Error ? error.message : String(error)
+					});
+				}
+			}, [api]);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const groups = (0, react.useMemo)(() => {
+				if (state.kind !== "ready") return [];
+				const q = query.trim().toLowerCase();
+				if (q === "") return state.payload.groups;
+				return state.payload.groups.map((g) => ({
+					...g,
+					skills: g.skills.filter((s) => s.name.toLowerCase().includes(q) || s.description.toLowerCase().includes(q) || (s.whenToUse ?? "").toLowerCase().includes(q))
+				})).filter((g) => g.skills.length > 0);
+			}, [state, query]);
+			const toggle = (0, react.useCallback)(async (skill, enabled) => {
+				if (skill.path === void 0) return;
+				try {
+					await api.setEnabled(skill.name, skill.path, enabled);
+					await load();
+				} catch (error) {
+					setState({
+						kind: "failed",
+						message: error instanceof Error ? error.message : String(error)
+					});
+				}
+			}, [api, load]);
+			const remove = (0, react.useCallback)(async (skill) => {
+				if (skill.path === void 0) return;
+				if (!window.confirm(t("delete.confirm"))) return;
+				try {
+					await api.remove(skill.name, skill.path);
+					await load();
+				} catch (error) {
+					setState({
+						kind: "failed",
+						message: error instanceof Error ? error.message : String(error)
+					});
+				}
+			}, [
+				api,
+				load,
+				t
+			]);
+			/** Bind one draft key to a change handler. */
+			const set = (0, react.useCallback)((key) => (event) => {
+				const value = event.target.value;
+				setDraft((d) => ({
+					...d,
+					[key]: value
+				}));
+			}, []);
+			const submit = (0, react.useCallback)(async () => {
+				try {
+					await api.create({
+						root: draft.root,
+						name: draft.name,
+						description: draft.description,
+						...draft.whenToUse.trim() === "" ? {} : { whenToUse: draft.whenToUse },
+						...draft.content.trim() === "" ? {} : { content: draft.content }
+					});
+					setDraft({
+						name: "",
+						description: "",
+						whenToUse: "",
+						content: "",
+						root: "user"
+					});
+					setCreating(false);
+					await load();
+				} catch (error) {
+					setState({
+						kind: "failed",
+						message: error instanceof Error ? error.message : String(error)
+					});
+				}
+			}, [
+				api,
+				draft,
+				load
+			]);
+			const total = state.kind === "ready" ? state.payload.groups.reduce((n, g) => n + g.skills.length, 0) : 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: SkillCenterPage_module_css_default.page,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SkillCenterPage_module_css_default.pageHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+							className: SkillCenterPage_module_css_default.pageTitle,
+							children: t("panel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: SkillCenterPage_module_css_default.pageIntro,
+							children: t("panel.intro")
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SkillCenterPage_module_css_default.toolbar,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: SkillCenterPage_module_css_default.button,
+								onClick: () => {
+									load();
+								},
+								children: t("action.refresh")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: SkillCenterPage_module_css_default.primaryButton,
+								onClick: () => {
+									setCreating((v) => !v);
+								},
+								children: t("action.create")
+							})]
+						})]
+					}),
+					creating ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SkillCenterPage_module_css_default.form,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+								label: t("create.name"),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: SkillCenterPage_module_css_default.input,
+									value: draft.name,
+									onChange: set("name")
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+								label: t("create.description"),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: SkillCenterPage_module_css_default.input,
+									value: draft.description,
+									onChange: set("description")
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+								label: t("create.whenToUse"),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: SkillCenterPage_module_css_default.input,
+									value: draft.whenToUse,
+									onChange: set("whenToUse")
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+								label: t("create.content"),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+									className: SkillCenterPage_module_css_default.textarea,
+									value: draft.content,
+									onChange: set("content")
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+								label: t("create.root"),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: SkillCenterPage_module_css_default.input,
+									value: draft.root,
+									onChange: (e) => {
+										setDraft((d) => ({
+											...d,
+											root: e.target.value === "project" ? "project" : "user"
+										}));
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "user",
+										children: t("create.rootUser")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "project",
+										children: t("create.rootProject")
+									})]
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SkillCenterPage_module_css_default.formActions,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: SkillCenterPage_module_css_default.button,
+									onClick: () => {
+										setCreating(false);
+									},
+									children: t("action.cancel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: SkillCenterPage_module_css_default.primaryButton,
+									onClick: () => {
+										submit();
+									},
+									children: t("action.confirm")
+								})]
+							})
+						]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: SkillCenterPage_module_css_default.search,
+						placeholder: t("search.placeholder"),
+						value: query,
+						onChange: (e) => {
+							setQuery(e.target.value);
+						}
+					}),
+					state.kind === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: SkillCenterPage_module_css_default.status,
+						children: t("state.loading")
+					}) : null,
+					state.kind === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SkillCenterPage_module_css_default.status + " " + SkillCenterPage_module_css_default.statusError,
+						children: [
+							t("state.failed"),
+							": ",
+							state.message
+						]
+					}) : null,
+					state.kind === "ready" && groups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: SkillCenterPage_module_css_default.status,
+						children: query.trim() === "" ? t("state.empty") : t("search.noMatches")
+					}) : null,
+					state.kind === "ready" && groups.length > 0 && total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: SkillCenterPage_module_css_default.status,
+						children: t("state.empty")
+					}) : null,
+					groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SkillCenterPage_module_css_default.group,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+							className: SkillCenterPage_module_css_default.groupTitle,
+							children: [
+								group.title,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SkillCenterPage_module_css_default.groupCount,
+									children: group.skills.length
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SkillCenterPage_module_css_default.groupHint,
+									children: group.hint
+								})
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: SkillCenterPage_module_css_default.cards,
+							children: group.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillCard, {
+								skill,
+								t,
+								onToggle: (s, enabled) => {
+									toggle(s, enabled);
+								},
+								onDelete: (s) => {
+									remove(s);
+								}
+							}, group.key + ":" + skill.name))
+						})]
+					}, group.key))
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/SkillCenterPanelIcon.tsx
+		/**
+		* Render the glyph at the size the sidebar asks for.
+		* @param props - the sidebar's icon share: requested edge and selected state.
+		* @returns the icon element.
+		*/
+		function SkillCenterPanelIcon({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSkillOutline16, { size });
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/** Simplified Chinese dictionary. */
+		const zh = {
+			"panel": "技能中心",
+			"panel.intro": "浏览已加载的技能，启用或停用模型调用",
+			"search.placeholder": "搜索技能…",
+			"search.clear": "清除搜索",
+			"search.noMatches": "无匹配技能",
+			"action.refresh": "刷新",
+			"action.create": "新建技能",
+			"action.delete": "删除",
+			"action.cancel": "取消",
+			"action.confirm": "确定",
+			"state.loading": "正在加载技能…",
+			"state.empty": "该分组暂无技能",
+			"state.failed": "技能列表加载失败",
+			"skill.enabled": "已启用",
+			"skill.disabled": "已停用",
+			"skill.modelInvocable": "模型可调用",
+			"skill.userInvocable": "用户可调用",
+			"skill.linked": "符号链接（不可删除）",
+			"create.title": "新建技能",
+			"create.name": "名称（小写连字符）",
+			"create.description": "描述",
+			"create.whenToUse": "何时使用（可选）",
+			"create.content": "正文（可选）",
+			"create.root": "位置",
+			"create.rootUser": "用户级",
+			"create.rootProject": "项目级",
+			"delete.confirm": "删除后可从 .trash 恢复。确定删除？"
+		};
+		/** English dictionary. */
+		const en = {
+			"panel": "Skill Center",
+			"panel.intro": "Browse loaded skills and control model invocation",
+			"search.placeholder": "Search skills…",
+			"search.clear": "Clear search",
+			"search.noMatches": "No matching skills",
+			"action.refresh": "Refresh",
+			"action.create": "New skill",
+			"action.delete": "Delete",
+			"action.cancel": "Cancel",
+			"action.confirm": "Confirm",
+			"state.loading": "Loading skills…",
+			"state.empty": "No skills in this group",
+			"state.failed": "Could not load the skill list",
+			"skill.enabled": "Enabled",
+			"skill.disabled": "Disabled",
+			"skill.modelInvocable": "Model invocable",
+			"skill.userInvocable": "User invocable",
+			"skill.linked": "Symlink (cannot delete)",
+			"create.title": "New skill",
+			"create.name": "Name (lowercase kebab-case)",
+			"create.description": "Description",
+			"create.whenToUse": "When to use (optional)",
+			"create.content": "Body (optional)",
+			"create.root": "Location",
+			"create.rootUser": "User",
+			"create.rootProject": "Project",
+			"delete.confirm": "Deleting moves it into .trash, where it can be restored. Delete?"
+		};
+		//#endregion
+		//#region src/client/index.ts
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "skillCenter";
+		/** The id shared by the sidebar entry and the main panel it opens. */
+		const PANEL_ID = "skill-center";
+		/** Services required by the sidebar and page registrations. */
+		const inject = ["slots", "locale"];
+		/**
+		* Contribute the Skill Center entry and the page it opens.
+		* @param ctx - the browser plugin context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-skill-center: dictionaries");
+			const t = ctx.locale.bind(NS);
+			ctx.slots.inject("main", () => ctx.slots.register({
+				name: "main",
+				key: PANEL_ID,
+				locale: NS
+			}, SkillCenterPage));
+			ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+				name: "sidebar.panellist",
+				id: PANEL_ID,
+				order: 10,
+				label: () => t("panel"),
+				locale: NS
+			}, SkillCenterPanelIcon));
+		}
+		//#endregion
+		exports.NS = NS;
+		exports.PANEL_ID = PANEL_ID;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map