dsh-plugin-prompt-tool 0.1.0 → 0.1.2

package/lib/client.js

@@ -23,7 +23,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:E:\Documents\GitHub\dsh-plugin-prompt-tool\src\client\PromptEditor.module.css.mjs
-		const css = ".Ru2OGG_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}.Ru2OGG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.Ru2OGG_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.Ru2OGG_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}.Ru2OGG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.Ru2OGG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Ru2OGG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.Ru2OGG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.Ru2OGG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Ru2OGG_chevronOpen{transform:rotate(180deg)}.Ru2OGG_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}.Ru2OGG_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:14px;margin:0 16px;padding:14px 0 16px;display:flex}.Ru2OGG_loading{color:var(--dsw-alias-label-tertiary);font-size:12px;display:inline-block}.Ru2OGG_group{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.Ru2OGG_groupTitle{color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:600}.Ru2OGG_row{cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.Ru2OGG_rowStack{flex-direction:column;align-items:stretch;gap:8px;padding:6px 0;display:flex}.Ru2OGG_row input{flex:none;margin-top:3px}.Ru2OGG_rowText{flex-direction:column;gap:2px;display:flex}.Ru2OGG_rowName{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5}.Ru2OGG_rowDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.Ru2OGG_rowDisabled{opacity:.55}.Ru2OGG_anchorInput{box-sizing:border-box;width:100%;min-height:64px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);resize:vertical;border-radius:8px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6}.Ru2OGG_textarea{box-sizing:border-box;width:100%;min-height:420px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);resize:vertical;border-radius:8px;padding:10px;font-family:ui-monospace,monospace;font-size:13px;line-height:1.6}.Ru2OGG_actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.Ru2OGG_primary,.Ru2OGG_secondary{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.Ru2OGG_primary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.Ru2OGG_secondary{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.Ru2OGG_primary:disabled,.Ru2OGG_secondary:disabled{opacity:.55;cursor:default}.Ru2OGG_primary:focus-visible,.Ru2OGG_secondary:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Ru2OGG_notice{color:var(--dsw-alias-state-success-primary);font-size:12px}.Ru2OGG_noticeError{color:var(--dsw-alias-state-error-primary,#d5484d)}";
+		const css = ".Ru2OGG_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}.Ru2OGG_card:hover{border-color:var(--dsw-alias-label-dimmed)}.Ru2OGG_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.Ru2OGG_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}.Ru2OGG_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.Ru2OGG_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Ru2OGG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.Ru2OGG_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.Ru2OGG_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Ru2OGG_chevronOpen{transform:rotate(180deg)}.Ru2OGG_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}.Ru2OGG_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:14px;margin:0 16px;padding:14px 0 16px;display:flex}.Ru2OGG_loading{color:var(--dsw-alias-label-tertiary);font-size:12px;display:inline-block}.Ru2OGG_group{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.Ru2OGG_groupTitle{color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:600}.Ru2OGG_subSection{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.Ru2OGG_subHeader{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.Ru2OGG_subHeader:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.Ru2OGG_subTitle{color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:600;line-height:1.5}.Ru2OGG_subCount{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.Ru2OGG_subBody{flex-direction:column;gap:8px;padding:2px 14px 12px;display:flex}.Ru2OGG_subEmpty{color:var(--dsw-alias-label-tertiary);padding:4px 0 8px;font-size:12px}.Ru2OGG_row{cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.Ru2OGG_rowStack{flex-direction:column;align-items:stretch;gap:8px;padding:6px 0;display:flex}.Ru2OGG_row input{flex:none;margin-top:3px}.Ru2OGG_rowText{flex-direction:column;gap:2px;display:flex}.Ru2OGG_rowName{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5}.Ru2OGG_rowDesc{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.Ru2OGG_rowDisabled{opacity:.55}.Ru2OGG_anchorInput{box-sizing:border-box;width:100%;min-height:64px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);resize:vertical;border-radius:8px;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.6}.Ru2OGG_textarea{box-sizing:border-box;width:100%;min-height:420px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);resize:vertical;border-radius:8px;padding:10px;font-family:ui-monospace,monospace;font-size:13px;line-height:1.6}.Ru2OGG_actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.Ru2OGG_primary,.Ru2OGG_secondary{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.Ru2OGG_primary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.Ru2OGG_secondary{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.Ru2OGG_primary:disabled,.Ru2OGG_secondary:disabled{opacity:.55;cursor:default}.Ru2OGG_primary:focus-visible,.Ru2OGG_secondary:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Ru2OGG_notice{color:var(--dsw-alias-state-success-primary);font-size:12px}.Ru2OGG_noticeError{color:var(--dsw-alias-state-error-primary,#d5484d)}";
 		const tagId = "dsh-plugin-prompt-tool/PromptEditor.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -58,6 +58,12 @@ window.__ModuleLoader__.load({
 			"rowStack": "Ru2OGG_rowStack",
 			"rowText": "Ru2OGG_rowText",
 			"secondary": "Ru2OGG_secondary",
