dsh-dock 0.20.0 → 0.21.0

package/features/notify/view.jsx

@@ -201,6 +201,123 @@ function useVoiceClientEnabled() {
 	}, []);
 	return [on, set];
 }
+
+// ---------- 通知配置来源：服务端配置 / 本机配置 ----------
+// 服务端配置存在宿主 settings（跨浏览器共享）；本机配置只存当前浏览器 localStorage，
+// 只影响本浏览器内的页面卡片/提示音/系统通知/语音播报。群机器人推送与语音服务端总开关
+// 由宿主执行，始终使用服务端配置。
+const CONFIG_SOURCE_KEY = "dsh-dock/notify/config-source/v1";
+const CLIENT_CONFIG_KEY = "dsh-dock/notify/client-config/v1";
+const CLIENT_CONFIG_FIELDS = [
+	"notifyOnComplete", "notifyOnError", "notifyOnConfirm", "notifyOnStuck",
+	"notifyCards", "cardMode", "notifyStayMs",
+	"soundNotify", "soundEffect", "systemNotify",
+	"voiceMode", "voiceOnComplete", "voiceOnError", "voiceOnConfirm", "voiceOnStuck",
+	"voiceRate", "voiceVolume", "voiceLang", "voiceURI",
+];
+/** 当前浏览器选择的配置来源：'server'（默认）或 'client'。 */
+export function notifyConfigSource() {
+	try {
+		if (typeof localStorage === "undefined") return "server";
+		return localStorage.getItem(CONFIG_SOURCE_KEY) === "client" ? "client" : "server";
+	} catch { return "server"; }
+}
+function setNotifyConfigSource(source) {
+	try { if (typeof localStorage !== "undefined") localStorage.setItem(CONFIG_SOURCE_KEY, source === "client" ? "client" : "server"); } catch { /* 持久化失败仅本次会话生效 */ }
+}
+/** 本机通知配置（只在 source=client 时参与生效；未设置过返回 null）。 */
+export function readClientNotifyConfig() {
+	try {
+		if (typeof localStorage === "undefined") return null;
+		const raw = localStorage.getItem(CLIENT_CONFIG_KEY);
+		const obj = raw ? JSON.parse(raw) : null;
+		return obj && typeof obj === "object" && !Array.isArray(obj) ? obj : null;
+	} catch { return null; }
+}
+function writeClientNotifyConfig(cfg) {
+	try { if (typeof localStorage !== "undefined") localStorage.setItem(CLIENT_CONFIG_KEY, JSON.stringify(cfg || {})); } catch { /* 持久化失败仅本次会话生效 */ }
+}
+/** 从服务端配置里摘出「本机配置」需要接管的浏览器侧字段。
+ *  ⚠️ eventMatrix 只带浏览器侧渠道（card / sound / system / voice）：钉钉/飞书由宿主执行，
+ *  写进本机配置既不生效也会误导——本机模式下这两个渠道在矩阵里是只读的。 */
+export function pickClientConfig(serverCfg) {
+	const src = serverCfg || {};
+	const out = {};
+	for (const key of CLIENT_CONFIG_FIELDS) {
+		if (src[key] !== undefined) out[key] = src[key];
+	}
+	const matrix = {};
+	const m = src.eventMatrix;
+	if (m && typeof m === "object") {
+		for (const [key, value] of Object.entries(m)) {
+			if (typeof value === "boolean" && /^(card|sound|system|voice):/.test(key)) matrix[key] = value;
+		}
+	}
+	out.eventMatrix = matrix;
+	return out;
+}
+/** 把本机配置覆盖到服务端配置上（服务端唯一事实字段保留服务端值）。
+ *  eventMatrix 逐键合并：本机只覆盖 card/sound/system/voice，dingtalk/feishu 始终用服务端的。 */
+export function mergeClientNotifyConfig(serverCfg, localCfg) {
+	const server = serverCfg || {};
+	const cfg = Object.assign({}, server, localCfg || {});
+	// 服务端唯一事实：群机器人推送与语音总开关由宿主执行/控制，不能被本机配置覆盖。
+	for (const key of ["dingtalkEnabled", "dingtalkWebhook", "feishuEnabled", "feishuWebhook", "pushMode"]) {
+		cfg[key] = server[key];
+	}
+	cfg.voiceNotify = server.voiceNotify === true;
+	const matrix = Object.assign({}, server.eventMatrix || {});
+	const localMatrix = (localCfg && localCfg.eventMatrix) || {};
+	for (const [key, value] of Object.entries(localMatrix)) {
+		if (typeof value === "boolean" && /^(card|sound|system|voice):/.test(key)) matrix[key] = value;
+	}
+	cfg.eventMatrix = matrix;
+	return cfg;
+}
+export function effectiveNotifyConfig(serverCfg) {
+	const server = serverCfg || {};
+	if (notifyConfigSource() !== "client") return server;
+	const local = readClientNotifyConfig();
+	if (!local) return server;
+	return mergeClientNotifyConfig(server, local);
+}
+/** 本机配置来源的 React 状态。 */
+function useNotifyConfigSource() {
+	const [source, setSource] = useState(() => notifyConfigSource());
+	const set = useCallback((next) => {
+		const value = next === "client" ? "client" : "server";
+		setNotifyConfigSource(value);
+		setSource(value);
+	}, []);
+	return [source, set];
+}
+// ---------- 通知事件矩阵：事件 × 渠道 ----------
+// 键名形如 "card:complete" / "sound:error" / "voice:stuck"。未设置过的键回退到旧字段：
+// 卡片/提示音/系统通知/群推送跟随 notifyOn*；语音跟随 voiceOn*——升级不改变既有行为。
+const EVENT_CONFIG_KEY = {
+	complete: "notifyOnComplete",
+	error: "notifyOnError",
+	confirm: "notifyOnConfirm",
+	stuck: "notifyOnStuck",
+};
+const VOICE_EVENT_KEY = {
+	complete: "voiceOnComplete",
+	error: "voiceOnError",
+	confirm: "voiceOnConfirm",
+	stuck: "voiceOnStuck",
+};
+export function eventEnabled(cfg, channel, event) {
+	const key = channel + ":" + event;
+	const matrix = cfg && cfg.eventMatrix;
+	if (matrix && typeof matrix === "object" && typeof matrix[key] === "boolean") return matrix[key];
+	if (channel === "voice") return !cfg || cfg[VOICE_EVENT_KEY[event]] !== false;
+	return !cfg || cfg[EVENT_CONFIG_KEY[event]] !== false;
+}
+export function withEventMatrix(cfg, channel, event, on) {
+	const matrix = Object.assign({}, (cfg && cfg.eventMatrix) || {});
+	matrix[channel + ":" + event] = !!on;
+	return matrix;
+}
 /** 本机音色表（可能为空：Chrome 首次调用是异步加载，靠 voiceschanged 补）。 */
 export function localVoices() {
 	const s = synthOf();
@@ -445,6 +562,12 @@ const notifyStore = {
 			this.emit();
 		}
 	},
