dsh-dock 0.20.0 → 0.21.0

package/features/balance/view.js

@@ -260,10 +260,10 @@ function chipBalanceText(p) {
 	const b = p && p.balance;
 	if (!b) return "余额 …";
 	if (b.status !== "ok") {
-		if (b.status === "login-required") return "余额·需登录";
-		if (b.status === "no-credential") return "余额·无密钥";
-		if (b.status === "unsupported") return "余额·不支持";
-		return "余额·查询失败";
+		if (b.status === "login-required") return "余额 需登录";
+		if (b.status === "no-credential") return "余额 无密钥";
+		if (b.status === "unsupported") return "余额 不支持";
+		return "余额 查询失败";
 	}
 	if (b.kind === "quota") {
 		const v = Number(b.remaining);
@@ -289,11 +289,12 @@ function BalanceChip(props) {
 	const def = selProvider || (data && data.default ? data.default.provider : null);
 	const cur = def ? providers.find((p) => p.id === def) : null;
 	const accent = cur ? accentOf(cur.id) : "#64748b";
-	const text = snap.error ? "余额·失败" : (!data ? (snap.loading ? "余额 …" : "余额 —") : (cur ? chipBalanceText(cur) : "余额 —"));
+	const text = snap.error ? "余额 失败" : (!data ? (snap.loading ? "余额 …" : "余额 —") : (cur ? chipBalanceText(cur) : "余额 —"));
 	const selModel = sel && (sel.model || (sel.selected && sel.selected.model)) || null;
 	const title = cur
 		? (cur.displayName || cur.id) + (selModel ? " · 当前模型 " + selModel : "") + " · 点击在功能坞查看余额详情"
 		: "点击打开功能坞 · 模型余额";
+	const mm = /^(余额 )([\s\S]*)$/.exec(text);
 	return react.createElement("button", {
 		type: "button",
 		className: "dockchip" + (snap.error || (cur && cur.balance && cur.balance.status === "error") ? " err" : ""),
@@ -302,7 +303,8 @@ function BalanceChip(props) {
 		onClick: () => openPanel("balance", def ? { provider: def } : null),
 	},
 		react.createElement("span", { className: "dockchip-dot", style: { background: accent } }),
-		react.createElement("span", null, text));
+		mm ? react.createElement("span", { className: "dockchip-pre" }, mm[1]) : null,
+		react.createElement("span", null, mm ? mm[2] : text));
 }
 
 export const feature = {

package/features/mobile/host.js

@@ -0,0 +1,22 @@
+// dsh-dock · 功能模块【手机适配】· 宿主半部（开关占位）
+//
+// 手机适配的实现全部在客户端半部（features/mobile/view.js）：样式与行为在 Overlay
+// 挂载时注入、卸载时移除，所以这个宿主半部**什么都不注入**，只保留一个 feature 描述符，
+// 让功能开关能照常持久化（settings 的 features 表按 id 记开关，路由 /dsh-dock/features
+// 用 FEATURES 列表校验 id 是否存在）。
+//
+// 为什么不再经 webServer.tapIndex 内联注入 index.html：
+//   · 旧版这样做必须重启 dsh web 才能彻底摘除注入的 <style>/<script>；用户要求
+//     「关闭就要关闭得彻底、不能干扰原来的」。改成客户端运行时注入 + 卸载清理后，
+//     关闭开关的瞬间样式、body 属性、遮罩/按钮、监听器、观察器、定时器全部消失，
+//     index.html 里一个标记都不残留，也不动 <meta viewport>。
+export const feature = {
+	id: 'mobile',
+	name: '手机适配',
+	description: '手机/窄屏体验优化（客户端运行时注入，关闭后零残留）：16px 输入防缩放、触控热区、代码块滚动、会话 chip 收起、设置弹层单列与旧版抽屉兜底',
+	defaultEnabled: false,
+	setup() {
+		// 无宿主副作用；返回空清理函数以匹配生命周期约定。
+		return () => {}
+	},
+}

package/features/mobile/view.js

@@ -0,0 +1,345 @@
+// dsh-dock · 功能模块【手机适配】· 客户端视图（唯一实现）
+//
+// 这一版刻意「做减法」：手机适配的全部逻辑都放在客户端这一半，宿主半部
+// （features/mobile/host.js）只剩一个开关占位。原因有三：
+//
+//   1) 关闭要彻底。旧版把排版样式与行为脚本经 webServer.tapIndex 内联注入 index.html，
+//      必须重启 dsh web 才能彻底摘除；现在改成「Overlay 挂载时才注入、卸载时立刻移除」，
+//      关闭开关 = Overlay 卸载 = <style> 元素、body 属性、遮罩/按钮、监听器、观察器、
+//      定时器全部一并消失，页面 <head> 不残留任何标记，也不动 <meta viewport>。
+//   2) 不与 dsh 原生布局打架。dsh 自身（<768px）已是抽屉模式、设置弹层已是单列、
+//      账号卡片排版正常。旧版强行 position:fixed + 100vw + flex-direction 覆盖，
+//      反而把好好的原生排版改坏（账号名一字一行、查询用量/充值被裁）。
+//      这一版只补原生没做的事，且用「行为检测」决定是否兜底旧版：
+//        · 设置弹层：仅当实测仍是「左导航 + 右内容」两栏时才加 data-dsh-mobile-stack
+//          改为纵向堆叠（现代 dsh 已单列 → 检测为已堆叠 → 不加，原生排版不动）；
+//        · 侧栏：仅当 <768 却仍是静态轨道（旧版 dsh 无抽屉模式）时才浮层化 + 注入
+//          汉堡/遮罩（现代 dsh 有 data-sidebar-drawer → 不动，用原生抽屉）。
+//   3) 单一来源。样式只此一份（MOBILE_CSS），不存在「宿主一份、客户端一份」对不齐。
+//
+// 只保留真正常见的手机痛点优化：
+//   · 输入类控件字号 16px —— iOS 聚焦 <16px 输入框会强制整页放大；
+//   · 触控基础：去点按高亮、touch-action:manipulation（消双击缩放判定延迟）；
+//   · 原生侧栏开关点击热区扩到 44×44（图标位置视觉不变）；
+//   · 代码块横向滚动、行内代码换行；
+//   · 会话输入行上 dsh-dock 的随身小控件（余额/用量 chip）在手机上整组收起——
+//     窄屏下它们被压成「余额…」既读不出数值又白占输入行；
+//   · 设置弹层内容区补安全区内边距、滚动体补底部安全区。
+//
+// 命中：窗口宽 ≤767px，或主指针为粗触且无悬停（真机/平板）。
+import react from "react";
+import { useEffect, useState } from "react";
+
+/** 与 dsh 原生窄屏断点对齐（SIDEBAR_DRAWER_BREAKPOINT=768）：<768 才做抽屉/单列兜底。 */
+const MOBILE_QUERY = "(max-width: 767px)";
+/** 粗指针且无悬停：真机/平板（不含桌面鼠标）；用于「不分宽度的触控优化」。 */
+const COARSE_QUERY = "(pointer: coarse) and (hover: none)";
+
+/** 当前视口是否命中手机形态（SSR/无 window 时恒 false）。 */
+export function mobileActive() {
+	if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+	try {
+		return window.matchMedia(MOBILE_QUERY).matches || window.matchMedia(COARSE_QUERY).matches;
+	} catch { return false; }
+}
+
+// —— 运行时样式（挂载时注入、卸载时移除；全部选择器再以 body[data-dk-mobile="1"] 兜底，
+//    即便某帧 body 属性先被摘掉也不会误伤原生排版） ——
+const MOBILE_CSS = [
+	'/* 触控与输入：粗指针真机（不分宽度） */',
+	'@media (pointer: coarse) and (hover: none){',
+	'  body[data-dk-mobile="1"] :is(textarea,input:not([type]),input[type="text"],input[type="search"],input[type="url"],input[type="password"],input[type="number"],input[type="email"],[contenteditable="true"]){font-size:16px !important;}',
+	'  body[data-dk-mobile="1"] :is(button,[role="button"]){-webkit-tap-highlight-color:transparent;touch-action:manipulation;}',
+	'}',
+	'@media (max-width:767px){',
+	'  body[data-dk-mobile="1"] :is(textarea,input:not([type]),input[type="text"],input[type="search"],input[type="url"],input[type="password"],input[type="number"],input[type="email"],[contenteditable="true"]){font-size:16px !important;}',
+	'  body[data-dk-mobile="1"] :is(button,[role="button"]){-webkit-tap-highlight-color:transparent;touch-action:manipulation;}',
+	'  body[data-dk-mobile="1"] pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}',
+	'  body[data-dk-mobile="1"] code{overflow-wrap:anywhere;}',
+	'  body[data-dk-mobile="1"] pre code{overflow-wrap:normal;}',
+	'  body[data-dk-mobile="1"] .dockchip-row{display:none;}',
+	'  body[data-dk-mobile="1"] [data-sidebar-opener]{position:relative;}',
+	'  body[data-dk-mobile="1"] [data-sidebar-opener]::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);}',
+	'  body[data-dk-mobile="1"] [role="dialog"][class*="panel"] [class*="options"]{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));}',
+	'  body[data-dk-mobile="1"] [class*="scrollBody"]{padding-bottom:env(safe-area-inset-bottom,0px) !important;}',
+	'  /* 功能坞面板（.dockm-*）挂在 .overlayLayer(z20) 内，而手机抽屉 .sidebarCol 是 z71——面板虽是全屏却被抽屉盖住。把 overlayLayer 抬到抽屉之上，功能坞/全局浮层才能全屏盖住抽屉。 */',
+	'  body[data-dk-mobile="1"] [class*="overlayLayer"]{z-index:100 !important;}',
+	'  body[data-dk-mobile="1"] [role="dialog"][class*="panel"][data-dsh-mobile-stack]{display:flex !important;flex-direction:column !important;width:100vw !important;max-width:100vw !important;height:100dvh !important;max-height:none !important;border-radius:0 !important;overflow:hidden !important;}',
+	'  body[data-dk-mobile="1"] [role="dialog"][class*="panel"][data-dsh-mobile-stack] > [class*="header"]{order:0;flex:none;width:auto !important;height:auto !important;padding:8px 12px !important;justify-content:flex-end !important;}',
+	'  body[data-dk-mobile="1"] [role="dialog"][class*="panel"][data-dsh-mobile-stack] > [class*="navTitle"]{order:1;flex:none;width:auto !important;padding:2px 16px 8px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}',
+	'  body[data-dk-mobile="1"] [role="dialog"][class*="panel"][data-dsh-mobile-stack] > nav{order:2;flex:none;width:auto !important;height:auto !important;padding:0 8px 8px !important;overflow-x:auto;overflow-y:hidden;}',
+	'  body[data-dk-mobile="1"] [role="dialog"][class*="panel"][data-dsh-mobile-stack] > nav [class*="navList"]{flex-direction:row !important;}',
+	'  body[data-dk-mobile="1"] [role="dialog"][class*="panel"][data-dsh-mobile-stack] > [class*="options"]{order:3;flex:1 1 auto !important;min-height:0 !important;width:auto !important;overflow-y:auto !important;padding-bottom:max(16px,env(safe-area-inset-bottom,0px)) !important;}',
+	'  body[data-dk-mobile="1"][data-dsh-mobile-legacy] [class$="frame"]{grid-template-columns:0px minmax(0,1fr) 0px !important;}',
+	'  body[data-dk-mobile="1"][data-dsh-mobile-legacy] [class$="frame"] [class*="sidebarCol"]{position:fixed !important;top:0 !important;bottom:0 !important;left:0 !important;width:min(86vw,300px) !important;z-index:80 !important;box-shadow:0 12px 48px rgba(0,0,0,.45);transform:none !important;visibility:visible !important;transition:transform .22s ease !important;}',
+	'  body[data-dk-mobile="1"][data-dsh-mobile-legacy] [class$="frame"][data-sidebar-collapsed] [class*="sidebarCol"]{transform:translateX(-105%) !important;visibility:hidden !important;transition:transform .22s ease, visibility 0s linear .22s !important;}',
+	'  body[data-dk-mobile="1"] .dsh-mobile-scrim{position:fixed;inset:0;z-index:75;background:rgba(8,10,14,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:none;}',
+	'  body[data-dk-mobile="1"] .dsh-mobile-burger{position:fixed;left:calc(4px + env(safe-area-inset-left,0px));top:calc(4px + env(safe-area-inset-top,0px));z-index:66;box-sizing:border-box;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--dsw-alias-label-primary,#e6eaf2);-webkit-tap-highlight-color:transparent;touch-action:manipulation;}',
+	'  body[data-dk-mobile="1"] .dsh-mobile-burger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;}',
+	'  body[data-dk-mobile="1"] .dsh-mobile-burger:active{background:color-mix(in srgb,currentColor 12%,transparent);}',
+	'  body[data-dk-mobile="1"][data-dsh-mobile-legacy] [class$="frame"] header:has([class*="titleRow"]){padding-left:calc(48px + env(safe-area-inset-left,0px));}',
+	'  html.dsh-dock-kbd body[data-dk-mobile="1"] .dsh-mobile-burger{display:none !important;}',
+	'}',
+].join('\n');
+
+const STYLE_ATTR = 'data-dsh-mobile-runtime';
+const BODY_ATTR = 'data-dk-mobile';
+const LEGACY_ATTR = 'data-dsh-mobile-legacy';
+
+// 运行时装配：把样式注入 <head>、给 body 打属性、按需兜底旧版 dsh 的弹层/抽屉，
+// 并返回一个「连一点痕迹都不留」的清理函数。挂载即生效、卸载即还原，无需重启 dsh web。
+// 单例：重复挂载（React StrictMode 双调 effect、或多半部误触）时先清理上一份，保证全程只有一套。
+let currentDispose = null;
+function applyRuntime() {
+	if (typeof window === 'undefined' || typeof document === 'undefined') return function () {};
+	const doc = document;
+	const body = doc.body;
+	if (!body) return function () {};
+	if (currentDispose) { try { currentDispose(); } catch (e) {} currentDispose = null; }
+
+	body.setAttribute(BODY_ATTR, '1');
+	let styleEl = doc.querySelector('style[' + STYLE_ATTR + ']');
+	if (!styleEl) {
+		styleEl = doc.createElement('style');
+		styleEl.setAttribute(STYLE_ATTR, '');
+		styleEl.textContent = MOBILE_CSS;
+		doc.head.appendChild(styleEl);
+	}
+
+	const mql = window.matchMedia ? window.matchMedia(MOBILE_QUERY) : null;
+	const vv = window.visualViewport || null;
+	const phone = function () { return !!(mql && mql.matches); };
+	const frame = function () { return doc.querySelector('[class$="frame"]'); };
+	const isCollapsed = function () { const f = frame(); return !!(f && f.hasAttribute('data-sidebar-collapsed')); };
+	let scrim = null;
+	let burger = null;
+	let observer = null;
+	let timer = 0;
+
+	function sidebarOpenToggle() {
+		const b = doc.querySelector('[data-sidebar-opener]') || doc.querySelector('[data-sidebar-toggle]');
+		if (b && typeof b.click === 'function') b.click();
+	}
+	function clearStack() {
+		const panels = doc.querySelectorAll('[role="dialog"][class*="panel"][data-dsh-mobile-stack]');
+		for (let i = 0; i < panels.length; i++) panels[i].removeAttribute('data-dsh-mobile-stack');
+	}
+	// 设置弹层：只在「左导航与右内容并排」时兜底成纵向堆叠；已是单列（现代 dsh）则什么都不做。
+	function dialogStackSync() {
+		const panel = doc.querySelector('[role="dialog"][class*="panel"]');
+		if (!panel) return;
+		let nav = null;
+		let opt = null;
+		const kids = panel.children;
+		for (let i = 0; i < kids.length; i++) {
+			const k = kids[i];
+			if (!nav && k.tagName === 'NAV') nav = k;
+			if (!opt && k.className && String(k.className).indexOf('options') >= 0) opt = k;
+		}
+		if (!nav || !opt) { panel.removeAttribute('data-dsh-mobile-stack'); return; }
+		const a = nav.getBoundingClientRect();
+		const b = opt.getBoundingClientRect();
+		if (!a.width || !b.width) return;
+		const sideBySide = b.left >= a.right - 8 && b.top < a.bottom - 4 && b.bottom > a.top + 4;
+		if (sideBySide) panel.setAttribute('data-dsh-mobile-stack', '1');
+		else panel.removeAttribute('data-dsh-mobile-stack');
+	}
+	function removeChrome() {
+		if (scrim) { scrim.remove(); scrim = null; }
+		if (burger) { burger.remove(); burger = null; }
+		body.removeAttribute(LEGACY_ATTR);
+	}
+	function ensureChrome() {
+		if (!scrim) {
+			scrim = doc.createElement('div');
+			scrim.className = 'dsh-mobile-scrim';
+			scrim.style.display = 'none';
+			scrim.addEventListener('click', function () { if (!isCollapsed()) sidebarOpenToggle(); });
+			body.appendChild(scrim);
+		}
+		if (!burger) {
+			burger = doc.createElement('button');
+			burger.type = 'button';
+			burger.className = 'dsh-mobile-burger';
+			burger.setAttribute('aria-label', '打开会话列表');
+			burger.setAttribute('aria-expanded', 'false');
+			burger.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h16"/><path d="M4 12h16"/><path d="M4 17h16"/></svg>';
+			burger.addEventListener('click', function () { sidebarOpenToggle(); });
+			body.appendChild(burger);
+		}
+	}
+	// 旧版 dsh（<768 无 data-sidebar-drawer，侧栏仍是静态轨道）才浮层化 + 注入汉堡/遮罩。
+	function legacySync() {
+		const f = frame();
+		const legacy = !!f && phone() && !f.hasAttribute('data-sidebar-drawer');
+		if (!legacy) { removeChrome(); return; }
+		body.setAttribute(LEGACY_ATTR, '1');
+		ensureChrome();
+		const collapsed = isCollapsed();
+		if (scrim) scrim.style.display = collapsed ? 'none' : '';
+		if (burger) {
+			burger.style.display = '';
+			burger.setAttribute('aria-expanded', collapsed ? 'false' : 'true');
+		}
+	}
+	function kbdSync() {
+		if (!vv) return;
+		const kbd = vv.height > 0 && (window.innerHeight - vv.height) > 120;
+		const de = doc.documentElement;
+		if (kbd) de.classList.add('dsh-dock-kbd');
+		else de.classList.remove('dsh-dock-kbd');
+	}
+	let dockAutoClosed = false;
+	function dockOpen() { return !!doc.querySelector('.dockm-dialog'); }
+	function tick() {
+		try {
+			kbdSync();
+			if (phone()) {
+				// 功能坞面板打开时自动收起抽屉，否则抽屉会盖在面板左侧、且中列处于 inert。
+				const dopen = dockOpen();
+				if (dopen && !isCollapsed() && !dockAutoClosed) { dockAutoClosed = true; sidebarOpenToggle(); }
+				if (!dopen) dockAutoClosed = false;
+				dialogStackSync();
+				legacySync();
+			}
+			else { clearStack(); removeChrome(); dockAutoClosed = false; }
+		} catch (e) { /* 任何一步失败都不影响页面 */ }
+	}
+
+	tick();
+	if (typeof MutationObserver !== 'undefined') {
+		observer = new MutationObserver(function () { tick(); });
+		try {
+			observer.observe(doc.documentElement, { attributes: true, attributeFilter: ['data-sidebar-collapsed', 'data-sidebar-drawer'], subtree: true });
+			observer.observe(body, { childList: true, subtree: true });
+		} catch (e) { /* observe 失败就只靠定时器 */ }
+	}
+	timer = window.setInterval(tick, 1200);
+	const onResize = function () { tick(); };
+	window.addEventListener('resize', onResize);
+	if (vv && vv.addEventListener) vv.addEventListener('resize', kbdSync);
+	if (mql && mql.addEventListener) mql.addEventListener('change', tick);
+	else if (mql && mql.addListener) mql.addListener(tick);
+
+	const dispose = function () {
+		if (currentDispose === dispose) currentDispose = null;
+		try { if (observer) observer.disconnect(); } catch (e) {}
+		if (timer) window.clearInterval(timer);
+		window.removeEventListener('resize', onResize);
+		if (vv && vv.removeEventListener) vv.removeEventListener('resize', kbdSync);
+		if (mql && mql.removeEventListener) mql.removeEventListener('change', tick);
+		else if (mql && mql.removeListener) mql.removeListener(tick);
+		try { doc.documentElement.classList.remove('dsh-dock-kbd'); } catch (e) {}
+		try { clearStack(); } catch (e) {}
+		removeChrome();
+		try { body.removeAttribute(BODY_ATTR); } catch (e) {}
+		try { if (styleEl && styleEl.parentNode) styleEl.parentNode.removeChild(styleEl); } catch (e) {}
+	};
+	currentDispose = dispose;
+	return dispose;
+}
+
+// —— Overlay：功能启用期间常驻；active 时挂载运行时、非 active 时什么也不做 ——
+export function MobileOverlay() {
+	const [active, setActive] = useState(function () { return mobileActive(); });
+	useEffect(function () {
+		if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return undefined;
+		let mqs = [];
+		try { mqs = [window.matchMedia(MOBILE_QUERY), window.matchMedia(COARSE_QUERY)]; } catch (e) { return undefined; }
+		const update = function () { setActive(mqs.some(function (m) { return m.matches; })); };
+		update();
+		for (let i = 0; i < mqs.length; i++) {
+			const m = mqs[i];
+			if (m.addEventListener) m.addEventListener('change', update);
+			else if (m.addListener) m.addListener(update);
+		}
+		return function () {
+			for (let i = 0; i < mqs.length; i++) {
+				const m = mqs[i];
+				if (m.removeEventListener) m.removeEventListener('change', update);
+				else if (m.removeListener) m.removeListener(update);
+			}
+		};
+	}, []);
+	useEffect(function () {
+		if (!active) return undefined;
+		return applyRuntime();
+	}, [active]);
+	return null;
+}
+
+// —— 功能页：一行说清当前命中状态与兜底对象 ——
+function useViewport() {
+	const [size, setSize] = useState(function () {
+		return typeof window === 'undefined' ? null : { w: window.innerWidth, h: window.innerHeight };
+	});
+	useEffect(function () {
+		if (typeof window === 'undefined') return undefined;
+		const update = function () { setSize({ w: window.innerWidth, h: window.innerHeight }); };
+		window.addEventListener('resize', update);
+		return function () { window.removeEventListener('resize', update); };
+	}, []);
+	return size;
+}
+
+function MobileView() {
+	const size = useViewport();
+	const [active, setActive] = useState(function () { return mobileActive(); });
+	const [drawer, setDrawer] = useState(false);
+	useEffect(function () {
+		if (typeof window === 'undefined') return undefined;
+		const tick = function () {
+			setActive(mobileActive());
+			const f = document.querySelector('[class$="frame"]');
+			setDrawer(!!(f && f.hasAttribute('data-sidebar-drawer')));
+		};
+		tick();
+		const t = setInterval(tick, 1000);
+		return function () { clearInterval(t); };
+	}, []);
+	const mode = !active ? '未命中' : (window.matchMedia && window.matchMedia(MOBILE_QUERY).matches ? (drawer ? '抽屉模式（原生）' : '旧版兜底（浮层抽屉）') : '仅触控优化');
+	return react.createElement('div', { className: 'dkmob-root' },
+		react.createElement('div', { className: 'dkmob-row' },
+			react.createElement('span', { className: 'dkmob-label' }, '手机模式'),
+			react.createElement('span', { className: 'dkmob-state' + (active ? ' on' : '') }, active ? '已命中' : '未命中'),
+			react.createElement('span', { className: 'dkmob-dim' }, size ? size.w + '×' + size.h + 'px' : '')),
+		react.createElement('div', { className: 'dkmob-row' },
+			react.createElement('span', { className: 'dkmob-label' }, '当前形态'),
+			react.createElement('span', { className: 'dkmob-state' + (active ? ' on' : '') }, mode)),
+		react.createElement('div', { className: 'dkmob-note' },
+			'生效中的优化：输入类控件字号 16px（防 iOS 聚焦整页缩放）· 原生侧栏开关热区扩到 44×44 · ',
+			'去点按高亮与双击缩放判定 · 代码块横向滚动 / 行内代码换行 · 会话输入行的余额/用量 chip 收起 · ',
+			'设置弹层内容安全区内边距。旧版 dsh（<768 仍是两栏弹层或静态图标轨道）会自动兜底为单列 / 浮层抽屉。',
+			'关闭本功能即全部还原——运行时样式、body 属性、遮罩/按钮与所有监听器一并移除，页面不残留任何注入。'));
+}
+
+function MobileStat() {
+	const active = mobileActive();
+	if (!active) return react.createElement('span', null, '当前视口未命中手机形态，未启用任何优化');
+	return react.createElement('span', null, '手机模式生效中（16px 输入 / 触控热区 / 代码滚动 / 弹层兜底）');
+}
+
+// —— 样式：模块自身仅样式为空（运行时样式由 Overlay 注入/卸载，关闭后零残留）；
+//    View 自身的小样式随全局 <style> 注入，命名空间 dkmob- 避免与其他模块冲突。 ——
+const css = [
+	'.dkmob-root{display:flex;flex-direction:column;gap:10px;color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.6;}',
+	'.dkmob-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}',
+	'.dkmob-label{font-weight:600;flex:none;}',
+	'.dkmob-state{flex:none;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 10px;font-size:11px;}',
+	'.dkmob-state.on{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary);}',
+	'.dkmob-dim{color:var(--dsw-alias-label-secondary);font-size:12px;}',
+	'.dkmob-note{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.7;border-top:1px solid var(--dsw-alias-border-l1);padding-top:10px;}',
+].join('\n');
+
+export const feature = {
+	id: 'mobile',
+	name: '手机适配',
+	order: 170,
+	accent: '#34d399',
+	description: '手机/窄屏体验优化：16px 输入防缩放、触控热区、代码块滚动、会话 chip 收起、设置弹层单列与旧版抽屉兜底；关闭后零残留',
+	defaultEnabled: false,
+	css,
+	Overlay: MobileOverlay,
+	View: MobileView,
+	HomeStat: MobileStat,
+};

package/features/notify/host.js

@@ -50,6 +50,11 @@ function defaultConfig() {
     voiceLang: '',
     // 指定音色（speechSynthesis voiceURI，设备相关；空 = 按语言自动挑，本机没有时客户端回落）
     voiceURI: '',
+    // 事件 × 渠道矩阵（扁平键 card:complete / sound:error / system:confirm / ...；
+    // 未设置的键回退旧字段，升级不改变既有行为）
+    eventMatrix: {},
+    // 群机器人消息口径三挡：brief / medium / detailed
+    pushMode: 'detailed',
     // 迁移标记（schema 默认 false）：settings 不可用时的兜底取 true——迁移由
     // src/host-core.js migrateNotifyConfig 统一负责，这里只是原样带回，不影响通知行为。
     migratedFromAnimation: true,
@@ -69,11 +74,21 @@ function readConfig(ctx) {
       if (!SOUND_EFFECTS.includes(cfg.soundEffect)) cfg.soundEffect = 'chime'
       if (cfg.voiceMode !== 'brief' && cfg.voiceMode !== 'medium' && cfg.voiceMode !== 'detailed') cfg.voiceMode = 'brief'
       if (cfg.cardMode !== 'brief' && cfg.cardMode !== 'medium' && cfg.cardMode !== 'detailed') cfg.cardMode = 'detailed'
+      if (cfg.pushMode !== 'brief' && cfg.pushMode !== 'medium' && cfg.pushMode !== 'detailed') cfg.pushMode = 'detailed'
+      if (!cfg.eventMatrix || typeof cfg.eventMatrix !== 'object' || Array.isArray(cfg.eventMatrix)) cfg.eventMatrix = {}
     }
   } catch { /* settings 未挂载，用默认 */ }
   return cfg
 }
 
+/** 事件 × 渠道开关：矩阵里显式设置过就用它，否则回退到旧字段（fallback）。 */
+function matrixEnabled(cfg, channel, event, fallback) {
+  const key = channel + ':' + event
+  const matrix = cfg && cfg.eventMatrix
+  if (matrix && typeof matrix === 'object' && typeof matrix[key] === 'boolean') return matrix[key]
+  return fallback !== false
+}
+
 function truncate(str, max = 160) {
   if (!str) return ''
   return String(str).length > max ? String(str).slice(0, max) + '…' : str
@@ -106,19 +121,23 @@ const END_REASON_LABELS = {
 }
 
 // 钉钉与飞书共用的消息正文（各端再按各自 markdown 方言拼接）
-function buildMessageLines(t) {
+// mode: brief = 任务与结果；medium = 加模型/耗时；detailed = 再加回合、Token 与摘要。
+function buildMessageLines(t, mode) {
   const success = !t.endReason || t.endReason === 'completed'
   const reasonLabel = END_REASON_LABELS[t.endReason] || '✅ 完成'
   const models = t.models.length > 0 ? t.models.join(', ') : '未知'
+  const tone = mode === 'brief' || mode === 'medium' ? mode : 'detailed'
   const lines = []
   lines.push(`### ${success ? '✅' : '📢'} dsh 任务${success ? '完成' : '结束'}`)
   lines.push(`**任务**: ${t.title}`)
-  lines.push(`**模型**: ${models}${t.provider ? `（${t.provider}）` : ''}`)
-  lines.push(`**耗时**: ${fmtDurCn(t.duration)}（${fmtClockOf(t.startTime)} → ${fmtClockOf(t.endTime)}）`)
-  lines.push(`**回合**: ${t.turns} · 步骤 ${t.steps}${t.toolCalls ? ` · 工具 ${t.toolCalls} 次` : ''}`)
-  lines.push(`**Token**: 输入 ${t.inputTokens.toLocaleString()} / 输出 ${t.outputTokens.toLocaleString()} / 总计 ${t.totalTokens.toLocaleString()}`)
+  if (tone !== 'brief') lines.push(`**模型**: ${models}${t.provider ? `（${t.provider}）` : ''}`)
+  lines.push(`**耗时**: ${fmtDurCn(t.duration)}${tone === 'brief' ? '' : `（${fmtClockOf(t.startTime)} → ${fmtClockOf(t.endTime)}）`}`)
+  if (tone === 'detailed') {
+    lines.push(`**回合**: ${t.turns} · 步骤 ${t.steps}${t.toolCalls ? ` · 工具 ${t.toolCalls} 次` : ''}`)
+    lines.push(`**Token**: 输入 ${t.inputTokens.toLocaleString()} / 输出 ${t.outputTokens.toLocaleString()} / 总计 ${t.totalTokens.toLocaleString()}`)
+  }
   lines.push(`**结果**: ${reasonLabel}${t.errorMessage ? `：${truncate(t.errorMessage, 120)}` : ''}`)
-  if (t.lastText) {
+  if (tone !== 'brief' && t.lastText) {
     lines.push(`> ${truncate(t.lastText, 200)}`)
   }
   lines.push('---')
@@ -130,8 +149,8 @@ function buildMessageLines(t) {
   }
 }
 
-function buildDingtalkMessage(t) {
-  const { title, lines } = buildMessageLines(t)
+function buildDingtalkMessage(t, mode) {
+  const { title, lines } = buildMessageLines(t, mode)
   return {
     title,
     // 钉钉 markdown 不渲染单个 \n，行之间必须用空行分隔才能换行
@@ -140,8 +159,8 @@ function buildDingtalkMessage(t) {
 }
 
 // 飞书 interactive 卡片：标题进 header，正文走 lark_md（支持 **加粗** 与 \n 换行，不支持 ### 标题）
-function buildFeishuMessage(t) {
-  const { title, success, lines } = buildMessageLines(t)
+function buildFeishuMessage(t, mode) {
+  const { title, success, lines } = buildMessageLines(t, mode)
   const body = lines.filter((l) => !l.startsWith('### ')).join('\n')
   return {
     title,
@@ -223,14 +242,15 @@ export const feature = {
     disposers.push(() => lease.release())
     const tracker = lease.tracker
 
-    // ===== 群机器人推送（宿主侧直发，异步不阻塞；事件筛选跟随 notifyOnComplete/notifyOnError） =====
+    // ===== 群机器人推送（宿主侧直发，异步不阻塞；事件筛选走 eventMatrix，缺省回退 notifyOn*） =====
     async function pushDingtalkIfNeeded(record) {
       try {
         const cfg = readConfig(ctx)
         if (!cfg.dingtalkEnabled || !cfg.dingtalkWebhook) return
         const success = !record.endReason || record.endReason === 'completed'
-        if (success ? !cfg.notifyOnComplete : !cfg.notifyOnError) return
-        const { title, text } = buildDingtalkMessage(record)
+        const event = success ? 'complete' : 'error'
+        if (!matrixEnabled(cfg, 'dingtalk', event, success ? cfg.notifyOnComplete : cfg.notifyOnError)) return
+        const { title, text } = buildDingtalkMessage(record, cfg.pushMode)
         const r = await sendDingtalk(cfg.dingtalkWebhook, title, text)
         if (r.ok) console.log('[dsh-dock] notify dingtalk pushed:', title)
         else console.error('[dsh-dock] notify dingtalk push failed:', r.error)
@@ -244,8 +264,9 @@ export const feature = {
         const cfg = readConfig(ctx)
         if (!cfg.feishuEnabled || !cfg.feishuWebhook) return
         const success = !record.endReason || record.endReason === 'completed'
-        if (success ? !cfg.notifyOnComplete : !cfg.notifyOnError) return
-        const { title, card } = buildFeishuMessage(record)
+        const event = success ? 'complete' : 'error'
+        if (!matrixEnabled(cfg, 'feishu', event, success ? cfg.notifyOnComplete : cfg.notifyOnError)) return
+        const { title, card } = buildFeishuMessage(record, cfg.pushMode)
         const r = await sendFeishu(cfg.feishuWebhook, title, card)
         if (r.ok) console.log('[dsh-dock] notify feishu pushed:', title)
         else console.error('[dsh-dock] notify feishu push failed:', r.error)
@@ -298,6 +319,20 @@ export const feature = {
               if (typeof p.systemNotify === 'boolean') cfg.systemNotify = p.systemNotify
               if (typeof p.soundNotify === 'boolean') cfg.soundNotify = p.soundNotify
               if (typeof p.soundEffect === 'string' && SOUND_EFFECTS.includes(p.soundEffect)) cfg.soundEffect = p.soundEffect
+              // 群机器人消息口径三挡
+              if (typeof p.pushMode === 'string' && (p.pushMode === 'brief' || p.pushMode === 'medium' || p.pushMode === 'detailed')) {
+                cfg.pushMode = p.pushMode
+              }
+              // 事件 × 渠道矩阵：只接受白名单键 + 布尔值，合并写回
+              if (p.eventMatrix && typeof p.eventMatrix === 'object' && !Array.isArray(p.eventMatrix)) {
+                const matrix = Object.assign({}, cfg.eventMatrix || {})
+                for (const [key, value] of Object.entries(p.eventMatrix)) {
+                  if (typeof value === 'boolean' && /^(card|sound|system|voice|dingtalk|feishu):(complete|error|confirm|stuck)$/.test(key)) {
+                    matrix[key] = value
+                  }
+                }
+                cfg.eventMatrix = matrix
+              }
               if (typeof p.dingtalkEnabled === 'boolean') cfg.dingtalkEnabled = p.dingtalkEnabled
               if (typeof p.dingtalkWebhook === 'string') {
                 const hook = p.dingtalkWebhook.trim()