+			"subBody": "Ru2OGG_subBody",
+			"subCount": "Ru2OGG_subCount",
+			"subEmpty": "Ru2OGG_subEmpty",
+			"subHeader": "Ru2OGG_subHeader",
+			"subSection": "Ru2OGG_subSection",
+			"subTitle": "Ru2OGG_subTitle",
 			"textarea": "Ru2OGG_textarea"
 		};
 		//#endregion
@@ -66,22 +72,78 @@ window.__ModuleLoader__.load({
 		const EMPTY = {
 			promptText: "",
 			promptPath: "",
+			agentsText: "",
+			agentsPath: "",
 			anchorFirstTurn: false,
 			anchorText: "",
+			injectPrompt: true,
+			skillSwitches: {},
+			skillCatalog: [],
 			writeAgents: true,
 			writePreset: true
 		};
+		const EMPTY_SWITCHES = {
+			anchorFirstTurn: false,
+			anchorText: "",
+			injectPrompt: true,
+			skillSwitches: {},
+			writeAgents: true,
+			writePreset: true
+		};
+		const snapshotSwitches = (fields) => ({
+			anchorFirstTurn: fields.anchorFirstTurn,
+			anchorText: fields.anchorText,
+			injectPrompt: fields.injectPrompt,
+			skillSwitches: { ...fields.skillSwitches },
+			writeAgents: fields.writeAgents,
+			writePreset: fields.writePreset
+		});
+		const switchesEqual = (a, b) => a.anchorFirstTurn === b.anchorFirstTurn && a.anchorText === b.anchorText && a.injectPrompt === b.injectPrompt && JSON.stringify(a.skillSwitches) === JSON.stringify(b.skillSwitches) && a.writeAgents === b.writeAgents && a.writePreset === b.writePreset;
+		function CollapsibleSection(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: PromptEditor_module_css_default.subSection,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: PromptEditor_module_css_default.subHeader,
+					"aria-expanded": props.open,
+					onClick: props.onToggle,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: PromptEditor_module_css_default.subTitle,
+							children: props.title
+						}),
+						props.hint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: PromptEditor_module_css_default.subCount,
+							children: props.hint
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: clsx(PromptEditor_module_css_default.chevron, props.open && PromptEditor_module_css_default.chevronOpen) })
+					]
+				}), props.open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: PromptEditor_module_css_default.subBody,
+					children: props.children
+				})]
+			});
+		}
 		function PromptEditor(props) {
 			const { api } = props;
 			const [open, setOpen] = (0, react.useState)(false);
+			const [promptOpen, setPromptOpen] = (0, react.useState)(false);
+			const [agentsOpen, setAgentsOpen] = (0, react.useState)(false);
+			const [skillsOpen, setSkillsOpen] = (0, react.useState)(false);
+			const [presetOpen, setPresetOpen] = (0, react.useState)(false);
 			const [loaded, setLoaded] = (0, react.useState)(false);
 			const [fields, setFields] = (0, react.useState)(EMPTY);
-			const [saved, setSaved] = (0, react.useState)(void 0);
-			const [revision, setRevision] = (0, react.useState)(void 0);
+			const [savedPromptText, setSavedPromptText] = (0, react.useState)("");
+			const [savedAgentsText, setSavedAgentsText] = (0, react.useState)("");
+			const [savedSwitches, setSavedSwitches] = (0, react.useState)(EMPTY_SWITCHES);
 			const [loading, setLoading] = (0, react.useState)(false);
-			const [saving, setSaving] = (0, react.useState)(false);
+			const [savingPrompt, setSavingPrompt] = (0, react.useState)(false);
+			const [savingAgents, setSavingAgents] = (0, react.useState)(false);
 			const [notice, setNotice] = (0, react.useState)("");
 			const [noticeKind, setNoticeKind] = (0, react.useState)("ok");
+			const fieldsRef = (0, react.useRef)(EMPTY);
+			const revisionRef = (0, react.useRef)(void 0);
+			const saveQueueRef = (0, react.useRef)(Promise.resolve());
 			const showNotice = (0, react.useCallback)((kind, message) => {
 				setNotice(message);
 				setNoticeKind(kind);
@@ -99,17 +161,27 @@ window.__ModuleLoader__.load({
 						showNotice("error", "未找到提示词工具配置");
 						return;
 					}
+					const value = ns.value ?? {};
+					const base = ns.base ?? {};
 					const next = {
-						promptText: ns.value?.promptText ?? "",
-						promptPath: ns.value?.promptPath ?? "",
-						anchorFirstTurn: ns.value?.anchorFirstTurn ?? false,
-						anchorText: ns.value?.anchorText ?? "",
-						writeAgents: ns.value?.writeAgents ?? true,
-						writePreset: ns.value?.writePreset ?? true
+						promptText: value.promptText ?? base.promptText ?? "",
+						promptPath: value.promptPath ?? base.promptPath ?? "",
+						agentsText: value.agentsText ?? base.agentsText ?? "",
+						agentsPath: value.agentsPath ?? base.agentsPath ?? "",
+						anchorFirstTurn: value.anchorFirstTurn ?? base.anchorFirstTurn ?? false,
+						anchorText: value.anchorText ?? base.anchorText ?? "",
+						injectPrompt: value.injectPrompt ?? base.injectPrompt ?? true,
+						skillSwitches: value.skillSwitches ?? base.skillSwitches ?? {},
+						skillCatalog: Array.isArray(value.skillCatalog) ? value.skillCatalog : Array.isArray(base.skillCatalog) ? base.skillCatalog : [],
+						writeAgents: value.writeAgents ?? base.writeAgents ?? true,
+						writePreset: value.writePreset ?? base.writePreset ?? true
 					};
+					fieldsRef.current = next;
 					setFields(next);
-					setSaved(JSON.stringify(next));
-					setRevision(ns.revision);
+					setSavedPromptText(next.promptText);
+					setSavedAgentsText(next.agentsText);
+					setSavedSwitches(snapshotSwitches(next));
+					revisionRef.current = ns.revision;
 					setNotice("");
 				} catch (e) {
 					showNotice("error", "读取失败：" + (e?.message ?? e));
@@ -122,13 +194,17 @@ window.__ModuleLoader__.load({
 					const res = await api.settings.describe({});
 					if (!res.result.ok) return;
 					const ns = res.result.value.namespaces.find((n) => n.ns === NS);
-					if (ns) setRevision(ns.revision);
+					if (ns) revisionRef.current = ns.revision;
 				} catch {}
 			}, [api]);
-			const patch = (partial) => setFields((prev) => ({
-				...prev,
-				...partial
-			}));
+			const patch = (partial) => {
+				const next = {
+					...fieldsRef.current,
+					...partial
+				};
+				fieldsRef.current = next;
+				setFields(next);
+			};
 			const toggleOpen = () => {
 				const next = !open;
 				setOpen(next);
@@ -138,9 +214,6 @@ window.__ModuleLoader__.load({
 					load();
 				} else if (!dirty) load();
 			};
-			const discard = () => {
-				load();
-			};
 			const openEdit = async () => {
 				if (!fields.promptPath) {
 					showNotice("error", "路径未知，请先保存一次或在下方直接编辑");
@@ -148,64 +221,120 @@ window.__ModuleLoader__.load({
 				}
 				try {
 					const res = await api.host.openPath({ path: fields.promptPath });
-					if (res.result.ok) showNotice("ok", "已用系统编辑器打开 prompt.md");
+					if (res.result.ok) showNotice("ok", "已用系统编辑器打开 preset.md");
 					else showNotice("error", "打开失败：" + (res.result.error?.message ?? "") + "；可直接在下方编辑框保存");
 				} catch (e) {
 					showNotice("error", "打开失败：" + (e?.message ?? e) + "；可直接在下方编辑框保存");
 				}
 			};
-			const save = async () => {
-				if (saving) return;
-				setSaving(true);
+			const openAgents = async () => {
+				if (!fields.agentsPath) {
+					showNotice("error", "路径未知，请先保存一次或在下方直接编辑");
+					return;
+				}
 				try {
-					const res = await api.settings.mutate({
-						ns: NS,
-						ops: [
-							{
-								op: "set",
-								path: ["promptText"],
-								value: fields.promptText
-							},
-							{
-								op: "set",
-								path: ["anchorFirstTurn"],
-								value: fields.anchorFirstTurn
-							},
-							{
-								op: "set",
-								path: ["anchorText"],
-								value: fields.anchorText
-							},
-							{
-								op: "set",
-								path: ["writeAgents"],
-								value: fields.writeAgents
-							},
-							{
-								op: "set",
-								path: ["writePreset"],
-								value: fields.writePreset
-							}
-						],
-						expectedRevision: revision
-					});
-					if (res.result.ok) {
-						setRevision(res.result.value.revision);
-						setSaved(JSON.stringify(fields));
-						showNotice("ok", "已保存并生效");
-					} else {
+					const res = await api.host.openPath({ path: fields.agentsPath });
+					if (res.result.ok) showNotice("ok", "已用系统编辑器打开 AGENTS.md");
+					else showNotice("error", "打开失败：" + (res.result.error?.message ?? "") + "；可直接在下方编辑框保存");
+				} catch (e) {
+					showNotice("error", "打开失败：" + (e?.message ?? e) + "；可直接在下方编辑框保存");
+				}
+			};
+			const enqueueSave = (0, react.useCallback)((ops, okMessage, onSaved, setBusy) => {
+				setBusy?.(true);
+				saveQueueRef.current = saveQueueRef.current.then(async () => {
+					try {
+						const res = await api.settings.mutate({
+							ns: NS,
+							ops,
+							expectedRevision: revisionRef.current
+						});
+						if (res.result.ok) {
+							revisionRef.current = res.result.value.revision;
+							onSaved();
+							if (okMessage) showNotice("ok", okMessage);
+						} else {
+							await refreshRevision();
+							showNotice("error", "保存失败：" + (res.result.error?.message ?? "") + "（已刷新配置版本，可重试）");
+						}
+					} catch (e) {
 						await refreshRevision();
-						showNotice("error", "保存失败：" + (res.result.error?.message ?? "") + "（已刷新配置版本，可重试）");
+						showNotice("error", "保存失败：" + (e?.message ?? e) + "（已刷新配置版本，可重试）");
+					} finally {
+						setBusy?.(false);
 					}
-				} catch (e) {
-					await refreshRevision();
-					showNotice("error", "保存失败：" + (e?.message ?? e) + "（已刷新配置版本，可重试）");
-				} finally {
-					setSaving(false);
+				}).catch(() => {});
+			}, [
+				api,
+				refreshRevision,
+				showNotice
+			]);
+			const savePrompt = () => enqueueSave([{
+				op: "set",
+				path: ["promptText"],
+				value: fieldsRef.current.promptText
+			}], "preset.md 已保存并生效", () => setSavedPromptText(fieldsRef.current.promptText), setSavingPrompt);
+			const saveAgents = () => enqueueSave([{
+				op: "set",
+				path: ["agentsText"],
+				value: fieldsRef.current.agentsText
+			}], "AGENTS.md 已保存并生效", () => setSavedAgentsText(fieldsRef.current.agentsText), setSavingAgents);
+			const persistSwitches = () => enqueueSave([
+				{
+					op: "set",
+					path: ["anchorFirstTurn"],
+					value: fieldsRef.current.anchorFirstTurn
+				},
+				{
+					op: "set",
+					path: ["anchorText"],
+					value: fieldsRef.current.anchorText
+				},
+				{
+					op: "set",
+					path: ["injectPrompt"],
+					value: fieldsRef.current.injectPrompt
+				},
+				{
+					op: "set",
+					path: ["skillSwitches"],
+					value: fieldsRef.current.skillSwitches
+				},
+				{
+					op: "set",
+					path: ["writeAgents"],
+					value: fieldsRef.current.writeAgents
+				},
+				{
+					op: "set",
+					path: ["writePreset"],
+					value: fieldsRef.current.writePreset
 				}
+			], void 0, () => setSavedSwitches(snapshotSwitches(fieldsRef.current)));
+			const toggle = (key) => {
+				patch({ [key]: !fieldsRef.current[key] });
+				persistSwitches();
 			};
-			const toggle = (key) => patch({ [key]: !fields[key] });
-			const dirty = saved !== void 0 && JSON.stringify(fields) !== saved;
+			const skillEnabled = (folder) => fields.skillSwitches[folder] !== false;
+			const toggleSkill = (folder) => {
+				const enabled = fieldsRef.current.skillSwitches[folder] !== false;
+				patch({ skillSwitches: {
+					...fieldsRef.current.skillSwitches,
+					[folder]: !enabled
+				} });
+				persistSwitches();
+			};
+			const currentSwitches = snapshotSwitches(fields);
+			const dirtyPrompt = fields.promptText !== savedPromptText;
+			const dirtyAgents = fields.agentsText !== savedAgentsText;
+			const dirtySwitches = !switchesEqual(currentSwitches, savedSwitches);
+			const dirty = dirtyPrompt || dirtyAgents || dirtySwitches;
+			const promptSwitchDirty = fields.injectPrompt !== savedSwitches.injectPrompt;
+			const agentsSwitchDirty = fields.writeAgents !== savedSwitches.writeAgents;
+			const skillsSwitchDirty = JSON.stringify(fields.skillSwitches) !== JSON.stringify(savedSwitches.skillSwitches);
+			const presetSwitchDirty = fields.writePreset !== savedSwitches.writePreset || fields.anchorFirstTurn !== savedSwitches.anchorFirstTurn || fields.anchorText !== savedSwitches.anchorText;
+			const discardPrompt = () => patch({ promptText: savedPromptText });
+			const discardAgents = () => patch({ agentsText: savedAgentsText });
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: clsx(PromptEditor_module_css_default.card, open && PromptEditor_module_css_default.cardOpen),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -221,7 +350,7 @@ window.__ModuleLoader__.load({
 								children: "提示词工具"
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: PromptEditor_module_css_default.description,
-								children: "编辑模型行为规范 prompt.md 与注入开关，保存后自动生效"
+								children: "编辑 preset.md / AGENTS.md 与各层注入开关，保存后自动生效"
 							})]
 						}),
 						dirty && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -237,63 +366,170 @@ window.__ModuleLoader__.load({
 							className: PromptEditor_module_css_default.loading,
 							children: "正在读取配置…"
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: PromptEditor_module_css_default.group,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapsibleSection, {
+							title: "Preset预设",
+							hint: dirtyPrompt || promptSwitchDirty ? "未保存" : void 0,
+							open: promptOpen,
+							onToggle: () => setPromptOpen(!promptOpen),
 							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: PromptEditor_module_css_default.groupTitle,
-									children: "注入开关"
-								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 									className: PromptEditor_module_css_default.row,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 										type: "checkbox",
-										checked: fields.anchorFirstTurn,
-										onChange: () => toggle("anchorFirstTurn")
+										checked: fields.injectPrompt,
+										onChange: () => toggle("injectPrompt")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: PromptEditor_module_css_default.rowText,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: PromptEditor_module_css_default.rowName,
-											children: "首轮独立锚定轮"
+											children: "注入 preset.md（锚定层）"
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: PromptEditor_module_css_default.rowDesc,
-											children: "首个用户消息先入 next-step，首步只发锚定句"
+											children: "开启时由 preset 在 we 锚定确认后注入一次 preset.md；关闭仅保留首轮工具引导"
 										})]
 									})]
 								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+									className: PromptEditor_module_css_default.textarea,
+									"aria-label": "preset.md 内容",
+									value: fields.promptText,
+									onChange: (e) => patch({ promptText: e.target.value }),
+									spellCheck: false
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: PromptEditor_module_css_default.actions,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: PromptEditor_module_css_default.primary,
+											disabled: savingPrompt || savingAgents || !dirtyPrompt,
+											onClick: savePrompt,
+											children: savingPrompt ? "保存中…" : "保存"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: PromptEditor_module_css_default.secondary,
+											disabled: !dirtyPrompt,
+											onClick: discardPrompt,
+											children: "还原"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: PromptEditor_module_css_default.secondary,
+											onClick: openEdit,
+											children: "打开"
+										})
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapsibleSection, {
+							title: "AGENTS设置",
+							hint: dirtyAgents || agentsSwitchDirty ? "未保存" : void 0,
+							open: agentsOpen,
+							onToggle: () => setAgentsOpen(!agentsOpen),
+							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: clsx(PromptEditor_module_css_default.rowStack, !fields.anchorFirstTurn && PromptEditor_module_css_default.rowDisabled),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: PromptEditor_module_css_default.row,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: fields.writeAgents,
+										onChange: () => toggle("writeAgents")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: PromptEditor_module_css_default.rowText,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: PromptEditor_module_css_default.rowName,
-											children: "锚定句文本（可自定义）"
+											children: "写入 ~/.dsh/AGENTS.md"
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: PromptEditor_module_css_default.rowDesc,
-											children: "独立锚定轮发给模型的输入内容"
+											children: "开启时把项目 AGENTS.md 写入常驻层；关闭时不写入，已有文件保持原样"
 										})]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-										className: PromptEditor_module_css_default.anchorInput,