+	// 本机配置/配置来源变化：状态对象换一个浅拷贝，让订阅方（尤其浮层的 effect）重算。
+	touch() {
+		if (!this.snap.status) return;
+		this.snap = Object.assign({}, this.snap, { status: Object.assign({}, this.snap.status) });
+		this.emit();
+	},
 	refresh() {
 		if (this.snap.loading) return Promise.resolve();
 		this.snap = Object.assign({}, this.snap, { loading: true });
@@ -612,7 +735,7 @@ export function NotifyOverlay(props) {
 		// 「页内卡片」总开关（设置面板里关掉 → 右侧所有卡片都不再弹出）。只管卡片：
 		// 语音播报 / 提示音 / 系统通知 / 群推送各有独立开关，与它正交。
 		const st = notifyStore.snap.status;
-		const cfg = st && st.config;
+		const cfg = st ? effectiveNotifyConfig(st.config) : null;
 		if (cfg && cfg.notifyCards === false) return;
 		// 上限 12：结束卡现在常驻到看过才收，4 张容易见底；多了靠叠放收纳而不是丢弃。
 		setToasts((prev) => prev.concat([toast]).slice(-12));
@@ -621,7 +744,7 @@ export function NotifyOverlay(props) {
 	// 总开关中途关闭：已挂着的卡片也一并收掉（否则「设置里关了、右边还挂着」像开关失灵）。
 	// 返回原数组避免空转重渲染。
 	useEffect(() => {
-		const cfg = snap.status && snap.status.config;
+		const cfg = snap.status ? effectiveNotifyConfig(snap.status.config) : null;
 		if (cfg && cfg.notifyCards === false) setToasts((prev) => (prev.length ? [] : prev));
 	}, [snap.status]);
 
@@ -653,7 +776,7 @@ export function NotifyOverlay(props) {
 			for (const task of prev) {
 				if (currIds.has(task.sessionId)) continue;
 				const record = (st.recent || []).find((r) => r.sessionId === task.sessionId) || null;
-				handleTaskEnd(task, record, st.config || {});
+				handleTaskEnd(task, record, effectiveNotifyConfig(st.config || {}));
 			}
 		}
 		prevActiveRef.current = st.active.slice();
@@ -665,7 +788,7 @@ export function NotifyOverlay(props) {
 	useEffect(() => {
 		const st = snap.status;
 		if (!st || !st.active) return;
-		const cfg = st.config || {};
+		const cfg = effectiveNotifyConfig(st.config || {});
 		const activeIds = new Set(st.active.map((x) => x.sessionId));
 		for (const [sid, seen] of remindedApprovalsRef.current) {
 			if (!activeIds.has(sid)) remindedApprovalsRef.current.delete(sid);
@@ -680,11 +803,11 @@ export function NotifyOverlay(props) {
 			for (const a of fresh) seen.add(a.id);
 			// 语音播报走自己的开关（在卡片开关判定**之前**：关掉卡片提醒不等于关掉耳朵）。
 			// 服务端总开关 + 本机开关都开才出声（团队共用一个实例时各自可静音）。
-			if (voiceAllowed(cfg) && cfg.voiceOnConfirm !== false) {
+			if (voiceAllowed(cfg) && eventEnabled(cfg, "voice", "confirm")) {
 				speakVoice(confirmBroadcastText(task, fresh[0], cfg), cfg);
 			}
 			// 提醒开关在"收到新确认项"时检查，保证开关中途打开对下一项生效
-			if (cfg.notifyOnConfirm === false) continue;
+			if (!eventEnabled(cfg, "card", "confirm")) continue;
 			const toolName = fresh[0].toolName || "";
 			const scene = toolLabel(toolName);
 			// 卡片正文按「卡片口径」三挡裁剪（title 行永远在，卡片标题不受口径影响）
@@ -711,8 +834,8 @@ export function NotifyOverlay(props) {
 				// 下面的对账 effect 据此自动收起卡片（处理完就不该再占着右上角）。
 				approvalKeys: fresh.filter((a) => a && a.id).map((a) => task.sessionId + "|" + a.id),
 			});
-			if (cfg.soundNotify !== false) playAskSound(cfg.soundEffect);
-			if (cfg.systemNotify && typeof document !== "undefined" && document.hidden
+			if (cfg.soundNotify !== false && eventEnabled(cfg, "sound", "confirm")) playAskSound(cfg.soundEffect);
+			if (cfg.systemNotify && eventEnabled(cfg, "system", "confirm") && typeof document !== "undefined" && document.hidden
 				&& typeof Notification !== "undefined" && Notification.permission === "granted") {
 				try {
 					new Notification("dsh 任务需要确认", {
@@ -733,7 +856,7 @@ export function NotifyOverlay(props) {
 	useEffect(() => {
 		const st = snap.status;
 		if (!st || !st.active) return;
-		const cfg = st.config || {};
+		const cfg = effectiveNotifyConfig(st.config || {});
 		const activeIds = new Set(st.active.map((x) => x.sessionId));
 		for (const [sid, seen] of remindedQuestionsRef.current) {
 			if (!activeIds.has(sid)) remindedQuestionsRef.current.delete(sid);
@@ -748,11 +871,11 @@ export function NotifyOverlay(props) {
 			for (const q of fresh) seen.add(q.id);
 			// 语音播报走自己的开关（与卡片开关正交：关卡片不等于关掉耳朵）。
 			// 服务端总开关 + 本机开关都开才出声。
-			if (voiceAllowed(cfg) && cfg.voiceOnConfirm !== false) {
+			if (voiceAllowed(cfg) && eventEnabled(cfg, "voice", "confirm")) {
 				speakVoice(questionBroadcastText(task, fresh[0], cfg), cfg);
 			}
 			// 提醒开关在"收到新提问"时检查，保证开关中途打开对下一问生效
-			if (cfg.notifyOnConfirm === false) continue;
+			if (!eventEnabled(cfg, "card", "confirm")) continue;
 			const tone = cardTone(cfg);
 			const head = fresh[0].header || "";
 			const body = fresh[0].question || "";
@@ -773,8 +896,8 @@ export function NotifyOverlay(props) {
 				// 与这批提问绑定：回答落地后宿主把它们移出 questions，下面的对账 effect 据此收起
 				questionKeys: fresh.map((q) => task.sessionId + "|" + q.id),
 			});
-			if (cfg.soundNotify !== false) playAskSound(cfg.soundEffect);
-			if (cfg.systemNotify && typeof document !== "undefined" && document.hidden
+			if (cfg.soundNotify !== false && eventEnabled(cfg, "sound", "confirm")) playAskSound(cfg.soundEffect);
+			if (cfg.systemNotify && eventEnabled(cfg, "system", "confirm") && typeof document !== "undefined" && document.hidden
 				&& typeof Notification !== "undefined" && Notification.permission === "granted") {
 				try {
 					new Notification("dsh 任务需要你回答", {
@@ -850,7 +973,7 @@ export function NotifyOverlay(props) {
 	useEffect(() => {
 		const st = snap.status;
 		if (!st || !st.active) return;
-		const cfg = st.config || {};
+		const cfg = effectiveNotifyConfig(st.config || {});
 		const now = st.now || Date.now();
 		const activeIds = new Set(st.active.map((x) => x.sessionId));
 		for (const sid of Array.from(stuckSeenRef.current.keys())) {
@@ -885,11 +1008,11 @@ export function NotifyOverlay(props) {
 			if (prev === lastAct) continue; // 同一停点已报过
 			stuckSeenRef.current.set(task.sessionId, lastAct);
 			// —— 语音：说清主/子任务、标题、停滞时长与最后动作（服务端总开关 + 本机开关）——
-			if (voiceAllowed(cfg) && cfg.voiceOnStuck !== false) {
+			if (voiceAllowed(cfg) && eventEnabled(cfg, "voice", "stuck")) {
 				speakVoice(stuckBroadcastText(task, Object.assign({}, cfg, { stuckMs: stuckMs })), cfg);
 			}
 			// —— 卡片：只受「卡住提醒」与「页内卡片」总开关控制（总开关在 pushToast 里把关）——
-			if (cfg.notifyOnStuck === false) continue;
+			if (!eventEnabled(cfg, "card", "stuck")) continue;
 			const label = task.isSubtask ? "子任务" : "主任务";
 			const title = task.title || "(无标题)";
 			const tool = task.lastToolName || "";
@@ -945,57 +1068,60 @@ export function NotifyOverlay(props) {
 		const reason = (record && record.endReason) || "";
 		const success = isSuccessReason(reason);
 		const info = endInfo(reason);
-		const wanted = success ? cfg.notifyOnComplete : cfg.notifyOnError;
-		// 语音播报先走自己的开关（与卡片开关正交：关卡片不关耳朵）。
-		// 服务端总开关 + 本机开关都开才出声；播报音量归 0 / 浏览器不支持时静默跳过即可。
-		if (voiceAllowed(cfg)
-			&& (success ? cfg.voiceOnComplete !== false : cfg.voiceOnError !== false)) {
+		const event = success ? "complete" : "error";
+		const cardWanted = eventEnabled(cfg, "card", event);
+		const soundWanted = cfg.soundNotify !== false && eventEnabled(cfg, "sound", event);
+		const systemWanted = !!cfg.systemNotify && eventEnabled(cfg, "system", event);
+		// 语音播报与卡片/提示音/系统通知完全正交：各自的事件矩阵与总开关独立判断。
+		if (voiceAllowed(cfg) && eventEnabled(cfg, "voice", event)) {
 			speakVoice(endBroadcastText(success, record, task, cfg), cfg);
 		}
-		if (wanted === false) return;
 		const models = record && record.models && record.models.length ? record.models.join(", ")
 			: (task.models && task.models.length ? task.models.join(", ") : "未知模型");
 		const provider = (record && record.provider) || task.provider || "";
 		const startTs = (record && record.startTime) || task.startTime;
 		const endTs = (record && record.endTime) || Date.now();
-		// 卡片正文按「卡片口径」三挡裁剪（cfg.cardMode，缺省 detailed ＝历史内容）：
-		//  简洁＝任务+耗时；适中＝加模型与起止时间；详细＝再加回合/步骤、Token、摘要或错误。
-		const tone = cardTone(cfg);
 		const durText = fmtDur((record && record.duration) || (endTs - startTs));
-		const lines = ["任务：" + ((record && record.title) || task.title || "(无标题)")];
-		if (tone !== "brief") lines.push("模型：" + models + (provider ? "（" + provider + "）" : ""));
-		lines.push(tone === "brief"
-			? "耗时：" + durText
-			: "耗时：" + durText + "（" + fmtTime(startTs) + " → " + fmtTime(endTs) + "）");
-		if (tone === "detailed") {
-			lines.push("回合 " + ((record && record.turns) || task.turns || 0)
-				+ " · 步骤 " + ((record && record.steps) || task.steps || 0)
-				+ (((record && record.toolCalls) || task.toolCalls) ? " · 工具 " + ((record && record.toolCalls) || task.toolCalls) + " 次" : ""));
-			lines.push("Token：输入 " + fmtNum((record && record.inputTokens) || task.inputTokens)
-				+ " / 输出 " + fmtNum((record && record.outputTokens) || task.outputTokens));
-			if (record && record.lastText) lines.push("摘要：" + truncate(record.lastText, 140));
-			if (!success && record && record.errorMessage) lines.push("错误：" + truncate(record.errorMessage, 120));
-		}
 		const title = success ? "任务完成" : "任务" + info.label;
-		pushToast({
-			id: ++toastSeqRef.current,
-			kind: success ? "success" : (info.cls === "err" ? "error" : "warn"),
-			title,
-			body: lines.join("\n"),
-			// 绑定会话：点卡片直达该会话；用户点进这个会话（侧栏选中）也视为
-			// 看到了结果，巡检 effect 据此自动收起卡片。没看过就一直挂着。
-			// sessionId 是权威标识（跳转/对账都用它），标题只作旧宿主回退。
-			sessionId: task.sessionId || "",
-			sessionTitle: (record && record.title) || task.title || "",
-		});
+		const showTitle = (record && record.title) || task.title || "(无标题)";
+		if (cardWanted) {
+			// 卡片正文按「卡片口径」三挡裁剪（cfg.cardMode，缺省 detailed ＝历史内容）：
+			//  简洁＝任务+耗时；适中＝加模型与起止时间；详细＝再加回合/步骤、Token、摘要或错误。
+			const tone = cardTone(cfg);
+			const lines = ["任务：" + showTitle];
+			if (tone !== "brief") lines.push("模型：" + models + (provider ? "（" + provider + "）" : ""));
+			lines.push(tone === "brief"
+				? "耗时：" + durText
+				: "耗时：" + durText + "（" + fmtTime(startTs) + " → " + fmtTime(endTs) + "）");
+			if (tone === "detailed") {
+				lines.push("回合 " + ((record && record.turns) || task.turns || 0)
+					+ " · 步骤 " + ((record && record.steps) || task.steps || 0)
+					+ (((record && record.toolCalls) || task.toolCalls) ? " · 工具 " + ((record && record.toolCalls) || task.toolCalls) + " 次" : ""));
+				lines.push("Token：输入 " + fmtNum((record && record.inputTokens) || task.inputTokens)
+					+ " / 输出 " + fmtNum((record && record.outputTokens) || task.outputTokens));
+				if (record && record.lastText) lines.push("摘要：" + truncate(record.lastText, 140));
+				if (!success && record && record.errorMessage) lines.push("错误：" + truncate(record.errorMessage, 120));
+			}
+			pushToast({
+				id: ++toastSeqRef.current,
+				kind: success ? "success" : (info.cls === "err" ? "error" : "warn"),
+				title,
+				body: lines.join("\n"),
+				// 绑定会话：点卡片直达该会话；用户点进这个会话（侧栏选中）也视为
+				// 看到了结果，巡检 effect 据此自动收起卡片。没看过就一直挂着。
+				// sessionId 是权威标识（跳转/对账都用它），标题只作旧宿主回退。
+				sessionId: task.sessionId || "",
+				sessionTitle: showTitle,
+			});
+		}
 		// 提示音：任务结束时播放（完成/异常配套音）；与系统通知独立开关
-		if (cfg.soundNotify !== false) playDoneSound(success, cfg.soundEffect);
+		if (soundWanted) playDoneSound(success, cfg.soundEffect);
 		// 系统通知：仅页面处于后台时推送，避免前台重复打扰
-		if (cfg.systemNotify && typeof document !== "undefined" && document.hidden
+		if (systemWanted && typeof document !== "undefined" && document.hidden
 			&& typeof Notification !== "undefined" && Notification.permission === "granted") {
 			try {
 				new Notification("dsh " + title, {
-					body: ((record && record.title) || task.title || "(无标题)") + " · " + fmtDur((record && record.duration) || (endTs - startTs)),
+					body: showTitle + " · " + durText,
 					tag: "dsh-dock-notify-" + task.sessionId,
 				});
 			} catch { /* 系统通知失败不影响页面内通知 */ }
@@ -1021,11 +1147,116 @@ export function NotifyOverlay(props) {
 }
 
 // ---------- 面板页 ----------
+// 通知事件矩阵：纵向是事件，横向是渠道。每个格子对应 eventMatrix 里的一个布尔键，
+// 未设置过的键回退到旧字段（见 eventEnabled），保证老配置升级后行为不变。
+const MATRIX_COLUMNS = [
+	{ id: "card", label: "页内卡片" },
+	{ id: "sound", label: "提示音" },
+	{ id: "system", label: "系统通知" },
+	{ id: "voice", label: "语音播报" },
+	{ id: "dingtalk", label: "钉钉" },
+	{ id: "feishu", label: "飞书" },
+];
+const MATRIX_EVENTS = [
+	{ id: "complete", label: "完成", desc: "任务正常结束" },
+	{ id: "error", label: "异常", desc: "出错 / 中止 / 受阻 / 达上限" },
+	{ id: "confirm", label: "需确认 / 需回答", desc: "工具等批准、提问等回答" },
+	{ id: "stuck", label: "卡住", desc: "编程阶段长时间无活动" },
+];
+// 渠道支持哪些事件：提示音/系统通知没有「卡住」，群机器人只在任务结束时推送。
+const MATRIX_SUPPORT = {
+	card: ["complete", "error", "confirm", "stuck"],
+	sound: ["complete", "error", "confirm"],
+	system: ["complete", "error", "confirm"],
+	voice: ["complete", "error", "confirm", "stuck"],
+	dingtalk: ["complete", "error"],
+	feishu: ["complete", "error"],
+};
+const MODE_OPTIONS = [["brief", "简洁"], ["medium", "适中"], ["detailed", "详细"]];
+
+function ModePicker(props) {
+	return (
+		<span className="dknt-modes">
+			{MODE_OPTIONS.map(([value, label]) => (
+				<button type="button" key={value}
+					className={"dknt-miniswitch" + (props.value === value ? " on" : "")}
+					title={props.title ? props.title + "（" + label + "）" : label}
+					onClick={() => props.onChange(value)}>{label}</button>
+			))}
+		</span>
+	);
+}
+
+/** 渠道总开关状态（矩阵表头的小圆点用）。 */
+function channelMasterOn(cfg, channel, voiceClientOn) {
+	if (!cfg) return false;
+	if (channel === "card") return cfg.notifyCards !== false;
+	if (channel === "sound") return cfg.soundNotify !== false;
+	if (channel === "system") return !!cfg.systemNotify;
+	if (channel === "voice") return cfg.voiceNotify === true && voiceClientOn;
+	if (channel === "dingtalk") return !!cfg.dingtalkEnabled;
+	if (channel === "feishu") return !!cfg.feishuEnabled;
+	return false;
+}
+
+function EventMatrix(props) {
+	const { cfg, source, voiceClientOn, patch } = props;
+	const toggle = (channel, event, on) => patch({ eventMatrix: withEventMatrix(cfg, channel, event, on) });
+	return (
+		<div className="dknt-matrix-wrap">
+			<div className="dknt-matrix">
+				<div className="dknt-matrix-row dknt-matrix-head">
+					<span className="dknt-matrix-event">通知事件</span>
+					{MATRIX_COLUMNS.map((column) => (
+						<span key={column.id} className={"dknt-matrix-col" + (channelMasterOn(cfg, column.id, voiceClientOn) ? " on" : "")}>
+							{column.label}
+							<em>{channelMasterOn(cfg, column.id, voiceClientOn) ? "开" : "关"}</em>
+						</span>
+					))}
+				</div>
+				{MATRIX_EVENTS.map((ev) => (
+					<div key={ev.id} className="dknt-matrix-row">
+						<span className="dknt-matrix-event">
+							<b>{ev.label}</b>
+							<small>{ev.desc}</small>
+						</span>
+						{MATRIX_COLUMNS.map((column) => {
+							const supported = MATRIX_SUPPORT[column.id].indexOf(ev.id) !== -1;
+							const serverOnly = source === "client" && (column.id === "dingtalk" || column.id === "feishu");
+							if (!supported) return <span key={column.id} className="dknt-cell dknt-cell-na" title="该渠道不支持此事件">—</span>;
+							const on = eventEnabled(cfg, column.id, ev.id);
+							return (
+								<button type="button" key={column.id}
+									className={"dknt-cell" + (on ? " on" : "") + (serverOnly ? " disabled" : "")}
+									role="checkbox" aria-checked={on}
+									disabled={serverOnly}
+									title={serverOnly ? "群机器人推送由服务端执行，请切换到「服务端配置」修改" : on ? "取消该事件通过此渠道提醒" : "让该事件通过此渠道提醒"}
+									onClick={() => { if (!serverOnly) toggle(column.id, ev.id, !on); }}>
+									{on ? "✓" : ""}
+								</button>
+							);
+						})}
+					</div>
+				))}
+			</div>
+			<div className="dknt-matrix-legend">
+				<span><i className="dknt-dot on" /> 已勾选</span>
+				<span><i className="dknt-dot" /> 未勾选</span>
+				<span>「—」= 该渠道不支持此事件</span>
+				{source === "client" ? <span>钉钉 / 飞书为服务端推送，需切回「服务端配置」修改</span> : null}
+			</div>
+		</div>
+	);
+}
+
 function NotifyView(props) {
 	const snap = useNotify();
 	const voices = useLocalVoices(); // 音色下拉用（本机 speechSynthesis 音色表）
 	const [voiceClientOn, setVoiceClientOn] = useVoiceClientEnabled(); // 本机播报开关（localStorage）
-	const [cfg, setCfg] = useState(null); // null = 尚未加载
+	const [source, setSource] = useNotifyConfigSource(); // 服务端 / 本机
+	const [tab, setTab] = useState("events"); // events | channels | robots
+	const [clientCfg, setClientCfg] = useState(() => readClientNotifyConfig());
+	const [serverDraft, setServerDraft] = useState(null);
 	const [saveErr, setSaveErr] = useState("");
 	const [testing, setTesting] = useState(false);
 	const [testState, setTestState] = useState(null); // { ok, msg } 钉钉测试结果
@@ -1035,24 +1266,42 @@ function NotifyView(props) {
 	const pendingSavesRef = useRef(0); // 进行中的保存（轮询回包不覆盖乐观值）
 	const editingWebhookRef = useRef(false); // 钉钉 Webhook 输入中（轮询不覆盖草稿）
 	const editingFeishuRef = useRef(false); // 飞书 Webhook 输入中（轮询不覆盖草稿）
-	// 拉到新配置（含保存回包）后同步本地编辑态；保存中/输入中不覆盖
+	const serverCfg = snap.status && snap.status.config;
+	// 服务端配置（含保存回包）同步到本地编辑态；保存中/输入中不覆盖
 	useEffect(() => {
-		const c = snap.status && snap.status.config;
-		if (!c) return;
+		if (!serverCfg) return;
 		if (pendingSavesRef.current > 0 || editingWebhookRef.current || editingFeishuRef.current) return;
-		if (c !== cfgRef.current) {
-			cfgRef.current = c;
-			setCfg(Object.assign({}, c));
+		if (serverCfg !== cfgRef.current) {
+			cfgRef.current = serverCfg;
+			setServerDraft(Object.assign({}, serverCfg));
 		}
 	}, [snap.status]);
+	// 切到本机配置时，第一次从服务端配置复制一份作为起点
+	useEffect(() => {
+		if (source !== "client" || clientCfg || !serverCfg) return;
+		const clone = pickClientConfig(serverCfg);
+		writeClientNotifyConfig(clone);
+		setClientCfg(clone);
+	}, [source, clientCfg, serverCfg]);
 	// 面板打开时兜底拉一次（浮层通常已在轮询）
 	useEffect(() => {
 		if (!notifyStore.snap.status) notifyStore.refresh();
 	}, []);
-	// 乐观更新 + 立即持久化（每个开关独立保存）
+	const cfg = source === "client"
+		? (clientCfg ? mergeClientNotifyConfig(serverCfg, clientCfg) : null)
+		: (serverDraft || serverCfg);
+	// 乐观更新 + 立即持久化：服务端模式写 settings，本机模式只写 localStorage。
 	const patch = (p) => {
 		setSaveErr("");
-		setCfg(Object.assign({}, cfg, p));
+		if (source === "client") {
+			const base = clientCfg || (serverCfg ? pickClientConfig(serverCfg) : {});
+			const next = Object.assign({}, base, p);
+			writeClientNotifyConfig(next);
+			setClientCfg(next);
+			notifyStore.touch();
+			return Promise.resolve();
+		}
+		setServerDraft(Object.assign({}, cfg, p));
 		pendingSavesRef.current++;
 		return rpcCall("config", p)
 			.then((d) => {
@@ -1064,6 +1313,22 @@ function NotifyView(props) {
 				setSaveErr("保存失败：" + ((e && e.message) || String(e)));
 			});
 	};
+	const chooseSource = (next) => {
+		if (next === "client" && !clientCfg && serverCfg) {
+			const clone = pickClientConfig(serverCfg);
+			writeClientNotifyConfig(clone);
+			setClientCfg(clone);
+		}
+		setSource(next);
+		notifyStore.touch();
+	};
+	const copyFromServer = () => {
+		if (!serverCfg) return;
+		const clone = pickClientConfig(serverCfg);
+		writeClientNotifyConfig(clone);
+		setClientCfg(clone);
+		notifyStore.touch();
+	};
 	// Webhook 草稿保存：清编辑态后立即对齐一次（同步 effect 在编辑期被跳过）
 	const saveWebhook = async () => {
 		if (!editingWebhookRef.current) return;
@@ -1073,7 +1338,7 @@ function NotifyView(props) {
 		const c = notifyStore.snap.status && notifyStore.snap.status.config;
 		if (c && c !== cfgRef.current) {
 			cfgRef.current = c;
-			setCfg(Object.assign({}, c));
+			setServerDraft(Object.assign({}, c));
 		}
 	};
 	const saveFeishuWebhook = async () => {
@@ -1084,7 +1349,7 @@ function NotifyView(props) {
 		const c = notifyStore.snap.status && notifyStore.snap.status.config;
 		if (c && c !== cfgRef.current) {
 			cfgRef.current = c;
-			setCfg(Object.assign({}, c));
+			setServerDraft(Object.assign({}, c));
 		}
 	};
 	// 钉钉测试：草稿未保存先保存，再发测试消息
@@ -1099,7 +1364,7 @@ function NotifyView(props) {
 				notifyStore.applyConfig(d && d.config);
 				editingWebhookRef.current = false;
 				cfgRef.current = (d && d.config) || cfgRef.current;
-				setCfg(Object.assign({}, cfg, { dingtalkWebhook: hook }));
+				setServerDraft(Object.assign({}, cfg, { dingtalkWebhook: hook }));
 			}
 			const r = await rpcCall("test");
 			setTestState(r && r.sent
@@ -1123,7 +1388,7 @@ function NotifyView(props) {
 				notifyStore.applyConfig(d && d.config);
 				editingFeishuRef.current = false;
 				cfgRef.current = (d && d.config) || cfgRef.current;
-				setCfg(Object.assign({}, cfg, { feishuWebhook: hook }));
+				setServerDraft(Object.assign({}, cfg, { feishuWebhook: hook }));
 			}
 			const r = await rpcCall("test", { target: "feishu" });
 			setFeishuTestState(r && r.sent
@@ -1161,317 +1426,350 @@ function NotifyView(props) {
 		rows.push(<div key="load" className="dknt-note">{snap.error ? "状态不可用：" + snap.error : (snap.loading ? "正在拉取通知状态…" : "等待通知状态")}</div>);
 	} else {
 		rows.push(
-			<div key="events" className="dknt-sec">
-				<div className="dknt-sec-head">
-					<span className="dknt-sec-title">通知事件</span>
-					<span className="dknt-sec-sub">哪些时刻提醒你；与【任务动画】的动效互不依赖</span>
+			<div key="source" className="dknt-source">
+				<div className="dknt-source-info">
+					<span className="dknt-source-title">配置来源</span>
+					<span className="dknt-source-sub">{source === "server"
+						? "设置保存在服务端，所有浏览器/设备共享"
+						: "设置只保存在当前浏览器，不影响其他人"}</span>
 				</div>
-				<div className="dknt-rows-narrow">
-					<div className="dknt-row">
-						<span className="dknt-row-label">页内卡片</span>
-						<button type="button" className={"dknt-miniswitch" + (cfg.notifyCards !== false ? " on" : "")}
-							onClick={() => patch({ notifyCards: cfg.notifyCards === false })}>
-							{cfg.notifyCards !== false ? "开" : "关"}
-						</button>
-						<span className="dknt-row-sub">右侧通知卡片总开关：关闭后下面各类卡片（完成 / 异常 / 需确认 / 卡住）一律不弹，已挂着的一并收起；语音播报、提示音、系统通知、钉钉飞书推送不受影响</span>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">完成通知</span>
-						<button type="button" className={"dknt-miniswitch" + (cfg.notifyOnComplete ? " on" : "")}
-							onClick={() => patch({ notifyOnComplete: !cfg.notifyOnComplete })}>
-							{cfg.notifyOnComplete ? "开" : "关"}
-						</button>
-						<span className="dknt-row-sub">任务正常完成时通知</span>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">异常通知</span>
-						<button type="button" className={"dknt-miniswitch" + (cfg.notifyOnError ? " on" : "")}
-							onClick={() => patch({ notifyOnError: !cfg.notifyOnError })}>
-							{cfg.notifyOnError ? "开" : "关"}
-						</button>
-						<span className="dknt-row-sub">出错 / 中止 / 达输出上限时通知</span>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">需确认提醒</span>
-						<button type="button" className={"dknt-miniswitch" + (cfg.notifyOnConfirm !== false ? " on" : "")}
-							onClick={() => patch({ notifyOnConfirm: cfg.notifyOnConfirm === false })}>
-							{cfg.notifyOnConfirm !== false ? "开" : "关"}
-						</button>
-						<span className="dknt-row-sub">工具等你批准、或会话提问等你选答案时弹卡片并响确认音；处理完自动收起，没处理完就一直显示（点卡片直达会话）。这两种「停在原地等人」都不算卡住</span>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">卡住提醒</span>
-						<button type="button" className={"dknt-miniswitch" + (cfg.notifyOnStuck !== false ? " on" : "")}
-							onClick={() => patch({ notifyOnStuck: cfg.notifyOnStuck === false })}>
-							{cfg.notifyOnStuck !== false ? "开" : "关"}
-						</button>
-						<span className="dknt-row-sub">编程阶段长时间没有动静时弹卡片，写明是主任务还是子任务、停滞了多久、最后在执行什么；恢复活动 / 任务结束自动收起，同一停点只弹一次。等批准、等回答、命令还在跑、正在压缩上下文的会话都不算卡住（那些都是在干活，别重复轰炸）（语音播报走「语音播报」区的卡住开关，互不干扰）</span>
-					</div>
+				<div className="dknt-seg" role="group" aria-label="通知配置来源">
+					<button type="button" className={"dknt-seg-btn" + (source === "server" ? " on" : "")}
+						aria-pressed={source === "server"} onClick={() => chooseSource("server")}>服务端配置</button>
+					<button type="button" className={"dknt-seg-btn" + (source === "client" ? " on" : "")}
+						aria-pressed={source === "client"} onClick={() => chooseSource("client")}>本机配置</button>
 				</div>
+				{source === "client" ? <button type="button" className="dknt-btn" onClick={copyFromServer}>从服务端复制</button> : null}
 			</div>,
-			<div key="style" className="dknt-sec">
-				<div className="dknt-sec-head">
-					<span className="dknt-sec-title">提醒方式</span>
-					<span className="dknt-sec-sub">页内卡片、提示音、浏览器系统通知可自由组合</span>
-				</div>
-				<div className="dknt-rows-narrow">
-					<div className="dknt-row">
-						<span className="dknt-row-label">卡片口径</span>
-						{[["brief", "简洁"], ["medium", "适中"], ["detailed", "详细"]].map(([v, label]) => (
-							<button type="button" key={v}
-								className={"dknt-miniswitch" + (cardTone(cfg) === v ? " on" : "")}
-								style={{ marginRight: 6 }}
-								title={"右侧通知卡片正文按" + label + "档显示"}
-								onClick={() => patch({ cardMode: v })}>{label}</button>
-						))}
-						<span className="dknt-row-sub">右侧卡片正文写多少（与各类型开关、语音播报互不影响）：简洁＝任务与耗时 / 谁卡住；适中＝加模型、起止时间、停滞时长；详细＝全部（回合步骤、Token、摘要或错误、最后动作）</span>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">卡片收纳</span>
-						<span className="dknt-row-sub">所有卡片都不超时自动消失：结束卡片没看过就一直挂着（后台跑完的切回来也在），点卡片直达对应会话，或点进该会话，卡片自动收起；需确认卡片挂到审批处理完；卡住卡片挂到恢复活动。3 张及以上自动叠放成标题条，鼠标移上去整体展开；要整体不弹看上面「页内卡片」总开关</span>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">系统通知</span>
-						<button type="button" className={"dknt-miniswitch" + (cfg.systemNotify ? " on" : "")}
-							onClick={() => enableSystemNotify(!cfg.systemNotify)}>
-							{cfg.systemNotify ? "开" : "关"}
-						</button>
-						<span className="dknt-row-sub">{permNote}</span>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">提示音</span>
-						<button type="button" className={"dknt-miniswitch" + (cfg.soundNotify !== false ? " on" : "")}
-							onClick={() => patch({ soundNotify: cfg.soundNotify === false })}>
-							{cfg.soundNotify !== false ? "开" : "关"}
-						</button>
-						<span className="dknt-row-sub">任务结束/需确认时播放（试听为先播完成音、后播异常音）</span>
-					</div>
-					{cfg.soundNotify !== false ? (
-						<div className="dknt-sounds">
-							{Object.keys(SOUND_LIBRARY).map((key) => (
-								<button type="button" key={key}
-									className={"dknt-sound" + (cfg.soundEffect === key ? " on" : "")}
-									onClick={() => patch({ soundEffect: key })}>
-									<span className="dknt-sound-name">
-										{SOUND_LIBRARY[key].name}
-										{cfg.soundEffect === key ? <span className="dknt-sound-cur">✓</span> : null}
-									</span>
-									<span className="dknt-sound-play" role="button" tabIndex={0}
-										title={"试听 " + SOUND_LIBRARY[key].name}
-										onClick={(e) => { e.stopPropagation(); previewSound(key); }}
-										onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); e.stopPropagation(); previewSound(key); } }}>▶</span>
-								</button>
-							))}
-						</div>
-					) : null}
-				</div>
+			<div key="tabs" className="dknt-tabs" role="tablist" aria-label="任务通知设置">
+				{[
+					["events", "按事件提醒"],
+					["channels", "按渠道设置"],
+					["robots", "群机器人"],
+				].map(([id, label]) => (
+					<button type="button" key={id} role="tab" aria-selected={tab === id}
+						className={"dknt-tab" + (tab === id ? " on" : "")}
+						onClick={() => setTab(id)}>{label}</button>
+				))}
 			</div>,
-			<div key="voice" className="dknt-sec">
-				<div className="dknt-sec-head">
-					<span className="dknt-sec-title">语音播报</span>
-					<span className="dknt-sec-sub">任务完成 / 停止 / 需要授权 / 需回答 / 卡住时用浏览器语音（TTS）说一句话；服务端总开关（跨浏览器）与本机开关（当前浏览器）都开启才播报</span>
-					<span className="dknt-sec-sw">
-						<span className={"dknt-sec-swlabel" + (cfg.voiceNotify ? " on" : "")}>{cfg.voiceNotify ? "服务端：已开启" : "服务端：已关闭"}</span>
-						<button type="button" className={"dock-sw" + (cfg.voiceNotify ? " on" : "")}
-							role="switch" aria-checked={cfg.voiceNotify} aria-label="开关语音播报（服务端总开关）"
-							title={cfg.voiceNotify ? "关闭语音播报（服务端总开关）" : "开启语音播报（服务端总开关）"}
-							onClick={() => patch({ voiceNotify: !cfg.voiceNotify })} />
-					</span>
-				</div>
-				<div className="dknt-row">
-					<span className="dknt-row-label">本机播报</span>
-					<button type="button" className={"dknt-miniswitch" + (voiceClientOn ? " on" : "")}
-						role="switch" aria-checked={voiceClientOn} aria-label="开关本机语音播报"
-						title={voiceClientOn ? "关闭本机语音播报" : "开启本机语音播报"}
-						onClick={() => setVoiceClientOn(!voiceClientOn)}>{voiceClientOn ? "开" : "关"}</button>
-					<span className="dknt-row-sub">{voiceClientOn
-						? "本浏览器会播报（设置保存在当前浏览器；服务端总开关关闭时不生效）"
-						: "本浏览器不播报（设置保存在当前浏览器，不影响其他浏览器）"}</span>
-				</div>
-				{cfg.voiceNotify ? <div className="dknt-rows-narrow">
-					<div className="dknt-row">
-						<span className="dknt-row-label">播报口径</span>
-						{[["brief", "简洁"], ["medium", "适中"], ["detailed", "详细"]].map(([v, label]) => (
-							<button type="button" key={v}
-								className={"dknt-miniswitch" + (voiceTone(cfg) === v ? " on" : "")}
-								style={{ marginRight: 6 }}
-								title={"语音播报按" + label + "档说"}
-								onClick={() => patch({ voiceMode: v })}>{label}</button>
-						))}
-						<span className="dknt-row-sub">简洁：一句「任务完成 / 任务停止了 / 任务需要授权 / 主任务（或子任务）·标题 卡住了」；适中：点名任务，结束带原因与耗时、卡住带停滞时长；详细：结束带回合统计与回复摘要，需授权带工具名，卡住带最后动作</span>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">播报时刻</span>
-						<span className="dknt-row-sub" style={{ minWidth: 0 }}>
-							{[
-								["voiceOnComplete", "完成", cfg.voiceOnComplete !== false],
-								["voiceOnError", "停止", cfg.voiceOnError !== false],
-								["voiceOnConfirm", "需授权/需回答", cfg.voiceOnConfirm !== false],
-								["voiceOnStuck", "卡住", cfg.voiceOnStuck !== false],
-							].map(([key, label, on]) => (
-								<button type="button" key={key} className={"dknt-miniswitch" + (on ? " on" : "")}
-									style={{ marginRight: 6 }}
-									title={key === "voiceOnStuck" ? "编程阶段长时间没有动静时播报一次（恢复后可再报；命令在跑 / 正在压缩上下文不算）" : ""}
-									onClick={() => patch({ [key]: !on })}>{label}{on ? "·开" : "·关"}</button>
-							))}
-						</span>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">语速</span>
-						<input type="range" min="0.5" max="2" step="0.05" value={String(cfg.voiceRate || 1)}
-							aria-label="播报语速" style={{ width: 120, accentColor: "var(--dk-accent)" }}
-							onChange={(e) => patch({ voiceRate: Number(e.target.value) || 1 })} />
-						<span className="dknt-row-sub">{Number(cfg.voiceRate || 1).toFixed(2)}×（播报比正文朗读略快更利落）</span>
+		);
+		if (tab === "events") {
+			rows.push(
+				<div key="events" className="dknt-sec">
+					<div className="dknt-sec-head">
+						<span className="dknt-sec-title">通知事件</span>
+						<span className="dknt-sec-sub">纵向是通知事件、横向是通知渠道；勾选表示「这个事件用这个渠道提醒」。渠道的总开关和详细设置在同页「按渠道设置」。</span>
 					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">音量</span>
-						<input type="range" min="0" max="1" step="0.05" value={String(cfg.voiceVolume == null ? 1 : cfg.voiceVolume)}
-							aria-label="播报音量" style={{ width: 120, accentColor: "var(--dk-accent)" }}
-							onChange={(e) => patch({ voiceVolume: Number(e.target.value) })} />
-						<span className="dknt-row-sub">{Math.round((cfg.voiceVolume == null ? 1 : cfg.voiceVolume) * 100)}%</span>
+					<EventMatrix cfg={cfg} source={source} voiceClientOn={voiceClientOn} patch={patch} />
+					<div className="dknt-note">「需确认 / 需回答」包含工具等待批准与会话提问等待回答两种「停在原地等人」；「卡住」只在编程阶段长时间没有动静时触发，等批准、等回答、命令在跑、正在压缩上下文都不算卡住。</div>
+				</div>
+			);
+		} else if (tab === "channels") {
+			rows.push(
+				<div key="channels" className="dknt-channels">
+					<div className="dknt-channel">
+						<div className="dknt-channel-head">
+							<div className="dknt-channel-title-wrap">
+								<span className="dknt-channel-title">页内卡片</span>
+								<span className="dknt-channel-sub">右侧浮层通知卡；点卡片直达对应会话</span>
+							</div>
+							<button type="button" className={"dock-sw" + (cfg.notifyCards !== false ? " on" : "")}
+								role="switch" aria-checked={cfg.notifyCards !== false} aria-label="开关页内卡片"
+								onClick={() => patch({ notifyCards: cfg.notifyCards === false })} />
+						</div>
+						<div className="dknt-channel-body">
+							<div className="dknt-row">
+								<span className="dknt-row-label">正文口径</span>
+								<ModePicker value={cardTone(cfg)} title="页内卡片正文" onChange={(v) => patch({ cardMode: v })} />
+								<span className="dknt-row-sub">简洁＝任务与耗时 / 谁卡住；适中＝加模型、起止时间、停滞时长；详细＝全部（回合步骤、Token、摘要或错误、最后动作）</span>
+							</div>
+							<div className="dknt-row">
+								<span className="dknt-row-label">卡片收纳</span>
+								<span className="dknt-row-sub">所有卡片都不超时自动消失：结束卡没看过就一直挂着，点卡片或点进会话后收起；需确认卡挂到处理完；卡住卡挂到恢复活动。3 张及以上自动叠放成标题条，鼠标移上去整体展开。</span>
+							</div>
+							<div className="dknt-row">
+								<span className="dknt-row-label">事件范围</span>
+								<span className="dknt-row-sub">在「按事件提醒」的页内卡片列里勾选。</span>
+							</div>
+						</div>
 					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">音色</span>
-						<select className="dknt-input" style={{ maxWidth: 260 }} value={cfg.voiceURI || ""}
-							aria-label="播报音色"
-							onChange={(e) => patch({ voiceURI: e.target.value })}>
-							<option value="">自动（按语言挑）</option>
-							{(() => {
-								// 与【语音朗读】同款分组：中文在前，其余按语言名排序，长列表也能找
-								const zh = [], other = [];
-								for (const v of voices) {
-									if (!v || !v.voiceURI) continue;
-									if (/^zh/i.test(String(v.lang || ""))) zh.push(v); else other.push(v);
-								}
-								const groups = [];
-								if (zh.length) groups.push(["中文音色", zh]);
-								if (other.length) groups.push(["其他音色", other]);
-								return groups.map(([gname, vs]) => (
-									<optgroup key={gname} label={gname}>
-										{vs.map((v) => (
-											<option key={v.voiceURI} value={v.voiceURI}>
-												{(v.name || v.voiceURI) + "（" + (v.lang || "?") + "）"}
-											</option>
-										))}
-									</optgroup>
-								));
-							})()}
-						</select>
-						<span className="dknt-row-sub">{voices.length
-							? "音色是本机浏览器给的，换设备可能要重选；本机找不到所选音色时自动按语言回落"
-							: "本机暂未读到音色（系统语音未装/未启用），将按语言自动挑"}</span>
+					<div className="dknt-channel">
+						<div className="dknt-channel-head">
+							<div className="dknt-channel-title-wrap">
+								<span className="dknt-channel-title">提示音</span>
+								<span className="dknt-channel-sub">任务结束 / 需确认时播放，6 种音效可选</span>
+							</div>
+							<button type="button" className={"dock-sw" + (cfg.soundNotify !== false ? " on" : "")}
+								role="switch" aria-checked={cfg.soundNotify !== false} aria-label="开关提示音"
+								onClick={() => patch({ soundNotify: cfg.soundNotify === false })} />
+						</div>
+						{cfg.soundNotify !== false ? (
+							<div className="dknt-channel-body">
+								<div className="dknt-sounds">
+									{Object.keys(SOUND_LIBRARY).map((key) => (
+										<button type="button" key={key}
+											className={"dknt-sound" + (cfg.soundEffect === key ? " on" : "")}
+											onClick={() => patch({ soundEffect: key })}>
+											<span className="dknt-sound-name">
+												{SOUND_LIBRARY[key].name}
+												{cfg.soundEffect === key ? <span className="dknt-sound-cur">✓</span> : null}
+											</span>
+											<span className="dknt-sound-play" role="button" tabIndex={0}
+												title={"试听 " + SOUND_LIBRARY[key].name}
+												onClick={(e) => { e.stopPropagation(); previewSound(key); }}
+												onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); e.stopPropagation(); previewSound(key); } }}>▶</span>
+										</button>
+									))}
+								</div>
+								<div className="dknt-row">
+									<span className="dknt-row-label">事件范围</span>
+									<span className="dknt-row-sub">在「按事件提醒」的提示音列里勾选（支持完成 / 异常 / 需确认；卡住没有提示音）。</span>
+								</div>
+							</div>
+						) : <div className="dknt-channel-off">未开启——任务事件不播放提示音。</div>}
 					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">试听</span>
-						<button type="button" className="dknt-btn" disabled={!voiceSupported()}
-							onClick={() => {
-								const preview = Object.assign({}, cfg, { voiceNotify: true });
-								speakVoice(endBroadcastText(true, { title: "示例任务", duration: 125000, turns: 3, steps: 9, toolCalls: 4, lastText: "好的，三份文档都已更新完毕。" }, null, preview), preview);
-							}}>播一句</button>
-						<button type="button" className="dknt-btn" disabled={!voiceSupported()}
-							onClick={() => {
-								const preview = Object.assign({}, cfg, { voiceNotify: true });
-								speakVoice(confirmBroadcastText({ title: "示例任务" }, { toolName: "pwsh" }, preview), preview);
-							}}>需授权</button>
-						<span className="dknt-row-sub">{voiceSupported()
-							? "浏览器语音合成（与【语音朗读】同一套声音，独立开关；打断式——播报信时正在朗读的正文会让位）"
-							: "本浏览器不支持语音合成（speechSynthesis 不可用）"}</span>
+					<div className="dknt-channel">
+						<div className="dknt-channel-head">
+							<div className="dknt-channel-title-wrap">
+								<span className="dknt-channel-title">系统通知</span>
+								<span className="dknt-channel-sub">浏览器系统通知，仅页面在后台时推送</span>
+							</div>
+							<button type="button" className={"dock-sw" + (cfg.systemNotify ? " on" : "")}
+								role="switch" aria-checked={cfg.systemNotify} aria-label="开关系统通知"
+								onClick={() => enableSystemNotify(!cfg.systemNotify)} />
+						</div>
+						<div className="dknt-channel-body">
+							<div className="dknt-row">
+								<span className="dknt-row-label">权限</span>
+								<span className="dknt-row-sub">{permNote}</span>
+							</div>
+							<div className="dknt-row">
+								<span className="dknt-row-label">事件范围</span>
+								<span className="dknt-row-sub">在「按事件提醒」的系统通知列里勾选（支持完成 / 异常 / 需确认；卡住没有系统通知）。</span>
+							</div>
+						</div>
 					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">语言</span>
-						<select className="dknt-input" style={{ maxWidth: 180 }} value={cfg.voiceLang || ""}
-							aria-label="播报语言"
-							onChange={(e) => patch({ voiceLang: e.target.value })}>
-							<option value="">自动（中文优先）</option>
-							{["zh-CN", "zh-TW", "en-US", "en-GB", "ja-JP", "ko-KR"].map((l) => (
-								<option key={l} value={l}>{l}</option>
-							))}
-						</select>
-						<span className="dknt-row-sub">未指定音色时按语言自动挑；已选音色的语言会覆盖这里</span>
+					<div className="dknt-channel">
+						<div className="dknt-channel-head">
+							<div className="dknt-channel-title-wrap">
+								<span className="dknt-channel-title">语音播报</span>
+								<span className="dknt-channel-sub">用浏览器语音（TTS）说一句话；服务端总开关 + 本机开关都开才播报</span>
+							</div>
+							<span className="dknt-sec-sw">
+								<span className={"dknt-sec-swlabel" + (cfg.voiceNotify ? " on" : "")}>{cfg.voiceNotify ? "服务端：已开启" : "服务端：已关闭"}</span>
+								<button type="button" className={"dock-sw" + (cfg.voiceNotify ? " on" : "")}
+									role="switch" aria-checked={cfg.voiceNotify} aria-label="开关语音播报（服务端总开关）"
+									disabled={source === "client"}
+									title={source === "client" ? "服务端总开关需切换到「服务端配置」修改" : (cfg.voiceNotify ? "关闭语音播报（服务端总开关）" : "开启语音播报（服务端总开关）")}
+									onClick={() => { if (source !== "client") patch({ voiceNotify: !cfg.voiceNotify }); }} />
+							</span>
+						</div>
+						<div className="dknt-channel-body">
+							<div className="dknt-row">
+								<span className="dknt-row-label">本机播报</span>
+								<button type="button" className={"dknt-miniswitch" + (voiceClientOn ? " on" : "")}
+									role="switch" aria-checked={voiceClientOn} aria-label="开关本机语音播报"
+									title={voiceClientOn ? "关闭本机语音播报" : "开启本机语音播报"}
+									onClick={() => setVoiceClientOn(!voiceClientOn)}>{voiceClientOn ? "开" : "关"}</button>
+								<span className="dknt-row-sub">{voiceClientOn
+									? "本浏览器会播报（设置保存在当前浏览器；服务端总开关关闭时不生效）"
+									: "本浏览器不播报（设置保存在当前浏览器，不影响其他浏览器）"}</span>
+							</div>
+							{cfg.voiceNotify ? (
+								<>
+									<div className="dknt-row">
+										<span className="dknt-row-label">播报口径</span>
+										<ModePicker value={voiceTone(cfg)} title="语音播报" onChange={(v) => patch({ voiceMode: v })} />
+										<span className="dknt-row-sub">简洁：一句「任务完成 / 任务停止了 / 任务需要授权 / 主任务（或子任务）·标题 卡住了」；适中：点名任务，结束带原因与耗时、卡住带停滞时长；详细：结束带回合统计与回复摘要，需授权带工具名，卡住带最后动作。</span>
+									</div>
+									<div className="dknt-row">
+										<span className="dknt-row-label">播报事件</span>
+										<span className="dknt-row-sub">在「按事件提醒」的语音播报列里勾选（支持完成 / 异常 / 需确认 / 卡住）。</span>
+									</div>
+									<div className="dknt-row">
+										<span className="dknt-row-label">语速</span>
+										<input type="range" min="0.5" max="2" step="0.05" value={String(cfg.voiceRate || 1)}
+											aria-label="播报语速" style={{ width: 120, accentColor: "var(--dk-accent)" }}
+											onChange={(e) => patch({ voiceRate: Number(e.target.value) || 1 })} />
+										<span className="dknt-row-sub">{Number(cfg.voiceRate || 1).toFixed(2)}×（播报比正文朗读略快更利落）</span>
+									</div>
+									<div className="dknt-row">
+										<span className="dknt-row-label">音量</span>
+										<input type="range" min="0" max="1" step="0.05" value={String(cfg.voiceVolume == null ? 1 : cfg.voiceVolume)}
+											aria-label="播报音量" style={{ width: 120, accentColor: "var(--dk-accent)" }}
+											onChange={(e) => patch({ voiceVolume: Number(e.target.value) })} />
+										<span className="dknt-row-sub">{Math.round((cfg.voiceVolume == null ? 1 : cfg.voiceVolume) * 100)}%</span>
+									</div>
+									<div className="dknt-row">
+										<span className="dknt-row-label">音色</span>
+										<select className="dknt-input" style={{ maxWidth: 260 }} value={cfg.voiceURI || ""}
+											aria-label="播报音色"
+											onChange={(e) => patch({ voiceURI: e.target.value })}>
+											<option value="">自动（按语言挑）</option>
+											{(() => {
+												// 与【语音朗读】同款分组：中文在前，其余按语言名排序，长列表也能找
+												const zh = [], other = [];
+												for (const v of voices) {
+													if (!v || !v.voiceURI) continue;
+													if (/^zh/i.test(String(v.lang || ""))) zh.push(v); else other.push(v);
+												}
+												const groups = [];
+												if (zh.length) groups.push(["中文音色", zh]);
+												if (other.length) groups.push(["其他音色", other]);
+												return groups.map(([gname, vs]) => (
+													<optgroup key={gname} label={gname}>
+														{vs.map((v) => (
+															<option key={v.voiceURI} value={v.voiceURI}>
+																{(v.name || v.voiceURI) + "（" + (v.lang || "?") + "）"}
+															</option>
+														))}
+													</optgroup>
+												));
+											})()}
+										</select>
+										<span className="dknt-row-sub">{voices.length
+											? "音色是本机浏览器给的，换设备可能要重选；本机找不到所选音色时自动按语言回落"
+											: "本机暂未读到音色（系统语音未装/未启用），将按语言自动挑"}</span>
+									</div>
+									<div className="dknt-row">
+										<span className="dknt-row-label">试听</span>
+										<button type="button" className="dknt-btn" disabled={!voiceSupported()}
+											onClick={() => {
+												const preview = Object.assign({}, cfg, { voiceNotify: true });
+												speakVoice(endBroadcastText(true, { title: "示例任务", duration: 125000, turns: 3, steps: 9, toolCalls: 4, lastText: "好的，三份文档都已更新完毕。" }, null, preview), preview);
+											}}>播一句</button>
+										<button type="button" className="dknt-btn" disabled={!voiceSupported()}
+											onClick={() => {
+												const preview = Object.assign({}, cfg, { voiceNotify: true });
+												speakVoice(confirmBroadcastText({ title: "示例任务" }, { toolName: "pwsh" }, preview), preview);
+											}}>需授权</button>
+										<span className="dknt-row-sub">{voiceSupported()
+											? "浏览器语音合成（与【语音朗读】同一套声音，独立开关；打断式——播报信时正在朗读的正文会让位）"
+											: "本浏览器不支持语音合成（speechSynthesis 不可用）"}</span>
+									</div>
+									<div className="dknt-row">
+										<span className="dknt-row-label">语言</span>
+										<select className="dknt-input" style={{ maxWidth: 180 }} value={cfg.voiceLang || ""}
+											aria-label="播报语言"
+											onChange={(e) => patch({ voiceLang: e.target.value })}>
+											<option value="">自动（中文优先）</option>
+											{["zh-CN", "zh-TW", "en-US", "en-GB", "ja-JP", "ko-KR"].map((l) => (
+												<option key={l} value={l}>{l}</option>
+											))}
+										</select>
+										<span className="dknt-row-sub">未指定音色时按语言自动挑；已选音色的语言会覆盖这里</span>
+									</div>
+								</>
+							) : <div className="dknt-channel-off">服务端总开关未开启——任务事件不播报语音；上面的「本机播报」只决定本浏览器是否出声。</div>}
+						</div>
 					</div>
-				</div> : <div className="dknt-note">服务端总开关未开启——任务事件不播报语音（提示音、系统通知不受影响）；上面的「本机播报」只决定本浏览器是否出声。</div>}
-			</div>,
-			<div key="dingtalk" className="dknt-sec">
-				<div className="dknt-sec-head">
-					<span className="dknt-sec-title">钉钉推送</span>
-					<span className="dknt-sec-sub">任务结束推送到钉钉群机器人（宿主直发，浏览器关着也能推；事件跟随上方完成/异常开关）</span>
-					<span className="dknt-sec-sw">
-						<span className={"dknt-sec-swlabel" + (cfg.dingtalkEnabled ? " on" : "")}>{cfg.dingtalkEnabled ? "已开启" : "已关闭"}</span>
-						<button type="button" className={"dock-sw" + (cfg.dingtalkEnabled ? " on" : "")}
-							role="switch" aria-checked={cfg.dingtalkEnabled} aria-label="开关钉钉推送"
-							title={cfg.dingtalkEnabled ? "关闭钉钉推送" : "开启钉钉推送"}
-							onClick={() => patch({ dingtalkEnabled: !cfg.dingtalkEnabled })} />
-					</span>
 				</div>
-				{cfg.dingtalkEnabled ? <div className="dknt-rows-narrow">
-					<div className="dknt-row dknt-row-webhook">
-						<span className="dknt-row-label">Webhook</span>
-						<input type="text" className="dknt-input" spellCheck={false}
-							value={cfg.dingtalkWebhook || ""}
-							placeholder="https://oapi.dingtalk.com/robot/send?access_token=…"
-							onChange={(e) => {
-								editingWebhookRef.current = true;
-								setCfg(Object.assign({}, cfg, { dingtalkWebhook: e.target.value }));
-							}} />
-						<button type="button" className="dknt-btn" disabled={!editingWebhookRef.current}
-							onClick={saveWebhook}>
-							{editingWebhookRef.current ? "保存" : "已保存"}
-						</button>
+			);
+		} else {
+			rows.push(
+				<div key="robots" className="dknt-channels">
+					{source === "client" ? <div className="dknt-note dknt-note-box">群机器人推送由服务端执行，始终使用服务端配置；请切换到「服务端配置」修改。</div> : null}
+					<div className="dknt-channel">
+						<div className="dknt-channel-head">
+							<div className="dknt-channel-title-wrap">
+								<span className="dknt-channel-title">钉钉推送</span>
+								<span className="dknt-channel-sub">任务结束推送到钉钉群机器人（宿主直发，浏览器关着也能推）</span>
+							</div>
+							<span className="dknt-sec-sw">
+								<span className={"dknt-sec-swlabel" + (cfg.dingtalkEnabled ? " on" : "")}>{cfg.dingtalkEnabled ? "已开启" : "已关闭"}</span>
+								<button type="button" className={"dock-sw" + (cfg.dingtalkEnabled ? " on" : "")}
+									role="switch" aria-checked={cfg.dingtalkEnabled} aria-label="开关钉钉推送"
+									disabled={source === "client"}
+									onClick={() => { if (source !== "client") patch({ dingtalkEnabled: !cfg.dingtalkEnabled }); }} />
+							</span>
+						</div>
+						{source === "client" ? <div className="dknt-channel-off">本机配置模式不修改群机器人；切回服务端配置后可编辑 Webhook。</div>
+							: !cfg.dingtalkEnabled ? <div className="dknt-channel-off">未开启——任务结束不推送钉钉。</div> : (
+								<div className="dknt-channel-body">
+									<div className="dknt-row">
+										<span className="dknt-row-label">消息口径</span>
+										<ModePicker value={cfg.pushMode || "detailed"} title="钉钉消息" onChange={(v) => patch({ pushMode: v })} />
+										<span className="dknt-row-sub">简洁＝任务与结果；适中＝加模型/耗时；详细＝再加回合、Token 与摘要。</span>
+									</div>
+									<div className="dknt-row dknt-row-webhook">
+										<span className="dknt-row-label">Webhook</span>
+										<input type="text" className="dknt-input" spellCheck={false}
+											value={cfg.dingtalkWebhook || ""}
+											placeholder="https://oapi.dingtalk.com/robot/send?access_token=…"
+											onChange={(e) => {
+												editingWebhookRef.current = true;
+												setServerDraft(Object.assign({}, cfg, { dingtalkWebhook: e.target.value }));
+											}} />
+										<button type="button" className="dknt-btn" disabled={!editingWebhookRef.current}
+											onClick={saveWebhook}>
+											{editingWebhookRef.current ? "保存" : "已保存"}
+										</button>
+									</div>
+									<div className="dknt-row">
+										<span className="dknt-row-label">连通测试</span>
+										<button type="button" className="dknt-btn" disabled={testing} onClick={runDingtalkTest}>
+											{testing ? "发送中…" : "发送测试消息"}
+										</button>
+										{testState ? <span className={"dknt-row-sub" + (testState.ok ? " dknt-ok" : " dknt-err")}>
+											{testState.ok ? "✓ " : "✗ "}{testState.msg}
+										</span> : <span className="dknt-row-sub">用当前保存的 Webhook 发一条测试消息</span>}
+									</div>
+									<div className="dknt-note">机器人创建：钉钉群 → 设置 → 智能群助手 → 添加机器人 → 自定义（Webhook），安全设置选「自定义关键词」填「任务」或「dsh」（推送标题含「任务」即可命中）。</div>
+								</div>
+							)}
 					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">连通测试</span>
-						<button type="button" className="dknt-btn" disabled={testing} onClick={runDingtalkTest}>
-							{testing ? "发送中…" : "发送测试消息"}
-						</button>
-						{testState ? <span className={"dknt-row-sub" + (testState.ok ? " dknt-ok" : " dknt-err")}>
-							{testState.ok ? "✓ " : "✗ "}{testState.msg}
-						</span> : <span className="dknt-row-sub">用当前保存的 Webhook 发一条测试消息</span>}
+					<div className="dknt-channel">
+						<div className="dknt-channel-head">
+							<div className="dknt-channel-title-wrap">
+								<span className="dknt-channel-title">飞书推送</span>
+								<span className="dknt-channel-sub">任务结束以卡片形式推送到飞书群机器人（宿主直发）</span>
+							</div>
+							<span className="dknt-sec-sw">
+								<span className={"dknt-sec-swlabel" + (cfg.feishuEnabled ? " on" : "")}>{cfg.feishuEnabled ? "已开启" : "已关闭"}</span>
+								<button type="button" className={"dock-sw" + (cfg.feishuEnabled ? " on" : "")}
+									role="switch" aria-checked={cfg.feishuEnabled} aria-label="开关飞书推送"
+									disabled={source === "client"}
+									onClick={() => { if (source !== "client") patch({ feishuEnabled: !cfg.feishuEnabled }); }} />
+							</span>
+						</div>
+						{source === "client" ? <div className="dknt-channel-off">本机配置模式不修改群机器人；切回服务端配置后可编辑 Webhook。</div>
+							: !cfg.feishuEnabled ? <div className="dknt-channel-off">未开启——任务结束不推送飞书。</div> : (
+								<div className="dknt-channel-body">
+									<div className="dknt-row">
+										<span className="dknt-row-label">消息口径</span>
+										<ModePicker value={cfg.pushMode || "detailed"} title="飞书消息" onChange={(v) => patch({ pushMode: v })} />
+										<span className="dknt-row-sub">简洁＝任务与结果；适中＝加模型/耗时；详细＝再加回合、Token 与摘要。</span>
+									</div>
+									<div className="dknt-row dknt-row-webhook">
+										<span className="dknt-row-label">Webhook</span>
+										<input type="text" className="dknt-input" spellCheck={false}
+											value={cfg.feishuWebhook || ""}
+											placeholder="https://open.feishu.cn/open-apis/bot/v2/hook/…"
+											onChange={(e) => {
+												editingFeishuRef.current = true;
+												setServerDraft(Object.assign({}, cfg, { feishuWebhook: e.target.value }));
+											}} />
+										<button type="button" className="dknt-btn" disabled={!editingFeishuRef.current}
+											onClick={saveFeishuWebhook}>
+											{editingFeishuRef.current ? "保存" : "已保存"}
+										</button>
+									</div>
+									<div className="dknt-row">
+										<span className="dknt-row-label">连通测试</span>
+										<button type="button" className="dknt-btn" disabled={feishuTesting} onClick={runFeishuTest}>
+											{feishuTesting ? "发送中…" : "发送测试消息"}
+										</button>
+										{feishuTestState ? <span className={"dknt-row-sub" + (feishuTestState.ok ? " dknt-ok" : " dknt-err")}>
+											{feishuTestState.ok ? "✓ " : "✗ "}{feishuTestState.msg}
+										</span> : <span className="dknt-row-sub">用当前保存的 Webhook 发一条测试消息</span>}
+									</div>
+									<div className="dknt-note">机器人创建：飞书群 → 设置 → 群机器人 → 添加机器人 → 自定义机器人（获取 Webhook 地址）；安全设置如选「自定义关键词」填「任务」或「dsh」（推送标题含「任务」即可命中）。</div>
+								</div>
+							)}
 					</div>
-					<div className="dknt-note">机器人创建：钉钉群 → 设置 → 智能群助手 → 添加机器人 → 自定义（Webhook），
-						安全设置选「自定义关键词」填「任务」或「dsh」（推送标题含「任务」即可命中）。</div>
-				</div> : <div className="dknt-note">未开启——任务结束不推送钉钉。</div>}
-			</div>,
-			<div key="feishu" className="dknt-sec">
-				<div className="dknt-sec-head">
-					<span className="dknt-sec-title">飞书推送</span>
-					<span className="dknt-sec-sub">任务结束推送到飞书群机器人（宿主直发，浏览器关着也能推；事件跟随上方完成/异常开关）</span>
-					<span className="dknt-sec-sw">
-						<span className={"dknt-sec-swlabel" + (cfg.feishuEnabled ? " on" : "")}>{cfg.feishuEnabled ? "已开启" : "已关闭"}</span>
-						<button type="button" className={"dock-sw" + (cfg.feishuEnabled ? " on" : "")}
-							role="switch" aria-checked={cfg.feishuEnabled} aria-label="开关飞书推送"
-							title={cfg.feishuEnabled ? "关闭飞书推送" : "开启飞书推送"}
-							onClick={() => patch({ feishuEnabled: !cfg.feishuEnabled })} />
-					</span>
 				</div>
-				{cfg.feishuEnabled ? <div className="dknt-rows-narrow">
-					<div className="dknt-row dknt-row-webhook">
-						<span className="dknt-row-label">Webhook</span>
-						<input type="text" className="dknt-input" spellCheck={false}
-							value={cfg.feishuWebhook || ""}
-							placeholder="https://open.feishu.cn/open-apis/bot/v2/hook/…"
-							onChange={(e) => {
-								editingFeishuRef.current = true;
-								setCfg(Object.assign({}, cfg, { feishuWebhook: e.target.value }));
-							}} />
-						<button type="button" className="dknt-btn" disabled={!editingFeishuRef.current}
-							onClick={saveFeishuWebhook}>
-							{editingFeishuRef.current ? "保存" : "已保存"}
-						</button>
-					</div>
-					<div className="dknt-row">
-						<span className="dknt-row-label">连通测试</span>
-						<button type="button" className="dknt-btn" disabled={feishuTesting} onClick={runFeishuTest}>
-							{feishuTesting ? "发送中…" : "发送测试消息"}
-						</button>
-						{feishuTestState ? <span className={"dknt-row-sub" + (feishuTestState.ok ? " dknt-ok" : " dknt-err")}>
-							{feishuTestState.ok ? "✓ " : "✗ "}{feishuTestState.msg}
-						</span> : <span className="dknt-row-sub">用当前保存的 Webhook 发一条测试消息</span>}
-					</div>
-					<div className="dknt-note">机器人创建：飞书群 → 设置 → 群机器人 → 添加机器人 → 自定义机器人（获取 Webhook 地址）；
-						安全设置如选「自定义关键词」填「任务」或「dsh」（推送标题含「任务」即可命中）。</div>
-				</div> : <div className="dknt-note">未开启——任务结束不推送飞书。</div>}
-			</div>
-		);
+			);
+		}
 	}
 	if (saveErr) rows.push(<div key="err" className="dknt-note dknt-err">{saveErr}</div>);
 	// 任务运行状态（进行中 / 最近完成 / 等人介入）已独立成左侧「运行状态」菜单项，这里只留一句指路
@@ -1488,10 +1786,16 @@ function NotifyView(props) {
 // 通知事件 + 提醒方式 + 已开启的推送通道，与面板页开关一一对应。
 function NotifyStat(props) {
 	const snap = useNotify(props && props.ctx);
-	const cfg = snap.status && snap.status.config;
+	const cfg = snap.status ? effectiveNotifyConfig(snap.status.config) : null;
 	if (snap.error) return <span className="dknt-err">通知状态不可用（宿主需重启加载通知路由）</span>;
 	if (!cfg) return <span>等待通知配置…</span>;
-	const events = [cfg.notifyOnComplete ? "完成" : "", cfg.notifyOnError ? "异常" : "", cfg.notifyOnConfirm !== false ? "需确认/需回答" : ""].filter(Boolean);
+	const anyChannel = (event) => MATRIX_COLUMNS.some((column) => eventEnabled(cfg, column.id, event));
+	const events = [
+		anyChannel("complete") ? "完成" : "",
+		anyChannel("error") ? "异常" : "",
+		anyChannel("confirm") ? "需确认/需回答" : "",
+		anyChannel("stuck") ? "卡住" : "",
+	].filter(Boolean);
 	const voiceMode = cfg.voiceMode === "detailed" ? "·详" : cfg.voiceMode === "medium" ? "·适" : "·简";
 	const voice = !cfg.voiceNotify ? "" : (voiceClientEnabled() ? "语音播报" + voiceMode : "语音播报·本机已关");
 	const extras = [cfg.soundNotify !== false ? "提示音" : "", cfg.systemNotify ? "系统通知" : "", voice].filter(Boolean);
@@ -1545,6 +1849,48 @@ const css = [
 	".dknt-row-sub{font-size:11px;color:var(--dsw-alias-label-tertiary);}",
 	".dknt-miniswitch{cursor:pointer;flex:none;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 12px;font-family:inherit;font-size:11px;line-height:18px;}",
 	".dknt-miniswitch.on{color:var(--dsw-alias-state-success-primary);border-color:currentColor;}",
+	// 配置来源与页签
+	".dknt-source{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:10px;padding:10px 12px;}",
+	".dknt-source-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:180px;}",
+	".dknt-source-title{font-weight:600;font-size:13px;color:var(--dsw-alias-label-primary);}",
+	".dknt-source-sub{font-size:11px;color:var(--dsw-alias-label-tertiary);}",
+	".dknt-seg{display:inline-flex;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;overflow:hidden;flex:none;}",
+	".dknt-seg-btn{cursor:pointer;border:0;background:transparent;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:12px;padding:5px 12px;}",
+	".dknt-seg-btn + .dknt-seg-btn{border-left:1px solid var(--dsw-alias-border-l2);}",
+	".dknt-seg-btn.on{background:var(--dk-accent-soft);color:var(--dk-accent);font-weight:600;}",
+	".dknt-tabs{display:flex;gap:4px;border-bottom:1px solid var(--dsw-alias-border-l1);padding:0 2px;}",
+	".dknt-tab{cursor:pointer;border:0;background:transparent;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:13px;padding:7px 12px;border-bottom:2px solid transparent;margin-bottom:-1px;}",
+	".dknt-tab.on{color:var(--dk-accent);border-bottom-color:var(--dk-accent);font-weight:600;}",
+	// 事件 × 渠道矩阵
+	".dknt-matrix-wrap{overflow-x:auto;}",
+	".dknt-matrix{display:flex;flex-direction:column;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;overflow:hidden;min-width:620px;}",
+	".dknt-matrix-row{display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(6,minmax(56px,1fr));align-items:center;}",
+	".dknt-matrix-row:nth-child(even){background:color-mix(in srgb,var(--dsw-alias-bg-layer-2) 55%,transparent);}",
+	".dknt-matrix-head{background:var(--dsw-alias-bg-layer-2);border-bottom:1px solid var(--dsw-alias-border-l1);}",
+	".dknt-matrix-col{font-size:11px;font-weight:600;color:var(--dsw-alias-label-secondary);text-align:center;padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:1px;}",
+	".dknt-matrix-col em{font-style:normal;font-size:10px;font-weight:400;color:var(--dsw-alias-label-tertiary);}",
+	".dknt-matrix-col.on em{color:var(--dsw-alias-state-success-primary);}",
+	".dknt-matrix-event{display:flex;flex-direction:column;gap:1px;padding:8px 10px;font-size:12px;color:var(--dsw-alias-label-primary);}",
+	".dknt-matrix-event small{font-size:10px;color:var(--dsw-alias-label-tertiary);}",
+	".dknt-cell{justify-self:center;cursor:pointer;width:24px;height:24px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:transparent;font-family:inherit;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;margin:5px 0;}",
+	".dknt-cell.on{border-color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 14%,transparent);color:var(--dsw-alias-state-success-primary);}",
+	".dknt-cell-na{cursor:default;border-style:dashed;color:var(--dsw-alias-label-tertiary);}",
+	".dknt-cell.disabled{opacity:.4;cursor:not-allowed;}",
+	".dknt-matrix-legend{display:flex;gap:12px;flex-wrap:wrap;padding-top:6px;font-size:10px;color:var(--dsw-alias-label-tertiary);}",
+	".dknt-matrix-legend span{display:inline-flex;align-items:center;gap:4px;}",
+	".dknt-dot{width:8px;height:8px;border-radius:50%;background:var(--dsw-alias-label-tertiary);display:inline-block;}",
+	".dknt-dot.on{background:var(--dsw-alias-state-success-primary);}",
+	// 渠道卡片
+	".dknt-channels{display:flex;flex-direction:column;gap:10px;}",
+	".dknt-channel{border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-1);overflow:hidden;}",
+	".dknt-channel-head{display:flex;align-items:center;gap:10px;padding:10px 12px;background:color-mix(in srgb,var(--dsw-alias-bg-layer-2) 45%,transparent);border-bottom:1px solid var(--dsw-alias-border-l1);}",
+	".dknt-channel-title-wrap{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;}",
+	".dknt-channel-title{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);}",
+	".dknt-channel-sub{font-size:11px;color:var(--dsw-alias-label-tertiary);}",
+	".dknt-channel-body{display:flex;flex-direction:column;gap:8px;padding:10px 12px;}",
+	".dknt-channel-off{padding:10px 12px;font-size:12px;color:var(--dsw-alias-label-tertiary);}",
+	".dknt-modes{display:inline-flex;gap:4px;flex:none;}",
+	".dknt-note-box{border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:8px 10px;background:var(--dsw-alias-bg-layer-1);}",
 	// 音效选择卡（名称 + 播放键；选中态描边）
 	".dknt-sounds{display:flex;gap:6px;flex-wrap:wrap;}",
 	".dknt-sound{flex:1;min-width:104px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-layer-2);cursor:pointer;font-family:inherit;transition:border-color .15s var(--ds-ease-in-out);}",
@@ -1568,7 +1914,7 @@ export const feature = {
 	name: "任务通知",
 	order: 140,
 	accent: "#f59e0b",
-	description: "任务完成/异常/需确认通知：页内卡片、提示音、系统通知、钉钉/飞书群机器人推送（独立开关）",
+	description: "任务完成/异常/需确认/需回答/卡住通知：服务端或本机配置、事件×渠道勾选、页内卡片/提示音/系统通知/语音播报/钉钉飞书推送（各自独立开关）",
 	css,
 	View: NotifyView,
 	HomeStat: NotifyStat,