dsh-plugin-settings-custom 1.0.0

package/README.md

@@ -0,0 +1,3 @@
+# dsh-plugin-settings-custom
+
+设置页“自定义”页签（容器）。提供一个 .dsh-custom-host 容器，供 dsh-plugin-global-instructions / skill-manager / mcp-manager 三个插件的面板挂载。

package/cordis.patch.yml

@@ -0,0 +1,4 @@
+# dsh-plugin-settings-custom —— DSH bundle patch
+- insert:
+    - id: dsh-plugin-settings-custom
+      name: dsh-plugin-settings-custom

package/lib/client.js

@@ -0,0 +1,404 @@
+window.__ModuleLoader__.load({
+	id: "dsh-plugin-settings-custom",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		//#region locales
+		/** Simplified Chinese dictionary (key-set source of truth). */
+		const zh = {
+			"nav": "自定义",
+			"global.title": "全局指令（AGENTS.md）",
+			"global.description": "写入此文件的内容会自动注入到所有会话的系统提示中，新消息立即生效，支持 Markdown。",
+			"global.placeholder": "# 全局指令\n\n在这里写入对所有对话都生效的规则、偏好或背景信息…",
+			"global.save": "保存",
+			"global.saving": "保存中…",
+			"global.saved": "已保存 ✓",
+			"global.loadFailed": "读取失败：{msg}",
+			"global.saveFailed": "保存失败：{msg}",
+			"skills.title": "技能（Skills）",
+			"skills.description": "管理已安装的技能：启用、停用或删除。停用后模型将无法调用该技能。",
+			"skills.empty": "暂无已安装的技能",
+			"skills.enable": "启用",
+			"skills.disable": "停用",
+			"skills.delete": "删除",
+			"skills.deleting": "删除中…",
+			"skills.failed": "操作失败：{msg}",
+			"mcp.title": "MCP 服务器",
+			"mcp.description": "管理 MCP 服务器配置：启用、停用或删除。修改后需要重启生效。",
+			"mcp.empty": "暂未配置 MCP 服务器",
+			"mcp.enable": "启用",
+			"mcp.disable": "停用",
+			"mcp.delete": "删除",
+			"mcp.failed": "操作失败：{msg}"
+		};
+		/** English dictionary, checked complete against the zh key set. */
+		const en = {
+			"nav": "Custom",
+			"global.title": "Global instructions (AGENTS.md)",
+			"global.description": "Content written here is injected into every session's system prompt. New messages pick it up immediately. Markdown supported.",
+			"global.placeholder": "# Global instructions\n\nWrite rules, preferences, or background that apply to all conversations…",
+			"global.save": "Save",
+			"global.saving": "Saving…",
+			"global.saved": "Saved ✓",
+			"global.loadFailed": "Failed to load: {msg}",
+			"global.saveFailed": "Failed to save: {msg}",
+			"skills.title": "Skills",
+			"skills.description": "Manage installed skills: enable, disable, or delete. Disabled skills are unavailable to the model.",
+			"skills.empty": "No skills installed",
+			"skills.enable": "Enable",
+			"skills.disable": "Disable",
+			"skills.delete": "Delete",
+			"skills.deleting": "Deleting…",
+			"skills.failed": "Operation failed: {msg}",
+			"mcp.title": "MCP servers",
+			"mcp.description": "Manage MCP server configuration: enable, disable, or delete. Changes apply after a restart.",
+			"mcp.empty": "No MCP servers configured",
+			"mcp.enable": "Enable",
+			"mcp.disable": "Disable",
+			"mcp.delete": "Delete",
+			"mcp.failed": "Operation failed: {msg}"
+		};
+		const NS = "dsh-plugin-settings-custom";
+		//#endregion
+		//#region styles
+		const css = `
+.scc_card{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-specific-card-bg,var(--dsw-alias-surface-1));border-radius:12px;padding:16px;margin:0 0 16px}
+.scc_heading{font-size:14px;font-weight:600;line-height:20px;color:var(--dsw-alias-label-primary);margin:0 0 4px}
+.scc_desc{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);margin:0 0 12px}
+.scc_textarea{box-sizing:border-box;width:100%;min-height:240px;resize:vertical;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-input-bg,var(--dsw-alias-surface-2));color:var(--dsw-alias-label-primary);border-radius:8px;padding:10px 12px;font-size:13px;line-height:20px;font-family:var(--dsw-font-family-mono,Consolas,monospace);outline:none}
+.scc_textarea:focus{border-color:var(--dsw-alias-interactive-border-hover,var(--dsw-alias-label-tertiary))}
+.scc_footer{align-items:center;gap:10px;margin-top:10px;display:flex}
+.scc_status{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}
+.scc_status.scc_err{color:var(--dsw-alias-state-error-primary)}
+.scc_row{align-items:center;gap:10px;min-width:0;padding:8px 0;display:flex;flex-wrap:nowrap}
+.scc_row+.scc_row{box-shadow:inset 0 1px 0 var(--dsw-alias-border-l1)}
+.scc_rowName{min-width:0;flex:1 1 auto;font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
+.scc_rowMeta{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary);flex:none;margin-left:6px}
+.scc_rowActions{flex:none;align-items:center;gap:6px;display:flex;flex-wrap:nowrap}
+`;
+		const tagId = "@deepseek-ai/dsh-client-ui-settings-custom/styles";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-settings-custom";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region GlobalInstructionsSection
+		/**
+		* Edit `$DSH_HOME/AGENTS.md` in place. Saving writes through the host
+		* `settings.custom.globalInstructionsWrite` RPC; the agent-instructions
+		* plugin picks the file up on the next message (no restart needed).
+		*/
+		function GlobalInstructionsCard({ api, t }) {
+			const [content, setContent] = (0, react.useState)("");
+			const [loaded, setLoaded] = (0, react.useState)(false);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [status, setStatus] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				let stale = false;
+				api.settings.custom.globalInstructionsRead({}).then((resp) => {
+					if (stale) return;
+					if (resp.result.ok) {
+						setContent(resp.result.value.content);
+						setLoaded(true);
+					} else {
+						setError(t("global.loadFailed", { msg: resp.result.error.message }));
+					}
+				}).catch((e) => {
+					if (!stale) setError(t("global.loadFailed", { msg: e && e.message ? e.message : String(e) }));
+				});
+				return () => { stale = true; };
+			}, [api, t]);
+			const save = () => {
+				if (saving) return;
+				setSaving(true);
+				setError(null);
+				setStatus(null);
+				api.settings.custom.globalInstructionsWrite({ content }).then((resp) => {
+					setSaving(false);
+					if (resp.result.ok) setStatus(t("global.saved"));
+					else setError(t("global.saveFailed", { msg: resp.result.error.message }));
+				}).catch((e) => {
+					setSaving(false);
+					setError(t("global.saveFailed", { msg: e && e.message ? e.message : String(e) }));
+				});
+			};
+			return react_jsx_runtime.jsx("div", {
+				className: "scc_card",
+				children: [
+					react_jsx_runtime.jsx("h3", { className: "scc_heading", children: t("global.title") }),
+					react_jsx_runtime.jsx("p", { className: "scc_desc", children: t("global.description") }),
+					react_jsx_runtime.jsx("textarea", {
+						className: "scc_textarea",
+						value: content,
+						placeholder: t("global.placeholder"),
+						disabled: !loaded || saving,
+						spellCheck: false,
+						onChange: (e) => {
+							setContent(e.target.value);
+							setStatus(null);
+						}
+					}),
+					react_jsx_runtime.jsx("div", {
+						className: "scc_footer",
+						children: [
+							react_jsx_runtime.jsx(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "primary",
+								disabled: !loaded || saving,
+								onClick: save,
+								children: saving ? t("global.saving") : t("global.save")
+							}),
+							status !== null && react_jsx_runtime.jsx("span", { className: "scc_status", children: status }),
+							error !== null && react_jsx_runtime.jsx("span", { className: "scc_status scc_err", role: "alert", children: error })
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region SkillsCard
+		/** List installed skills with enable/disable/delete controls. */
+		function SkillsCard({ api, t }) {
+			const [skills, setSkills] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)(null);
+			const [busyName, setBusyName] = (0, react.useState)(null);
+			const load = (0, react.useCallback)(() => {
+				api.settings.custom.skillsList({}).then((resp) => {
+					if (resp.result.ok) {
+						setSkills(resp.result.value.skills);
+						setError(null);
+					} else {
+						setError(t("skills.failed", { msg: resp.result.error.message }));
+					}
+				}).catch((e) => {
+					setError(t("skills.failed", { msg: e && e.message ? e.message : String(e) }));
+				});
+			}, [api, t]);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const toggle = (skill) => {
+				setBusyName(skill.name);
+				setError(null);
+				api.settings.custom.skillsSetEnabled({ name: skill.name, enabled: !skill.enabled }).then((resp) => {
+					setBusyName(null);
+					if (resp.result.ok) load();
+					else setError(t("skills.failed", { msg: resp.result.error.message }));
+				}).catch((e) => {
+					setBusyName(null);
+					setError(t("skills.failed", { msg: e && e.message ? e.message : String(e) }));
+				});
+			};
+			const remove = (skill) => {
+				if (busyName !== null) return;
+				if (typeof window !== "undefined" && !window.confirm(`${t("skills.delete")}: ${skill.name}？`)) return;
+				setBusyName(skill.name);
+				setError(null);
+				api.settings.custom.skillsRemove({ name: skill.name }).then((resp) => {
+					setBusyName(null);
+					if (resp.result.ok) load();
+					else setError(t("skills.failed", { msg: resp.result.error.message }));
+				}).catch((e) => {
+					setBusyName(null);
+					setError(t("skills.failed", { msg: e && e.message ? e.message : String(e) }));
+				});
+			};
+			return react_jsx_runtime.jsx("div", {
+				className: "scc_card",
+				children: [
+					react_jsx_runtime.jsx("h3", { className: "scc_heading", children: t("skills.title") }),
+					react_jsx_runtime.jsx("p", { className: "scc_desc", children: t("skills.description") }),
+					error !== null && react_jsx_runtime.jsx("div", { className: "scc_status scc_err", role: "alert", children: error }),
+					skills === null ? null : skills.length === 0 ? react_jsx_runtime.jsx("p", { className: "scc_status", children: t("skills.empty") }) : skills.map((skill) => react_jsx_runtime.jsxs("div", {
+						className: "scc_row",
+						title: skill.description.length > 0 ? skill.description : void 0,
+						children: [
+							react_jsx_runtime.jsxs("div", {
+								className: "scc_rowName",
+								children: [skill.name, skill.enabled ? null : react_jsx_runtime.jsx("span", { className: "scc_rowMeta", children: " (已停用)" })]
+							}),
+							react_jsx_runtime.jsxs("div", {
+								className: "scc_rowActions",
+								children: [
+									react_jsx_runtime.jsx(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "outline",
+										disabled: busyName !== null,
+										onClick: () => toggle(skill),
+										children: skill.enabled ? t("skills.disable") : t("skills.enable")
+									}),
+									react_jsx_runtime.jsx(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "outline",
+										disabled: busyName !== null,
+										onClick: () => remove(skill),
+										children: busyName === skill.name ? t("skills.deleting") : t("skills.delete")
+									})
+								]
+							})
+						]
+					}, skill.name))
+				]
+			});
+		}
+		//#endregion
+		//#region McpCard
+		/** List configured MCP servers with enable/disable/delete controls. */
+		function McpCard({ api, t }) {
+			const [servers, setServers] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)(null);
+			const [busyId, setBusyId] = (0, react.useState)(null);
+			const load = (0, react.useCallback)(() => {
+				api.settings.custom.mcpList({}).then((resp) => {
+					if (resp.result.ok) {
+						setServers(resp.result.value.servers);
+						setError(null);
+					} else {
+						setError(t("mcp.failed", { msg: resp.result.error.message }));
+					}
+				}).catch((e) => {
+					setError(t("mcp.failed", { msg: e && e.message ? e.message : String(e) }));
+				});
+			}, [api, t]);
+			(0, react.useEffect)(() => {
+				load();
+			}, [load]);
+			const toggle = (server) => {
+				setBusyId(server.id);
+				setError(null);
+				api.settings.custom.mcpSetEnabled({ id: server.id, enabled: !server.enabled }).then((resp) => {
+					setBusyId(null);
+					if (resp.result.ok) load();
+					else setError(t("mcp.failed", { msg: resp.result.error.message }));
+				}).catch((e) => {
+					setBusyId(null);
+					setError(t("mcp.failed", { msg: e && e.message ? e.message : String(e) }));
+				});
+			};
+			const remove = (server) => {
+				if (busyId !== null) return;
+				if (typeof window !== "undefined" && !window.confirm(`${t("mcp.delete")}: ${server.serverName}？`)) return;
+				setBusyId(server.id);
+				setError(null);
+				api.settings.custom.mcpRemove({ id: server.id }).then((resp) => {
+					setBusyId(null);
+					if (resp.result.ok) load();
+					else setError(t("mcp.failed", { msg: resp.result.error.message }));
+				}).catch((e) => {
+					setBusyId(null);
+					setError(t("mcp.failed", { msg: e && e.message ? e.message : String(e) }));
+				});
+			};
+			return react_jsx_runtime.jsx("div", {
+				className: "scc_card",
+				children: [
+					react_jsx_runtime.jsx("h3", { className: "scc_heading", children: t("mcp.title") }),
+					react_jsx_runtime.jsx("p", { className: "scc_desc", children: t("mcp.description") }),
+					error !== null && react_jsx_runtime.jsx("div", { className: "scc_status scc_err", role: "alert", children: error }),
+					servers === null ? null : servers.length === 0 ? react_jsx_runtime.jsx("p", { className: "scc_status", children: t("mcp.empty") }) : servers.map((server) => react_jsx_runtime.jsxs("div", {
+						className: "scc_row",
+						children: [
+							react_jsx_runtime.jsxs("div", {
+								className: "scc_rowName",
+								children: [server.serverName, server.enabled ? null : react_jsx_runtime.jsx("span", { className: "scc_rowMeta", children: " (已停用)" })]
+							}),
+							react_jsx_runtime.jsxs("div", {
+								className: "scc_rowActions",
+								children: [
+									react_jsx_runtime.jsx(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "outline",
+										disabled: busyId !== null,
+										onClick: () => toggle(server),
+										children: server.enabled ? t("mcp.disable") : t("mcp.enable")
+									}),
+									react_jsx_runtime.jsx(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "outline",
+										disabled: busyId !== null,
+										onClick: () => remove(server),
+										children: t("mcp.delete")
+									})
+								]
+							})
+						]
+					}, server.id))
+				]
+			});
+		}
+		//#endregion
+		//#region CustomSection
+		/** Settings section shell: global instructions, skill management, and MCP management. */
+		function CustomSection({ api, t }) {
+			if (api === void 0 || t === void 0) return null;
+			return react_jsx_runtime.jsx("div", {
+				children: [
+					react_jsx_runtime.jsx(GlobalInstructionsCard, { api, t }),
+					react_jsx_runtime.jsx(SkillsCard, { api, t }),
+					react_jsx_runtime.jsx(McpCard, { api, t })
+				]
+			});
+		}
+		//#endregion
+		//#region plugin
+				//#region fetch adapter (replaces patched RPCs with the plugin's HTTP routes)
+		function makeApi() {
+			function get(path) {
+				return fetch(path).then(function(r){return r.json()}).then(function(d){
+					if (d && d.ok === false) return { result: { ok: false, error: { message: d.error || "failed" } } };
+					return { result: { ok: true, value: d } };
+				}).catch(function(e){ return { result: { ok: false, error: { message: String(e && e.message || e) } } }; });
+			}
+			function post(path, body) {
+				return fetch(path, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body || {}) }).then(function(r){return r.json()}).then(function(d){
+					if (d && d.ok === false) return { result: { ok: false, error: { message: d.error || "failed" } } };
+					return { result: { ok: true, value: d } };
+				}).catch(function(e){ return { result: { ok: false, error: { message: String(e && e.message || e) } } }; });
+			}
+			return { settings: { custom: {
+				globalInstructionsRead: function(){ return get("/dsh-plugin-global-instructions/global.json"); },
+				globalInstructionsWrite: function(p){ return post("/dsh-plugin-global-instructions/global.json", { content: p && p.content }); },
+				skillsList: function(){ return get("/dsh-plugin-skill-manager/skills.json"); },
+				skillsSetEnabled: function(p){ return post("/dsh-plugin-skill-manager/skills.json", { action: "setEnabled", name: p && p.name, enabled: p && p.enabled }); },
+				skillsRemove: function(p){ return post("/dsh-plugin-skill-manager/skills.json", { action: "remove", name: p && p.name }); },
+				mcpList: function(){ return get("/dsh-plugin-mcp-manager/mcp.json"); },
+				mcpSetEnabled: function(p){ return post("/dsh-plugin-mcp-manager/mcp.json", { action: "setEnabled", id: p && p.id, enabled: p && p.enabled }); },
+				mcpRemove: function(p){ return post("/dsh-plugin-mcp-manager/mcp.json", { action: "remove", id: p && p.id }); }
+			} } };
+		}
+		//#endregion
+
+		const inject = [
+			"slots",
+			"locale"
+		];
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-settings-custom: copy dictionaries");
+			
+			const t = ctx.locale.bind(NS);
+			const injected = () => ({
+				api: makeApi(),
+				t
+			});
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "custom",
+				order: 30,
+				label: () => t("nav"),
+				locale: NS,
+				inject: injected
+			}, CustomSection));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});