-										value: fields.anchorText,
-										disabled: !fields.anchorFirstTurn,
-										onChange: (e) => patch({ anchorText: e.target.value }),
-										spellCheck: false
 									})]
 								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+									className: PromptEditor_module_css_default.textarea,
+									"aria-label": "AGENTS.md 内容",
+									value: fields.agentsText,
+									onChange: (e) => patch({ agentsText: e.target.value }),
+									spellCheck: false
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: PromptEditor_module_css_default.actions,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: PromptEditor_module_css_default.primary,
+											disabled: savingPrompt || savingAgents || !dirtyAgents,
+											onClick: saveAgents,
+											children: savingAgents ? "保存中…" : "保存"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: PromptEditor_module_css_default.secondary,
+											disabled: !dirtyAgents,
+											onClick: discardAgents,
+											children: "还原"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: PromptEditor_module_css_default.secondary,
+											onClick: openAgents,
+											children: "打开"
+										})
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
+							title: "Skills设置",
+							hint: `${fields.skillCatalog.length} 个${skillsSwitchDirty ? " · 未保存" : ""}`,
+							open: skillsOpen,
+							onToggle: () => setSkillsOpen(!skillsOpen),
+							children: fields.skillCatalog.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PromptEditor_module_css_default.subEmpty,
+								children: "skills 目录下没有技能"
+							}) : fields.skillCatalog.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: PromptEditor_module_css_default.row,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: skillEnabled(skill.folder),
+									onChange: () => toggleSkill(skill.folder)
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: PromptEditor_module_css_default.rowText,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: PromptEditor_module_css_default.rowName,
+										children: skill.name || skill.folder
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: PromptEditor_module_css_default.rowDesc,
+										children: [
+											"skills/",
+											skill.folder,
+											skill.description ? ` · ${skill.description}` : ""
+										]
+									})]
+								})]
+							}, skill.folder))
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapsibleSection, {
+							title: "锚定轮与 preset",
+							hint: presetSwitchDirty ? "未保存" : void 0,
+							open: presetOpen,
+							onToggle: () => setPresetOpen(!presetOpen),
+							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 									className: PromptEditor_module_css_default.row,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 										type: "checkbox",
-										checked: fields.writeAgents,
-										onChange: () => toggle("writeAgents")
+										checked: fields.writePreset,
+										onChange: () => toggle("writePreset")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: PromptEditor_module_css_default.rowText,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: PromptEditor_module_css_default.rowName,
-											children: "写入 ~/.dsh/AGENTS.md"
+											children: "生成锚定注入 preset"
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: PromptEditor_module_css_default.rowDesc,
-											children: "常驻层规则（默认开启）"
+											children: "开启时生成并刷新 preset 目录，承载首轮工具引导与上述注入件；关闭时不生成，已有文件保持原样"
 										})]
 									})]
 								}),
