@dungsil/dsh-plugin-ui-setting-skills 0.0.0-stage → 0.2.0

package/cordis.patch.yml

@@ -0,0 +1,3 @@
+- insert:
+    - id: dungsil-ui-setting-skills
+      name: '@dungsil/dsh-plugin-ui-setting-skills'

package/dist/client.js

@@ -0,0 +1,272 @@
+window.__ModuleLoader__.load({ id: "@dungsil/dsh-plugin-ui-setting-skills", factory(require) { const module = { exports: {} }; const 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");
+// locale/en.json
+var en_default = {
+	meta: {
+		"title": "Skills Settings",
+		"description": "View loaded user skills in settings."
+	},
+	ui: {
+		"nav": "Skills",
+		"description": "This setting applies only to DSH.",
+		"agents": "Shared skills",
+		"dsh": "DSH skills",
+		"loading": "Loading skills…",
+		"empty": "No loaded skills from this source.",
+		"error": "Could not load skills. Close and reopen this settings section to try again.",
+		"incomplete": "Some skill sources could not be loaded. This list may be incomplete.",
+		"use": "Use",
+		"disabled": "Off",
+		"saveError": "Could not save the setting. Close and reopen this section to check the saved state before trying again."
+	}
+};
+// locale/ko.json
+var ko_default = {
+	meta: {
+		"title": "스킬 설정",
+		"description": "설정 화면에서 로드된 사용자 스킬을 확인합니다."
+	},
+	ui: {
+		"nav": "스킬",
+		"description": "이 설정은 DSH에만 적용됩니다.",
+		"agents": "공용 스킬",
+		"dsh": "DSH 스킬",
+		"loading": "스킬을 불러오는 중입니다…",
+		"empty": "이 경로에서 로드된 스킬이 없습니다.",
+		"error": "스킬을 불러오지 못했습니다. 이 설정 항목을 닫았다가 다시 열어 주세요.",
+		"incomplete": "일부 스킬 소스를 불러오지 못해 목록이 완전하지 않을 수 있습니다.",
+		"use": "사용",
+		"disabled": "꺼짐",
+		"saveError": "설정을 저장하지 못했습니다. 이 설정 항목을 닫았다가 다시 열어 저장 상태를 확인한 후 다시 시도해 주세요."
+	}
+};
+// locale/zh.json
+var zh_default = {
+	meta: {
+		"title": "技能设置",
+		"description": "在设置中查看已加载的用户技能。"
+	},
+	ui: {
+		"nav": "技能",
+		"description": "此设置仅适用于 DSH。",
+		"agents": "共享技能",
+		"dsh": "DSH 技能",
+		"loading": "正在加载技能…",
+		"empty": "未从此目录加载任何技能。",
+		"error": "无法加载技能。请关闭并重新打开此设置项后重试。",
+		"incomplete": "部分技能源无法加载，列表可能不完整。",
+		"use": "使用",
+		"disabled": "已关闭",
+		"saveError": "无法保存设置。请关闭并重新打开此设置项，确认已保存的状态后重试。"
+	}
+};
+// src/protocol.ts
+const channel = "/api";
+const method = "dungsil-ui-setting-skills/list";
+const saveMethod = "dungsil-ui-setting-skills/save";
+// src/client.tsx
+const name = "dungsil-ui-setting-skills";
+const inject = [
+	"connection",
+	"locale",
+	"slots"
+];
+const localizedCopy = (language) => (language.startsWith("ko") ? ko_default : language.startsWith("zh") ? zh_default : en_default).ui;
+const styles = `
+.dsh-skills-settings { container-type: inline-size; color: var(--dsw-alias-label-primary); font: 14px/22px var(--dsw-font-family, system-ui); }
+.dsh-skills-settings p { margin: 4px 0; }
+.dsh-skills-settings-tabs { margin: 20px 0 12px; }
+.dsh-skills-settings .dsh-skills-muted { color: var(--dsw-alias-label-secondary); }
+.dsh-skills-settings ul { list-style: none; margin: 0; padding: 0; }
+.dsh-skills-settings code { font-size: 12px; overflow-wrap: anywhere; }
+.dsh-skills-settings [role=alert] { color: var(--dsw-alias-state-error-primary, #b54424); }
+.dsh-skills-settings li { display: flex; align-items: flex-start; gap: 16px; border-bottom: .5px solid var(--dsw-alias-border-l2); }
+.dsh-skills-settings details { flex: 1; min-width: 0; }
+.dsh-skills-settings summary { display: flex; align-items: center; gap: 12px; padding: 16px 0; list-style: none; cursor: pointer; border-radius: var(--dsw-radius-md); }
+.dsh-skills-settings summary::-webkit-details-marker { display: none; }
+.dsh-skills-settings summary:hover { background: var(--dsw-alias-interactive-bg-hover); }
+.dsh-skills-settings summary:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary-new-colorprimary-new-color); outline-offset: 2px; }
+.dsh-skills-settings summary svg { flex: none; }
+.dsh-skills-settings details[open] summary svg { transform: rotate(90deg); }
+.dsh-skills-summary-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
+.dsh-skills-title { display: flex; align-items: baseline; gap: 12px; min-width: 0; }
+.dsh-skills-title strong { min-width: 0; overflow-wrap: anywhere; }
+.dsh-skills-title .dsh-skills-muted { flex: none; font-size: 12px; }
+.dsh-skills-preview { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dsh-skills-detail { padding: 0 0 16px 28px; overflow-wrap: anywhere; }
+.dsh-skills-toggle { flex: none; padding-top: 27px; }
+.dsh-skills-list-header { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: .5px solid var(--dsw-alias-border-l2); }
+`;
+function SkillsSettings({ ctx }) {
+	const locale = (0, react.useSyncExternalStore)((listener) => ctx.locale.subscribe(listener), () => ctx.locale.getSnapshot());
+	const text = localizedCopy(locale.active);
+	const id = (0, react.useId)();
+	const connection = ctx.get("connection");
+	const [view, setView] = (0, react.useState)();
+	const [error, setError] = (0, react.useState)(false);
+	const [saveError, setSaveError] = (0, react.useState)(false);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const pending = (0, react.useRef)(false);
+	const mounted = (0, react.useRef)(false);
+	const [source, setSource] = (0, react.useState)("user-agents");
+	const groups = ["user-agents", "user-dsh"].map((value) => ({
+		value,
+		label: value === "user-agents" ? text.agents : text.dsh,
+		skills: view?.skills.filter((skill) => skill.source === value) ?? []
+	}));
+	(0, react.useEffect)(() => {
+		const controller = new AbortController();
+		mounted.current = true;
+		setView(void 0);
+		setError(false);
+		(async () => {
+			try {
+				const result = await connection.rpc.call(channel, method, {}, controller.signal);
+				if (controller.signal.aborted) return;
+				if (!result.ok) throw new Error("Could not load skills");
+				setView(result.value);
+			} catch {
+				if (!controller.signal.aborted) setError(true);
+			}
+		})();
+		return () => {
+			mounted.current = false;
+			controller.abort();
+		};
+	}, [connection]);
+	async function save(name, disabled) {
+		if (pending.current) return;
+		pending.current = true;
+		setBusy(true);
+		setSaveError(false);
+		try {
+			const result = await connection.rpc.call(channel, saveMethod, {
+				name,
+				disabled
+			});
+			if (!result.ok) throw new Error("Could not save skills");
+			const value = result.value;
+			if (mounted.current) setView((current) => current && {
+				...current,
+				disabled: value.disabled
+			});
+		} catch {
+			if (mounted.current) setSaveError(true);
+		} finally {
+			pending.current = false;
+			if (mounted.current) setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: "dsh-skills-settings",
+		"aria-label": text.nav,
+		"aria-busy": !view && !error,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-skills-muted",
+				children: text.description
+			}),
+			!view && !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				children: text.loading
+			}),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				children: text.error
+			}),
+			saveError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				children: text.saveError
+			}),
+			view && !view.complete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				children: text.incomplete
+			}),
+			view && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedControl, {
+				id,
+				className: "dsh-skills-settings-tabs",
+				value: source,
+				options: groups.map((group) => ({
+					value: group.value,
+					label: `${group.label} ${group.skills.length}`
+				})),
+				onChange: setSource,
+				label: text.nav
+			}), groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				id: `${id}-${group.value}-panel`,
+				role: "tabpanel",
+				"aria-labelledby": `${id}-${group.value}`,
+				hidden: source !== group.value,
+				tabIndex: 0,
+				children: group.skills.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "dsh-skills-muted",
+					children: text.empty
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-skills-list-header dsh-skills-muted",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+						text.nav,
+						" ",
+						group.skills.length
+					] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text.use })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: group.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("summary", {
+					"aria-label": skill.name,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutlineRegular, {
+						size: 16,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "dsh-skills-summary-text",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dsh-skills-title",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: skill.name }), view.disabled.includes(skill.name) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-skills-muted",
+								children: text.disabled
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-skills-preview dsh-skills-muted",
+							"aria-hidden": "true",
+							children: skill.description
+						})]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-skills-detail",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: skill.description }), skill.path && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dsh-skills-muted",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: skill.path })
+					})]
+				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dsh-skills-toggle",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+						label: `${text.use}: ${skill.name}`,
+						checked: !view.disabled.includes(skill.name),
+						disabled: busy || saveError,
+						onChange: (enabled) => void save(skill.name, !enabled)
+					})
+				})] }, skill.path ?? skill.name)) })] })
+			}, group.value))] })
+		]
+	});
+}
+function apply(ctx) {
+	ctx.effect(() => {
+		const style = document.createElement("style");
+		style.textContent = styles;
+		document.head.append(style);
+		return () => style.remove();
+	}, "ui-setting-skills: styles");
+	ctx.slots.inject("settings.section", () => ctx.slots.register({
+		name: "settings.section",
+		id: name,
+		order: 16,
+		label: () => localizedCopy(ctx.locale.getSnapshot().active).nav,
+		inject: () => ({ ctx })
+	}, SkillsSettings));
+}
+exports.apply = apply;
+exports.inject = inject;
+exports.name = name;
+
+return module.exports; } });