dsh-hooks 0.4.0 → 0.6.0

package/lib/client.js

@@ -52,6 +52,108 @@ window.__ModuleLoader__.load({
 				return null;
 			}
 		}
+		/** POST a JSON action and surface the envelope result (error message included). */
+		async function postFeishu(path, body, fetchFn) {
+			try {
+				const response = await fetchFn(path, {
+					method: "POST",
+					headers: {
+						"content-type": "application/json",
+						accept: "application/json"
+					},
+					body: JSON.stringify(body)
+				});
+				const envelope = await response.json();
+				if (!response.ok || !envelope.ok) return {
+					ok: false,
+					error: envelope.error?.message ?? `HTTP ${response.status}`
+				};
+				const value = envelope.value ?? {};
+				return {
+					ok: true,
+					setup: value.setup,
+					message: typeof value.message === "string" ? value.message : void 0,
+					resultMaxChars: typeof value.resultMaxChars === "number" ? value.resultMaxChars : void 0
+				};
+			} catch (error) {
+				console.warn(`[dsh-hooks-ui] POST ${path} failed: ${error instanceof Error ? error.message : String(error)}`);
+				return {
+					ok: false,
+					error: "网络请求失败"
+				};
+			}
+		}
+		async function fetchFeishuStatus(fetchFn = fetch) {
+			return getJson("/dsh-hooks/feishu/status", fetchFn);
+		}
+		async function postFeishuSetup(profile, resultMaxChars, fetchFn = fetch) {
+			const body = { profile };
+			if (resultMaxChars !== void 0) body.resultMaxChars = resultMaxChars;
+			return postFeishu("/dsh-hooks/feishu/setup", body, fetchFn);
+		}
+		async function postFeishuConfig(resultMaxChars, fetchFn = fetch) {
+			return postFeishu("/dsh-hooks/feishu/config", { resultMaxChars }, fetchFn);
+		}
+		async function postFeishuCancel(fetchFn = fetch) {
+			return postFeishu("/dsh-hooks/feishu/cancel", {}, fetchFn);
+		}
+		async function postFeishuTest(fetchFn = fetch) {
+			return postFeishu("/dsh-hooks/feishu/test", {}, fetchFn);
+		}
+		/** POST a JSON action; returns the envelope value plus its error message. */
+		async function postValue(path, body, fetchFn) {
+			try {
+				const response = await fetchFn(path, {
+					method: "POST",
+					headers: {
+						"content-type": "application/json",
+						accept: "application/json"
+					},
+					body: JSON.stringify(body)
+				});
+				const envelope = await response.json();
+				if (!response.ok || !envelope.ok) return {
+					ok: false,
+					error: envelope.error?.message ?? `HTTP ${response.status}`
+				};
+				const value = envelope.value ?? {};
+				return {
+					ok: true,
+					message: typeof value.message === "string" ? value.message : void 0,
+					preview: typeof value.preview === "string" ? value.preview : void 0,
+					hookCount: typeof value.hookCount === "number" ? value.hookCount : void 0,
+					patchFile: typeof value.patchFile === "string" ? value.patchFile : void 0,
+					backupPath: typeof value.backupPath === "string" ? value.backupPath : void 0,
+					disconnected: typeof value.disconnected === "boolean" ? value.disconnected : void 0,
+					existed: typeof value.existed === "boolean" ? value.existed : void 0,
+					removedHooks: typeof value.removedHooks === "boolean" ? value.removedHooks : void 0
+				};
+			} catch (error) {
+				console.warn(`[dsh-hooks-ui] POST ${path} failed: ${error instanceof Error ? error.message : String(error)}`);
+				return {
+					ok: false,
+					error: "网络请求失败"
+				};
+			}
+		}
+		async function postNotifyTest(channel, url, slack, fetchFn = fetch) {
+			const body = { channel };
+			if (url !== void 0 && url !== "") body.url = url;
+			if (slack) body.slack = true;
+			return postValue("/dsh-hooks/notify/test", body, fetchFn);
+		}
+		async function postHooksSave(profile, hooks, fetchFn = fetch) {
+			return postValue("/dsh-hooks/hooks/save", {
+				profile,
+				hooks
+			}, fetchFn);
+		}
+		async function postFeishuDisconnect(profile, removeHooks, fetchFn = fetch) {
+			return postValue("/dsh-hooks/feishu/disconnect", {
+				profile,
+				removeHooks
+			}, fetchFn);
+		}
 		/** `HH:MM:SS` local time for a timestamp. */
 		function formatTime(ts) {
 			const date = new Date(ts);
@@ -86,10 +188,14 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/settings-card.tsx
 		/**
-		* The dsh-hooks settings card: status badges, execution-history timeline,
-		* and a manual event tester — all served by the core plugin's /dsh-hooks/*
-		* routes. Degrades gracefully: fetch failures show an inline notice, never
-		* a crash. Registered into the shell's `web-ui.plugin.item` slot.
+		* The dsh-hooks settings card: status badges (incl. live runner stats), a
+		* manual event tester, notify-channel quick tests, the Feishu connect flow
+		* (QR scan + truncation editor with preview + test card + disconnect), the
+		* hook list / editor (saves back to cordis.patch.yml with a backup), and a
+		* collapsed-by-default execution-history timeline at the bottom — all
+		* served by the core plugin's /dsh-hooks/* routes. Degrades gracefully:
+		* fetch failures show an inline notice with a retry button, never a crash.
+		* Registered into the shell's `settings.section` slot.
 		*/
 		const EVENTS = [
 			"turn/start",
@@ -107,19 +213,132 @@ window.__ModuleLoader__.load({
 			"agent/error",
 			"agent/status"
 		];
+		const TURN_END_REASONS = [
+			"completed",
+			"error",
+			"aborted",
+			"blocked",
+			"max-tokens",
+			"interrupted"
+		];
+		const DEFAULT_TRUNCATE = 300;
+		function loadStored(key, fallback) {
+			try {
+				return localStorage.getItem(key) ?? fallback;
+			} catch {
+				return fallback;
+			}
+		}
+		function storeValue(key, value) {
+			try {
+				localStorage.setItem(key, value);
+			} catch {}
+		}
+		/** Serialize one hook as a cordis.patch.yml snippet for copy-paste. */
+		function hookToYaml(hook) {
+			const q = (s) => `'${s.replace(/'/g, "''")}'`;
+			const lines = [`- on: ${q(hook.on)}`];
+			if (hook.when !== void 0 && hook.when !== "") lines.push(`  when: ${q(hook.when)}`);
+			if (hook.match !== void 0 && Object.keys(hook.match).length > 0) {
+				lines.push("  match:");
+				for (const [field, pattern] of Object.entries(hook.match)) lines.push(`    ${field}: ${q(pattern)}`);
+			}
+			if (hook.notify !== void 0 && hook.notify !== null) {
+				lines.push("  notify:");
+				lines.push(`    channel: ${q(hook.notify.channel)}`);
+				if (hook.notify.url !== void 0 && hook.notify.url !== "") lines.push(`    url: ${q(hook.notify.url)}`);
+				if (hook.notify.slack === true) lines.push("    slack: true");
+			} else if (hook.run !== void 0 && hook.run !== "") lines.push(`  run: ${q(hook.run)}`);
+			if (hook.timeoutMs !== void 0 && hook.timeoutMs !== 1e4) lines.push(`  timeoutMs: ${hook.timeoutMs}`);
+			if (hook.retries !== void 0 && hook.retries !== 0) lines.push(`  retries: ${hook.retries}`);
+			if (hook.retryDelayMs !== void 0 && hook.retryDelayMs !== 500) lines.push(`  retryDelayMs: ${hook.retryDelayMs}`);
+			return lines.join("\n");
+		}
+		async function copyText(text) {
+			try {
+				await navigator.clipboard.writeText(text);
+				return true;
+			} catch {
+				try {
+					const area = document.createElement("textarea");
+					area.value = text;
+					document.body.appendChild(area);
+					area.select();
+					const ok = document.execCommand("copy");
+					document.body.removeChild(area);
+					return ok;
+				} catch {
+					return false;
+				}
+			}
+		}
+		function parseNum(value) {
+			const parsed = Number(value);
+			return Number.isFinite(parsed) ? parsed : void 0;
+		}
+		function toWire(draft) {
+			return {
+				on: draft.on,
+				when: draft.when === "" ? void 0 : draft.when,
+				match: draft.match !== void 0 && Object.keys(draft.match).length > 0 ? draft.match : void 0,
+				run: draft.notify === void 0 || draft.notify === null ? draft.run?.trim() || void 0 : void 0,
+				notify: draft.notify ?? null,
+				timeoutMs: draft.timeoutMs,
+				retries: draft.retries,
+				retryDelayMs: draft.retryDelayMs
+			};
+		}
+		const NEW_HOOK = {
+			on: "turn/end",
+			when: "completed",
+			run: ""
+		};
 		/** Settings-slot component; the shell's slot machinery supplies the props. */
 		function HooksSettingsCard(_props) {
 			const [status, setStatus] = (0, react.useState)(null);
 			const [history, setHistory] = (0, react.useState)(null);
+			const [historyOpen, setHistoryOpenState] = (0, react.useState)(() => {
+				try {
+					return localStorage.getItem("dsh-hooks.historyOpen") === "1";
+				} catch {
+					return false;
+				}
+			});
 			const [loadError, setLoadError] = (0, react.useState)(false);
 			const [event, setEvent] = (0, react.useState)("turn/end");
 			const [reason, setReason] = (0, react.useState)("completed");
 			const [tool, setTool] = (0, react.useState)("");
 			const [testResult, setTestResult] = (0, react.useState)(null);
+			const [notifyChannel, setNotifyChannel] = (0, react.useState)("webhook");
+			const [notifyUrl, setNotifyUrl] = (0, react.useState)("");
+			const [notifySlack, setNotifySlack] = (0, react.useState)(false);
+			const [notifyResult, setNotifyResult] = (0, react.useState)(null);
+			const [feishu, setFeishu] = (0, react.useState)(null);
+			const [profile, setProfile] = (0, react.useState)(() => loadStored("dsh-hooks.profile", "web"));
+			const [setupTruncate, setSetupTruncate] = (0, react.useState)(String(DEFAULT_TRUNCATE));
+			const [truncateDraft, setTruncateDraft] = (0, react.useState)(null);
+			const [configMessage, setConfigMessage] = (0, react.useState)(null);
+			const [reconnecting, setReconnecting] = (0, react.useState)(false);
+			const [feishuError, setFeishuError] = (0, react.useState)(null);
+			const [testMessage, setTestMessage] = (0, react.useState)(null);
+			const [countdown, setCountdown] = (0, react.useState)(null);
+			const [editing, setEditing] = (0, react.useState)(false);
+			const [draftHooks, setDraftHooks] = (0, react.useState)([]);
+			const [saveMessage, setSaveMessage] = (0, react.useState)(null);
+			const [copiedIndex, setCopiedIndex] = (0, react.useState)(null);
+			const setHistoryOpen = (open) => {
+				setHistoryOpenState(open);
+				storeValue("dsh-hooks.historyOpen", open ? "1" : "0");
+			};
 			const refresh = (0, react.useCallback)(async () => {
-				const [statusInfo, records] = await Promise.all([fetchStatus(), fetchHistory(30)]);
+				const [statusInfo, records, feishuInfo] = await Promise.all([
+					fetchStatus(),
+					fetchHistory(30),
+					fetchFeishuStatus()
+				]);
 				setStatus(statusInfo);
 				setHistory(records);
+				setFeishu(feishuInfo);
 				setLoadError(statusInfo === null && records === null);
 			}, []);
 			(0, react.useEffect)(() => {
@@ -127,6 +346,29 @@ window.__ModuleLoader__.load({
 				const timer = setInterval(() => void refresh(), 5e3);
 				return () => clearInterval(timer);
 			}, [refresh]);
+			const pending = feishu?.setup?.status === "pending";
+			(0, react.useEffect)(() => {
+				if (!pending) return;
+				const poll = setInterval(() => void refresh(), 2e3);
+				const tick = setInterval(() => {
+					setCountdown(remainingSeconds(feishu?.setup?.expiresAtMs));
+				}, 1e3);
+				return () => {
+					clearInterval(poll);
+					clearInterval(tick);
+				};
+			}, [
+				pending,
+				feishu?.setup?.expiresAtMs,
+				refresh
+			]);
+			(0, react.useEffect)(() => {
+				setTestResult(null);
+			}, [
+				event,
+				reason,
+				tool
+			]);
 			const runTest = async (execute) => {
 				const result = await postTest({
 					event,
@@ -137,6 +379,218 @@ window.__ModuleLoader__.load({
 				setTestResult(result);
 				if (execute) refresh();
 			};
+			const sendNotifyTest = async () => {
+				setNotifyResult(null);
+				const result = await postNotifyTest(notifyChannel, notifyUrl.trim() || void 0, notifySlack);
+				if (!result.ok) setNotifyResult({
+					ok: false,
+					text: result.error ?? "发送失败"
+				});
+				else setNotifyResult({
+					ok: true,
+					text: result.message ?? "已发送",
+					preview: result.preview
+				});
+			};
+			const connectFeishu = async () => {
+				setFeishuError(null);
+				setTestMessage(null);
+				setConfigMessage(null);
+				setCountdown(null);
+				const parsed = Number(setupTruncate);
+				const result = await postFeishuSetup(profile.trim() !== "" ? profile.trim() : "web", Number.isFinite(parsed) ? parsed : void 0);
+				if (!result.ok) {
+					setFeishuError(result.error ?? "启动扫码失败");
+					return;
+				}
+				if (result.setup !== void 0) {
+					setFeishu({
+						configured: false,
+						appId: null,
+						targetKind: null,
+						target: null,
+						setup: result.setup,
+						resultMaxChars: Number.isFinite(parsed) ? parsed : DEFAULT_TRUNCATE,
+						preview: ""
+					});
+					setCountdown(remainingSeconds(result.setup.expiresAtMs));
+				}
+			};
+			const cancelFeishu = async () => {
+				await postFeishuCancel();
+				refresh();
+			};
+			const sendTestCard = async () => {
+				setTestMessage(null);
+				setFeishuError(null);
+				const result = await postFeishuTest();
+				if (!result.ok) setFeishuError(result.error ?? "发送失败");
+				else setTestMessage(result.message ?? "已发送");
+			};
+			const saveTruncate = async () => {
+				const value = Number(truncateDraft);
+				if (!Number.isFinite(value)) {
+					setConfigMessage({
+						ok: false,
+						text: "请输入数字"
+					});
+					return;
+				}
+				const result = await postFeishuConfig(value);
+				if (!result.ok) {
+					setConfigMessage({
+						ok: false,
+						text: result.error ?? "保存失败"
+					});
+					return;
+				}
+				setTruncateDraft(null);
+				setConfigMessage({
+					ok: true,
+					text: `已保存：卡片内容最长 ${result.resultMaxChars} 字符`
+				});
+				refresh();
+			};
+			const disconnectFeishu = async () => {
+				if (!window.confirm("确定断开飞书连接？将删除本机凭据文件。")) return;
+				const removeHooks = window.confirm("同时从 cordis.patch.yml 移除飞书通知 hooks？\n（推荐移除，否则这些 hook 每次触发都会失败）");
+				setFeishuError(null);
+				const result = await postFeishuDisconnect(profile.trim() !== "" ? profile.trim() : "web", removeHooks);
+				if (!result.ok) setFeishuError(result.error ?? "断开失败");
+				else setConfigMessage({
+					ok: true,
+					text: result.message ?? "已断开"
+				});
+				refresh();
+			};
+			const startEdit = () => {
+				if (editing) {
+					setEditing(false);
+					setDraftHooks([]);
+					setSaveMessage(null);
+					return;
+				}
+				const current = status?.hooks ?? [];
+				setDraftHooks(current.map((hook) => ({
+					on: hook.on,
+					when: hook.when,
+					match: hook.match !== void 0 ? { ...hook.match } : void 0,
+					run: hook.run,
+					notify: hook.notify === void 0 ? null : {
+						channel: hook.notify.channel,
+						url: hook.notify.url,
+						slack: hook.notify.slack
+					},
+					timeoutMs: hook.timeoutMs,
+					retries: hook.retries,
+					retryDelayMs: hook.retryDelayMs
+				})));
+				setSaveMessage(null);
+				setEditing(true);
+			};
+			const patchDraft = (index, patch) => {
+				setDraftHooks((list) => list.map((hook, i) => i === index ? {
+					...hook,
+					...patch
+				} : hook));
+			};
+			const patchAction = (index, channel) => {
+				setDraftHooks((list) => list.map((hook, i) => {
+					if (i !== index) return hook;
+					if (channel === "") return {
+						...hook,
+						notify: null,
+						run: hook.run ?? ""
+					};
+					return {
+						...hook,
+						notify: {
+							channel,
+							url: hook.notify?.url,
+							slack: hook.notify?.slack
+						},
+						run: void 0
+					};
+				}));
+			};
+			const patchMatchKey = (index, oldKey, newKey) => {
+				setDraftHooks((list) => list.map((hook, i) => {
+					if (i !== index || hook.match === void 0) return hook;
+					const match = { ...hook.match };
+					if (oldKey !== newKey) {
+						delete match[oldKey];
+						if (newKey !== "") match[newKey] = hook.match[oldKey];
+					}
+					return {
+						...hook,
+						match
+					};
+				}));
+			};
+			const patchMatchValue = (index, field, value) => {
+				setDraftHooks((list) => list.map((hook, i) => i === index ? {
+					...hook,
+					match: {
+						...hook.match ?? {},
+						[field]: value
+					}
+				} : hook));
+			};
+			const removeMatch = (index, field) => {
+				setDraftHooks((list) => list.map((hook, i) => {
+					if (i !== index || hook.match === void 0) return hook;
+					const match = { ...hook.match };
+					delete match[field];
+					return {
+						...hook,
+						match
+					};
+				}));
+			};
+			const addMatch = (index) => {
+				setDraftHooks((list) => list.map((hook, i) => i === index ? {
+					...hook,
+					match: {
+						...hook.match ?? {},
+						"": ""
+					}
+				} : hook));
+			};
+			const removeDraft = (index) => {
+				setDraftHooks((list) => list.filter((_, i) => i !== index));
+			};
+			const saveHooks = async () => {
+				const wire = draftHooks.map(toWire);
+				for (const [i, hook] of wire.entries()) if ((hook.run === void 0 || hook.run === "") && (hook.notify === void 0 || hook.notify === null)) {
+					setSaveMessage({
+						ok: false,
+						text: `hook #${i + 1}：请填写 run 命令或选择通知渠道`
+					});
+					return;
+				}
+				const result = await postHooksSave(profile.trim() !== "" ? profile.trim() : "web", wire);
+				if (!result.ok) {
+					setSaveMessage({
+						ok: false,
+						text: result.error ?? "保存失败"
+					});
+					return;
+				}
+				setSaveMessage({
+					ok: true,
+					text: result.message ?? "已保存"
+				});
+				setEditing(false);
+				setDraftHooks([]);
+				refresh();
+			};
+			const copyHookYaml = async (hook, index) => {
+				if (await copyText(hookToYaml(hook))) {
+					setCopiedIndex(index);
+					setTimeout(() => setCopiedIndex((current) => current === index ? null : current), 1500);
+				}
+			};
+			const truncateValue = truncateDraft ?? String(feishu?.resultMaxChars ?? DEFAULT_TRUNCATE);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dh-card",
 				children: [
@@ -159,57 +613,30 @@ window.__ModuleLoader__.load({
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: "dh-badge",
 									children: [status.historyCount, " 记录"]
+								}),
+								status.stats.inFlight > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dh-badge",
+									children: [status.stats.inFlight, " 运行中"]
+								}),
+								status.stats.recentFailures > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dh-badge dh-badge-bad",
+									children: [status.stats.recentFailures, " 失败"]
 								})
 							] })
 						})]
 					}),