@@ -301,62 +537,44 @@ window.__ModuleLoader__.load({
 									className: PromptEditor_module_css_default.row,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 										type: "checkbox",
-										checked: fields.writePreset,
-										onChange: () => toggle("writePreset")
+										checked: fields.anchorFirstTurn,
+										onChange: () => toggle("anchorFirstTurn")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: PromptEditor_module_css_default.rowText,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: PromptEditor_module_css_default.rowName,
-											children: "生成锚定注入 preset"
+											children: "首轮独立锚定轮"
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: PromptEditor_module_css_default.rowDesc,
-											children: "prompt.md 注入与首轮工具引导（默认开启）"
+											children: "开启时 preset 挂载 turn-anchor：首个真实用户消息先入 next-step，首步只发锚定句"
 										})]
 									})]
-								})
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: PromptEditor_module_css_default.group,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: PromptEditor_module_css_default.groupTitle,
-								children: "prompt.md 内容"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-								className: PromptEditor_module_css_default.textarea,
-								"aria-label": "prompt.md 内容",
-								value: fields.promptText,
-								onChange: (e) => patch({ promptText: e.target.value }),
-								spellCheck: false
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: PromptEditor_module_css_default.actions,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: PromptEditor_module_css_default.primary,
-									disabled: saving || !dirty,
-									onClick: save,
-									children: saving ? "保存中…" : "保存"
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: PromptEditor_module_css_default.secondary,
-									disabled: !dirty,
-									onClick: discard,
-									children: "还原"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: PromptEditor_module_css_default.secondary,
-									onClick: openEdit,
-									children: "打开编辑"
-								}),
-								notice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: clsx(PromptEditor_module_css_default.notice, noticeKind === "error" && PromptEditor_module_css_default.noticeError),
-									children: notice
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: clsx(PromptEditor_module_css_default.rowStack, !fields.anchorFirstTurn && PromptEditor_module_css_default.rowDisabled),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: PromptEditor_module_css_default.rowText,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: PromptEditor_module_css_default.rowName,
+											children: "锚定句文本（可自定义）"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: PromptEditor_module_css_default.rowDesc,
+											children: "独立锚定轮发给模型的输入内容"
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+										className: PromptEditor_module_css_default.anchorInput,
+										value: fields.anchorText,
+										disabled: !fields.anchorFirstTurn,
+										onChange: (e) => patch({ anchorText: e.target.value }),
+										onBlur: () => persistSwitches(),
+										spellCheck: false
+									})]
 								})
 							]
+						}),
+						notice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: clsx(PromptEditor_module_css_default.notice, noticeKind === "error" && PromptEditor_module_css_default.noticeError),
+							children: notice
 						})
 					]
 				})]