@dungsil/dsh-plugin-ui-setting-skills 0.0.0-stage → 0.1.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,206 @@
+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": "Skills loaded from your shared agent and DSH skill directories. Same-name skills are listed separately for each source.",
+		"agents": "Shared agent 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."
+	}
+};
+// locale/ko.json
+var ko_default = {
+	meta: {
+		"title": "스킬 설정",
+		"description": "설정 화면에서 로드된 사용자 스킬을 확인합니다."
+	},
+	ui: {
+		"nav": "스킬",
+		"description": "공용 에이전트 및 DSH 스킬 경로에서 불러온 스킬을 표시합니다. 이름이 같은 스킬도 출처별로 각각 표시합니다.",
+		"agents": "공용 에이전트 스킬",
+		"dsh": "DSH 스킬",
+		"loading": "스킬을 불러오는 중입니다…",
+		"empty": "이 경로에서 로드된 스킬이 없습니다.",
+		"error": "스킬을 불러오지 못했습니다. 이 설정 항목을 닫았다가 다시 열어 주세요.",
+		"incomplete": "일부 스킬 소스를 불러오지 못해 목록이 완전하지 않을 수 있습니다."
+	}
+};
+// locale/zh.json
+var zh_default = {
+	meta: {
+		"title": "技能设置",
+		"description": "在设置中查看已加载的用户技能。"
+	},
+	ui: {
+		"nav": "技能",
+		"description": "显示从共享代理和 DSH 技能目录加载的技能。同名技能按来源分别列出。",
+		"agents": "共享代理技能",
+		"dsh": "DSH 技能",
+		"loading": "正在加载技能…",
+		"empty": "未从此目录加载任何技能。",
+		"error": "无法加载技能。请关闭并重新打开此设置项后重试。",
+		"incomplete": "部分技能源无法加载，列表可能不完整。"
+	}
+};
+// src/protocol.ts
+const channel = "/api";
+const method = "dungsil-ui-setting-skills/list";
+// 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 details { border-bottom: .5px solid var(--dsw-alias-border-l2); }
+.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; align-items: baseline; gap: 16px; min-width: 0; flex: 1; }
+.dsh-skills-summary-text strong { max-width: 50%; overflow-wrap: anywhere; }
+.dsh-skills-preview { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dsh-skills-settings details[open] .dsh-skills-preview { display: none; }
+.dsh-skills-settings details[open] .dsh-skills-summary-text strong { max-width: 100%; }
+.dsh-skills-detail { padding: 0 0 16px 28px; overflow-wrap: anywhere; }
+@container (max-width: 480px) {
+  .dsh-skills-summary-text { align-items: stretch; flex-direction: column; gap: 2px; }
+  .dsh-skills-summary-text strong { max-width: 100%; }
+}
+`;
+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 [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();
+		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 () => controller.abort();
+	}, [connection]);
+	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
+			}),
+			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.jsx)("ul", { children: group.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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.jsx)("strong", { children: skill.name }), /* @__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 })
+					})]
+				})] }) }, 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; } });

package/dist/index.js

@@ -0,0 +1,71 @@
+import { clientRequestSchema } from "@deepseek-ai/dsh-client-connection";
+import { FileSystemSkillProvider } from "@deepseek-ai/dsh-skill-filesystem";
+// src/protocol.ts
+const channel = "/api";
+const method = "dungsil-ui-setting-skills/list";
+// src/index.ts
+const name = "dungsil-ui-setting-skills";
+const inject = ["connection"];
+function apply(ctx) {
+	const lifetime = new AbortController();
+	const provider = new FileSystemSkillProvider(ctx, {
+		signal: lifetime.signal,
+		invalidate() {}
+	}, { watch: false });
+	ctx.effect(() => async () => {
+		lifetime.abort();
+		await provider.dispose();
+	}, "ui-setting-skills: dispose discovery");
+	ctx.effect(() => ctx.connection.fetch.register({
+		path: `${channel}/${method}`,
+		methods: ["POST"],
+		requestBody: "buffered",
+		async fetch(request) {
+			let body;
+			try {
+				body = clientRequestSchema.safeParse(await request.json());
+			} catch {
+				return new Response("Invalid request", { status: 400 });
+			}
+			if (!body.success || body.data.method !== "dungsil-ui-setting-skills/list") return new Response("Invalid request", { status: 400 });
+			let result;
+			try {
+				const signal = AbortSignal.any([
+					request.signal,
+					lifetime.signal,
+					AbortSignal.timeout(15e3)
+				]);
+				const observation = await provider.list({ signal });
+				signal.throwIfAborted();
+				const skills = "candidates" in observation ? observation.candidates : observation;
+				result = {
+					ok: true,
+					value: {
+						complete: "candidates" in observation ? observation.complete : true,
+						skills: skills.flatMap((skill) => skill.source === "user-agents" || skill.source === "user-dsh" ? [{
+							name: skill.name,
+							description: skill.description,
+							source: skill.source === "user-agents" ? "user-agents" : "user-dsh",
+							path: skill.path
+						}] : [])
+					}
+				};
+			} catch {
+				result = {
+					ok: false,
+					error: {
+						code: "load_failed",
+						message: "Could not load skills.",
+						details: {}
+					}
+				};
+			}
+			return Response.json({
+				type: "server-response",
+				rpcId: body.data.rpcId,
+				result
+			}, { headers: { "Cache-Control": "no-store" } });
+		}
+	}), "ui-setting-skills: owner-only list");
+}
+export { apply, inject, name };

package/locale/en.json

@@ -0,0 +1,16 @@
+{
+  "meta": {
+    "title": "Skills Settings",
+    "description": "View loaded user skills in settings."
+  },
+  "ui": {
+    "nav": "Skills",
+    "description": "Skills loaded from your shared agent and DSH skill directories. Same-name skills are listed separately for each source.",
+    "agents": "Shared agent 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."
+  }
+}

package/locale/ko.json

@@ -0,0 +1,16 @@
+{
+  "meta": {
+    "title": "스킬 설정",
+    "description": "설정 화면에서 로드된 사용자 스킬을 확인합니다."
+  },
+  "ui": {
+    "nav": "스킬",
+    "description": "공용 에이전트 및 DSH 스킬 경로에서 불러온 스킬을 표시합니다. 이름이 같은 스킬도 출처별로 각각 표시합니다.",
+    "agents": "공용 에이전트 스킬",
+    "dsh": "DSH 스킬",
+    "loading": "스킬을 불러오는 중입니다…",
+    "empty": "이 경로에서 로드된 스킬이 없습니다.",
+    "error": "스킬을 불러오지 못했습니다. 이 설정 항목을 닫았다가 다시 열어 주세요.",
+    "incomplete": "일부 스킬 소스를 불러오지 못해 목록이 완전하지 않을 수 있습니다."
+  }
+}

package/locale/zh.json

@@ -0,0 +1,16 @@
+{
+  "meta": {
+    "title": "技能设置",
+    "description": "在设置中查看已加载的用户技能。"
+  },
+  "ui": {
+    "nav": "技能",
+    "description": "显示从共享代理和 DSH 技能目录加载的技能。同名技能按来源分别列出。",
+    "agents": "共享代理技能",
+    "dsh": "DSH 技能",
+    "loading": "正在加载技能…",
+    "empty": "未从此目录加载任何技能。",
+    "error": "无法加载技能。请关闭并重新打开此设置项后重试。",
+    "incomplete": "部分技能源无法加载，列表可能不完整。"
+  }
+}

package/package.json

@@ -1,6 +1,91 @@
 {
   "name": "@dungsil/dsh-plugin-ui-setting-skills",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "View loaded user skills in DeepSeek Harness settings.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dungsil/dsh-plugins.git",
+    "directory": "packages/ui-setting-skills"
+  },
+  "files": [
+    "dist",
+    "locale",
+    "cordis.patch.yml"
+  ],
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js",
+    "./client": "./dist/client.js",
+    "./package.json": "./package.json",
+    "./locale/*.json": "./locale/*.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@deepseek-ai/cordis": "4.0.5",
+    "@deepseek-ai/dsh-client-connection": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-locale": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-primitives": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-renderer": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-settings": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-credentials-local": "0.2.1-rc.5",
+    "@deepseek-ai/dsh-skill-filesystem": "0.2.1-rc.5",
+    "@dungsil/dsh-tsconfig": "0.0.0",
+    "@dungsil/dsh-tsdown": "0.0.0",
+    "@types/react": "18.3.31",
+    "react": "18.3.1",
+    "tsdown": "0.23.4"
+  },
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "^4.0.5",
+    "@deepseek-ai/dsh-client-connection": "^0.2.1-rc.5",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.2.1-rc.5",
+    "@deepseek-ai/dsh-skill-filesystem": "^0.2.1-rc.5"
+  },
+  "engines": {
+    "dsh": "^0.2.1-rc.5",
+    "node": ">=24.9.0"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "platform": "web",
+      "immediately": true,
+      "inject": [
+        "@deepseek-ai/dsh-client-connection",
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-renderer",
+        "@deepseek-ai/dsh-client-ui-settings"
+      ]
+    }
+  },
+  "market": {
+    "order": 7.2,
+    "title": {
+      "en": "Skills Settings",
+      "ko": "스킬 설정",
+      "zh": "技能设置"
+    },
+    "description": {
+      "en": "View loaded skills from your shared agent and DSH skill directories in settings.",
+      "ko": "설정 화면에서 공용 에이전트 및 DSH 스킬 경로에 로드된 스킬을 확인합니다.",
+      "zh": "在设置中查看从共享代理和 DSH 技能目录加载的技能。"
+    },
+    "category": "ui",
+    "labels": [],
+    "keywords": [
+      "skills",
+      "settings",
+      "ui"
+    ]
+  },
+  "scripts": {
+    "build": "tsdown",
+    "typecheck": "tsc --noEmit",
+    "test": "node --test test/*.test.mjs"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.