dsh-yolo-mode 0.5.3 → 0.6.0

package/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 本项目遵循 [Semantic Versioning](https://semver.org/)。
 
+## [0.6.0] - 2026-09-27
+
+### 变更：全部配置移入插件自身 UI 面板（设置页退役）
+
+- **移除 `settings.section` 注册**（原 id `yolo-mode`，order 25）：不再向 DSH 设置面板
+  注册任何页面，全部配置项改由插件自身的 UI 面板承载 —— 点击输入框左侧的
+  `YOLO <预设>` 胶囊打开（slot `shell.overlay`）。
+- 面板新增 **配置 / 状态与日志** 两个标签，默认打开「配置」：
+  - 「配置」渲染原设置页的完整表单（预设 / 模式 / 裁判供应商与模型 / 超时 / 最大令牌 /
+    并发 / 系统提示词 / 层级表），保存仍走 `settingsMutate` 路径操作 + 乐观锁；
+  - 「状态与日志」保留统计卡、裁决表分页、「打开日志」与「刷新」。
+- `src/client/ui/SettingsSection.js` → `src/client/ui/ConfigForm.js`（导出名
+  `ConfigForm`）；组件内部逻辑不变，仅宿主从设置页改为面板。
+- 文案 `nav` 退役，新增 `tabConfig` / `tabStatus`（中英双语）。
+
+### 修复：依赖解析与构建可复现
+
+- `peerDependencies` 移除两个**已停更**的官方包：`@deepseek-ai/dsh-host-apiproxy`
+  与 `@deepseek-ai/dsh-client-runtime`（npm 上分别止于 `0.1.1-rc.2`）。二者此前仅为
+  `import type` 引用（`verbatimModuleSyntax` 下会被擦除），却会让全新克隆的 `npm ci`
+  因无法解析已停更 peer 而直接失败。
+- `devDependencies` 的 `@deepseek-ai/dsh-llm` / `dsh-timeout` / `dsh-settings` 由
+  `^0.1.7-rc.1` 收紧为精确 `0.1.7-rc.2`：DSH 预发布包内部使用**精确 peer**，
+  rc.1 与 rc.2 混装会触发 `ERESOLVE` 冲突。现在可 `npm ci && npm test`（无需
+  `--legacy-peer-deps`）。
+- `scripts/build-client.mjs` 移除硬编码开发机回退路径
+  （`E:/MyProjectCollection/Plugins/dsh-subagents-options/package.json`），改为在
+  缺少 `rolldown` 时抛出可操作的错误提示。
+- `package-lock.json` 重新生成（`resolved` 全部指向 `registry.npmjs.org`）。
+
 ## [0.5.3] - 2026-09-25
 
 ### 兼容：适配 DSH 0.1.7-rc.2

package/lib/client/index.js

@@ -15,7 +15,8 @@ window.__ModuleLoader__.load({
 		const NS = "settings.yoloMode";
 		/** English dictionary. */
 		const en = {
-			nav: "YOLO Approval",
+			tabConfig: "Configuration",
+			tabStatus: "Status & log",
 			chip: "YOLO status",
 			sectionIntro: "Configure how YOLO mode auto-judges sandbox escalation approval requests.",
 			loadError: "Could not load YOLO mode settings.",
@@ -73,7 +74,8 @@ window.__ModuleLoader__.load({
 		};
 		/** Chinese dictionary. */
 		const zh = {
-			nav: "YOLO 审批",
+			tabConfig: "配置",
+			tabStatus: "状态与日志",
 			chip: "YOLO 状态",
 			sectionIntro: "配置 YOLO 模式如何自动裁决沙箱升权审批申请。",
 			loadError: "无法加载 YOLO 模式设置。",
@@ -556,6 +558,60 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region src/client/ui/Chip.js
+		/**
+		* YOLO mode status chip (slot `conversation.input.left`). Shows "YOLO <preset>"
+		* and toggles the shared popup via store.togglePopup().
+		*/
+		const chipStyle = {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6,
+			padding: "4px 10px",
+			borderRadius: 999,
+			backgroundColor: "#ffffff",
+			color: "#1d4ed8",
+			border: "1px solid #93c5fd",
+			fontSize: 12,
+			cursor: "pointer",
+			whiteSpace: "nowrap",
+			userSelect: "none"
+		};
+		/** Status colour for the leading dot based on judge readiness. */
+		function dotColor(statusInfo) {
+			return statusInfo && statusInfo.judgeConfigured ? "#16a34a" : "#d97706";
+		}
+		/**
+		* @param {object} props - slot-delivered { store, useSnapshot, t } (inject face).
+		*/
+		function Chip(props) {
+			const store = props.store;
+			const useSnapshot = props.useSnapshot;
+			if (store === void 0 || useSnapshot === void 0) return null;
+			return ChipLoaded({
+				store,
+				useSnapshot
+			});
+		}
+		function ChipLoaded({ store, useSnapshot }) {
+			(0, react.useEffect)(() => {
+				store.load();
+			}, [store]);
+			const statusInfo = useSnapshot((s) => s).statusInfo;
+			const preset = statusInfo && typeof statusInfo.preset === "string" ? statusInfo.preset : "…";
+			return (0, react.createElement)("button", {
+				style: chipStyle,
+				title: "YOLO",
+				onClick: () => store.togglePopup()
+			}, (0, react.createElement)("span", { style: {
+				width: 8,
+				height: 8,
+				borderRadius: 4,
+				backgroundColor: dotColor(statusInfo),
+				display: "inline-block"
+			} }), "YOLO " + preset);
+		}
+		//#endregion
 		//#region src/client/presets.js
 		/**
 		* Static per-preset display data for the YOLO settings page: the level table
@@ -643,10 +699,12 @@ window.__ModuleLoader__.load({
 			return PRESETS_INFO.find((preset) => preset.id === id) || null;
 		}
 		//#endregion
-		//#region src/client/ui/SettingsSection.js
+		//#region src/client/ui/ConfigForm.js
 		/**
-		* YOLO mode settings section (slot `settings.section`). Renders the resolved
-		* configuration (view.value) into a form and saves via path ops through
+		* YOLO mode configuration form. Rendered inside the plugin's own UI panel
+		* (`shell.overlay`, see ./Popup.js): the DSH `settings.section` page was retired
+		* so this form is the single configuration surface for the plugin. It renders
+		* the resolved configuration (view.value) and saves via path ops through
 		* store.mutate with an optimistic-revision lock. Everything is React.createElement
 		* + inline styles (no JSX, no CSS modules).
 		*
@@ -831,12 +889,12 @@ window.__ModuleLoader__.load({
 			}
 		};
 		/**
-		* The YOLO settings section.
+		* The YOLO configuration form (hosted by the plugin's own UI panel).
 		*
-		* @param {object} props - slot-delivered inject face: { store, useSnapshot, t }
-		*   plus optional ownerProps.close.
+		* @param {object} props - panel-delivered inject face: { store, useSnapshot, t }
+		*   plus optional close() to dismiss the hosting panel.
 		*/
-		function SettingsSection(props) {
+		function ConfigForm(props) {
 			const { store, useSnapshot, t, close } = props;
 			if (store === void 0 || useSnapshot === void 0 || t === void 0) return null;
 			return ReactSection({
@@ -1096,69 +1154,20 @@ window.__ModuleLoader__.load({
 			return ops;
 		}
 		//#endregion
-		//#region src/client/ui/Chip.js
-		/**
-		* YOLO mode status chip (slot `conversation.input.left`). Shows "YOLO <preset>"
-		* and toggles the shared popup via store.togglePopup().
-		*/
-		const chipStyle = {
-			display: "inline-flex",
-			alignItems: "center",
-			gap: 6,
-			padding: "4px 10px",
-			borderRadius: 999,
-			backgroundColor: "#ffffff",
-			color: "#1d4ed8",
-			border: "1px solid #93c5fd",
-			fontSize: 12,
-			cursor: "pointer",
-			whiteSpace: "nowrap",
-			userSelect: "none"
-		};
-		/** Status colour for the leading dot based on judge readiness. */
-		function dotColor(statusInfo) {
-			return statusInfo && statusInfo.judgeConfigured ? "#16a34a" : "#d97706";
-		}
-		/**
-		* @param {object} props - slot-delivered { store, useSnapshot, t } (inject face).
-		*/
-		function Chip(props) {
-			const store = props.store;
-			const useSnapshot = props.useSnapshot;
-			if (store === void 0 || useSnapshot === void 0) return null;
-			return ChipLoaded({
-				store,
-				useSnapshot
-			});
-		}
-		function ChipLoaded({ store, useSnapshot }) {
-			(0, react.useEffect)(() => {
-				store.load();
-			}, [store]);
-			const statusInfo = useSnapshot((s) => s).statusInfo;
-			const preset = statusInfo && typeof statusInfo.preset === "string" ? statusInfo.preset : "…";
-			return (0, react.createElement)("button", {
-				style: chipStyle,
-				title: "YOLO",
-				onClick: () => store.togglePopup()
-			}, (0, react.createElement)("span", { style: {
-				width: 8,
-				height: 8,
-				borderRadius: 4,
-				backgroundColor: dotColor(statusInfo),
-				display: "inline-block"
-			} }), "YOLO " + preset);
-		}
-		//#endregion
 		//#region src/client/ui/Popup.js
 		/**
-		* YOLO mode status popup (slot `shell.overlay`). Renders null while the store's
-		* open flag is false; otherwise a stats card plus the recent decisions table
-		* (paged, PAGE_SIZE per page, newest first), an "open audit log" button, and a
-		* refresh button.
+		* YOLO mode panel (slot `shell.overlay`). Renders null while the store's open
+		* flag is false. When open it hosts TWO tabs and is the plugin's single
+		* configuration surface (the DSH `settings.section` page was retired):
+		*
+		*  - `config` (default): the full configuration form (preset / modes / judge
+		*    provider+model / timeout / maxTokens / concurrency / system prompt /
+		*    levels), reusing ./ConfigForm.js.
+		*  - `status`: the stats card, the recent decisions table (paged, PAGE_SIZE per
+		*    page, newest first), the "open audit log" button and a refresh button.
 		*
-		* Guard/hook split mirrors SettingsSection: the outer component validates the
-		* slot inject face, the inner component owns all hooks unconditionally.
+		* Guard/hook split mirrors ConfigForm: the outer component validates the slot
+		* inject face, the inner component owns all hooks unconditionally.
 		*/
 		/** Rows per page of the recent-decisions table. */
 		const PAGE_SIZE = 5;
@@ -1275,6 +1284,35 @@ window.__ModuleLoader__.load({
 		};
 		const logResultOk = { color: "#16a34a" };
 		const logResultErr = { color: "#dc2626" };
+		/** Body wrapper for the status tab (the config tab renders ConfigForm directly). */
+		const statusBodyStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 12
+		};
+		const tabStyle = {
+			backgroundColor: "#ffffff",
+			color: "#374151",
+			border: "1px solid #cbd5e1",
+			borderRadius: 6,
+			padding: "5px 12px",
+			fontSize: 12,
+			cursor: "pointer"
+		};
+		const tabActiveStyle = {
+			backgroundColor: "#2563eb",
+			color: "#ffffff",
+			borderColor: "#2563eb"
+		};
+		/** One panel tab switch; the active tab is highlighted and non-submit. */
+		function tabButton(t, id, current, setTab) {
+			return (0, react.createElement)("button", {
+				key: id,
+				type: "button",
+				style: Object.assign({}, tabStyle, id === current ? tabActiveStyle : {}),
+				onClick: () => setTab(id)
+			}, t(id === "config" ? "tabConfig" : "tabStatus"));
+		}
 		/** Truncate long reason text for display. */
 		function truncate(text, max) {
 			if (typeof text !== "string") return "";
@@ -1296,6 +1334,7 @@ window.__ModuleLoader__.load({
 		}
 		function ReactPopup({ store, useSnapshot, t }) {
 			const state = useSnapshot((s) => s);
+			const [tab, setTab] = (0, react.useState)("config");
 			const [page, setPage] = (0, react.useState)(0);
 			const [logResult, setLogResult] = (0, react.useState)(void 0);
 			const [logBusy, setLogBusy] = (0, react.useState)(false);
@@ -1333,43 +1372,55 @@ window.__ModuleLoader__.load({
 					setLogBusy(false);
 				}
 			};
-			return (0, react.createElement)("div", { style: popupStyle }, (0, react.createElement)("div", { style: headerStyle }, (0, react.createElement)("strong", {}, t("chip")), (0, react.createElement)("div", { style: headerButtons }, (0, react.createElement)("button", {
+			const statusBody = [
+				logResult !== void 0 ? (0, react.createElement)("p", { style: Object.assign({}, captionStyle, logResult.ok ? logResultOk : logResultErr) }, logResult.ok ? t("openLogOk") + (logResult.value && logResult.value.path ? ": " + logResult.value.path : "") : logMessage(t, logResult.error)) : auditFile !== void 0 ? (0, react.createElement)("p", { style: captionStyle }, t("logPath") + ": " + auditFile) : null,
+				(0, react.createElement)("div", { style: statGrid }, statCellOf(t, "statsTotal", stats.total), statCellOf(t, "statsAllowed", stats.allowed), statCellOf(t, "statsRejected", stats.rejected), statCellOf(t, "statsDelegated", stats.delegated)),
+				recent.length === 0 ? (0, react.createElement)("p", { style: {
+					color: "#6b7280",
+					fontSize: 12,
+					margin: 0
+				} }, t("recentEmpty")) : (0, react.createElement)("table", { style: tableStyle }, (0, react.createElement)("thead", {}, (0, react.createElement)("tr", {}, (0, react.createElement)("th", { style: thStyle }, t("tableTime")), (0, react.createElement)("th", { style: thStyle }, t("tableTool")), (0, react.createElement)("th", { style: thStyle }, t("tableTarget")), (0, react.createElement)("th", { style: thStyle }, t("tableDecision")), (0, react.createElement)("th", { style: thStyle }, t("tableOutcome")), (0, react.createElement)("th", { style: thStyle }, t("tableReason")))), (0, react.createElement)("tbody", {}, pageRows.map((row, idx) => tableRow(t, row, safePage * PAGE_SIZE + idx)))),
+				totalPages > 1 ? (0, react.createElement)("div", { style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "flex-end",
+					gap: 8
+				} }, (0, react.createElement)("button", {
+					style: Object.assign({}, pagerButton, safePage === 0 ? pagerButtonDisabled : {}),
+					disabled: safePage === 0,
+					onClick: () => setPage(safePage - 1)
+				}, t("pagePrev")), (0, react.createElement)("span", { style: {
+					fontSize: 12,
+					color: "#374151"
+				} }, t("pageOf", {
+					current: String(safePage + 1),
+					total: String(totalPages)
+				})), (0, react.createElement)("button", {
+					style: Object.assign({}, pagerButton, safePage >= totalPages - 1 ? pagerButtonDisabled : {}),
+					disabled: safePage >= totalPages - 1,
+					onClick: () => setPage(safePage + 1)
+				}, t("pageNext"))) : null,
+				(0, react.createElement)("div", { style: {
+					display: "flex",
+					justifyContent: "flex-end"
+				} }, (0, react.createElement)("button", {
+					style: primaryButton,
+					onClick: () => store.togglePopup()
+				}, t("close")))
+			];
+			return (0, react.createElement)("div", { style: popupStyle }, (0, react.createElement)("div", { style: headerStyle }, (0, react.createElement)("strong", {}, t("chip")), (0, react.createElement)("div", { style: headerButtons }, tabButton(t, "config", tab, setTab), tabButton(t, "status", tab, setTab), tab === "status" ? (0, react.createElement)("button", {
 				style: logBusy ? Object.assign({}, secondaryButton, { opacity: .6 }) : secondaryButton,
 				onClick: () => void openLog(),
 				title: auditFile !== void 0 ? auditFile : void 0
-			}, logBusy ? t("openLogBusy") : t("openLog")), (0, react.createElement)("button", {
+			}, logBusy ? t("openLogBusy") : t("openLog")) : null, (0, react.createElement)("button", {
 				style: primaryButton,
 				onClick: () => void store.load()
-			}, t("refresh")))), logResult !== void 0 ? (0, react.createElement)("p", { style: Object.assign({}, captionStyle, logResult.ok ? logResultOk : logResultErr) }, logResult.ok ? t("openLogOk") + (logResult.value && logResult.value.path ? ": " + logResult.value.path : "") : logMessage(t, logResult.error)) : auditFile !== void 0 ? (0, react.createElement)("p", { style: captionStyle }, t("logPath") + ": " + auditFile) : null, (0, react.createElement)("div", { style: statGrid }, statCellOf(t, "statsTotal", stats.total), statCellOf(t, "statsAllowed", stats.allowed), statCellOf(t, "statsRejected", stats.rejected), statCellOf(t, "statsDelegated", stats.delegated)), recent.length === 0 ? (0, react.createElement)("p", { style: {
-				color: "#6b7280",
-				fontSize: 12,
-				margin: 0
-			} }, t("recentEmpty")) : (0, react.createElement)("table", { style: tableStyle }, (0, react.createElement)("thead", {}, (0, react.createElement)("tr", {}, (0, react.createElement)("th", { style: thStyle }, t("tableTime")), (0, react.createElement)("th", { style: thStyle }, t("tableTool")), (0, react.createElement)("th", { style: thStyle }, t("tableTarget")), (0, react.createElement)("th", { style: thStyle }, t("tableDecision")), (0, react.createElement)("th", { style: thStyle }, t("tableOutcome")), (0, react.createElement)("th", { style: thStyle }, t("tableReason")))), (0, react.createElement)("tbody", {}, pageRows.map((row, idx) => tableRow(t, row, safePage * PAGE_SIZE + idx)))), totalPages > 1 ? (0, react.createElement)("div", { style: {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "flex-end",
-				gap: 8
-			} }, (0, react.createElement)("button", {
-				style: Object.assign({}, pagerButton, safePage === 0 ? pagerButtonDisabled : {}),
-				disabled: safePage === 0,
-				onClick: () => setPage(safePage - 1)
-			}, t("pagePrev")), (0, react.createElement)("span", { style: {
-				fontSize: 12,
-				color: "#374151"
-			} }, t("pageOf", {
-				current: String(safePage + 1),
-				total: String(totalPages)
-			})), (0, react.createElement)("button", {
-				style: Object.assign({}, pagerButton, safePage >= totalPages - 1 ? pagerButtonDisabled : {}),
-				disabled: safePage >= totalPages - 1,
-				onClick: () => setPage(safePage + 1)
-			}, t("pageNext"))) : null, (0, react.createElement)("div", { style: {
-				display: "flex",
-				justifyContent: "flex-end"
-			} }, (0, react.createElement)("button", {
-				style: primaryButton,
-				onClick: () => store.togglePopup()
-			}, t("close"))));
+			}, t("refresh")))), tab === "config" ? (0, react.createElement)(ConfigForm, {
+				store,
+				useSnapshot,
+				t,
+				close: () => store.togglePopup()
+			}) : (0, react.createElement)("div", { style: statusBodyStyle }, ...statusBody));
 		}
 		/** User-facing message for a failed open-log attempt (by error code). */
 		function logMessage(t, error) {
@@ -1425,11 +1476,12 @@ window.__ModuleLoader__.load({
 		/**
 		* YOLO mode — browser half (DSH client plugin).
 		*
-		* Registers the `settings.section` page (id 'yolo-mode') that configures the
-		* preset/modes/judge/levels, the `conversation.input.left` status chip, and the
-		* `shell.overlay` stats/recent popup. Data flows through the connection's
-		* generic RPC channel (/yolo-mode) into a snapshot store; writes travel as path
-		* ops through settingsMutate with an optimistic-revision lock.
+		* Registers the `conversation.input.left` status chip and the `shell.overlay`
+		* panel. ALL configuration (preset/modes/judge/levels) lives in that panel: the
+		* `settings.section` page was retired, so nothing is configured from the DSH
+		* Settings surface any more. Data flows through the connection's generic RPC
+		* channel (/yolo-mode) into a snapshot store; writes travel as path ops through
+		* settingsMutate with an optimistic-revision lock.
 		*/
 		/**
 		* Services required by these slot registrations (dsh.client.inject is the same
@@ -1444,8 +1496,8 @@ window.__ModuleLoader__.load({
 			"remote.llm"
 		];
 		/**
-		* Register the YOLO section/chip/popup once the slot declarations are on the
-		* ledger, wire the store to the connection, and keep it fresh on every pushed
+		* Register the YOLO chip/panel once the slot declarations are on the ledger,
+		* wire the store to the connection, and keep it fresh on every pushed
 		* invalidation.
 		*
 		* @param {object} ctx - client cordis context.
@@ -1483,14 +1535,6 @@ window.__ModuleLoader__.load({
 				useSnapshot,
 				t
 			});
-			ctx.slots.inject("settings.section", () => ctx.slots.register({
-				name: "settings.section",
-				id: "yolo-mode",
-				order: 25,
-				label: () => t("nav"),
-				locale: NS,
-				inject: injected
-			}, SettingsSection));
 			ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
 				name: "conversation.input.left",
 				id: "yolo-mode-chip",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-yolo-mode",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "description": "dsh-yolo-mode —— DeepSeek Harness 双面包插件：当会话处于可写沙箱模式且审批策略为 ask 时，用大模型自动裁决沙箱升权申请，支持内置预设与自定义权限层级，并提供宿主 settings + 自发布设置桥（/yolo-mode）与 Web 客户端 UI。",
   "type": "module",
   "main": "lib/index.js",
@@ -44,8 +44,6 @@
     "@deepseek-ai/dsh-llm": "^0.1.7-rc.1",
     "@deepseek-ai/dsh-timeout": "^0.1.7-rc.1",
     "@deepseek-ai/dsh-settings": "^0.1.7-rc.1",
-    "@deepseek-ai/dsh-host-apiproxy": "^0.1.1-rc.2",
-    "@deepseek-ai/dsh-client-runtime": "^0.1.1-rc.2",
     "@deepseek-ai/dsh-client-connection": "^0.1.7-rc.1",
     "@deepseek-ai/dsh-client-ui-slots": "^0.1.7-rc.1",
     "@deepseek-ai/dsh-client-locale": "^0.1.7-rc.1",
@@ -54,9 +52,9 @@
   "devDependencies": {
     "rolldown": "^1.2.4",
     "@deepseek-ai/cordis": "^4.0.2",
-    "@deepseek-ai/dsh-llm": "^0.1.7-rc.1",
-    "@deepseek-ai/dsh-timeout": "^0.1.7-rc.1",
-    "@deepseek-ai/dsh-settings": "^0.1.7-rc.1",
+    "@deepseek-ai/dsh-llm": "0.1.7-rc.2",
+    "@deepseek-ai/dsh-timeout": "0.1.7-rc.2",
+    "@deepseek-ai/dsh-settings": "0.1.7-rc.2",
     "@deepseek-ai/schemastery": "^3.18.1"
   },
   "scripts": {
@@ -89,4 +87,4 @@
       "node": ">=20"
     }
   }
-}
+}