dsh-prompt-customizer 0.1.0

package/client/client.js

@@ -0,0 +1,896 @@
+window.__ModuleLoader__.load({
+	id: "dsh-prompt-customizer",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		//#region src/client/locales.ts
+		/** Locale dictionaries for the prompt-customizer panel. */
+		const DICT = {
+			zh: {
+				nav: "提示词定制",
+				loading: "加载中…",
+				unavailable: "当前环境未启用本命名空间。",
+				tabsSections: "提示词",
+				tabsTools: "工具",
+				tabsPresets: "预设",
+				refresh: "刷新",
+				blockedOff: "未屏蔽",
+				blockedOn: "已屏蔽",
+				replaced: "已替换",
+				replace: "替换",
+				clearReplace: "清除替换",
+				injectNew: "注入新段",
+				name: "名称",
+				order: "顺序",
+				text: "文本",
+				add: "添加",
+				hiddenOff: "可见",
+				hiddenOn: "已隐藏",
+				includeMode: "白名单模式：仅保留勾选项",
+				excludeMode: "黑名单模式：勾选 = 隐藏",
+				empty: "（空）",
+				dynamic: "<动态生成>",
+				drag: "拖动排序",
+				moveUp: "上移",
+				moveDown: "下移",
+				savePreset: "保存当前为预设",
+				presetName: "预设名称",
+				save: "保存",
+				importPreset: "导入预设",
+				import: "导入",
+				apply: "应用",
+				export: "导出",
+				delete: "删除",
+				active: "使用中",
+				preset: "预设"
+			},
+			en: {
+				nav: "Prompt Customizer",
+				loading: "Loading…",
+				unavailable: "Namespace unavailable in this environment.",
+				tabsSections: "Sections",
+				tabsTools: "Tools",
+				tabsPresets: "Presets",
+				refresh: "Refresh",
+				blockedOff: "Active",
+				blockedOn: "Blocked",
+				replaced: "Replaced",
+				replace: "Replace",
+				clearReplace: "Clear",
+				injectNew: "Inject section",
+				name: "Name",
+				order: "Order",
+				text: "Text",
+				add: "Add",
+				hiddenOff: "Visible",
+				hiddenOn: "Hidden",
+				includeMode: "Whitelist: keep only checked",
+				excludeMode: "Blacklist: check to hide",
+				empty: "(empty)",
+				dynamic: "<dynamic>",
+				drag: "Drag to reorder",
+				moveUp: "Move up",
+				moveDown: "Move down",
+				savePreset: "Save current as preset",
+				presetName: "Preset name",
+				save: "Save",
+				importPreset: "Import preset",
+				import: "Import",
+				apply: "Apply",
+				export: "Export",
+				delete: "Delete",
+				active: "Active",
+				preset: "Preset"
+			}
+		};
+		//#endregion
+		//#region src/client/styles.ts
+		/** Inline styles shared by the prompt-customizer panel components. */
+		const s = (() => {
+			const flex = {
+				display: "flex",
+				alignItems: "center"
+			};
+			return {
+				root: {
+					fontFamily: "inherit",
+					fontSize: 13,
+					lineHeight: 1.5
+				},
+				bar: {
+					...flex,
+					gap: 6,
+					marginBottom: 8,
+					flexWrap: "wrap"
+				},
+				tab: {
+					padding: "4px 10px",
+					border: "1px solid rgba(128,128,128,.35)",
+					borderRadius: 6,
+					background: "transparent",
+					cursor: "pointer",
+					color: "inherit",
+					opacity: .75
+				},
+				tabActive: {
+					padding: "4px 10px",
+					border: "1px solid rgba(128,128,128,.7)",
+					borderRadius: 6,
+					background: "rgba(128,128,128,.18)",
+					cursor: "pointer",
+					color: "inherit"
+				},
+				refresh: {
+					marginLeft: "auto",
+					padding: "4px 10px",
+					border: "1px solid rgba(128,128,128,.35)",
+					borderRadius: 6,
+					background: "transparent",
+					cursor: "pointer",
+					color: "inherit"
+				},
+				list: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 6
+				},
+				row: {
+					...flex,
+					gap: 8,
+					padding: "6px 8px",
+					border: "1px solid rgba(128,128,128,.2)",
+					borderRadius: 8,
+					background: "rgba(128,128,128,.06)"
+				},
+				switchWrap: {
+					...flex,
+					gap: 6,
+					minWidth: 90
+				},
+				rowBody: {
+					flex: 1,
+					minWidth: 0
+				},
+				rowTitle: {
+					...flex,
+					gap: 6,
+					alignItems: "baseline",
+					flexWrap: "wrap"
+				},
+				code: {
+					fontFamily: "monospace",
+					fontSize: 12,
+					wordBreak: "break-all"
+				},
+				orderTag: {
+					color: "rgba(128,128,128,.8)",
+					fontSize: 11
+				},
+				preview: {
+					color: "rgba(128,128,128,.85)",
+					fontSize: 12,
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				badgeOk: {
+					color: "#3fb950",
+					fontSize: 11,
+					border: "1px solid rgba(63,185,80,.5)",
+					borderRadius: 999,
+					padding: "0 6px"
+				},
+				badgeBlocked: {
+					color: "#f85149",
+					fontSize: 11,
+					border: "1px solid rgba(248,81,73,.5)",
+					borderRadius: 999,
+					padding: "0 6px"
+				},
+				badgeReplaced: {
+					color: "#d29922",
+					fontSize: 11,
+					border: "1px solid rgba(210,153,34,.5)",
+					borderRadius: 999,
+					padding: "0 6px"
+				},
+				mini: {
+					padding: "3px 8px",
+					border: "1px solid rgba(128,128,128,.35)",
+					borderRadius: 6,
+					background: "transparent",
+					cursor: "pointer",
+					color: "inherit",
+					whiteSpace: "nowrap"
+				},
+				arrowCol: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2
+				},
+				arrow: {
+					padding: "0 6px",
+					border: "1px solid rgba(128,128,128,.3)",
+					borderRadius: 4,
+					background: "transparent",
+					cursor: "pointer",
+					color: "inherit",
+					fontSize: 11,
+					lineHeight: 1.4,
+					opacity: .8
+				},
+				rowDragging: { opacity: .4 },
+				rowDropAbove: { boxShadow: "0 -2px 0 0 #58a6ff" },
+				rowDropBelow: { boxShadow: "0 2px 0 0 #58a6ff" },
+				dragHandle: {
+					cursor: "grab",
+					color: "rgba(128,128,128,.7)",
+					fontSize: 13,
+					padding: "0 2px",
+					userSelect: "none"
+				},
+				injectBox: {
+					marginTop: 10,
+					padding: "8px",
+					border: "1px dashed rgba(128,128,128,.4)",
+					borderRadius: 8,
+					display: "flex",
+					flexDirection: "column",
+					gap: 6
+				},
+				injectRow: {
+					...flex,
+					gap: 6
+				},
+				editBox: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 6,
+					marginTop: 4
+				},
+				editInput: {
+					padding: "6px",
+					border: "1px solid rgba(128,128,128,.35)",
+					borderRadius: 6,
+					background: "transparent",
+					color: "inherit",
+					fontFamily: "inherit",
+					fontSize: 12,
+					resize: "vertical",
+					width: "100%",
+					boxSizing: "border-box"
+				},
+				input: {
+					padding: "4px 6px",
+					border: "1px solid rgba(128,128,128,.35)",
+					borderRadius: 6,
+					background: "transparent",
+					color: "inherit"
+				},
+				muted: {
+					color: "rgba(128,128,128,.75)",
+					fontSize: 12
+				},
+				error: {
+					color: "#f85149",
+					fontSize: 12,
+					marginBottom: 6
+				}
+			};
+		})();
+		//#endregion
+		//#region src/client/SectionsTab.tsx
+		/** Prompt-sections tab: block / replace / inject / reorder prompt sections. */
+		function SectionsTab({ cfg, inv, scope, t }) {
+			const replace = cfg.replace ?? {};
+			const blockedNames = new Set(cfg.sections ?? []);
+			const [editing, setEditing] = (0, react.useState)(null);
+			const [draft, setDraft] = (0, react.useState)("");
+			const [dragName, setDragName] = (0, react.useState)(null);
+			const [dropTarget, setDropTarget] = (0, react.useState)(null);
+			const merged = (() => {
+				const map = /* @__PURE__ */ new Map();
+				for (const sec of inv?.sections ?? []) map.set(sec.name, sec);
+				for (const item of cfg.inject ?? []) {
+					const existing = map.get(item.name);
+					if (existing) map.set(item.name, {
+						...existing,
+						order: item.order
+					});
+					else map.set(item.name, {
+						name: item.name,
+						order: item.order,
+						text: item.text || "<动态生成>",
+						active: !blockedNames.has(item.name),
+						replaced: false
+					});
+				}
+				return [...map.values()].sort((a, b) => a.order - b.order);
+			})();
+			const toggleBlock = (name, currentlyBlocked) => {
+				const list = (cfg.sections ?? []).slice();
+				if (currentlyBlocked) {
+					const i = list.indexOf(name);
+					if (i >= 0) list.splice(i, 1);
+				} else list.push(name);
+				scope.set("sections", list);
+			};
+			const startReplace = (name, original) => {
+				setEditing(name);
+				setDraft(replace[name] ?? original);
+			};
+			const commitReplace = (name) => {
+				const next = { ...replace };
+				if (draft.trim() === "") delete next[name];
+				else next[name] = draft;
+				scope.set("replace", next);
+				setEditing(null);
+			};
+			const clearReplace = (name) => {
+				const next = { ...replace };
+				delete next[name];
+				scope.set("replace", next);
+			};
+			const persistOrder = (ordered) => {
+				const list = ordered.map((sec, i) => {
+					const existing = (cfg.inject ?? []).find((x) => x.name === sec.name);
+					return {
+						name: sec.name,
+						order: i,
+						text: existing ? existing.text : ""
+					};
+				});
+				scope.set("inject", list);
+			};
+			const moveOrder = (index, dir) => {
+				const target = index + dir;
+				if (target < 0 || target >= merged.length) return;
+				const next = merged.slice();
+				const [item] = next.splice(index, 1);
+				next.splice(target, 0, item);
+				persistOrder(next);
+			};
+			const onDragStart = (e, name) => {
+				setDragName(name);
+				e.dataTransfer.effectAllowed = "move";
+				try {
+					e.dataTransfer.setData("text/plain", name);
+				} catch {}
+			};
+			const onDragOver = (e, name) => {
+				if (!dragName || dragName === name) return;
+				e.preventDefault();
+				e.dataTransfer.dropEffect = "move";
+				const rect = e.currentTarget.getBoundingClientRect();
+				const pos = e.clientY < rect.top + rect.height / 2 ? "above" : "below";
+				setDropTarget({
+					name,
+					pos
+				});
+			};
+			const onDrop = (e, target) => {
+				e.preventDefault();
+				if (!dragName || dragName === target.name) {
+					setDragName(null);
+					setDropTarget(null);
+					return;
+				}
+				const dragged = merged.find((x) => x.name === dragName);
+				if (!dragged) {
+					setDragName(null);
+					setDropTarget(null);
+					return;
+				}
+				const next = merged.filter((x) => x.name !== dragName);
+				const idx = next.findIndex((x) => x.name === target.name);
+				const pos = dropTarget?.name === target.name ? dropTarget.pos : "below";
+				next.splice(pos === "above" ? idx : idx + 1, 0, dragged);
+				persistOrder(next);
+				setDragName(null);
+				setDropTarget(null);
+			};
+			const onDragEnd = () => {
+				setDragName(null);
+				setDropTarget(null);
+			};
+			const addSection = (name, order, text) => {
+				const next = merged.slice();
+				const entry = {
+					name,
+					order,
+					text: text || "<动态生成>",
+					active: true,
+					replaced: false
+				};
+				const existing = next.findIndex((x) => x.name === name);
+				if (existing >= 0) next[existing] = entry;
+				else {
+					const idx = next.findIndex((x) => x.order > order);
+					if (idx < 0) next.push(entry);
+					else next.splice(idx, 0, entry);
+				}
+				persistOrder(next);
+			};
+			return (0, react.createElement)("div", { style: s.list }, [
+				merged.length === 0 ? (0, react.createElement)("div", { style: s.muted }, t("empty")) : null,
+				merged.map((sec, index) => {
+					const blocked = blockedNames.has(sec.name);
+					const isEditing = editing === sec.name;
+					const isDragging = dragName === sec.name;
+					const isDropTarget = dropTarget?.name === sec.name;
+					const rowStyle = {
+						...s.row,
+						...isDragging ? s.rowDragging : {},
+						...isDropTarget && dropTarget.pos === "above" ? s.rowDropAbove : {},
+						...isDropTarget && dropTarget.pos === "below" ? s.rowDropBelow : {}
+					};
+					return (0, react.createElement)("div", {
+						key: sec.name,
+						style: rowStyle,
+						draggable: true,
+						onDragStart: (e) => onDragStart(e, sec.name),
+						onDragOver: (e) => onDragOver(e, sec.name),
+						onDrop: (e) => onDrop(e, sec),
+						onDragEnd
+					}, [
+						(0, react.createElement)("span", {
+							style: s.dragHandle,
+							title: t("drag")
+						}, "⠿"),
+						(0, react.createElement)("label", { style: s.switchWrap }, [(0, react.createElement)("input", {
+							type: "checkbox",
+							checked: blocked,
+							onChange: () => toggleBlock(sec.name, blocked)
+						}), (0, react.createElement)("span", { style: blocked ? s.badgeBlocked : s.badgeOk }, blocked ? t("blockedOn") : t("blockedOff"))]),
+						(0, react.createElement)("div", { style: s.rowBody }, [(0, react.createElement)("div", { style: s.rowTitle }, [
+							(0, react.createElement)("span", { style: s.code }, sec.name),
+							(0, react.createElement)("span", { style: s.orderTag }, "#" + index),
+							sec.replaced ? (0, react.createElement)("span", { style: s.badgeReplaced }, t("replaced")) : null
+						]), isEditing ? (0, react.createElement)("div", { style: s.editBox }, [(0, react.createElement)("textarea", {
+							style: s.editInput,
+							value: draft,
+							onChange: (e) => setDraft(e.target.value),
+							rows: 3
+						}), (0, react.createElement)("div", { style: s.injectRow }, [(0, react.createElement)("button", {
+							style: s.mini,
+							onClick: () => commitReplace(sec.name)
+						}, t("add")), (0, react.createElement)("button", {
+							style: s.mini,
+							onClick: () => setEditing(null)
+						}, t("clearReplace"))])]) : (0, react.createElement)("div", { style: s.preview }, String(sec.text ?? "").slice(0, 140) || t("dynamic"))]),
+						(0, react.createElement)("div", { style: s.arrowCol }, [(0, react.createElement)("button", {
+							style: s.arrow,
+							disabled: index === 0,
+							onClick: () => moveOrder(index, -1),
+							title: t("moveUp")
+						}, "↑"), (0, react.createElement)("button", {
+							style: s.arrow,
+							disabled: index === merged.length - 1,
+							onClick: () => moveOrder(index, 1),
+							title: t("moveDown")
+						}, "↓")]),
+						(0, react.createElement)("button", {
+							style: s.mini,
+							onClick: () => replace[sec.name] ? clearReplace(sec.name) : startReplace(sec.name, String(sec.text ?? ""))
+						}, replace[sec.name] ? t("clearReplace") : t("replace"))
+					]);
+				}),
+				(0, react.createElement)("div", { style: s.injectBox }, [(0, react.createElement)("div", { style: s.rowTitle }, t("injectNew")), (0, react.createElement)(InjectForm, {
+					onAdd: addSection,
+					t
+				})])
+			]);
+		}
+		function InjectForm({ onAdd, t }) {
+			const [name, setName] = (0, react.useState)("");
+			const [order, setOrder] = (0, react.useState)("120");
+			const [text, setText] = (0, react.useState)("");
+			const submit = () => {
+				if (!name.trim()) return;
+				onAdd(name.trim(), Number(order) || 120, text);
+				setName("");
+				setText("");
+				setOrder("120");
+			};
+			return (0, react.createElement)("div", {}, [(0, react.createElement)("div", { style: s.injectRow }, [
+				(0, react.createElement)("input", {
+					style: {
+						...s.input,
+						width: "22%"
+					},
+					placeholder: t("name"),
+					value: name,
+					onChange: (e) => setName(e.target.value)
+				}),
+				(0, react.createElement)("input", {
+					style: {
+						...s.input,
+						width: "12%"
+					},
+					type: "number",
+					placeholder: t("order"),
+					value: order,
+					onChange: (e) => setOrder(e.target.value)
+				}),
+				(0, react.createElement)("input", {
+					style: {
+						...s.input,
+						flex: 1
+					},
+					placeholder: t("text"),
+					value: text,
+					onChange: (e) => setText(e.target.value)
+				}),
+				(0, react.createElement)("button", {
+					style: s.mini,
+					onClick: submit
+				}, t("add"))
+			])]);
+		}
+		//#endregion
+		//#region src/client/ToolsTab.tsx
+		/** Tools tab: hide tools from the model catalog by exclude/include. */
+		function ToolsTab({ cfg, inv, scope, t }) {
+			const tools = inv?.tools ?? [];
+			const toolsCfg = cfg.tools ?? {
+				exclude: [],
+				include: []
+			};
+			const exclude = toolsCfg.exclude ?? [];
+			const include = toolsCfg.include ?? [];
+			const includeMode = include.length > 0;
+			const toggle = (name, currentlyHidden) => {
+				if (includeMode) {
+					const next = include.slice();
+					if (currentlyHidden) next.push(name);
+					else {
+						const i = next.indexOf(name);
+						if (i >= 0) next.splice(i, 1);
+					}
+					scope.set("tools", {
+						...toolsCfg,
+						include: next
+					});
+				} else {
+					const next = exclude.slice();
+					if (currentlyHidden) {
+						const i = next.indexOf(name);
+						if (i >= 0) next.splice(i, 1);
+					} else next.push(name);
+					scope.set("tools", {
+						...toolsCfg,
+						exclude: next
+					});
+				}
+			};
+			const setIncludeMode = (on) => {
+				scope.set("tools", on ? {
+					exclude: exclude.filter((n) => tools.some((tool) => tool.name === n)),
+					include: tools.filter((tool) => !tool.hidden).map((tool) => tool.name)
+				} : {
+					exclude: ensureOnlyKnown(exclude, tools),
+					include: []
+				});
+			};
+			return (0, react.createElement)("div", {}, [(0, react.createElement)("div", { style: s.bar }, [(0, react.createElement)("button", {
+				style: includeMode ? s.tabActive : s.tab,
+				onClick: () => setIncludeMode(true)
+			}, t("includeMode")), (0, react.createElement)("button", {
+				style: includeMode ? s.tab : s.tabActive,
+				onClick: () => setIncludeMode(false)
+			}, t("excludeMode"))]), (0, react.createElement)("div", { style: s.list }, [tools.length === 0 ? (0, react.createElement)("div", { style: s.muted }, t("empty")) : null, tools.map((tool) => {
+				const hidden = includeMode ? !include.includes(tool.name) : exclude.includes(tool.name);
+				return (0, react.createElement)("div", {
+					key: tool.name,
+					style: s.row
+				}, [(0, react.createElement)("label", { style: s.switchWrap }, [(0, react.createElement)("input", {
+					type: "checkbox",
+					checked: hidden,
+					onChange: () => toggle(tool.name, hidden)
+				}), (0, react.createElement)("span", { style: hidden ? s.badgeBlocked : s.badgeOk }, hidden ? t("hiddenOn") : t("hiddenOff"))]), (0, react.createElement)("div", { style: s.rowBody }, [(0, react.createElement)("div", { style: s.rowTitle }, (0, react.createElement)("span", { style: s.code }, tool.name)), (0, react.createElement)("div", { style: s.preview }, String(tool.description ?? "").slice(0, 140))])]);
+			})])]);
+		}
+		function ensureOnlyKnown(list, known) {
+			const names = known.map((tool) => tool.name);
+			return list.filter((n) => names.includes(n));
+		}
+		//#endregion
+		//#region src/client/PresetsTab.tsx
+		/** Presets tab: save / apply / export / import complete customization snapshots. */
+		function PresetsTab({ cfg, inv, scope, t }) {
+			const presets = cfg.presets ?? [];
+			const [name, setName] = (0, react.useState)("");
+			const fileRef = (0, react.useRef)(null);
+			const currentNames = (() => {
+				const set = /* @__PURE__ */ new Set();
+				for (const sec of inv?.sections ?? []) set.add(sec.name);
+				for (const item of cfg.inject ?? []) set.add(item.name);
+				return set;
+			})();
+			const saveCurrent = () => {
+				const presetName = name.trim() || `${t("preset")} ${presets.length + 1}`;
+				const inject = cfg.inject ?? [];
+				const order = inject.map((sec, i) => ({
+					name: sec.name,
+					after: i > 0 ? inject[i - 1].name : void 0,
+					text: sec.text
+				}));
+				const data = {
+					sections: cfg.sections,
+					replace: cfg.replace,
+					order,
+					tools: cfg.tools
+				};
+				scope.set("presets", [...presets, {
+					id: genId(),
+					name: presetName,
+					data
+				}]);
+				setName("");
+			};
+			const applyPreset = (preset) => {
+				const presetOrder = preset.data.order ?? [];
+				const presetNames = new Set(presetOrder.map((x) => x.name));
+				const blocked = new Set(preset.data.sections ?? []);
+				for (const name of currentNames) if (!presetNames.has(name)) blocked.add(name);
+				for (const name of presetNames) blocked.delete(name);
+				scope.set("inject", resolveOrder(presetOrder));
+				scope.set("replace", {
+					...cfg.replace ?? {},
+					...preset.data.replace ?? {}
+				});
+				scope.set("sections", [...blocked]);
+				scope.set("tools", preset.data.tools ?? {
+					exclude: [],
+					include: []
+				});
+				scope.set("activePreset", preset.id);
+			};
+			const deletePreset = (id) => {
+				scope.set("presets", presets.filter((p) => p.id !== id));
+				if (cfg.activePreset === id) scope.unset("activePreset");
+			};
+			const exportPreset = (preset) => {
+				const blob = new Blob([JSON.stringify({
+					name: preset.name,
+					data: preset.data
+				}, null, 2)], { type: "application/json" });
+				const url = URL.createObjectURL(blob);
+				const a = document.createElement("a");
+				a.href = url;
+				a.download = `${preset.name}.json`;
+				a.click();
+				URL.revokeObjectURL(url);
+			};
+			const onImportFile = (e) => {
+				const file = e.target.files?.[0];
+				if (!file) return;
+				const reader = new FileReader();
+				reader.onload = () => {
+					try {
+						const parsed = JSON.parse(String(reader.result));
+						const incoming = Array.isArray(parsed) ? parsed : [parsed];
+						const existing = new Set(presets.map((p) => p.name));
+						const added = incoming.filter((p) => p && typeof p.name === "string" && !existing.has(p.name)).map((p) => ({
+							id: genId(),
+							name: p.name,
+							data: p.data ?? {}
+						}));
+						if (added.length > 0) scope.set("presets", [...presets, ...added]);
+					} catch {}
+				};
+				reader.readAsText(file);
+				e.target.value = "";
+			};
+			return (0, react.createElement)("div", { style: s.list }, [
+				(0, react.createElement)("div", { style: s.injectBox }, [(0, react.createElement)("div", { style: s.rowTitle }, t("savePreset")), (0, react.createElement)("div", { style: s.injectRow }, [(0, react.createElement)("input", {
+					style: {
+						...s.input,
+						flex: 1
+					},
+					placeholder: t("presetName"),
+					value: name,
+					onChange: (e) => setName(e.target.value)
+				}), (0, react.createElement)("button", {
+					style: s.mini,
+					onClick: saveCurrent
+				}, t("save"))])]),
+				(0, react.createElement)("div", { style: s.injectBox }, [(0, react.createElement)("div", { style: s.rowTitle }, t("importPreset")), (0, react.createElement)("div", { style: s.injectRow }, [(0, react.createElement)("button", {
+					style: s.mini,
+					onClick: () => fileRef.current?.click()
+				}, t("import")), (0, react.createElement)("input", {
+					ref: fileRef,
+					type: "file",
+					accept: ".json,application/json",
+					style: { display: "none" },
+					onChange: onImportFile
+				})])]),
+				presets.length === 0 ? (0, react.createElement)("div", { style: s.muted }, t("empty")) : null,
+				presets.map((preset) => {
+					const active = cfg.activePreset === preset.id;
+					return (0, react.createElement)("div", {
+						key: preset.id,
+						style: s.row
+					}, [
+						(0, react.createElement)("div", { style: s.rowBody }, [(0, react.createElement)("div", { style: s.rowTitle }, [(0, react.createElement)("span", { style: s.code }, preset.name), active ? (0, react.createElement)("span", { style: s.badgeOk }, t("active")) : null])]),
+						(0, react.createElement)("button", {
+							style: s.mini,
+							onClick: () => applyPreset(preset)
+						}, t("apply")),
+						(0, react.createElement)("button", {
+							style: s.mini,
+							onClick: () => exportPreset(preset)
+						}, t("export")),
+						(0, react.createElement)("button", {
+							style: s.mini,
+							onClick: () => deletePreset(preset.id)
+						}, t("delete"))
+					]);
+				})
+			]);
+		}
+		function genId() {
+			return "p_" + Date.now().toString(36) + Math.random().toString(36).slice(2, 7);
+		}
+		/**
+		* Resolve a preset's relative order into an absolute ordered list (0..n-1).
+		* Sections with no anchor (or whose anchor is absent) come first in preset
+		* order; each anchored section is inserted right after its anchor; any
+		* remaining sections (cycles) are appended.
+		*/
+		function resolveOrder(presetOrder) {
+			const afterMap = /* @__PURE__ */ new Map();
+			const textMap = /* @__PURE__ */ new Map();
+			for (const sec of presetOrder) {
+				afterMap.set(sec.name, sec.after);
+				textMap.set(sec.name, sec.text);
+			}
+			const result = [];
+			const placed = /* @__PURE__ */ new Set();
+			for (const sec of presetOrder) {
+				const anchor = afterMap.get(sec.name);
+				if (!anchor || !afterMap.has(anchor)) {
+					result.push(sec.name);
+					placed.add(sec.name);
+				}
+			}
+			let changed = true;
+			while (changed) {
+				changed = false;
+				for (const sec of presetOrder) {
+					if (placed.has(sec.name)) continue;
+					const anchor = afterMap.get(sec.name);
+					if (anchor && placed.has(anchor)) {
+						result.splice(result.indexOf(anchor) + 1, 0, sec.name);
+						placed.add(sec.name);
+						changed = true;
+					}
+				}
+			}
+			for (const sec of presetOrder) if (!placed.has(sec.name)) {
+				result.push(sec.name);
+				placed.add(sec.name);
+			}
+			return result.map((name, i) => ({
+				name,
+				order: i,
+				text: textMap.get(name) ?? ""
+			}));
+		}
+		//#endregion
+		//#region src/client/index.ts
+		/**
+		* dsh-prompt-customizer — browser half (TypeScript source).
+		*
+		* Registers a "提示词定制" settings section (sidebar entry) and a plugin
+		* settings card. The panel fetches the effective section / tool inventory
+		* from the host `/api/prompt-customizer/inventory` and lets the user block,
+		* replace, inject prompt sections and hide tools. All writes go through the
+		* bound settings scope (`prompt-customizer` namespace) and apply live.
+		*
+		* Built by tsdown into the __ModuleLoader__ factory bundle at client/client.js;
+		* the only external is the loader module table's react entry.
+		*/
+		const NS = "prompt-customizer";
+		const INVENTORY_URL = "/api/prompt-customizer/inventory";
+		const name = "prompt-customizer";
+		const inject = ["slots", "locale"];
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, DICT), "prompt-customizer: locale");
+			const t = ctx.locale.bind(NS);
+			ctx.inject(["settingsScope"], (scoped) => {
+				const scope = scoped.settingsScope.bind({ namespace: NS });
+				scoped.slots.inject("settings.section", () => scoped.slots.register({
+					name: "settings.section",
+					id: "prompt-customizer",
+					order: 50,
+					label: () => t("nav"),
+					locale: NS,
+					inject: () => ({ t })
+				}, () => (0, react.createElement)(Panel, {
+					scope,
+					t
+				})));
+				scoped.slots.inject("settings.plugin.item", () => scoped.slots.register({
+					name: "settings.plugin.item",
+					key: NS,
+					locale: NS,
+					inject: () => ({ t })
+				}, () => (0, react.createElement)(Panel, {
+					scope,
+					t
+				})));
+			});
+		}
+		function Panel({ scope, t }) {
+			const [snap, setSnap] = (0, react.useState)(() => scope.getSnapshot());
+			const [inv, setInv] = (0, react.useState)(null);
+			const [tab, setTab] = (0, react.useState)("sections");
+			const [error, setError] = (0, react.useState)(null);
+			(0, react.useEffect)(() => scope.subscribe(() => setSnap(scope.getSnapshot())), [scope]);
+			const refresh = () => {
+				fetch(INVENTORY_URL).then((r) => r.json()).then((data) => {
+					setInv(data);
+					setError(null);
+				}).catch((e) => setError(String(e instanceof Error ? e.message : e)));
+			};
+			(0, react.useEffect)(refresh, []);
+			if (snap.status !== "ready" && snap.value === void 0) return (0, react.createElement)("div", { style: s.muted }, t("loading"));
+			const cfg = snap.value && typeof snap.value === "object" ? snap.value : {
+				sections: [],
+				replace: {},
+				inject: [],
+				tools: {
+					exclude: [],
+					include: []
+				}
+			};
+			return (0, react.createElement)("div", { style: s.root }, [
+				(0, react.createElement)("div", { style: s.bar }, [
+					(0, react.createElement)("button", {
+						style: tab === "sections" ? s.tabActive : s.tab,
+						onClick: () => setTab("sections")
+					}, t("tabsSections")),
+					(0, react.createElement)("button", {
+						style: tab === "tools" ? s.tabActive : s.tab,
+						onClick: () => setTab("tools")
+					}, t("tabsTools")),
+					(0, react.createElement)("button", {
+						style: tab === "presets" ? s.tabActive : s.tab,
+						onClick: () => setTab("presets")
+					}, t("tabsPresets")),
+					(0, react.createElement)("button", {
+						style: s.refresh,
+						onClick: refresh
+					}, t("refresh"))
+				]),
+				error ? (0, react.createElement)("div", { style: s.error }, String(error)) : null,
+				tab === "sections" ? (0, react.createElement)(SectionsTab, {
+					cfg,
+					inv,
+					scope,
+					t
+				}) : tab === "tools" ? (0, react.createElement)(ToolsTab, {
+					cfg,
+					inv,
+					scope,
+					t
+				}) : (0, react.createElement)(PresetsTab, {
+					cfg,
+					inv,
+					scope,
+					t
+				})
+			]);
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map