dsh-chef 0.2.0 → 0.3.0

package/dist/client.js

@@ -4,84 +4,561 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-		//#region src/slot.ts
-		const SLOT_ID = "ilife:chef";
-		const SLOT_TITLE = "大厨";
-		/** 写死原生组件描述（纯数据，无按需加载，无外嵌页）。 */
-		const TAB_COMPONENT = {
-			kind: "native",
-			name: "ChefPanel"
+		//#region \0rolldown/runtime.js
+		var __create = Object.create;
+		var __defProp = Object.defineProperty;
+		var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+		var __getOwnPropNames = Object.getOwnPropertyNames;
+		var __getProtoOf = Object.getPrototypeOf;
+		var __hasOwnProp = Object.prototype.hasOwnProperty;
+		var __copyProps = (to, from, except, desc) => {
+			if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+				key = keys[i];
+				if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+			return to;
 		};
-		/** 自注册：幂等（调用方持 disposer），失败返回 false 由调用方决定重试。 */
-		function registerSingle(port) {
-			if (!port.hasTabs()) return null;
-			return port.registerTab({
-				id: SLOT_ID,
-				title: SLOT_TITLE,
-				order: 90,
-				single: true,
-				component: TAB_COMPONENT
-			});
+		var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+			value: mod,
+			enumerable: true
+		}) : target, mod));
+		//#endregion
+		let react = require("react");
+		react = __toESM(react, 1);
+		//#region src/slot.ts
+		const SLOT_TITLE = "私家大厨";
+		const PLUGIN = "dsh-chef";
+		//#endregion
+		//#region src/settings.ts
+		/** 常用项：改了就影响「库与产物落在哪」，放页面上。 */
+		const COMMON = [
+			{
+				key: "db.dir",
+				title: "数据目录",
+				tier: "common",
+				control: "directory",
+				hint: "库文件与产物的根目录。留空＝按默认落点（配置目录下的 data/），也就是改造前那个位置。"
+			},
+			{
+				key: "db.name",
+				title: "库文件名",
+				tier: "common",
+				control: "text",
+				hint: "数据目录下的数据库文件名。改它等于换一个菜谱库，老菜谱留在旧文件里不会跟过来。"
+			},
+			{
+				key: "html.dir",
+				title: "HTML 产物目录名",
+				tier: "common",
+				control: "text",
+				hint: "数据目录下放交付页面的子目录名，可带一层：默认两段 cook_html/help。改它之后新页面落新地方。"
+			}
+		];
+		/** 高级项：默认收起。改错了多半只是自己撞上麻烦，不确定就别动。 */
+		const ADVANCED = [{
+			key: "files.help",
+			title: "产物文件名主体 · HELP",
+			tier: "advanced",
+			control: "text",
+			hint: "HELP 文件的文件名前缀，后面自动跟时间戳。改它之后旧的 HELP 产物不再被复用。"
+		}, {
+			key: "files.lookup",
+			title: "产物文件名主体 · 速查表",
+			tier: "advanced",
+			control: "text",
+			hint: "速查表文件的文件名前缀。改它之后新产物落新名字，旧的留在原处。"
+		}];
+		/** 设置页的行表，顺序即页面顺序。 */
+		const CONFIG_ITEMS = [...COMMON, ...ADVANCED];
+		/** 常用项行数（页面上直接画出来的那些）。 */
+		const COMMON_ITEM_COUNT = COMMON.length;
+		/** 高级组标题与副文案。 */
+		const ADVANCED_GROUP_TITLE = "高级";
+		const ADVANCED_GROUP_NOTE = "不常改。留空＝按默认落点（改造前那个位置），不确定就别动。";
+		/** 按 `a.b` 路径从配置取值里读（缺层或类型不符一律回 undefined）。 */
+		function readPath(values, key) {
+			const parts = key.split(".");
+			let cur = values;
+			for (const part of parts) {
+				if (typeof cur !== "object" || cur === null || Array.isArray(cur)) return void 0;
+				cur = cur[part];
+			}
+			return cur;
 		}
