dsh-yolo-mode 0.6.0 → 0.6.1

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 本项目遵循 [Semantic Versioning](https://semver.org/)。
 
+## [0.6.1] - 2026-09-27
+
+### 修复：配置位置改到插件详情页（0.6.0 放错了地方）
+
+0.6.0 把配置放进了输入框旁的 `YOLO <预设>` 胶囊浮层（`shell.overlay`）——那是**状态与日志**
+的位置，不是「插件的配置面板」。本次改用 DSH 插件管理页声明的专用槽位：
+
+- **新增 `plugins.bundle.config` 注册**（key = npm 包名 `dsh-yolo-mode`）：配置渲染在
+  「插件列表 → dsh-yolo-mode」页面的**描述与组件行之间**。该槽位是 keyed slot，页面仅在
+  有注册者（且 key 等于包名）时才渲染配置区块
+  （`dsh-client-ui-plugin-manager`：`configured = ledger.bundles.has(pkg.name)`）——
+  这正是此前该页面完全没有配置区的原因。
+- bundle 页可容纳多个条目，因此页面**不传宿主 `form`**，由本插件自持草稿、校验与保存
+  （仍走 `/yolo-mode` 设置桥 + 乐观修订锁）。`view === 'summary'` 时不渲染
+  （bundle 页只请求 `page`）。
+- **胶囊浮层回归纯状态/日志**：撤销 0.6.0 给 `shell.overlay` 加的「配置 / 状态与日志」双标签；
+  点胶囊仍是原来的统计卡 + 裁决表分页 + 打开日志 + 刷新。
+- 文案 `tabConfig` / `tabStatus` 退役（不再有标签页）；`settings.section` 保持退役。
+
 ## [0.6.0] - 2026-09-27
 
 ### 变更：全部配置移入插件自身 UI 面板（设置页退役）

package/lib/client/index.js

@@ -15,8 +15,6 @@ window.__ModuleLoader__.load({
 		const NS = "settings.yoloMode";
 		/** English dictionary. */
 		const en = {
-			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.",
@@ -74,8 +72,6 @@ window.__ModuleLoader__.load({
 		};
 		/** Chinese dictionary. */
 		const zh = {
-			tabConfig: "配置",
-			tabStatus: "状态与日志",
 			chip: "YOLO 状态",
 			sectionIntro: "配置 YOLO 模式如何自动裁决沙箱升权审批申请。",
 			loadError: "无法加载 YOLO 模式设置。",
@@ -558,60 +554,6 @@ 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
@@ -701,8 +643,10 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/ui/ConfigForm.js
 		/**
-		* YOLO mode configuration form. Rendered inside the plugin's own UI panel
-		* (`shell.overlay`, see ./Popup.js): the DSH `settings.section` page was retired
+		* YOLO mode configuration form. Rendered on this plugin's own page in the DSH
+		* plugin manager (插件列表 → dsh-yolo-mode), via the `plugins.bundle.config`
+		* slot keyed by the package name (see ../index.js) — between the package
+		* description and the component rows. The `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
@@ -889,14 +833,21 @@ window.__ModuleLoader__.load({
 			}
 		};
 		/**
-		* The YOLO configuration form (hosted by the plugin's own UI panel).
+		* The YOLO configuration form.
 		*
-		* @param {object} props - panel-delivered inject face: { store, useSnapshot, t }
-		*   plus optional close() to dismiss the hosting panel.
+		* Hosted by this plugin's own page in the plugin manager: registered into
+		* `plugins.bundle.config` under the package name (see ../index.js). The page
+		* dispatches `view`; a bundle page only ever asks for `page`, and a bundle may
+		* hold several configuration entries, so the page passes NO host `form` — this
+		* component owns its draft, validation and save path (the /yolo-mode bridge).
+		*
+		* @param {object} props - slot props `{ view? }` merged with the inject face
+		*   `{ store, useSnapshot, t }`; an optional `close()` adds a dismiss control.
 		*/
 		function ConfigForm(props) {
-			const { store, useSnapshot, t, close } = props;
+			const { view, store, useSnapshot, t, close } = props;
 			if (store === void 0 || useSnapshot === void 0 || t === void 0) return null;
+			if (view === "summary") return null;
 			return ReactSection({
 				store,
 				useSnapshot,
@@ -1154,20 +1105,69 @@ 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 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.
+		* 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.
 		*
-		* Guard/hook split mirrors ConfigForm: 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;
@@ -1284,35 +1284,6 @@ 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 "";
@@ -1334,7 +1305,6 @@ 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);
@@ -1372,55 +1342,43 @@ window.__ModuleLoader__.load({
 					setLogBusy(false);
 				}
 			};
-			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", {
+			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", {
 				style: logBusy ? Object.assign({}, secondaryButton, { opacity: .6 }) : secondaryButton,
 				onClick: () => void openLog(),
 				title: auditFile !== void 0 ? auditFile : void 0
-			}, logBusy ? t("openLogBusy") : t("openLog")) : null, (0, react.createElement)("button", {
+			}, logBusy ? t("openLogBusy") : t("openLog")), (0, react.createElement)("button", {
 				style: primaryButton,
 				onClick: () => void store.load()
-			}, t("refresh")))), tab === "config" ? (0, react.createElement)(ConfigForm, {
-				store,
-				useSnapshot,
-				t,
-				close: () => store.togglePopup()
-			}) : (0, react.createElement)("div", { style: statusBodyStyle }, ...statusBody));
+			}, 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"))));
 		}
 		/** User-facing message for a failed open-log attempt (by error code). */
 		function logMessage(t, error) {
@@ -1476,9 +1434,14 @@ window.__ModuleLoader__.load({
 		/**
 		* YOLO mode — browser half (DSH client plugin).
 		*
-		* 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
+		* Registers three slots:
+		*  - `plugins.bundle.config` (key `dsh-yolo-mode`): ALL configuration, rendered
+		*    on this plugin's own page in the plugin manager (插件列表 → dsh-yolo-mode),
+		*    between the package description and the component rows;
+		*  - `conversation.input.left`: the `YOLO <preset>` status chip;
+		*  - `shell.overlay`: the stats / recent-decisions panel that chip opens.
+		*
+		* The `settings.section` page stays retired: 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.
@@ -1535,6 +1498,12 @@ window.__ModuleLoader__.load({
 				useSnapshot,
 				t
 			});
+			ctx.slots.inject("plugins.bundle.config", () => ctx.slots.register({
+				name: "plugins.bundle.config",
+				key: "dsh-yolo-mode",
+				locale: NS,
+				inject: injected
+			}, ConfigForm));
 			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.6.0",
+  "version": "0.6.1",
   "description": "dsh-yolo-mode —— DeepSeek Harness 双面包插件：当会话处于可写沙箱模式且审批策略为 ask 时，用大模型自动裁决沙箱升权申请，支持内置预设与自定义权限层级，并提供宿主 settings + 自发布设置桥（/yolo-mode）与 Web 客户端 UI。",
   "type": "module",
   "main": "lib/index.js",