-					loadError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					loadError && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dh-error-banner",
-						children: "无法访问 /dsh-hooks/* 路由：请确认 dsh-hooks 核心插件已安装且 dsh web 已重启。"
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "无法访问 /dsh-hooks/* 路由：请确认 dsh-hooks 核心插件已安装且 dsh web 已重启。" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dh-button dh-error-retry",
+							onClick: () => {
+								setLoadError(false);
+								refresh();
+							},
+							children: "重试"
+						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-						className: "dh-section-title",
-						children: "执行历史（最近 30 条）"
-					}), history === null || history.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dh-empty",
-						children: history === null ? "加载中…" : "暂无记录"
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dh-timeline",
-						children: [...history].reverse().map((record, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dh-record",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "dh-record-main",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dh-record-top",
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dh-record-time",
-												children: formatTime(record.ts)
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dh-record-event",
-												children: record.event
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: `dh-outcome ${outcomeClass(record.outcome)}`,
-												children: outcomeLabel(record.outcome)
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "dh-record-command",
-										title: record.command,
-										children: record.command
-									}),
-									record.error !== void 0 && record.error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "dh-record-error",
-										children: record.error.slice(0, 200)
-									})
-								]
-							})
-						}, `${record.ts}-${index}`))
-					})] }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 						className: "dh-section-title",
 						children: "手动测试"