-		/** 内容型打开：path seed，折叠面板自动展开。 */
-		function openSingle(port, sessionId) {
-			if (!port.hasTabs()) return;
-			port.openTab({
-				type: SLOT_ID,
-				path: SLOT_ID
-			}, sessionId ? { sessionId } : void 0);
+		/** 按 `a.b` 路径把值写进配置取值（中间层缺就建一层空组；已存在非组即覆盖成组）。 */
+		function writePath(values, key, value) {
+			const parts = key.split(".");
+			let cur = values;
+			for (let i = 0; i < parts.length - 1; i++) {
+				const part = parts[i];
+				const next = cur[part];
+				if (typeof next !== "object" || next === null || Array.isArray(next)) cur[part] = {};
+				cur = cur[part];
+			}
+			cur[parts[parts.length - 1]] = value;
 		}
 		//#endregion
-		//#region src/bridge.ts
-		/** dsh-chef 取数桥（P10 脚手架：纯 CLI 单轨）。
+		//#region src/contract.ts
+		/** dsh-chef 端口（port）：DSH 世界与私家大厨六边形之间的契约。
+		*
+		* browser 安全：零 node 导入。host 适配器（注册 RPC 通道）与 client 适配器（调用 RPC）
+		* 共用同一份定义。通道命名遵守宿主约束：单段且不等于 /api（见 cookbook「RPC 通道」）。
 		*
-		* 面板与跨技能只经 host.call 触发本桥，本桥只经 spawn 调技能包唯一出口
-		* packages/skill-chef/dist/cli/cmd_read.js（argv+JSON+exit，stdout 纯 envelope JSON 一行）。
-		* 本文件不 import 任何技能实现（只读消费其 dist/CLI）；缺失阻断不返空：
-		* CLI 缺席/非 0/非 JSON/回执 key 不符一律抛错，绝不返回空数组冒充正常。
-		* 技能包不动（只读）；combos.yaml 不动。
+		* 照 #56 卡路里／#677 记账样板同形：大厨插件原先**没有任何 RPC 通道**，本件是它第一份端口定义
+		* （#696：设置页要读改配置，走的就是这条通道）。
 		*/
-		const HOST_CALL_METHOD = "ilife.chef.read";
+		const RPC_CHANNEL = "/ilife-chef";
+		/** #696 配置端点：读设置页整面、保存一份取值、重置为默认。同走一条通道，靠端点名分发。 */
+		const RPC_ENDPOINT_CONFIG_GET = "config.get";
+		const RPC_ENDPOINT_CONFIG_SAVE = "config.save";
+		const RPC_ENDPOINT_CONFIG_RESET = "config.reset";
+		/** 信封守卫：供 client 拆包前校验（port 拥有信封定义，守卫住 port）。 */
+		function isRpcResult(raw) {
+			if (typeof raw !== "object" || raw === null) return false;
+			const okFlag = raw.ok;
+			return okFlag === true || okFlag === false;
+		}
+		//#endregion
+		//#region src/dsh-ctx.ts
+		/** 宿主目录选择命名空间的服务名（#736；出处与禁令见 cookbook §13）。 */
+		const REMOTE_DIRECTORY_PICKER = "remote.directoryPicker";
 		//#endregion
 		//#region src/client.ts
-		/** dsh-chef 客户端存根（P10 脚手架）。
+		/** dsh-chef client 适配器：技能设置页（#696 起是真能配的页，只配置、不干活）。
 		*
-		* 写死槽位原生组件，不做动态按需加载，不做外嵌页。
-		* 面板取数只经 host.call 进 host 桥（见 bridge.ts），不 import 技能实现。
-		* 缺席纯条件渲染，无轮询（本文件无任何定时器）。
+		* 三态：loading（一次 RPC 内）／ready（真表单）／failed（人话报错 ＋ 指引，不返空、不转圈）。
+		* 页面只经宿主通道 `/api/ilife-chef` 的三个配置端点读改配置；**没有任何干活入口**——
+		* 搜菜、记做菜在技能功能页（sidebar 槽），不在本文件。
+		*
+		* 产物经 tsdown 打成 loader 工厂包（browser/CJS，见 tsdown.config.ts）。
+		* 本文件传递闭包：禁 node、禁 DOM 直写（document/window/process），
+		* 不 import 任何 host 实现（含 bridge，见 #130 纪律），只用自家 contract/settings/slot 与 dsh-ctx 的 type。
+		* 组件 React.createElement 手写，不引入 JSX。
+		*
+		* #736：目录行（`control:'directory'`）多一枚「选择文件夹…」入口，经 `ctx.get` 可选查找拿宿主
+		* 命名空间（**软依赖**，不写进 inject）；拿不到就不画按钮，文本框照旧。
 		*/
-		const CLIENT_COMPONENT = TAB_COMPONENT;
-		const CLIENT_METHOD = HOST_CALL_METHOD;
-		/** 客户端插件声明的 ctx 服务短名（loader 契约之一）。占位实现不读任何服务，故为空数组；
-		*  `package.json` 的 `dsh.client.inject` 与本数组同为空；真面板接线见 #57。 */
-		const inject = [];
-		/** 客户端插件入口（loader 契约之二）：DSH 客户端 runner 只把「有 `apply` 函数」的对象当插件
-		*  （`dsh-cordis-client-runner` 里 `typeof value === 'object' && typeof value.apply === 'function'`）。
+		/** client 短名声明：只有这两个（#736 的目录选择走**可选查找**，不写进来——
+		* 写进来＝硬依赖，提供方缺席时整包被停靠，设置页会跟着装不上；见 cookbook §13）。 */
+		const inject = ["slots", "connection"];
+		/** 面板视觉（内联 style；颜色走 DSH 主题别名，深浅主题自适应，写死值只做回退）。 */
+		const S = {
+			card: {
+				padding: "12px 14px",
+				borderRadius: 10,
+				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.35))",
+				background: "var(--dsw-alias-bg-base, transparent)",
+				color: "var(--dsw-alias-label-primary, inherit)",
+				lineHeight: 1.6
+			},
+			title: {
+				fontSize: "1.08em",
+				fontWeight: 700,
+				marginBottom: 8
+			},
+			muted: {
+				color: "var(--dsw-alias-label-secondary, #9a9a9a)",
+				fontSize: "0.92em"
+			},
+			info: {
+				color: "var(--dsw-alias-label-secondary, #9a9a9a)",
+				fontSize: "0.92em",
+				overflowWrap: "anywhere"
+			},
+			rows: {
+				marginTop: 8,
+				borderTop: "1px solid var(--dsw-alias-border, rgba(128,128,128,.25))",
+				paddingTop: 8
+			},
+			row: { marginBottom: 10 },
+			label: { fontWeight: 600 },
+			hint: {
+				color: "var(--dsw-alias-label-secondary, #9a9a9a)",
+				fontSize: "0.92em",
+				marginBottom: 4
+			},
+			input: {
+				width: "100%",
+				padding: "4px 8px",
+				borderRadius: 6,
+				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.45))",
+				background: "var(--dsw-alias-bg-base, #fff)",
+				color: "inherit"
+			},
+			pickRow: {
+				display: "flex",
+				gap: 6,
+				alignItems: "center"
+			},
+			btnPick: {
+				flex: "0 0 auto",
+				padding: "4px 10px",
+				borderRadius: 6,
+				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.45))",
+				background: "transparent",
+				color: "inherit",
+				cursor: "pointer",
+				whiteSpace: "nowrap"
+			},
+			advanced: { marginTop: 12 },
+			summary: {
+				cursor: "pointer",
+				fontWeight: 600
+			},
+			bar: {
+				display: "flex",
+				gap: 8,
+				marginTop: 12,
+				flexWrap: "wrap"
+			},
+			btn: {
+				padding: "4px 12px",
+				borderRadius: 6,
+				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.45))",
+				background: "transparent",
+				color: "inherit",
+				cursor: "pointer"
+			},
+			btnPrimary: {
+				padding: "4px 12px",
+				borderRadius: 6,
+				border: "1px solid var(--dsw-alias-border, rgba(128,128,128,.45))",
+				background: "var(--dsw-alias-brand-primary, #2f6fed)",
+				color: "#fff",
+				cursor: "pointer"
+			},
+			okText: {
+				marginTop: 8,
+				color: "var(--dsw-alias-label-success, #12805c)",
+				fontSize: "0.96em"
+			},
+			error: {
+				marginTop: 8,
+				color: "var(--dsw-alias-label-error, #b3261e)",
+				fontSize: "1em",
+				whiteSpace: "pre-wrap"
+			}
+		};
+		/** 请求超时毫秒：与 host 侧 SPAWN_TIMEOUT_MS 同级，UI 永不无限转圈。 */
+		const READ_TIMEOUT_MS = 2e4;
+		/** 配置面报错 → 人话指引。
 		*
-		*  **这是占位**：真面板接线（槽位注册／软依赖有界重试／AbortSignal 超时／三态渲染）属 #57 那条线。
-		*  做成空实现只为让客户端产物在 loader 里是**合法插件**、不阻碍 web profile 启动——
-		*  不是把面板「做完」。 */
-		function apply() {}
-		function mountSingleClient(port) {
-			return registerSingle(port);
-		}
-		function openSingleClient(port, sessionId) {
-			openSingle(port, sessionId);
-		}
-		function requestReadViaHost(host, key, params = {}) {
-			return host.call(HOST_CALL_METHOD, {
-				key,
-				params
+		* 报文由技能侧给出：base-link-core 的 `ConfigError` 已带行号与文件名，技能 `cli/config.ts` 原样交出来，
+		* 插件 bridge 原样带上（`fetch-failed：出口非 0（1）：<那一句>`）。所以这里**不重写报文**，
+		* 只按报错类补一句「接下来怎么办」——免得两处各写一套人话。
+		*/
+		function humanizeConfigFailure(code, message) {
+			const text = message.trim().length > 0 ? message.trim() : `（${code}，宿主未给报文）`;
+			if (/解析|YAML|parse/i.test(text)) return `${text}\n改回「键: 值」的写法，或点「重置为默认」重来一份（重置会先留一份 .bak）。`;
+			if (/不认识|未知键|UNKNOWN_KEY/i.test(text)) return `${text}\n本页只认表里这些项；多余的行删掉，或点「重置为默认」。`;
+			if (/类型|TYPE_MISMATCH/i.test(text)) return `${text}\n按本页给的形状填（文本填文本、数字填数字），或点「重置为默认」。`;
+			if (/缺席|missing-cli/i.test(text)) return `${text}\n技能出口没找着：先确认技能包已构建（packages/skill-chef/dist/cli/cmd_read.js）。`;
+			return `${text}\n改不动就点「重置为默认」（会先留一份 .bak），或照报文里的路径手工改配置文件。`;
+		}
+		/** 一次配置 RPC（同通道过三个端点；永不抛，失败落字）。 */
+		async function configRpc(call, method, payload) {
+			if (typeof call !== "function") return {
+				ok: false,
+				message: "宿主连接缺席：connection.rpc.call 不可用"
+			};
+			try {
+				const raw = await call("/api", RPC_CHANNEL.slice(1), {
+					method,
+					payload
+				}, AbortSignal.timeout(READ_TIMEOUT_MS));
+				if (!isRpcResult(raw)) return {
+					ok: false,
+					message: "回执信封异常（非 ok 信封）"
+				};
+				if (!raw.ok) return {
+					ok: false,
+					message: humanizeConfigFailure(raw.error?.code ?? "unknown", raw.error?.message ?? "")
+				};
+				return {
+					ok: true,
+					surface: raw.value
+				};
+			} catch (e) {
+				if (e instanceof Error && (e.name === "AbortError" || e.name === "TimeoutError")) return {
+					ok: false,
+					message: `配置请求超时（${Math.round(READ_TIMEOUT_MS / 1e3)}s）：宿主未回`
+				};
+				return {
+					ok: false,
+					message: `配置失败：${e instanceof Error ? e.message : String(e)}`
+				};
+			}
+		}
+		/** 读设置页整面。 */
+		function fetchConfigSurface(call) {
+			return configRpc(call, RPC_ENDPOINT_CONFIG_GET, {});
+		}
+		/** 保存一份取值。 */
+		function saveConfigSurface(call, values) {
+			return configRpc(call, RPC_ENDPOINT_CONFIG_SAVE, { values });
+		}
+		/** 重置为默认（技能侧先落 .bak）。 */
+		function resetConfigSurface(call) {
+			return configRpc(call, RPC_ENDPOINT_CONFIG_RESET, {});
+		}
+		/** 把配置取值铺成「行键 → 输入框文本」（缺项即空串，不返空留白）。 */
+		function toDraft(values) {
+			const draft = {};
+			for (const item of CONFIG_ITEMS) {
+				const v = readPath(values, item.key);
+				draft[item.key] = v === void 0 || v === null ? "" : String(v);
+			}
+			return draft;
+		}
+		/** 表单态 → 配置取值（按控件种类还原类型；空串对文本项照收，语义由「未配」承担）。 */
+		function fromDraft(draft) {
+			const values = {};
+			for (const item of CONFIG_ITEMS) {
+				const raw = draft[item.key] ?? "";
+				const value = item.control === "number" ? Number(raw) : item.control === "switch" ? raw === "true" : raw;
+				writePath(values, item.key, item.control === "number" && !Number.isFinite(value) ? 0 : value);
+			}
+			return values;
+		}
+		/** 形状守卫：拿到的那个东西像不像目录选择命名空间（本包只认 `pick` 是函数）。 */
+		function isDirectoryPicker(raw) {
+			if (typeof raw !== "object" || raw === null) return false;
+			return typeof raw.pick === "function";
+		}
+		/** 现取目录选择命名空间：**软依赖**，拿不到回 null（页面据此不出入口）。
+		*
+		* 为什么不用 `inject` 声明：见 cookbook §13——写进声明＝硬依赖，提供方缺席时整包被停靠，
+		* 设置页会跟着装不上。这里按平台给的「可选查找」办：缺席只是没有入口。
+		* 守卫拒绝或提供方中途卸载会抛，一律当「没有」，绝不把设置页带下来。 */
+		function resolveDirectoryPicker(getService) {
+			if (typeof getService !== "function") return null;
+			try {
+				const raw = getService(REMOTE_DIRECTORY_PICKER);
+				return isDirectoryPicker(raw) ? raw : null;
+			} catch {
+				return null;
+			}
+		}
+		/** 唤起一次系统文件夹选择器并归一结果（**永不抛**）。 */
+		async function pickDirectory(picker) {
+			try {
+				const picked = await picker.pick();
+				if (typeof picked === "string" && picked.trim() !== "") return {
+					kind: "picked",
+					path: picked
+				};
+				return { kind: "cancelled" };
+			} catch (e) {
+				return {
+					kind: "unavailable",
+					message: "这台部署用不了系统文件夹对话框（" + (e instanceof Error ? e.message : String(e)) + "）：请直接在框里填绝对路径。"
+				};
+			}
+		}
+		/** 「选择文件夹」按钮的真装配函数（目录行渲染出来的按钮，onClick 就是它）。
+		*
+		* 回 Promise 是为了本地可判（用例直接 await）；接进 React 时调用方 `void` 掉。 */
+		function createBrowseHandler(deps) {
+			return async (key) => {
+				const outcome = await pickDirectory(deps.picker);
+				if (outcome.kind === "picked") deps.onChange(key, outcome.path);
+				else if (outcome.kind === "unavailable") deps.onUnavailable(outcome.message);
+			};
+		}
+		/** 一行输入（四种控件对齐受限 YAML 子集：文本／数字／布尔／目录）。
+		*
+		* 目录档＝文本框 ＋ 一枚唤起系统文件夹选择器的按钮；`onBrowse` 缺席（命名空间拿不到、
+		* 或这条路已被拒）时不画按钮，文本框照旧——那是该缝自己的契约（供不了就收起入口，不是失败）。 */
+		function Row(props) {
+			const { item } = props;
+			const onChange = (e) => props.onChange(item.key, e.target.value);
+			const control = item.control === "switch" ? react.createElement("input", {
+				type: "checkbox",
+				checked: props.value === "true",
+				disabled: props.disabled,
+				onChange: (e) => props.onChange(item.key, e.target.checked ? "true" : "false")
+			}) : react.createElement("input", {
+				style: S.input,
+				type: item.control === "number" ? "number" : "text",
+				value: props.value,
+				disabled: props.disabled,
+				spellCheck: false,
+				onChange
 			});
+			const browse = item.control === "directory" && props.onBrowse !== void 0 ? react.createElement("button", {
+				style: S.btnPick,
+				type: "button",
+				disabled: props.disabled,
+				onClick: () => props.onBrowse?.(item.key)
+			}, "选择文件夹…") : null;
+			return react.createElement("div", { style: S.row }, react.createElement("div", { style: S.label }, item.title), react.createElement("div", { style: S.hint }, item.hint), browse === null ? control : react.createElement("div", { style: S.pickRow }, control, browse));
+		}
+		/** 技能设置页：承载私家大厨自己的全部可配置项（只配置，不干活）。 */
+		function ChefConfig(props) {
+			const [state, setState] = react.useState({ kind: "loading" });
+			const [pickerGone, setPickerGone] = react.useState(false);
+			const [draft, setDraft] = react.useState({});
+			const [busy, setBusy] = react.useState(false);
+			const [notice, setNotice] = react.useState(null);
+			const [error, setError] = react.useState(null);
+			const apply = react.useCallback((surface) => {
+				setState({
+					kind: "ready",
+					surface
+				});
+				setDraft(toDraft(surface.values));
+			}, []);
+			const load = react.useCallback(async () => {
+				setNotice(null);
+				setError(null);
+				const r = await fetchConfigSurface(props.getCall());
+				if (r.ok) apply(r.surface);
+				else setState({
+					kind: "failed",
+					message: r.message
+				});
+			}, [apply, props.getCall]);
+			react.useEffect(() => {
+				let alive = true;
+				(async () => {
+					const r = await fetchConfigSurface(props.getCall());
+					if (!alive) return;
+					if (r.ok) apply(r.surface);
+					else setState({
+						kind: "failed",
+						message: r.message
+					});
+				})();
+				return () => {
+					alive = false;
+				};
+			}, [apply, props.getCall]);
+			const onChange = react.useCallback((key, next) => {
+				setDraft((prev) => ({
+					...prev,
+					[key]: next
+				}));
+				setNotice(null);
+				setError(null);
+			}, []);
+			/** 目录选择：拿不到命名空间就没有入口；被拒一次即收起入口（不留死按钮）。 */
+			const picker = pickerGone ? null : props.getPicker();
+			const onBrowse = react.useMemo(() => picker === null ? void 0 : createBrowseHandler({
+				picker,
+				onChange,
+				onUnavailable: (message) => {
+					setError(message);
+					setPickerGone(true);
+				}
+			}), [picker, onChange]);
+			const surface = state.kind === "ready" ? state.surface : null;
+			const dirty = surface !== null && CONFIG_ITEMS.some((i) => (draft[i.key] ?? "") !== (toDraft(surface.values)[i.key] ?? ""));
+			/** 写完之后重新读一份：写回执只有 {path, values}，头部那两行要的是读整面。 */
+			const writeThenReload = react.useCallback(async (done) => {
+				setBusy(true);
+				setNotice(null);
+				setError(null);
+				const r = await fetchConfigSurface(props.getCall());
+				if (r.ok) {
+					apply(r.surface);
+					setNotice(done);
+				} else setState({
+					kind: "failed",
+					message: r.message
+				});
+				setBusy(false);
+			}, [apply, props.getCall]);
+			const onSave = react.useCallback(async () => {
+				setBusy(true);
+				setNotice(null);
+				setError(null);
+				const r = await saveConfigSurface(props.getCall(), fromDraft(draft));
+				setBusy(false);
+				if (r.ok) await writeThenReload("已保存，立即生效（不用重启宿主）");
+				else setError(r.message);
+			}, [
+				draft,
+				props.getCall,
+				writeThenReload
+			]);
+			const onReset = react.useCallback(async () => {
+				setBusy(true);
+				setNotice(null);
+				setError(null);
+				const r = await resetConfigSurface(props.getCall());
+				setBusy(false);
+				if (r.ok) await writeThenReload("已重置为默认（原配置已另存一份 .bak）");
+				else setError(r.message);
+			}, [props.getCall, writeThenReload]);
+			const head = react.createElement("div", null, react.createElement("div", { style: S.title }, `${SLOT_TITLE} · 配置`), surface !== null ? react.createElement("div", null, react.createElement("div", { style: S.info }, `配置文件 ${surface.path}`), react.createElement("div", { style: S.info }, `数据目录 ${surface.dataDir}`), surface.created ? react.createElement("div", { style: S.muted }, "（这份配置是刚按默认值建出来的）") : null) : null);
+			if (state.kind === "loading") return react.createElement("div", { style: S.card }, head, react.createElement("div", { style: S.muted }, "配置读取中…"));
+			if (state.kind === "failed") return react.createElement("div", { style: S.card }, react.createElement("div", { style: S.title }, `${SLOT_TITLE} · 配置`), react.createElement("div", { style: S.error }, state.message), react.createElement("div", { style: S.bar }, react.createElement("button", {
+				style: S.btn,
+				type: "button",
+				onClick: () => void load()
+			}, "重试"), react.createElement("button", {
+				style: S.btn,
+				type: "button",
+				onClick: () => void onReset()
+			}, "重置为默认")));
+			const common = CONFIG_ITEMS.slice(0, COMMON_ITEM_COUNT);
+			const advanced = CONFIG_ITEMS.slice(COMMON_ITEM_COUNT);
+			const renderRow = (item) => react.createElement(Row, {
+				key: item.key,
+				item,
+				value: draft[item.key] ?? "",
+				disabled: busy,
+				onChange,
+				onBrowse
+			});
+			return react.createElement("div", { style: S.card }, head, react.createElement("div", { style: S.rows }, common.map(renderRow)), react.createElement("details", { style: S.advanced }, react.createElement("summary", { style: S.summary }, ADVANCED_GROUP_TITLE), react.createElement("div", { style: S.muted }, ADVANCED_GROUP_NOTE), advanced.map(renderRow)), react.createElement("div", { style: S.bar }, react.createElement("button", {
+				style: dirty ? S.btnPrimary : S.btn,
+				type: "button",
+				disabled: busy || !dirty,
+				onClick: () => void onSave()
+			}, busy ? "处理中…" : "保存"), react.createElement("button", {
+				style: S.btn,
+				type: "button",
+				disabled: busy,
+				onClick: () => void onReset()
+			}, "重置为默认"), react.createElement("button", {
+				style: S.btn,
+				type: "button",
+				disabled: busy,
+				onClick: () => void load()
+			}, "重新读取")), notice !== null ? react.createElement("div", { style: S.okText }, notice) : null, error !== null ? react.createElement("div", { style: S.error }, error) : null, react.createElement("div", { style: S.muted }, `${PLUGIN} 只配置，不干活：搜菜与做菜在技能功能页。`));
+		}
+		function apply(ctx) {
+			const getCall = () => ctx.connection?.rpc?.call ?? null;
+			const getPicker = () => typeof ctx.get === "function" ? resolveDirectoryPicker((name) => ctx.get?.(name)) : null;
+			ctx.slots.inject("ilife.config-tab", () => ctx.slots.register({
+				name: "ilife.config-tab",
+				id: PLUGIN,
+				label: () => SLOT_TITLE,
+				channel: RPC_CHANNEL
+			}, () => react.createElement(ChefConfig, {
+				getCall,
+				getPicker
+			})));
 		}
 		//#endregion
-		exports.CLIENT_COMPONENT = CLIENT_COMPONENT;
-		exports.CLIENT_METHOD = CLIENT_METHOD;
+		exports.READ_TIMEOUT_MS = READ_TIMEOUT_MS;
+		exports.Row = Row;
 		exports.apply = apply;
+		exports.createBrowseHandler = createBrowseHandler;
+		exports.fetchConfigSurface = fetchConfigSurface;
+		exports.fromDraft = fromDraft;
+		exports.humanizeConfigFailure = humanizeConfigFailure;
 		exports.inject = inject;
-		exports.mountSingleClient = mountSingleClient;
-		exports.openSingleClient = openSingleClient;
-		exports.requestReadViaHost = requestReadViaHost;
+		exports.isDirectoryPicker = isDirectoryPicker;
+		exports.pickDirectory = pickDirectory;
+		exports.resetConfigSurface = resetConfigSurface;
+		exports.resolveDirectoryPicker = resolveDirectoryPicker;
+		exports.saveConfigSurface = saveConfigSurface;
+		exports.toDraft = toDraft;
 		return module.exports;
 	}
 });