package/lib/index.js

@@ -0,0 +1,30 @@
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+const CLIENT_JS = `(function(){
+if (window.__dshSettingsCustom) return
+window.__dshSettingsCustom = true
+// 在设置页导航里加“自定义”入口，并提供一个容器 .dsh-custom-host 供 1/3/4 插件面板挂载
+function boot(){
+  var nav = document.querySelector('[class*="settings"] nav, [role="tablist"], [class*="setting-nav"], nav')
+  var host = document.querySelector('[class*="settings"], [data-role="settings"], main, body')
+  if (!host) return setTimeout(boot, 300)
+  if (!host.querySelector('.dsh-custom-host')) {
+    var c = document.createElement('div'); c.className='dsh-custom-host'
+    c.innerHTML='<div class="dsh-custom-title">自定义</div>'
+    host.appendChild(c)
+  }
+  // 有导航则追加一个“自定义” tab（尽力）
+  if (nav && !nav.querySelector('[data-dsh-custom-tab]')) {
+    var t=document.createElement('button'); t.setAttribute('data-dsh-custom-tab','1'); t.textContent='自定义'
+    t.className='dsh-custom-tab'; nav.appendChild(t)
+  }
+}
+if (document.readyState==='loading') document.addEventListener('DOMContentLoaded', boot)
+else boot()
+})()`
+const name = 'dsh-plugin-settings-custom'
+const inject = ['webServer']
+function apply(ctx){
+
+}
+export { name, inject, apply }

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "dsh-plugin-settings-custom",
+  "version": "1.0.0",
+  "description": "DSH 设置页\"自定义\"页签（容纳全局指令/Skill/MCP 面板）",
+  "keywords": [
+    "dsh",
+    "dsh-plugin",
+    "deepseek-harness",
+    "settings",
+    "custom"
+  ],
+  "type": "module",
+  "main": "lib/index.js",
+  "files": [
+    "lib",
+    "cordis.patch.yml",
+    "README.md"
+  ],
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "inject": [
+        "@deepseek-ai/dsh-client-runtime",
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-settings"
+      ],
+      "platform": "web"
+    }
+  },
+  "license": "MIT",
+  "exports": {
+    ".": "./lib/index.js",
+    "./client": "./lib/client.js",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mengyu-arch/dsh-plugins.git"
+  }
+}