@@ -300,10 +727,605 @@ window.__ModuleLoader__.load({
 								}, line.index))]
 							})
 						]
-					})] })
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "dh-section-title",
+						children: "通知渠道测试"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dh-test-form",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dh-test-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "dh-field",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dh-field-label",
+										children: "渠道"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										className: "dh-select",
+										value: notifyChannel,
+										onChange: (e) => setNotifyChannel(e.target.value),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "webhook",
+											children: "webhook（HTTP JSON）"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: "desktop",
+											children: "desktop（系统通知）"
+										})]
+									})]
+								}), notifyChannel === "webhook" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "dh-field",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dh-field-label",
+										children: "URL（留空用 DSH_HOOKS_WEBHOOK_URL）"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "dh-input",
+										value: notifyUrl,
+										onChange: (e) => setNotifyUrl(e.target.value),
+										placeholder: "https://hooks.slack.com/…"
+									})]
+								})]
+							}),
+							notifyChannel === "webhook" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "dh-check",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: notifySlack,
+									onChange: (e) => setNotifySlack(e.target.checked)
+								}), "Slack 风格单行摘要"]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dh-buttons",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dh-button dh-button-primary",
+									onClick: () => void sendNotifyTest(),
+									children: "发送测试通知"
+								})
+							}),
+							notifyResult !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: notifyResult.ok ? "dh-test-line dh-test-line-match" : "dh-feishu-error",
+								children: notifyResult.text
+							}), notifyResult.ok && notifyResult.preview !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dh-feishu-hint",
+								children: ["发送内容：", notifyResult.preview]
+							})] })
+						]
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "dh-section-title",
+						children: "飞书通知"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dh-feishu",
+						children: pending ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dh-feishu-qr",
+							children: [
+								feishu?.setup?.qrDataUrl !== void 0 && feishu?.setup?.qrDataUrl !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+									className: "dh-feishu-qr-img",
+									src: feishu.setup.qrDataUrl,
+									alt: "飞书扫码授权二维码"
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+									className: "dh-feishu-link",
+									href: feishu?.setup?.qrUrl,
+									target: "_blank",
+									rel: "noreferrer",
+									children: "在浏览器中打开飞书授权链接"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dh-feishu-line",
+									children: ["请用飞书扫码", countdown !== null && countdown > 0 ? `（${countdown}s 内有效）` : ""]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dh-buttons",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dh-button",
+										onClick: () => void cancelFeishu(),
+										children: "取消"
+									})
+								})
+							]
+						}) : feishu?.configured === true && !reconnecting ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dh-feishu-status",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dh-feishu-line dh-feishu-ok",
+									children: [
+										"✅ 已连接 · 应用 ",
+										feishu.appId ?? "?",
+										feishu.targetKind !== null && feishu.target !== null ? `（接收者 ${feishu.targetKind}: ${feishu.target}）` : ""
+									]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dh-feishu-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: "dh-field dh-field-narrow",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dh-field-label",
+											children: "卡片截断长度（50–5000 字符）"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: "dh-input",
+											type: "number",
+											min: 50,
+											max: 5e3,
+											value: truncateValue,
+											onChange: (e) => setTruncateDraft(e.target.value)
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dh-button",
+										onClick: () => void saveTruncate(),
+										children: "保存"
+									})]
+								}),
+								feishu.preview !== void 0 && feishu.preview !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dh-feishu-preview",
+									title: "按当前截断长度生成的卡片正文预览",
+									children: ["卡片预览：", feishu.preview]
+								}),
+								configMessage !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: configMessage.ok ? "dh-feishu-line dh-feishu-ok" : "dh-feishu-error",
+									children: configMessage.text
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dh-buttons",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dh-button dh-button-primary",
+											onClick: () => void sendTestCard(),
+											children: "发送测试卡片"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dh-button",
+											onClick: () => setReconnecting(true),
+											children: "重新连接"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dh-button dh-button-danger",
+											onClick: () => void disconnectFeishu(),
+											children: "断开连接"
+										})
+									]
+								}),
+								testMessage !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dh-feishu-line dh-feishu-ok",
+									children: testMessage
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dh-feishu-hint",
+									children: "截断长度即时生效；重新扫码会覆盖现有应用凭据与本 profile 的飞书 hooks。"
+								})
+							]
+						}) : feishu?.setup?.status === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dh-feishu-status",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dh-feishu-error",
+								children: ["连接失败：", feishu.setup.error ?? "未知错误"]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dh-buttons",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dh-button dh-button-primary",
+									onClick: () => void connectFeishu(),
+									children: "重试"
+								})
+							})]
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dh-feishu-form",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dh-test-row",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: "dh-field",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dh-field-label",
+											children: "profile（写入哪个 profile 的 cordis.patch.yml）"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: "dh-input",
+											value: profile,
+											onChange: (e) => {
+												setProfile(e.target.value);
+												storeValue("dsh-hooks.profile", e.target.value);
+											},
+											placeholder: "web"
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										className: "dh-field dh-field-narrow",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dh-field-label",
+											children: "卡片截断长度（50–5000）"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: "dh-input",
+											type: "number",
+											min: 50,
+											max: 5e3,
+											value: setupTruncate,
+											onChange: (e) => setSetupTruncate(e.target.value)
+										})]
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dh-buttons",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dh-button dh-button-primary",
+										onClick: () => void connectFeishu(),
+										children: "扫码连接飞书"
+									}), reconnecting && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dh-button",
+										onClick: () => setReconnecting(false),
+										children: "返回"
+									})]
+								}),
+								feishuError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dh-feishu-error",
+									children: feishuError
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dh-feishu-hint",
+									children: "将创建名为「DSH 通知机器人」的飞书应用（仅 im:message:send_as_bot 权限），扫码者本人接收通知卡片；配置写入 ~/.dsh/profiles/<profile>/cordis.patch.yml，重启 dsh web 后生效。"
+								})
+							]
+						})
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dh-section-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+							className: "dh-section-title",
+							children: ["当前 hooks", status !== null ? ` · ${status.hookCount}` : ""]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dh-button dh-toggle",
+							onClick: startEdit,
+							children: editing ? "取消编辑" : "编辑"
+						})]
+					}), editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dh-hook-editor",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dh-test-row",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "dh-field dh-field-narrow",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dh-field-label",
+										children: "profile（写入哪个 cordis.patch.yml）"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "dh-input",
+										value: profile,
+										onChange: (e) => {
+											setProfile(e.target.value);
+											storeValue("dsh-hooks.profile", e.target.value);
+										},
+										placeholder: "web"
+									})]
+								})
+							}),
+							draftHooks.map((hook, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dh-hook dh-hook-editing",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dh-test-row",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: "dh-field",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dh-field-label",
+													children: "事件"
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+													className: "dh-select",
+													value: hook.on,
+													onChange: (e) => patchDraft(index, {
+														on: e.target.value,
+														when: e.target.value === "turn/end" ? hook.when : void 0
+													}),
+													children: EVENTS.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+														value: name,
+														children: name
+													}, name))
+												})]
+											}),
+											hook.on === "turn/end" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: "dh-field",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dh-field-label",
+													children: "when（可选）"
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+													className: "dh-select",
+													value: hook.when ?? "",
+													onChange: (e) => patchDraft(index, { when: e.target.value === "" ? void 0 : e.target.value }),
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+														value: "",
+														children: "全部原因"
+													}), TURN_END_REASONS.map((name) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+														value: name,
+														children: name
+													}, name))]
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: "dh-field",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dh-field-label",
+													children: "动作"
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+													className: "dh-select",
+													value: hook.notify !== void 0 && hook.notify !== null ? hook.notify.channel : "",
+													onChange: (e) => patchAction(index, e.target.value),
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+															value: "",
+															children: "执行命令（run）"
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+															value: "webhook",
+															children: "通知 webhook"
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+															value: "desktop",
+															children: "通知 desktop"
+														})
+													]
+												})]
+											})
+										]
+									}),
+									hook.notify !== void 0 && hook.notify !== null ? hook.notify.channel === "webhook" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dh-test-row",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "dh-field",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dh-field-label",
+												children: "URL（留空用 DSH_HOOKS_WEBHOOK_URL）"
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												className: "dh-input",
+												value: hook.notify.url ?? "",
+												onChange: (e) => patchDraft(index, { notify: {
+													...hook.notify,
+													url: e.target.value
+												} }),
+												placeholder: "https://hooks.slack.com/…"
+											})]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											className: "dh-check",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												type: "checkbox",
+												checked: hook.notify.slack === true,
+												onChange: (e) => patchDraft(index, { notify: {
+													...hook.notify,
+													slack: e.target.checked
+												} })
+											}), "Slack 单行摘要"]
+										})]
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dh-feishu-hint",
+										children: "desktop：弹出系统桌面通知（内容为事件摘要）。"
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: "dh-input",
+										value: hook.run ?? "",
+										onChange: (e) => patchDraft(index, { run: e.target.value }),
+										placeholder: "node notify-feishu.mjs"
+									}),
+									Object.entries(hook.match ?? {}).map(([field, pattern], mi) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dh-test-row",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												className: "dh-input dh-match-key",
+												value: field,
+												onChange: (e) => patchMatchKey(index, field, e.target.value),
+												placeholder: "字段（tool）"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+												className: "dh-input",
+												value: pattern,
+												onChange: (e) => patchMatchValue(index, field, e.target.value),
+												placeholder: "正则（^(rm|git|ssh)）"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dh-button",
+												onClick: () => removeMatch(index, field),
+												children: "×"
+											})
+										]
+									}, mi)),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dh-test-row",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dh-button dh-button-small",
+												onClick: () => addMatch(index),
+												children: "+ 添加匹配字段"
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: "dh-field",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dh-field-label",
+													children: "timeoutMs"
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: "dh-input",
+													type: "number",
+													value: hook.timeoutMs ?? "",
+													onChange: (e) => patchDraft(index, { timeoutMs: parseNum(e.target.value) }),
+													placeholder: "10000"
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: "dh-field",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dh-field-label",
+													children: "retries"
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: "dh-input",
+													type: "number",
+													value: hook.retries ?? "",
+													onChange: (e) => patchDraft(index, { retries: parseNum(e.target.value) }),
+													placeholder: "0"
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+												className: "dh-field",
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: "dh-field-label",
+													children: "retryDelayMs"
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: "dh-input",
+													type: "number",
+													value: hook.retryDelayMs ?? "",
+													onChange: (e) => patchDraft(index, { retryDelayMs: parseNum(e.target.value) }),
+													placeholder: "500"
+												})]
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dh-button dh-button-danger",
+												onClick: () => removeDraft(index),
+												children: "删除"
+											})
+										]
+									})
+								]
+							}, index)),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dh-buttons",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dh-button",
+									onClick: () => setDraftHooks((list) => [...list, { ...NEW_HOOK }]),
+									children: "+ 新增 hook"
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dh-buttons",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dh-button dh-button-primary",
+									onClick: () => void saveHooks(),
+									children: "保存到 cordis.patch.yml"
+								})
+							}),
+							saveMessage !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: saveMessage.ok ? "dh-test-line dh-test-line-match" : "dh-feishu-error",
+								children: saveMessage.text
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dh-feishu-hint",
+								children: "保存后写回配置文件并自动备份原文件；如未立即生效请重启 dsh web。"
+							})
+						]
+					}) : status === null || status.hooks.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dh-empty",
+						children: status === null ? "加载中…" : "暂无 hook，点「编辑」添加"
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dh-hook-list",
+						children: status.hooks.map((hook) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dh-hook",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dh-hook-head",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dh-hook-event",
+										children: [
+											"[",
+											hook.index,
+											"] ",
+											hook.on,
+											hook.when !== void 0 && hook.when !== "" ? ` · ${hook.when}` : ""
+										]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dh-hook-action",
+										title: hook.run ?? `notify:${hook.notify?.channel}`,
+										children: hook.run !== void 0 && hook.run !== "" ? `run: ${hook.run}` : `notify: ${hook.notify?.channel ?? "?"}${hook.notify?.url ? ` ${hook.notify.url}` : ""}${hook.notify?.slack ? " (slack)" : ""}`
+									})]
+								}),
+								hook.match !== void 0 && Object.keys(hook.match).length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dh-hook-match",
+									children: Object.entries(hook.match).map(([field, pattern]) => `${field} =~ /${pattern}/`).join("，")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dh-hook-meta",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dh-button dh-button-small",
+										onClick: () => void copyHookYaml(hook, hook.index),
+										children: copiedIndex === hook.index ? "已复制 ✓" : "复制 YAML"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dh-feishu-hint",
+										children: [
+											"timeout ",
+											hook.timeoutMs ?? 1e4,
+											"ms · retries ",
+											hook.retries ?? 0
+										]
+									})]
+								})
+							]
+						}, hook.index))
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dh-section-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+							className: "dh-section-title",
+							children: ["执行历史（最近 30 条）", status !== null && status.historyCount > 0 ? ` · ${status.historyCount} 条` : ""]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dh-button dh-toggle",
+							onClick: () => setHistoryOpen(!historyOpen),
+							"aria-expanded": historyOpen,
+							children: historyOpen ? "收起 ▲" : "展开 ▼"
+						})]
+					}), historyOpen && (history === null || history.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dh-empty",
+						children: history === null ? "加载中…" : "暂无记录"
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dh-timeline",
+						children: [...history].reverse().map((record, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dh-record",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dh-record-main",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dh-record-top",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dh-record-time",
+												children: formatTime(record.ts)
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dh-record-event",
+												children: record.event
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: `dh-outcome ${outcomeClass(record.outcome)}`,
+												children: outcomeLabel(record.outcome)
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dh-record-command",
+										title: record.command,
+										children: record.command
+									}),
+									record.error !== void 0 && record.error !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: "dh-record-error",
+										children: record.error.slice(0, 200)
+									})
+								]
+							})
+						}, `${record.ts}-${index}`))
+					}))] })
 				]
 			});
 		}
+		/** Seconds until the QR expires, or null when unknown/expired. */
+		function remainingSeconds(expiresAtMs) {
+			if (expiresAtMs === void 0) return null;
+			return Math.max(0, Math.round((expiresAtMs - Date.now()) / 1e3));
+		}
 		function outcomeClass(outcome) {
 			switch (outcomeTone(outcome)) {
 				case "ok": return "dh-outcome-ok";
@@ -314,7 +1336,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/settings-card.module.css?inline
-		var settings_card_module_default = ":root {\n  --dsh-hooks-border: #80849038;\n  --dsh-hooks-muted: #767c85;\n  --dsh-hooks-accent: #4d8df7;\n  --dsh-hooks-ok: #3fb56b;\n  --dsh-hooks-bad: #e5534b;\n  --dsh-hooks-warn: #d9a13c;\n}\n\n.dh-card {\n  flex-direction: column;\n  gap: 14px;\n  padding: 12px 4px;\n  font-size: 13px;\n  line-height: 1.5;\n  display: flex;\n}\n\n.dh-card-head {\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.dh-card-title {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.dh-badges {\n  gap: 6px;\n  display: flex;\n}\n\n.dh-badge {\n  color: var(--dsh-hooks-muted);\n  white-space: nowrap;\n  background: #80849029;\n  border-radius: 9px;\n  padding: 1px 7px;\n  font-size: 11px;\n}\n\n.dh-section-title {\n  color: var(--dsh-hooks-muted);\n  text-transform: uppercase;\n  letter-spacing: .04em;\n  margin: 0 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.dh-timeline {\n  flex-direction: column;\n  gap: 6px;\n  display: flex;\n}\n\n.dh-record {\n  border: 1px solid var(--dsh-hooks-border);\n  border-radius: 6px;\n  gap: 8px;\n  padding: 7px 9px;\n  display: flex;\n}\n\n.dh-record-main {\n  flex: 1;\n  min-width: 0;\n}\n\n.dh-record-top {\n  align-items: baseline;\n  gap: 6px;\n  display: flex;\n}\n\n.dh-record-time {\n  color: var(--dsh-hooks-muted);\n  white-space: nowrap;\n  font-size: 11px;\n}\n\n.dh-record-event {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.dh-record-command {\n  color: var(--dsh-hooks-muted);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-align: left;\n  direction: rtl;\n  font-size: 12px;\n  overflow: hidden;\n}\n\n.dh-outcome {\n  white-space: nowrap;\n  border-radius: 9px;\n  align-self: flex-start;\n  padding: 1px 7px;\n  font-size: 11px;\n}\n\n.dh-outcome-ok {\n  color: var(--dsh-hooks-ok);\n  background: #3fb56b29;\n}\n\n.dh-outcome-bad {\n  color: var(--dsh-hooks-bad);\n  background: #e5534b29;\n}\n\n.dh-outcome-warn {\n  color: var(--dsh-hooks-warn);\n  background: #d9a13c29;\n}\n\n.dh-outcome-neutral {\n  color: var(--dsh-hooks-muted);\n  background: #80849029;\n}\n\n.dh-record-error {\n  color: var(--dsh-hooks-bad);\n  white-space: pre-wrap;\n  word-break: break-all;\n  margin-top: 4px;\n  font-size: 11px;\n}\n\n.dh-empty {\n  color: var(--dsh-hooks-muted);\n  padding: 6px 2px;\n  font-size: 12px;\n}\n\n.dh-test-form {\n  flex-direction: column;\n  gap: 8px;\n  display: flex;\n}\n\n.dh-test-row {\n  gap: 8px;\n  display: flex;\n}\n\n.dh-field {\n  flex-direction: column;\n  flex: 1;\n  gap: 3px;\n  min-width: 0;\n  display: flex;\n}\n\n.dh-field-label {\n  color: var(--dsh-hooks-muted);\n  font-size: 11px;\n}\n\n.dh-input, .dh-select {\n  border: 1px solid var(--dsh-hooks-border);\n  color: inherit;\n  box-sizing: border-box;\n  background: #8084901f;\n  border-radius: 5px;\n  outline: none;\n  width: 100%;\n  padding: 5px 8px;\n  font-size: 12px;\n}\n\n.dh-input:focus, .dh-select:focus {\n  border-color: var(--dsh-hooks-accent);\n}\n\n.dh-buttons {\n  gap: 8px;\n  display: flex;\n}\n\n.dh-button {\n  border: 1px solid var(--dsh-hooks-border);\n  color: inherit;\n  cursor: pointer;\n  background: #8084901f;\n  border-radius: 5px;\n  padding: 5px 12px;\n  font-size: 12px;\n}\n\n.dh-button:hover {\n  background: #80849038;\n}\n\n.dh-button-primary {\n  background: var(--dsh-hooks-accent);\n  border-color: var(--dsh-hooks-accent);\n  color: #fff;\n}\n\n.dh-button-primary:hover {\n  background: #3c7de8;\n}\n\n.dh-test-results {\n  flex-direction: column;\n  gap: 4px;\n  display: flex;\n}\n\n.dh-test-line {\n  word-break: break-all;\n  border-radius: 5px;\n  padding: 4px 8px;\n  font-size: 12px;\n}\n\n.dh-test-line-match {\n  color: var(--dsh-hooks-ok);\n  background: #3fb56b24;\n}\n\n.dh-test-line-skip {\n  color: var(--dsh-hooks-muted);\n  background: #8084901a;\n}\n\n.dh-error-banner {\n  color: var(--dsh-hooks-bad);\n  background: #e5534b1f;\n  border: 1px solid #e5534b66;\n  border-radius: 6px;\n  padding: 8px 10px;\n  font-size: 12px;\n}\n";
+		var settings_card_module_default = ":root {\n  --dsh-hooks-border: #80849038;\n  --dsh-hooks-muted: #767c85;\n  --dsh-hooks-accent: #4d8df7;\n  --dsh-hooks-ok: #3fb56b;\n  --dsh-hooks-bad: #e5534b;\n  --dsh-hooks-warn: #d9a13c;\n}\n\n.dh-card {\n  flex-direction: column;\n  gap: 14px;\n  padding: 12px 4px;\n  font-size: 13px;\n  line-height: 1.5;\n  display: flex;\n}\n\n.dh-card-head {\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.dh-card-title {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.dh-badges {\n  gap: 6px;\n  display: flex;\n}\n\n.dh-badge {\n  color: var(--dsh-hooks-muted);\n  white-space: nowrap;\n  background: #80849029;\n  border-radius: 9px;\n  padding: 1px 7px;\n  font-size: 11px;\n}\n\n.dh-section-title {\n  color: var(--dsh-hooks-muted);\n  text-transform: uppercase;\n  letter-spacing: .04em;\n  margin: 0 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.dh-section-head {\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 8px;\n  display: flex;\n}\n\n.dh-section-head .dh-section-title {\n  margin: 0;\n}\n\n.dh-toggle {\n  padding: 2px 10px;\n  font-size: 11px;\n}\n\n.dh-field-narrow {\n  flex: 0 0 150px;\n}\n\n.dh-feishu-row {\n  align-items: flex-end;\n  gap: 8px;\n  display: flex;\n}\n\n.dh-timeline {\n  flex-direction: column;\n  gap: 6px;\n  display: flex;\n}\n\n.dh-record {\n  border: 1px solid var(--dsh-hooks-border);\n  border-radius: 6px;\n  gap: 8px;\n  padding: 7px 9px;\n  display: flex;\n}\n\n.dh-record-main {\n  flex: 1;\n  min-width: 0;\n}\n\n.dh-record-top {\n  align-items: baseline;\n  gap: 6px;\n  display: flex;\n}\n\n.dh-record-time {\n  color: var(--dsh-hooks-muted);\n  white-space: nowrap;\n  font-size: 11px;\n}\n\n.dh-record-event {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-weight: 600;\n  overflow: hidden;\n}\n\n.dh-record-command {\n  color: var(--dsh-hooks-muted);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-align: left;\n  direction: rtl;\n  font-size: 12px;\n  overflow: hidden;\n}\n\n.dh-outcome {\n  white-space: nowrap;\n  border-radius: 9px;\n  align-self: flex-start;\n  padding: 1px 7px;\n  font-size: 11px;\n}\n\n.dh-outcome-ok {\n  color: var(--dsh-hooks-ok);\n  background: #3fb56b29;\n}\n\n.dh-outcome-bad {\n  color: var(--dsh-hooks-bad);\n  background: #e5534b29;\n}\n\n.dh-outcome-warn {\n  color: var(--dsh-hooks-warn);\n  background: #d9a13c29;\n}\n\n.dh-outcome-neutral {\n  color: var(--dsh-hooks-muted);\n  background: #80849029;\n}\n\n.dh-record-error {\n  color: var(--dsh-hooks-bad);\n  white-space: pre-wrap;\n  word-break: break-all;\n  margin-top: 4px;\n  font-size: 11px;\n}\n\n.dh-empty {\n  color: var(--dsh-hooks-muted);\n  padding: 6px 2px;\n  font-size: 12px;\n}\n\n.dh-test-form {\n  flex-direction: column;\n  gap: 8px;\n  display: flex;\n}\n\n.dh-test-row {\n  gap: 8px;\n  display: flex;\n}\n\n.dh-field {\n  flex-direction: column;\n  flex: 1;\n  gap: 3px;\n  min-width: 0;\n  display: flex;\n}\n\n.dh-field-label {\n  color: var(--dsh-hooks-muted);\n  font-size: 11px;\n}\n\n.dh-input, .dh-select {\n  border: 1px solid var(--dsh-hooks-border);\n  color: inherit;\n  box-sizing: border-box;\n  background: #8084901f;\n  border-radius: 5px;\n  outline: none;\n  width: 100%;\n  padding: 5px 8px;\n  font-size: 12px;\n}\n\n.dh-input:focus, .dh-select:focus {\n  border-color: var(--dsh-hooks-accent);\n}\n\n.dh-buttons {\n  gap: 8px;\n  display: flex;\n}\n\n.dh-button {\n  border: 1px solid var(--dsh-hooks-border);\n  color: inherit;\n  cursor: pointer;\n  background: #8084901f;\n  border-radius: 5px;\n  padding: 5px 12px;\n  font-size: 12px;\n}\n\n.dh-button:hover {\n  background: #80849038;\n}\n\n.dh-button-primary {\n  background: var(--dsh-hooks-accent);\n  border-color: var(--dsh-hooks-accent);\n  color: #fff;\n}\n\n.dh-button-primary:hover {\n  background: #3c7de8;\n}\n\n.dh-test-results {\n  flex-direction: column;\n  gap: 4px;\n  display: flex;\n}\n\n.dh-test-line {\n  word-break: break-all;\n  border-radius: 5px;\n  padding: 4px 8px;\n  font-size: 12px;\n}\n\n.dh-test-line-match {\n  color: var(--dsh-hooks-ok);\n  background: #3fb56b24;\n}\n\n.dh-test-line-skip {\n  color: var(--dsh-hooks-muted);\n  background: #8084901a;\n}\n\n.dh-error-banner {\n  color: var(--dsh-hooks-bad);\n  background: #e5534b1f;\n  border: 1px solid #e5534b66;\n  border-radius: 6px;\n  padding: 8px 10px;\n  font-size: 12px;\n}\n\n.dh-feishu {\n  flex-direction: column;\n  gap: 8px;\n  display: flex;\n}\n\n.dh-feishu-form, .dh-feishu-status, .dh-feishu-qr {\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n  display: flex;\n}\n\n.dh-feishu-qr-img {\n  border: 1px solid var(--dsh-hooks-border);\n  box-sizing: border-box;\n  background: #fff;\n  border-radius: 8px;\n  width: 220px;\n  height: 220px;\n  padding: 6px;\n}\n\n.dh-feishu-line {\n  font-size: 12px;\n}\n\n.dh-feishu-ok {\n  color: var(--dsh-hooks-ok);\n}\n\n.dh-feishu-error {\n  color: var(--dsh-hooks-bad);\n  word-break: break-all;\n  font-size: 12px;\n}\n\n.dh-feishu-hint {\n  color: var(--dsh-hooks-muted);\n  font-size: 11px;\n}\n\n.dh-feishu-link {\n  color: var(--dsh-hooks-accent);\n  font-size: 12px;\n}\n\n.dh-badge-bad {\n  color: var(--dsh-hooks-bad);\n  background: #e5534b29;\n}\n\n.dh-error-retry {\n  flex-shrink: 0;\n  margin-left: 8px;\n  padding: 2px 10px;\n  font-size: 11px;\n}\n\n.dh-check {\n  color: var(--dsh-hooks-muted);\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  display: flex;\n}\n\n.dh-button-small {\n  padding: 2px 8px;\n  font-size: 11px;\n}\n\n.dh-button-danger {\n  color: var(--dsh-hooks-bad);\n  border-color: #e5534b80;\n}\n\n.dh-button-danger:hover {\n  background: #e5534b24;\n}\n\n.dh-hook-list, .dh-hook-editor {\n  flex-direction: column;\n  gap: 6px;\n  display: flex;\n}\n\n.dh-hook {\n  border: 1px solid var(--dsh-hooks-border);\n  border-radius: 6px;\n  flex-direction: column;\n  gap: 4px;\n  padding: 7px 9px;\n  display: flex;\n}\n\n.dh-hook-editing {\n  border-color: #4d8df766;\n  gap: 8px;\n  padding: 9px;\n}\n\n.dh-hook-head {\n  align-items: baseline;\n  gap: 8px;\n  min-width: 0;\n  display: flex;\n}\n\n.dh-hook-event {\n  white-space: nowrap;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.dh-hook-action {\n  color: var(--dsh-hooks-muted);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-align: left;\n  direction: rtl;\n  flex: 1;\n  min-width: 0;\n  font-size: 12px;\n  overflow: hidden;\n}\n\n.dh-hook-match {\n  color: var(--dsh-hooks-accent);\n  word-break: break-all;\n  font-size: 11px;\n}\n\n.dh-hook-meta {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.dh-match-key {\n  flex: 0 0 130px;\n}\n\n.dh-feishu-preview {\n  color: var(--dsh-hooks-muted);\n  border-left: 2px solid var(--dsh-hooks-border);\n  word-break: break-all;\n  max-height: 120px;\n  padding: 4px 8px;\n  font-size: 11px;\n  overflow: hidden;\n}\n";
 		//#endregion
 		//#region src/client/index.ts
 		const name = "dsh-hooks";