@sidady/dsh-steward 0.0.0-stage → 0.9.14

package/lib/client.js

@@ -0,0 +1,1605 @@
+/**
+ * dsh-steward · client entry — v0.9.14 (model-mode conversational entry + L1 briefing;
+ * ChatBar rebuilt as a mature chat composer: one rounded input bar, mode chip on the
+ * left, round send button on the right, settings panel below the bar;
+ * v0.7.5 collapse: a collapsed group lists EVERY peer as a two-line summary row
+ * instead of showing only the first two full cards;
+ * tabbed IA, sticky KPI header, actions on demand)
+ *
+ * 事故二分定案沿用（红线）：不注入 <style>、不碰 document.head、不用 locale、
+ * 样式全内联、main/右侧栏根节点自声明滚动、apply() 整体 try/catch。
+ * 注：「挂载不自动扫描」是 v0.1.1 排障期的临时限制，已在 v0.3.6 解除
+ * （无缓存→挂载即体检一次；缓存 >10 分钟后台刷新），见文件内 scan 相关注释。
+ * v0.3.1 信息架构（m01771，参考 dsh-context 的骨架不搬其构建链）：
+ *  - sticky 顶栏：级别 + 计数 + 体检按钮，永不滚丢；
+ *  - 三 Tab：体检总览 / 动作中心 / 审计趋势——动作不再垫底，一步直达；
+ *  - finding → 动作直达按钮（dsh-context 没有的一步）；
+ *  - 动作卡默认收成一行，展开才出计划/指纹/确认；
+ *  - 新增右侧栏入口 sidebar.right.pane.tab（契约取自 dsh-context 源码，全程 fail-soft）。
+ */
+window.__ModuleLoader__.load({
+  // v0.9.2：id 必须与包名一致。包已改成 scoped（@sidady/dsh-steward），
+  // 这里若仍写裸名 'dsh-steward'，一旦 node_modules 下同时存在裸名与 scoped
+  // 两个目录，宿主会插两次同一个 bundle，渲染端直接抛
+  // "duplicate factory registration for dsh-steward" 让 web boot 挂掉。
+  id: '@sidady/dsh-steward',
+  factory(require) {
+    // >>> dsh-design-baseline v1.1.0 sha256 76858a2ccf04445daf6a05a19bd8903ff09a8b34789dde945e4ac0cbd47a0a7a
+    // Generated by dsh-design-baseline/sync.mjs — edit baseline.css, run build.mjs,
+    // then sync.mjs. Everything between these two markers is overwritten.
+    const THEME = {
+      "text": "var(--dsw-alias-label-primary, #0f1115)",
+      "textSecondary": "var(--dsw-alias-label-secondary, #61666b)",
+      "textTertiary": "var(--dsw-alias-label-tertiary, #81858c)",
+      "textCaption": "var(--dsw-alias-label-caption, #adb2b8)",
+      "surface": "var(--dsw-alias-bg-layer-1, #ffffff)",
+      "surface2": "var(--dsw-alias-bg-layer-2, #fafafa)",
+      "surface3": "var(--dsw-alias-bg-layer-3, #f5f5f5)",
+      "card": "var(--dsw-alias-bg-module-platform, #f9fafb)",
+      "track": "var(--dsw-alias-bg-layer-2, #f5f5f5)",
+      "line": "var(--dsw-alias-border-l1, rgba(0,0,0,0.04))",
+      "lineStrong": "var(--dsw-alias-border-l2, rgba(0,0,0,0.10))",
+      "hover": "var(--dsw-alias-interactive-bg-hover, rgba(38,49,72,0.06))",
+      "invertedBg": "var(--dsw-alias-label-primary, #0f1115)",
+      "invertedFg": "var(--dsw-alias-label-primary-foreground, #ffffff)",
+      "primaryFill": "var(--dsw-alias-button-primary-fill, #3b82f6)",
+      "primaryFg": "var(--dsw-alias-label-primary-foreground, #ffffff)",
+      "accentStability": "#22c55e",
+      "accentSpeed": "#3b82f6",
+      "accentIntelligence": "#a855f7",
+      "accentWarn": "#f59e0b",
+      "accentError": "#f43f5e",
+      "accentInfo": "#06b6d4",
+      "radius": "12px",
+      "radiusSm": "8px",
+      "radiusPill": "9999px",
+      "gap": "12px"
+    }
+    const wash = (accent) => `color-mix(in srgb, ${accent} 15%, transparent)`
+    // <<< dsh-design-baseline
+    const React = require('react');
+    const h = React.createElement;
+    const { useCallback, useEffect, useRef, useState } = React;
+
+    const PANEL_ID = 'dsh-steward';
+    const ROUTE = '/api/dsh-steward/';
+
+    // Colours come from the shared baseline block inlined above. It is the same
+    // palette the FreeLLMAPI panel paints with, so this panel follows the host
+    // theme without owning a private set of literals.
+    const C = {
+      text: THEME.text,
+      sub: THEME.textSecondary,
+      faint: THEME.textTertiary,
+      line: THEME.lineStrong,
+      fill: THEME.hover,
+      bg: THEME.surface,
+      // Selected surfaces invert (the baseline rule: selection must not be a
+      // colour, or colour stops meaning data).
+      solid: THEME.invertedBg,
+      on: THEME.invertedFg,
+      // The six house accents. A severity colour is data, so it comes from the
+      // same set the router dashboard uses rather than a private palette.
+      critical: THEME.accentError,
+      warning: THEME.accentWarn,
+      info: THEME.accentInfo,
+      ok: THEME.accentStability,
+    };
+
+    /** A share of an accent, for borders, rings and washes other than the 15%. */
+    const mix = (accent, pct) => `color-mix(in srgb, ${accent} ${pct}%, transparent)`;
+
+    const SEV = {
+      critical: { label: '严重', color: C.critical },
+      warning: { label: '留意', color: C.warning },
+      info: { label: '提示', color: C.info },
+      ok: { label: '正常', color: C.ok },
+    };
+
+    // finding → 动作直达映射（点按钮 = 切到动作中心并展开该动作）
+    const ACTION_FOR = {
+      'data-at-risk': 'backup',
+      'boot-crash-latest': 'disable',
+      'disk-advice': 'clean',
+      'knowledge': 'knowledge',
+      'model-health': 'model-default',
+    };
+
+    // v0.9.8: every request used to be able to hang forever. The server is allowed
+    // to take minutes (12 model probes at 45 s each, now 3 at a time), and a fetch
+    // with no AbortSignal means the panel just spins with no explanation — the user
+    // cannot tell "still working" from "already dead". Fast actions get 30 s; the
+    // three slow ones get a budget generous enough for the server's own worst case.
+    // Default probe budget is 12 models / 3 at a time * 45 s = 180 s worst case;
+    // 240 s covers that plus the report's own collectors. Raising model.maxTotal
+    // past ~20 can outlast this budget, and the timeout message says so instead of
+    // pretending the request failed.
+    const SLOW_ACTIONS = { report: 240000, 'model-scan': 240000, ask: 120000 };
+    const DEFAULT_TIMEOUT_MS = 30000;
+    function timeoutFor(action) {
+      return SLOW_ACTIONS[action] || DEFAULT_TIMEOUT_MS;
+    }
+    async function call(action, extra, attempt) {
+      const tries = typeof attempt === 'number' ? attempt : 0;
+      const name = action || 'report';
+      const budget = timeoutFor(name);
+      const controller = typeof AbortController === 'function' ? new AbortController() : null;
+      let timedOut = false;
+      const timer = controller
+        ? setTimeout(() => { timedOut = true; try { controller.abort(); } catch { /* noop */ } }, budget)
+        : null;
+      let response;
+      try {
+        response = await fetch(ROUTE, {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify({ action: name, ...(extra || {}) }),
+          ...(controller ? { signal: controller.signal } : {}),
+        });
+      } catch (err) {
+        if (timedOut) {
+          throw new Error('等了 ' + Math.round(budget / 1000) + ' 秒还没回来。'
+            + '服务端可能还在跑（模型巡检本身就是慢活），这次先不等了——稍后回到这一页再试一次。');
+        }
+        throw new Error((err && err.message) ? err.message : '请求失败');
+      } finally {
+        if (timer) clearTimeout(timer);
+      }
+      let data;
+      try { data = await response.json(); } catch { data = null; }
+      // v0.9.13: a 404 on our OWN route is a different failure from a 404 the
+      // server sent on purpose. It means this plugin's fiber is loaded (the
+      // panel rendered) but its route is not mounted. v0.9.14: there are TWO
+      // causes and the earlier wording only named the first — a host hot-reload
+      // disposes the old fiber, AND a cold boot can have webServer apply after
+      // this plugin, which is what the deferred registration now handles.
+      if (response.status === 404 && tries === 0) {
+        await new Promise((r) => setTimeout(r, 700));
+        return call(action, extra, tries + 1);
+      }
+      if (response.status === 404) {
+        throw new Error('接口没有挂上（HTTP 404）——面板加载了，但 /api/dsh-steward/ 这段路由没注册。'
+          + '两种常见原因：宿主热重载（改了插件文件，旧路由被销毁、新的没接上），'
+          + '或冷启动时 webServer 比插件晚就绪。'
+          + '在设置里把这个插件停用再启用一次通常就能恢复；也可以重启 DSH Web。'
+          + '恢复后 ping 会带 wiring.route，值是 registered 就说明路由真的挂上了。');
+      }
+      if (!response.ok || !data || data.ok !== true) {
+        throw new Error((data && data.error) || 'HTTP ' + response.status);
+      }
+      return data;
+    }
+
+    function PanelIcon(props) {
+      const size = (props && props.size) || 18;
+      // v0.4 主动出口兜底：现行 critical 报告存在时，侧栏图标挂红点
+      // （systemPrompt 注入不可用时的被动提醒；cache 在渲染期已初始化，TDZ 安全）。
+      let alert = false;
+      try { alert = !!(cache.report && cache.report.summary && cache.report.summary.level === 'critical'); } catch { alert = false; }
+      return h('span', { style: { position: 'relative', display: 'inline-flex' } },
+        h('svg', {
+          width: size, height: size, viewBox: '0 0 24 24', fill: 'none',
+          stroke: 'currentColor', 'stroke-width': 1.6, 'stroke-linecap': 'round', 'stroke-linejoin': 'round',
+        },
+          h('path', { d: 'M12 2.6l7.4 2.8v5.9c0 4.7-3.1 8.2-7.4 10.1-4.3-1.9-7.4-5.4-7.4-10.1V5.4z' }),
+          h('path', { d: 'M7 12.2h2.5l1.4-2.8 2 5.4 1.3-2.6H17' }),
+        ),
+        alert ? h('span', {
+          style: { position: 'absolute', top: -1, right: -1, width: 7, height: 7, borderRadius: '50%', background: C.critical, boxShadow: '0 0 0 1.5px ' + THEME.surface },
+          title: '体检发现严重问题',
+        }) : null);
+    }
+
+    function Badge(props) {
+      return h('span', {
+        style: {
+          display: 'inline-block', fontSize: 10, lineHeight: '16px', padding: '0 6px',
+          borderRadius: 8, border: '1px solid ' + props.color, color: props.color,
+          marginRight: 8, verticalAlign: 'middle', whiteSpace: 'nowrap',
+        },
+      }, props.children);
+    }
+
+    function Btn(props) {
+      return h('button', {
+        onClick: props.onClick,
+        disabled: props.disabled,
+        style: {
+          cursor: props.disabled ? 'default' : 'pointer', padding: '5px 14px', borderRadius: 6, fontSize: 12,
+          // baseline `.dsb-btn--primary`: emphasis is inverted, not coloured —
+          // a green primary button reads as "this is healthy", which is data.
+          border: '1px solid ' + (props.primary ? 'transparent' : C.line),
+          background: props.primary && !props.disabled ? C.solid : C.fill,
+          color: props.tone || (props.primary && !props.disabled ? C.on : C.text), marginRight: 8,
+        },
+      }, props.children);
+    }
+
+    function TinyBtn(props) {
+      return h('button', {
+        onClick: props.onClick,
+        style: {
+          cursor: 'pointer', padding: '2px 9px', borderRadius: 6, fontSize: 11,
+          border: '1px solid ' + C.line, background: 'transparent', color: props.tone || C.sub,
+        },
+      }, props.children);
+    }
+
+    function Finding(props) {
+      const f = props.finding;
+      const sev = SEV[f.severity] || SEV.info;
+
+      // 折叠形态（v0.7.5）：每组默认只把这些并列项压成「一条两行」的摘要行，
+      // 全部并列项都在、都点得开，但不再是一张张占满屏的高卡片。
+      // 之前的问题：折叠只按「露出前 2 张完整卡」来算，等于漏掉了其余项，
+      // 而露出的那两张又是全尺寸卡片——既看不全又占地方。
+      if (props.compact) {
+        return h('div', {
+          onClick: props.onToggle,
+          title: '点击展开整组的完整说明',
+          style: {
+            display: 'flex', flexDirection: 'column', gap: 2, cursor: 'pointer',
+            padding: '7px 10px', borderRadius: 6,
+            border: '1px solid ' + C.line, borderLeft: '3px solid ' + (f.muted ? C.faint : sev.color),
+            background: C.fill, opacity: f.muted ? 0.55 : 1,
+          },
+        },
+          h('div', { style: { display: 'flex', alignItems: 'baseline', gap: 6, minWidth: 0 } },
+            h('span', { style: { flex: '0 0 auto', fontSize: 10.5, fontWeight: 600, color: f.muted ? C.faint : sev.color } },
+              f.muted ? '静音' : sev.label),
+            typeof f.score === 'number' ? h('span', { style: { flex: '0 0 auto', fontSize: 10.5, color: C.faint } }, '★' + f.score) : null,
+            h('span', { style: { flex: '1 1 auto', minWidth: 0, fontSize: 12.5, fontWeight: 600, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } },
+              f.title || '')),
+          f.detail ? h('div', {
+            style: { fontSize: 11.5, color: C.sub, lineHeight: 1.5, overflow: 'hidden', display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' },
+          }, f.detail) : null,
+        );
+      }
+
+      return h('div', {
+        style: {
+          border: '1px solid ' + C.line, borderLeft: '3px solid ' + (f.muted ? C.faint : sev.color),
+          borderRadius: 8, padding: '10px 12px', margin: '0 0 10px',
+          background: C.fill, opacity: f.muted ? 0.55 : 1,
+        },
+      },
+        h('div', { style: { fontSize: 13, fontWeight: 600, marginBottom: 4 } },
+          f.muted ? h(Badge, { color: C.faint }, '已静音') : h(Badge, { color: sev.color }, sev.label),
+          typeof f.score === 'number' ? h('span', {
+            title: (f.scoreReasons || []).join('；') || '评分构成见体检报告',
+            style: { fontSize: 11, color: C.faint, marginLeft: 6, cursor: 'help' },
+          }, '★' + f.score) : null,
+          f.title || ''),
+        h('div', { style: { fontSize: 12.5, color: C.text, lineHeight: 1.65, whiteSpace: 'pre-wrap' } }, f.detail || ''),
+        f.evidence ? h('div', {
+          style: { fontSize: 11, color: C.faint, marginTop: 6, wordBreak: 'break-all' },
+        }, '证据 · ' + f.evidence) : null,
+        f.recommendation ? h('div', {
+          style: { fontSize: 12, marginTop: 6, paddingLeft: 8, borderLeft: '2px solid ' + C.line, color: C.text, whiteSpace: 'pre-wrap' },
+        }, '建议 · ' + f.recommendation) : null,
+        f.recall ? h('div', {
+          style: { fontSize: 11.5, marginTop: 6, padding: '5px 8px', borderRadius: 6, background: C.fill, border: '1px dashed ' + C.info, color: C.sub, whiteSpace: 'pre-wrap' },
+        }, '🧠 上次也出现过 · ' + localStamp(f.recall.at) + '：「' + (f.recall.headline || '') + '」（当时严重 ' + ((f.recall.counts && f.recall.counts.critical) || 0) + ' / 留意 ' + ((f.recall.counts && f.recall.counts.warning) || 0) + '），详情见「审计趋势」的记录）') : null,
+        h('div', { style: { marginTop: 8, display: 'flex', gap: 0, flexWrap: 'wrap' } },
+          props.onGo ? h(Btn, { onClick: props.onGo, primary: true, tone: C.text }, props.goLabel || '去处置 →') : null,
+          props.onAck ? h(TinyBtn, { onClick: props.onAck }, '已知晓（静音此项）') : null,
+          props.onUnack ? h(TinyBtn, { onClick: props.onUnack, tone: C.info }, '恢复显示此项') : null,
+        ),
+      );
+    }
+
+    /**
+     * 紧凑动作行：默认一行（名称+风险徽标+[预览计划]）；展开后才出
+     * 明细/human 计划/指纹/口令框/确认执行。autoOpenNonce 变化且 autoOpen
+     * 匹配时自动展开并预览（finding 直达链路）。
+     */
+    function ActionRow(props) {
+      const [open, setOpen] = useState(false);
+      const [stage, setStage] = useState('idle');
+      const [plan, setPlan] = useState(null);
+      const [hash, setHash] = useState('');
+      const [outcome, setOutcome] = useState(null);
+      const [error, setError] = useState('');
+      const [busy, setBusy] = useState(false);
+      const pwRef = useRef(null);
+      const extraRef = useRef({});
+      // planFn 是每次渲染新建的内联箭头（且部分捕获 disabledBundles/suspectNames
+      // 等会变的值）。用 ref 承载「最新引用」，让 preview/effect 保持依赖稳定，
+      // 同时调用时永远读到本轮渲染最新的 planFn，不冻结成陈旧闭包。
+      const planFnRef = useRef(props.planFn);
+      planFnRef.current = props.planFn;
+
+      const preview = useCallback(async () => {
+        setOpen(true);
+        setBusy(true); setError(''); setOutcome(null);
+        try {
+          const res = await planFnRef.current(extraRef.current);
+          if (res.ok === false) throw new Error(res.error || 'plan 失败');
+          setPlan(res.plan); setHash(res.planHash); setStage('planned');
+        } catch (e) { setError(e && e.message ? e.message : String(e)); setStage('error'); }
+        finally { setBusy(false); }
+      }, []);
+
+      const exec = useCallback(async () => {
+        if (!hash) return;
+        setBusy(true); setError('');
+        const extra = { action: 'execute', planHash: hash, confirm: true };
+        if (props.needPassword && pwRef.current && pwRef.current.value) extra.password = pwRef.current.value;
+        try {
+          const res = await call('execute', extra);
+          setOutcome(res); setStage(res.ok === false ? 'error' : 'done');
+          if (pwRef.current) pwRef.current.value = '';
+        } catch (e) {
+          setError(e && e.message ? e.message : String(e)); setStage('error');
+          if (pwRef.current) pwRef.current.value = '';
+        } finally { setBusy(false); }
+      }, [hash, props]);
+
+      const tone = props.risk === 'mid' ? C.warning : C.info;
+      const blocked = props.blocked === true;
+
+      // 外部直达：nonce 变化即展开+预览（被门挡住的仍只展开显示原因）。
+      // preview 现为稳定引用，故不进依赖：只有 nonce/autoOpen/actionKey/blocked
+      // 变化才会重跑，消除「每次渲染都刷新一次性指纹」的抖动。
+      useEffect(() => {
+        if (!props.autoOpen || props.nonce === undefined || props.nonce <= 0) return;
+        if (props.actionKey !== props.autoOpen) return;
+        if (blocked) { setOpen(true); return; }
+        setOpen(true);
+        void preview();
+      }, [props.nonce, props.autoOpen, props.actionKey, blocked]);
+
+      return h('div', {
+        style: {
+          border: '1px solid ' + C.line, borderLeft: '3px solid ' + (blocked ? C.faint : tone),
+          borderRadius: 8, padding: open ? '10px 12px' : '7px 12px', margin: '0 0 8px',
+          background: C.fill, opacity: blocked ? 0.62 : 1,
+        },
+      },
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' } },
+          h(Badge, { color: blocked ? C.faint : tone }, blocked ? '暂不适用' : props.risk === 'mid' ? '中风险·可逆' : '低风险'),
+          h('span', { style: { fontSize: 13, fontWeight: 600, flex: '1 1 auto' } }, props.title),
+          blocked ? null : h(Btn, { onClick: preview, disabled: busy }, stage === 'idle' && !open ? '预览计划' : '重新预览'),
+        ),
+        open ? h('div', { style: { marginTop: 6 } },
+          h('div', { style: { fontSize: 11.5, color: C.sub, marginBottom: 6, whiteSpace: 'pre-wrap' } },
+            blocked && props.blockedHint ? props.blockedHint : props.hint),
+          blocked ? null : h('div', { style: { display: 'flex', gap: 0, alignItems: 'center', flexWrap: 'wrap', marginBottom: 2 } },
+            h(Btn, { onClick: exec, disabled: busy || !hash || stage === 'done', primary: true },
+              busy ? '执行中…' : '确认执行'),
+            hash ? h('span', { style: { fontSize: 10.5, color: C.faint } }, '指纹 ' + hash + ' · 一次性') : null,
+          ),
+          props.extraUI ? props.extraUI(extraRef) : null,
+          props.needPassword && !blocked ? h('div', { style: { marginTop: 6 } },
+            h('input', {
+              ref: pwRef, type: 'password', placeholder: '加密口令（只进本次请求，不落盘不回显）',
+              style: { width: '100%', boxSizing: 'border-box', fontSize: 12, padding: '5px 8px', borderRadius: 6, border: '1px solid ' + C.line, background: 'transparent', color: C.text },
+            }),
+          ) : null,
+          plan ? h('div', {
+            style: { fontSize: 12, color: C.text, marginTop: 8, padding: '7px 9px', border: '1px dashed ' + C.line, borderRadius: 6, lineHeight: 1.6 },
+          },
+            ...(Array.isArray(plan.human) ? plan.human : [plan.note || '（无摘要）']).map((line, i) => h('div', { key: i }, line)),
+          ) : null,
+          outcome && stage === 'done' ? h('div', { style: { fontSize: 12, color: C.ok, marginTop: 6, lineHeight: 1.6 } },
+            ...(Array.isArray(outcome.human) ? outcome.human : ['已完成']).map((line, i) => h('div', { key: i }, line))) : null,
+          error ? h('div', { style: { fontSize: 12, color: C.critical, marginTop: 6, whiteSpace: 'pre-wrap' } }, '失败 · ' + error) : null,
+        ) : null,
+      );
+    }
+
+    function AuditTab() {
+      const [data, setData] = useState(null);
+      const [error, setError] = useState('');
+      const [loading, setLoading] = useState(false);
+      const [sort, setSort] = useState(cache.auditSort || 'newest');
+      const changeSort = (v) => { cache.auditSort = v; setSort(v); };
+      const load = useCallback(async () => {
+        setLoading(true); setError('');
+        try { setData(await call('audit')); }
+        catch (e) { setError(e && e.message ? e.message : String(e)); }
+        finally { setLoading(false); }
+      }, []);
+      useEffect(() => { void load(); }, [load]);
+      const ts = (row) => { const t = Date.parse(String(row.at || row.generatedAt || '')); return Number.isFinite(t) ? t : 0; };
+      const sortRows = (rows) => {
+        const arr = rows.slice();
+        if (sort === 'newest') arr.sort((a, b) => ts(b) - ts(a));
+        else if (sort === 'oldest') arr.sort((a, b) => ts(a) - ts(b));
+        else if (sort === 'okFirst') arr.sort((a, b) => (b.ok === true ? 1 : 0) - (a.ok === true ? 1 : 0) || ts(b) - ts(a));
+        else if (sort === 'rejectedFirst') arr.sort((a, b) => (b.ok === true ? 0 : 1) - (a.ok === true ? 0 : 1) || ts(b) - ts(a));
+        return arr;
+      };
+      // 台账行必须说人话：内部 kind/error 码是机器字段，直接 dump 给用户等于没做呈现层。
+      const KIND_ZH = { clean: '磁盘清理', backup: '加密备份', disable: '停用插件', enable: '启用插件', knowledge: '沉淀知识', ack: '静音一项发现', unack: '恢复一项发现' };
+      const ERR_ZH = {
+        'unknown-or-expired-plan': '计划已过期或指纹不对——指纹是一次性的，请重新「预览计划」',
+        'confirm-missing': '缺少授权确认——执行必须带 confirm:true',
+      };
+      const countsZh = (c) => (c ? ['严重 ' + (c.critical || 0), '留意 ' + (c.warning || 0), '提示 ' + (c.info || 0)].join(' · ') + ((c.muted || 0) > 0 ? ' · 静音 ' + c.muted : '') : '');
+      return h('div', {},
+        h('div', { style: { fontSize: 12, color: C.sub, lineHeight: 1.7, margin: '2px 0 10px', padding: '8px 10px', borderLeft: '2px solid ' + C.info, background: C.fill, borderRadius: 6 } },
+          '这里是管家的操作台账：它经你授权动过系统的每一次记录都写在这里，包括被拒绝的尝试。', h('br'),
+          '用途：核对「上次到底清了什么、什么时候、成没成」，以及看体检结论随时间是变好还是变坏。'),
+        h('div', { style: { marginBottom: 10, display: 'flex', gap: 6, alignItems: 'center', flexWrap: 'wrap' } },
+          h(Btn, { onClick: load, disabled: loading }, loading ? '读取中…' : '刷新台账'),
+          // 不用原生 <select>：Windows 下拉弹层由系统绘制，无视宿主主题（白底浅字不可读）。分段按钮全部内联样式，跟随面板配色。
+          h('span', { style: { fontSize: 11, color: C.faint, marginLeft: 4 } }, '排序'),
+          ...[['newest', '最近在前'], ['oldest', '最早在前'], ['okFirst', '已执行在前'], ['rejectedFirst', '被拒绝在前']].map(([k, label]) => h('button', {
+            key: k, onClick: () => changeSort(k),
+            style: {
+              cursor: 'pointer', fontSize: 11, padding: '4px 9px', borderRadius: 999,
+              border: '1px solid ' + (sort === k ? 'transparent' : C.line),
+              background: sort === k ? C.solid : 'transparent',
+              color: sort === k ? C.on : C.sub, fontWeight: sort === k ? 600 : 400,
+            },
+          }, label))),
+        error ? h('div', { style: { fontSize: 12, color: C.critical } }, '读取失败 · ' + error) : null,
+        data && Array.isArray(data.audit) && data.audit.length ? h('div', {},
+          h('div', { style: { fontSize: 12, fontWeight: 600, color: C.sub, margin: '6px 0' } }, '授权动作记录（最近 ' + data.audit.length + ' 条）'),
+          ...sortRows(data.audit).map((row, i) => h('div', {
+            key: i,
+            style: { fontSize: 11.5, padding: '5px 8px', borderRadius: 6, background: C.fill, marginBottom: 4, display: 'flex', gap: 8, flexWrap: 'wrap', color: C.text },
+          },
+            h('span', { style: { color: C.faint } }, localStamp(row.at)),
+            h('span', { style: { fontWeight: 600 } }, KIND_ZH[row.kind] || row.kind || row.op || '执行动作'),
+            h('span', { style: { color: row.ok ? C.ok : C.critical } }, row.ok ? '✓ 已执行' : '✗ 被拒绝 · ' + (ERR_ZH[row.error] || row.error || '失败')),
+            row.plugin ? h('span', { style: { color: C.sub } }, '对象 ' + row.plugin) : null,
+            row.hash ? h('span', { style: { color: C.faint, fontSize: 10 }, title: '当时那份计划的指纹（一次性，执行即失效）' }, '计划 ' + String(row.hash).slice(0, 8)) : null,
+          )),
+        ) : (data && !data.audit.length ? h('div', { style: { fontSize: 12, color: C.faint } }, '还没有执行记录——你授权过的每个动作（以及被门拒绝的尝试）都会记在这里。') : null),
+        data && Array.isArray(data.trend) && data.trend.length ? h('div', { style: { marginTop: 12 } },
+          h('div', { style: { fontSize: 12, fontWeight: 600, color: C.sub, margin: '6px 0' } }, '体检快照趋势（每次沉淀知识时留下的当时的结论）'),
+          ...sortRows(data.trend).map((t, i) => h('div', {
+            key: i, style: { fontSize: 11.5, padding: '5px 8px', borderRadius: 6, background: C.fill, marginBottom: 4, display: 'flex', gap: 8, flexWrap: 'wrap', color: C.text },
+          },
+            h('span', { style: { color: C.faint } }, localStamp(t.at || t.generatedAt)),
+            h('span', {}, t.level === 'critical' ? '有严重问题' : t.level === 'warning' ? '有留意项' : t.level === 'ok' ? '正常' : (t.level || '-')),
+            h('span', { style: { color: C.sub } }, countsZh(t.counts)),
+            typeof t.cFreeBytes === 'number' ? h('span', { style: { color: C.faint }, title: '当时系统盘（C:）剩余空间' }, '剩 ' + (t.cFreeBytes >= 1073741824 ? (t.cFreeBytes / 1073741824).toFixed(1) + ' GB' : (t.cFreeBytes / 1048576).toFixed(1) + ' MB')) : null,
+            t.executed ? h('span', { style: { color: C.faint } }, '当时已执行 ' + t.executed + ' 个动作') : null)),
+        ) : null,
+      );
+    }
+
+    // 模块级缓存：Panel 切走即卸载；报告与插件变更留在内存（刷新清空属预期）。
+    const cache = { report: null, error: '', hidden: {}, auditSort: 'newest', mode: 'rules', model: null };
+    // v0.8.4：当前生效的入口重挂函数，由 apply() 填、由设置页调用。
+    // 存在它就不需要「改完要 Ctrl+R」——那前提在桌面版里根本不成立。
+    // ---------- 右下角临时弹窗（v0.9.1） ----------
+    // 与 dsh-our-free-model 的做法同源：自己起一个 body 级 fixed 容器，不等任何
+    // 第三方 slot 的语义。区别是这里全部内联样式，不注入 <style>（项目红线）。
+    //
+    // 必须挂在 frame-wide 的 shell.overlay 上，而不是挂在管家面板里：面板只在
+    // 用户打开它时才存在，挂在那里等于「你盯着看的时候才提醒你」。
+    const toastStore = { items: [], seq: 0 };
+    const toastListeners = new Set();
+    const reportListeners = new Set();
+    // 一次会话里同一条发现只弹一次。反复弹同一条，等于训练用户无视它。
+    const toastedIds = new Set();
+    let toastConfig = { mode: 'critical', seconds: 12 };
+
+    function notifyToasts() {
+      for (const fn of toastListeners) { try { fn(); } catch { /* noop */ } }
+    }
+    function dismissToast(id) {
+      toastStore.items = toastStore.items.filter((t) => t.id !== id);
+      notifyToasts();
+    }
+    function pushToast(item) {
+      toastStore.seq += 1;
+      const id = 't' + toastStore.seq;
+      // 最多同时 3 条：堆到半个屏幕高就变成打扰，而不是提醒。
+      toastStore.items = toastStore.items.concat([{ ...item, id }]).slice(-3);
+      notifyToasts();
+    }
+    function publishReport(report) {
+      for (const fn of reportListeners) { try { fn(report); } catch { /* noop */ } }
+    }
+    // 阈值来自设置：critical 只弹「严重」，warning 连「留意」一起弹，off 不弹。
+    function toastWorthy(report) {
+      if (!report || !Array.isArray(report.findings)) return [];
+      if (toastConfig.mode === 'off') return [];
+      const want = toastConfig.mode === 'warning' ? ['critical', 'warning'] : ['critical'];
+      return report.findings.filter((f) => f && !f.muted && want.includes(f.severity));
+    }
+    function firstLine(text, max) {
+      const t = String(text || '').replace(/\s+/g, ' ').trim();
+      if (!t) return '';
+      return t.length > max ? t.slice(0, max - 1) + '…' : t;
+    }
+    // 一条发现 → 一条弹窗文案。短到能在 12 秒里读懂，长到能判断要不要理它。
+    function toastOf(finding) {
+      return {
+        findingId: finding.id,
+        actionKey: ACTION_FOR[finding.id] || 'model-default',
+        severity: finding.severity,
+        title: firstLine(finding.title, 42),
+        body: firstLine(finding.detail || finding.recommendation || '', 110),
+      };
+    }
+    function evaluateToasts(report) {
+      for (const f of toastWorthy(report)) {
+        if (toastedIds.has(f.id)) continue;
+        toastedIds.add(f.id);
+        pushToast(toastOf(f));
+      }
+    }
+
+    // 弹窗住在 shell.overlay 里，不在面板的树里 —— 点击「去看看」需要一条通道
+    // 把意图送回面板。面板挂载时把自己的跳转函数填进来，卸载时清空；
+    // 面板没开时点「去看看」只是关掉弹窗，不报错。
+    let PANEL_NAVIGATOR = null;
+    let PANEL_ACK = null;
+
+    let ENTRY_APPLIER = null;
+
+    // ── v0.5.0 L1：拟人化外壳 ────────────────────────────────────────────
+    // 把已有 report 翻译成「一句人话 + 三件要紧事」。纯前端模板渲染：零 token、
+    // 零额外请求、零新依赖，也不碰红线（无 <style> 注入、无 locale、内联样式）。
+    function greetingWord(hour) {
+      if (hour < 5 || hour >= 23) return '夜深了';
+      if (hour < 9) return '早上好';
+      if (hour < 12) return '上午好';
+      if (hour < 14) return '中午好';
+      if (hour < 18) return '下午好';
+      return '晚上好';
+    }
+
+    // 审计/趋势里存的是 UTC ISO 串（toISOString）。直接贴给用户看会差 8 小时，
+    // 所以本地化一律走这个函数，不要在渲染处自己做字符串切片的时区假设。
+    function localStamp(iso) {
+      const t = Date.parse(String(iso || ''));
+      if (!Number.isFinite(t)) return String(iso || '');
+      const d = new Date(t);
+      const p = (n) => (n < 10 ? '0' + n : String(n));
+      return d.getFullYear() + '-' + p(d.getMonth() + 1) + '-' + p(d.getDate())
+        + ' ' + p(d.getHours()) + ':' + p(d.getMinutes());
+    }
+
+    function agoText(iso) {
+      const t = Date.parse(String(iso || ''));
+      if (!Number.isFinite(t)) return '';
+      const min = Math.round((Date.now() - t) / 60000);
+      if (min < 1) return '刚刚';
+      if (min < 60) return min + ' 分钟前';
+      const hr = Math.round(min / 60);
+      if (hr < 24) return hr + ' 小时前';
+      return Math.round(hr / 24) + ' 天前';
+    }
+
+    function Avatar(props) {
+      const size = (props && props.size) || 32;
+      const alert = !!(props && props.alert);
+      return h('div', {
+        style: {
+          width: size, height: size, borderRadius: '50%', flex: '0 0 auto',
+          display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'relative',
+          background: mix(alert ? C.critical : C.info, 15),
+          border: '1px solid ' + mix(alert ? C.critical : C.info, 40),
+        },
+        title: 'DSH 智能管家 · 只读体检 + 授权执行',
+      },
+        h('svg', {
+          width: Math.round(size * 0.56), height: Math.round(size * 0.56),
+          viewBox: '0 0 24 24', fill: 'none', stroke: alert ? C.critical : C.info,
+          strokeWidth: 1.8, strokeLinecap: 'round', strokeLinejoin: 'round',
+        },
+          h('path', { d: 'M12 3l7 3v5.5c0 4.2-2.9 7.6-7 9.5-4.1-1.9-7-5.3-7-9.5V6z' }),
+          h('path', { d: 'M8.8 12.2h1.8l1.1-2.4 1.4 4.2 1.1-1.8h1.9' })),
+        alert ? h('span', { style: { position: 'absolute', top: -1, right: -1, width: 8, height: 8, borderRadius: '50%', background: C.critical } }) : null);
+    }
+
+    function Briefing(props) {
+      const report = props && props.report;
+      const onGo = props && props.onGo;
+      const loading = !!(props && props.loading);
+      const hi = greetingWord(new Date().getHours()) + '，我是你的 DSH 管家。';
+      const box = {
+        display: 'flex', gap: 11, alignItems: 'flex-start',
+        padding: '11px 13px', marginBottom: 12, borderRadius: 10,
+        border: '1px solid ' + C.line, background: C.fill,
+      };
+
+      if (!report || !report.summary) {
+        return h('div', { style: box },
+          h(Avatar, { size: 34, alert: false }),
+          h('div', { style: { flex: '1 1 auto', minWidth: 0 } },
+            h('div', { style: { fontSize: 13.5, fontWeight: 600 } }, hi),
+            h('div', { style: { fontSize: 12, color: C.sub, marginTop: 2 } },
+              loading ? '我正在把系统看一遍，稍等…'
+                : '还没有体检记录。点右上角「重新体检」，我先把启动、插件、数据、磁盘看一遍。')));
+      }
+
+      const counts = report.summary.counts || {};
+      const level = report.summary.level || 'ok';
+      const alive = Array.isArray(report.findings) ? report.findings.filter((f) => !f.muted) : [];
+      const top = alive.filter((f) => typeof f.score === 'number')
+        .slice().sort((a, b) => b.score - a.score).slice(0, 3);
+      const nCrit = counts.critical || 0;
+      const nWarn = counts.warning || 0;
+      const nMuted = counts.muted || 0;
+      let line;
+      if (level === 'critical') line = '有 ' + nCrit + ' 件严重问题，建议现在就看一眼。';
+      else if (level === 'warning') line = '有 ' + nWarn + ' 件值得留意，都不影响使用。';
+      else line = '一切正常，没有需要立刻处理的事。';
+      if (nMuted) line += '（另有 ' + nMuted + ' 项你已静音）';
+      const when = agoText(report.generatedAt);
+
+      return h('div', { style: box },
+        h(Avatar, { size: 34, alert: level === 'critical' }),
+        h('div', { style: { flex: '1 1 auto', minWidth: 0 } },
+          h('div', { style: { fontSize: 13.5, fontWeight: 600 } }, hi),
+          h('div', { style: { fontSize: 12.5, color: C.text, marginTop: 2 } }, line),
+          when ? h('div', { style: { fontSize: 10.5, color: C.faint, marginTop: 1 } }, '上次体检 · ' + when) : null,
+          top.length ? h('div', { style: { marginTop: 7, display: 'flex', flexDirection: 'column', gap: 4 } },
+            top.map((f, i) => h('div', { key: (f.id || 'x') + i, style: { display: 'flex', alignItems: 'center', gap: 6, fontSize: 11.5 } },
+              h('span', { style: { color: (SEV[f.severity] || SEV.info).color, flex: '0 0 auto' } }, '·'),
+              h('span', { style: { color: C.sub, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', flex: '1 1 auto', minWidth: 0 } }, f.title || f.id || ''),
+              typeof f.score === 'number' ? h('span', { style: { color: C.faint, fontSize: 10 }, title: (f.scoreReasons || []).join('；') }, '★' + f.score) : null,
+              ACTION_FOR[f.id] && onGo ? h('button', {
+                onClick: () => onGo(ACTION_FOR[f.id]),
+                style: { cursor: 'pointer', fontSize: 10.5, color: C.info, background: 'transparent', border: '1px solid ' + C.line, borderRadius: 5, padding: '0 5px', flex: '0 0 auto' },
+              }, '去处理') : null))) : null,
+          h('div', { style: { fontSize: 10.5, color: C.faint, marginTop: 7, lineHeight: 1.5 } },
+            '我只负责「看」和「问」：真正动手要你确认——预览计划是零写入的，看清再点执行。')));
+    }
+
+    /**
+     * L2 对话入口：一句话 → 一个意图 → 打开对应动作卡。
+     *
+     * 三条纪律，写在这里免得以后被改坏：
+     * 1. 解析在 host（lib/intent.js），纯规则匹配、零 token。它只决定「打开哪张卡」，
+     *    绝不替用户执行任何东西。
+     * 2. 命中后等同于「用户自己点了那张卡的预览」——同一套 plan→confirm→audit 链路，
+     *    没有第二条写入口。
+     * 3. 听不懂就把原话和例句摆回去，不猜。猜对一次会养成替用户拍板的习惯。
+     */
+    // 输入区（v0.7.4 重做）。原来那一坨：三行小胶囊堆在条子上面、
+    // 按钮是方角文字、说明文字有三层、模型列表一展开就把输入框顶走。
+    // 现在照成熟 chat composer 的形状来：
+    //   一条圆角输入条 —— 左「模式/模型」芯片，中输入，右圆形发送键；
+    //   芯片点开是条子下方的设置面板（选项行 + 可滚动的 provider/模型），
+    //   面板不进布局流，不遮输入；未展开时输入条永远在同一高度。
+    // 红线不变：零 <style> 注入、全内联、不用原生 <select>（胶囊/自绘）。
+    function ChatBar(props) {
+      const [value, setValue] = useState('');
+      const [busy, setBusy] = useState(false);
+      const [note, setNote] = useState(null);
+      const [mode, setMode] = useState(cache.mode || 'rules');
+      const [catalog, setCatalog] = useState(null);
+      const [open, setOpen] = useState(false);
+      const [freeOnly, setFreeOnly] = useState(false);
+      const [model, setModel] = useState(cache.model);
+      const [focused, setFocused] = useState(false);
+      const [pending, setPending] = useState(null);
+      const inputRef = useRef(null);
+
+      const loadCatalog = useCallback(async () => {
+        try {
+          const data = await call('models');
+          setCatalog(data);
+          if (!model && data && data.default) {
+            setModel(data.default);
+            cache.model = data.default;
+          }
+          return data;
+        } catch (e) {
+          setCatalog({ ok: false, available: false, providers: [], error: e && e.message ? e.message : String(e) });
+          return null;
+        }
+      }, [model]);
+
+      const chooseMode = useCallback((next) => {
+        setMode(next);
+        cache.mode = next;
+        if (next === 'model' && !catalog) void loadCatalog();
+      }, [catalog, loadCatalog]);
+
+      const submit = useCallback(async () => {
+        const line = String(value || '').trim();
+        if (!line || busy) return;
+        setBusy(true); setNote(null); setPending(null);
+        try {
+          let res;
+          if (mode === 'model') {
+            if (!model || !model.provider || !model.model) {
+              const cat = catalog || await loadCatalog();
+              const pick = model || (cat && cat.default);
+              if (!pick) throw new Error('还没有可用模型——点输入条左边的芯片选一个，或切回规则式。');
+              res = await call('ask', { text: line, provider: pick.provider, model: pick.model });
+            } else {
+              res = await call('ask', { text: line, provider: model.provider, model: model.model });
+            }
+            if (res.ok === false) throw new Error(res.error || '模型没有回答');
+          } else {
+            res = await call('intent', { text: line });
+            if (res.ok === false) throw new Error(res.error || '解析失败');
+          }
+          if (!res.intent) {
+            setNote({ kind: 'clarify', lines: [res.clarify || '这句我没听懂。'], suggestions: res.suggestions || [] });
+            return;
+          }
+          const kind = res.intent.kind;
+          setNote({ kind: 'reply', lines: res.reply || [], suggestions: [] });
+          setValue('');
+          if (kind === 'report') {
+            if (props.onRescan) props.onRescan();
+            return;
+          }
+          if (kind === 'goto') {
+            const target = res.intent.params && res.intent.params.tab;
+            if (props.onTab) props.onTab(target || 'overview');
+            return;
+          }
+          if (kind === 'ack' || kind === 'unack') {
+            const plan = await call('plan', { kind, id: res.intent.params.id });
+            if (plan.ok === false) throw new Error(plan.error || 'plan 失败');
+            setPending({ kind, planHash: plan.planHash, human: plan.plan && plan.plan.human });
+            return;
+          }
+          if (props.onGo) props.onGo(kind);
+        } catch (e) {
+          setNote({ kind: 'error', lines: ['没走通：' + (e && e.message ? e.message : String(e))] });
+        } finally { setBusy(false); }
+      }, [value, busy, props, mode, model, catalog, loadCatalog]);
+
+      const confirmPending = useCallback(async () => {
+        if (!pending || busy) return;
+        setBusy(true);
+        try {
+          const out = await call('execute', { planHash: pending.planHash, confirm: true });
+          setNote({ kind: 'reply', lines: Array.isArray(out.human) ? out.human : ['已完成'] });
+          setPending(null);
+          if (props.onRescan) props.onRescan();
+        } catch (e) {
+          setNote({ kind: 'error', lines: ['没走通：' + (e && e.message ? e.message : String(e))] });
+        } finally { setBusy(false); }
+      }, [pending, busy, props]);
+
+      const tone = !note ? C.line : note.kind === 'error' ? C.critical : note.kind === 'clarify' ? C.warning : C.ok;
+
+      // 胶囊按钮而不是原生 <select>：原生下拉的弹层由系统绘制，主题管不住
+      // （v0.3.7 踩过：白底浅字）。
+      const capsule = (label, active, onClick, title) => h('button', {
+        key: label + '|' + String(active),
+        onClick, title: title || label,
+        style: {
+          cursor: 'pointer', fontSize: 11, padding: '3px 9px', borderRadius: 999, fontFamily: 'inherit',
+          border: '1px solid ' + (active ? 'transparent' : C.line),
+          background: active ? C.solid : 'transparent',
+          color: active ? C.on : C.sub,
+          fontWeight: active ? 600 : 400,
+        },
+      }, label);
+
+      const providers = catalog && Array.isArray(catalog.providers) ? catalog.providers : [];
+      // 32 个 provider 里免费那几组排在最后，不筛就得往下翻一大片。
+      // 判据：名字带 free/免费，或过半模型以 :free 结尾（WorkBuddy 的 hy4free 单例不算）。
+      const isFreeProvider = (p) => {
+        const name = String(p && p.id || '') + ' ' + String(p && p.name || '');
+        if (/free|免费/i.test(name)) return true;
+        const models = Array.isArray(p && p.models) ? p.models : [];
+        if (!models.length) return false;
+        const freeModels = models.filter((m) => /(^|[-/:])free$/i.test(String(m && m.id || ''))).length;
+        return freeModels * 2 >= models.length;
+      };
+      const shownProviders = freeOnly ? providers.filter(isFreeProvider) : providers;
+      const freeCount = providers.filter(isFreeProvider).length;
+      const activeProvider = shownProviders.find((p) => model && p.id === model.provider) || shownProviders[0] || null;
+      const modelsOf = activeProvider && Array.isArray(activeProvider.models) ? activeProvider.models : [];
+
+      const modelLabel = mode === 'rules'
+        ? '规则式'
+        : (model ? String(model.model) : '选模型');
+      const chipTitle = mode === 'rules'
+        ? '规则式理解：本地词表，0 token。点开可切换模型理解或选择模型。'
+        : ('模型理解：' + (model ? model.provider + '/' + model.model : '尚未选择模型') + '。点开可更换。');
+
+      // 选项行（面板里的单选行）——比一排小胶囊更像「设置」而不是「过滤器」。
+      const optionRow = (title, sub, active, onClick) => h('button', {
+        key: title, onClick,
+        style: {
+          display: 'flex', alignItems: 'flex-start', gap: 8, width: '100%', textAlign: 'left',
+          cursor: 'pointer', fontFamily: 'inherit', padding: '7px 8px', borderRadius: 7,
+          border: '1px solid ' + (active ? C.text : 'transparent'),
+          background: 'transparent',
+        },
+      },
+        h('span', {
+          style: {
+            flex: '0 0 auto', width: 13, height: 13, marginTop: 2, borderRadius: '50%',
+            border: '1.5px solid ' + (active ? C.text : C.line), position: 'relative',
+          },
+        }, active ? h('span', {
+          style: { position: 'absolute', inset: 2, borderRadius: '50%', background: C.text },
+        }) : null),
+        h('span', { style: { flex: '1 1 auto', minWidth: 0 } },
+          h('span', { style: { display: 'block', fontSize: 12, color: C.text, fontWeight: active ? 600 : 400 } }, title),
+          sub ? h('span', { style: { display: 'block', fontSize: 10.5, color: C.faint, marginTop: 1, lineHeight: 1.5 } }, sub) : null),
+      );
+
+      const canSend = !busy && !!String(value).trim();
+
+      return h('div', { style: { marginBottom: 12 } },
+        // ── 输入条 ────────────────────────────────────────────────
+        h('div', {
+          style: {
+            display: 'flex', alignItems: 'center', gap: 8, padding: '5px 6px 5px 10px',
+            // 默认态就用强调色描边（截图里那种蓝），只是比聚焦态淡一档：
+            // 这条输入条是面板的主入口，用中性灰边它会被当成装饰而没人用。
+            border: '1px solid ' + (focused ? C.info : mix(C.info, 42)), borderRadius: 12,
+            background: C.fill, transition: 'border-color .12s, box-shadow .12s',
+            boxShadow: focused ? '0 0 0 3px ' + mix(C.info, 12) : '0 0 0 1px ' + mix(C.info, 6),
+          },
+        },
+          h('button', {
+            onClick: () => { setOpen((v) => !v); if (!open && !catalog && mode !== 'rules') void loadCatalog(); },
+            title: chipTitle,
+            style: {
+              flex: '0 0 auto', display: 'inline-flex', alignItems: 'center', gap: 5, cursor: 'pointer',
+              fontFamily: 'inherit', fontSize: 11, padding: '3px 7px', borderRadius: 7,
+              border: '1px solid transparent',
+              background: open ? C.solid : 'transparent',
+              color: open ? C.on : C.sub, maxWidth: 210, overflow: 'hidden',
+            },
+          },
+            h('svg', {
+              width: 12, height: 12, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor',
+              'stroke-width': 2, 'stroke-linecap': 'round', 'stroke-linejoin': 'round', style: { flex: '0 0 auto' },
+            },
+              mode === 'rules'
+                ? h('path', { d: 'M4 6h16M4 12h10M4 18h7' })
+                : h('path', { d: 'M12 3l1.8 4.9L19 9.7l-5.2 1.8L12 16.4l-1.8-4.9L5 9.7l5.2-1.8z' }),
+            ),
+            h('span', { style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, modelLabel),
+            h('span', { style: { fontSize: 9, opacity: .7 } }, open ? '▲' : '▼'),
+          ),
+          h('input', {
+            ref: inputRef,
+            value,
+            onChange: (e) => setValue(e.target.value),
+            onFocus: () => setFocused(true),
+            onBlur: () => setFocused(false),
+            onKeyDown: (e) => {
+              if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); void submit(); }
+              if (e.key === 'Escape') setOpen(false);
+            },
+            placeholder: '跟我说一句，比如「清理一下缓存」「有什么问题吗」',
+            'aria-label': '跟管家说一句话',
+            style: {
+              flex: '1 1 auto', minWidth: 0, fontSize: 13, padding: '5px 0',
+              border: 'none', outline: 'none', background: 'transparent', color: C.text, fontFamily: 'inherit',
+            },
+          }),
+          h('button', {
+            onClick: () => void submit(),
+            disabled: !canSend,
+            title: busy ? '处理中…' : '发送（Enter）',
+            'aria-label': '发送',
+            style: {
+              flex: '0 0 auto', width: 28, height: 28, borderRadius: '50%',
+              display: 'inline-flex', alignItems: 'center', justifyContent: 'center',
+              cursor: canSend ? 'pointer' : 'default', fontFamily: 'inherit',
+              border: '1px solid ' + (canSend ? 'transparent' : mix(C.info, 34)),
+              background: canSend ? C.solid : 'transparent',
+              color: canSend ? C.on : C.faint, opacity: busy ? .6 : 1,
+              transition: 'background .12s, border-color .12s',
+            },
+          },
+            busy
+              ? h('span', { style: { fontSize: 10 } }, '…')
+              : h('svg', {
+                width: 14, height: 14, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor',
+                'stroke-width': 2.2, 'stroke-linecap': 'round', 'stroke-linejoin': 'round',
+              }, h('path', { d: 'M12 19V5M6 11l6-6 6 6' })),
+          ),
+        ),
+
+        // ── 设置面板（在条子下方展开，不进布局流的高度预算） ────────
+        open ? h('div', {
+          style: {
+            marginTop: 6, padding: '9px 10px', borderRadius: 10,
+            border: '1px solid ' + C.line, background: C.bg,
+            boxShadow: '0 8px 24px rgba(0,0,0,.28)',
+          },
+        },
+          h('div', { style: { fontSize: 10.5, color: C.faint, marginBottom: 5, letterSpacing: '.3px' } }, '理解方式'),
+          optionRow('规则式 · 不花 token', '本地词表匹配，毫秒级、离线、结果可复现', mode === 'rules', () => chooseMode('rules')),
+          optionRow('模型理解', '把你的话交给模型翻译成同一个动作意图；每句花一次调用', mode === 'model', () => chooseMode('model')),
+
+          mode === 'model' ? h('div', { style: { marginTop: 8, paddingTop: 8, borderTop: '1px solid ' + C.line } },
+            catalog === null ? h('div', { style: { fontSize: 11, color: C.faint } }, '正在读取模型列表…') : null,
+            catalog && catalog.available === false ? h('div', { style: { fontSize: 11, color: C.warning, lineHeight: 1.6 } },
+              '宿主报告没有可用的模型服务', catalog.error ? '（' + catalog.error + '）' : '',
+              '。切回「规则式」照常可用。') : null,
+            catalog && catalog.available && !providers.length ? h('div', { style: { fontSize: 11, color: C.warning } },
+              '模型服务在，但没有列出任何已配置的模型。') : null,
+            catalog && catalog.available && providers.length ? h('div', null,
+              h('div', { style: { display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap', marginBottom: 6 } },
+                capsule('只看免费 · ' + freeCount, freeOnly, () => setFreeOnly((v) => !v), '只列名字带 free/免费、或过半模型带 :free 的 provider'),
+                h('span', { style: { fontSize: 10.5, color: C.faint } }, providers.length + ' 个 provider'),
+              ),
+              h('div', { style: { maxHeight: 150, overflowY: 'auto', marginBottom: 6 } },
+                shownProviders.length
+                  ? h('div', { style: { display: 'flex', gap: 5, flexWrap: 'wrap' } },
+                    ...shownProviders.map((p) => capsule(p.name || p.id, !!(model && model.provider === p.id),
+                      () => { const next = { provider: p.id, model: p.models[0].id }; setModel(next); cache.model = next; },
+                      p.id + ' · ' + p.models.length + ' 个模型')))
+                  : h('div', { style: { fontSize: 11, color: C.faint } }, '这个筛选下没有 provider，取消「只看免费」看看全部。'),
+              ),
+              activeProvider ? h('div', null,
+                h('div', { style: { fontSize: 10.5, color: C.faint, marginBottom: 4 } },
+                  String(activeProvider.name || activeProvider.id) + ' 的模型'),
+                h('div', { style: { display: 'flex', gap: 5, flexWrap: 'wrap', maxHeight: 108, overflowY: 'auto' } },
+                  ...modelsOf.map((m) => capsule(m.name || m.id, !!(model && model.provider === activeProvider.id && model.model === m.id),
+                    () => { const next = { provider: activeProvider.id, model: m.id }; setModel(next); cache.model = next; },
+                    m.id))),
+              ) : null,
+            ) : null,
+            h('div', { style: { fontSize: 10.5, color: C.faint, marginTop: 8, lineHeight: 1.55 } },
+              '选中的模型只用来「翻译你那句话」：它拿到的是一次性提示，不持有工具、不写文件、不碰授权。结果仍是一个动作意图，要你点两次才会真的执行。'),
+          ) : null,
+        ) : null,
+
+        // ── 一行小字（不再是三行说明） ─────────────────────────────
+        h('div', {
+          style: { fontSize: 10.5, color: C.faint, marginTop: 5, paddingLeft: 2, display: 'flex', gap: 8, flexWrap: 'wrap' },
+        },
+          h('span', null, 'Enter 发送'),
+          h('span', null, '·'),
+          h('span', null, mode === 'model' ? '模型只翻译，不动手' : '本地解析，零 token'),
+          h('span', null, '·'),
+          h('span', null, '动手前会先给零写入预览'),
+        ),
+
+        note ? h('div', {
+          style: {
+            marginTop: 8, padding: '8px 10px', borderRadius: 10,
+            background: 'var(--dsw-alias-interactive-bg-hover, rgba(128,128,128,.08))', borderLeft: '2px solid ' + tone,
+            fontSize: 12, lineHeight: 1.65, whiteSpace: 'pre-wrap',
+          },
+        },
+          ...note.lines.map((l, i) => h('div', { key: i, style: { color: note.kind === 'error' ? C.critical : C.text } }, l)),
+          note.suggestions && note.suggestions.length ? h('div', { style: { marginTop: 6, display: 'flex', gap: 6, flexWrap: 'wrap' } },
+            note.suggestions.map((s, i) => h('button', {
+              key: i,
+              onClick: () => { setValue(s); if (inputRef.current) inputRef.current.focus(); },
+              style: {
+                cursor: 'pointer', fontSize: 10.5, color: C.info, background: 'transparent',
+                border: '1px dashed ' + C.line, borderRadius: 6, padding: '2px 7px', fontFamily: 'inherit',
+              },
+            }, s))) : null,
+        ) : null,
+
+        pending ? h('div', {
+          style: {
+            marginTop: 8, padding: '9px 10px', borderRadius: 10,
+            border: '1px solid ' + C.line, background: C.fill, fontSize: 12, lineHeight: 1.65,
+          },
+        },
+          ...(Array.isArray(pending.human) ? pending.human : []).map((l, i) => h('div', { key: i }, l)),
+          h('div', { style: { marginTop: 8, display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' } },
+            h(Btn, { onClick: confirmPending, disabled: busy, primary: true }, busy ? '执行中…' : '确认执行'),
+            h('span', { style: { fontSize: 10.5, color: C.faint } }, '指纹 ' + pending.planHash + ' · 一次性')),
+        ) : null,
+      );
+    }
+
+    // v0.8.0 设置页：控件由 host 下发的 SPEC 驱动（标签/范围/解释只有一份）
+    function SettingsTab(props) {
+      const [groups, setGroups] = useState(null);
+      const [draft, setDraft] = useState({});
+      const [error, setError] = useState("");
+      const [saveError, setSaveError] = useState("");
+      const [saved, setSaved] = useState("");
+      const [loading, setLoading] = useState(false);
+      const flatOf = (gs) => { const d = {}; (gs || []).forEach((g) => (g.items || []).forEach((it) => { d[it.key] = it.value; })); return d; };
+      const load = useCallback(async () => {
+        setLoading(true); setError("");
+        try {
+          const res = await call("settings");
+          const gs = Array.isArray(res.groups) ? res.groups : [];
+          setGroups(gs);
+          setDraft(flatOf(gs));
+          setSaved(res.savedAt ? "上次保存：" + String(res.savedAt).slice(0, 16).replace("T", " ") : "还没改过（全部是推荐默认值）");
+        } catch (e) { setError(e && e.message ? e.message : String(e)); }
+        finally { setLoading(false); }
+      }, []);
+      useEffect(() => { void load(); }, [load]);
+      const setVal = (k, v) => setDraft((prev) => { const next = Object.assign({}, prev); next[k] = v; return next; });
+      const save = async () => {
+        setLoading(true); setError(""); setSaveError("");
+        try {
+          const res = await call("settings-save", { settings: draft });
+          if (res && res.ok) {
+            const gs = Array.isArray(res.groups) ? res.groups : [];
+            setGroups(gs);
+            setDraft(flatOf(gs));
+            setSaved((res.human || []).join(" "));
+            // v0.8.4：入口类设置就地生效。旧版要用户先 Ctrl+R，桌面版里那步基本等于死路。
+            try {
+              const entry = res.settings && res.settings.ui && res.settings.ui.entry;
+              if (typeof ENTRY_APPLIER === 'function' && (entry === 'left' || entry === 'right' || entry === 'both')) {
+                ENTRY_APPLIER(entry);
+              }
+            } catch { /* 入口重挂失败不影响设置已保存 */ }
+            if (props && props.onSaved) props.onSaved();
+          } else { setSaveError((res && res.error) || "保存失败"); }
+        } catch (e) { setSaveError(e && e.message ? e.message : String(e)); }
+        finally { setLoading(false); }
+      };
+      const reset = () => {
+        const d = {};
+        (groups || []).forEach((g) => (g.items || []).forEach((it) => { d[it.key] = it.def; }));
+        setDraft(d);
+        setSaved("已填回默认值——还要点「保存设置」才会生效。");
+      };
+      // 读失败才允许整页换成错误：那时没有表单可留。保存失败必须留在表单上并保留已填的值，
+      // 否则用户辛苦改的一堆数字会随着一条提示一起消失。
+      if (error) return h("div", { style: { marginTop: 12, fontSize: 12, color: C.critical } }, "读取失败: " + error);
+      if (!groups) return h("div", { style: { marginTop: 12, fontSize: 12, color: C.sub } }, loading ? "读取中…" : "没有设置项");
+      return h("div", { style: { marginTop: 12 } },
+        h("div", { style: { fontSize: 12, color: C.sub, lineHeight: 1.7, margin: "2px 0 12px", padding: "8px 10px", borderLeft: "2px solid " + C.info, background: C.fill, borderRadius: 6 } },
+          "这里只放开「判据的松紧」——能把 7 天改 3 天，不能把某项体检关掉。", h("br"),
+          "超出范围会被夹到边界并告出来，不会静默接受一个会让检测失真的值。默认值就是推荐值，不改就和以前一样。"),
+        ...groups.map((g) => h("div", { key: g.name, style: { marginBottom: 16 } },
+          h("div", { style: { fontSize: 12.5, fontWeight: 600, marginBottom: 6, color: C.text } }, g.name),
+          ...(g.items || []).map((it) => {
+            const changed = draft[it.key] !== it.def;
+            const isChoice = it.type === 'choice';
+            const rangeLine = isChoice
+              ? '可选 ' + (it.options || []).map((o) => o.label).join(' / ')
+              : '范围 ' + it.min + '–' + it.max + (it.unit ? ' ' + it.unit : '');
+            const defLabel = isChoice
+              ? ((it.options || []).find((o) => o.value === it.def) || {}).label || String(it.def)
+              : String(it.def);
+            return h("div", { key: it.key, style: { display: "flex", gap: 8, alignItems: "flex-start", padding: "6px 8px", borderRadius: 6, background: changed ? mix(C.info, 8) : "transparent", borderLeft: "2px solid " + (changed ? C.info : "transparent") } },
+              h("div", { style: { flex: "1 1 auto", minWidth: 0 } },
+                h("div", { style: { fontSize: 12.5 } }, it.label, changed ? h("span", { style: { fontSize: 10.5, color: C.info, marginLeft: 6 } }, "已改") : null),
+                h("div", { style: { fontSize: 11, color: C.faint, lineHeight: 1.55, marginTop: 2 } }, it.why || ""),
+                h("div", { style: { fontSize: 10.5, color: C.faint, marginTop: 2 } }, rangeLine + " · 默认 " + defLabel),
+              ),
+              isChoice
+                ? h("div", { style: { display: "flex", alignItems: "center", gap: 4, flex: "0 0 auto", flexWrap: "wrap", justifyContent: "flex-end", maxWidth: 260 } },
+                  ...(it.options || []).map((o) => h("button", {
+                    key: o.value,
+                    onClick: () => setVal(it.key, o.value),
+                    style: {
+                      cursor: "pointer", fontFamily: "inherit", fontSize: 11.5, padding: "4px 10px", borderRadius: 7,
+                      border: "1px solid " + (draft[it.key] === o.value ? "transparent" : C.line),
+                      background: draft[it.key] === o.value ? C.solid : "transparent",
+                      color: draft[it.key] === o.value ? C.on : C.sub,
+                      fontWeight: draft[it.key] === o.value ? 600 : 400,
+                    },
+                  }, o.label)),
+                )
+                : h("div", { style: { display: "flex", alignItems: "center", gap: 4, flex: "0 0 auto" } },
+                  h("input", {
+                    type: "number", value: draft[it.key] === undefined ? "" : draft[it.key], min: it.min, max: it.max,
+                    onChange: (e) => setVal(it.key, e.target.value === "" ? "" : Number(e.target.value)),
+                    style: { width: 66, padding: "3px 6px", borderRadius: 6, fontSize: 12, textAlign: "right", border: "1px solid " + C.line, background: C.bg, color: C.text },
+                  }),
+                  h("span", { style: { fontSize: 10.5, color: C.faint, minWidth: 28 } }, it.unit || ""),
+                ),
+            );
+          }),
+        )),
+        h("div", { style: { display: "flex", gap: 6, alignItems: "center", flexWrap: "wrap", marginTop: 4 } },
+          h(Btn, { onClick: save, disabled: loading, primary: true }, loading ? "保存中…" : "保存设置"),
+          h(Btn, { onClick: load, disabled: loading }, "重新读取"),
+          h(Btn, { onClick: reset, disabled: loading }, "填回默认值"),
+        ),
+        saved ? h("div", { style: { fontSize: 11.5, color: C.sub, marginTop: 8, padding: "7px 9px", borderRadius: 6, background: C.fill, borderLeft: "2px solid " + C.ok } }, saved) : null,
+        saveError ? h("div", { style: { fontSize: 11.5, color: C.critical, marginTop: 8, padding: "7px 9px", borderRadius: 6, background: C.fill, borderLeft: "2px solid " + C.critical } }, "保存失败: " + saveError + "（已填的值还在，改一下再存即可）") : null,
+      );
+    }
+
+    function ToastCard(props) {
+      const t = props.toast;
+      const total = Math.max(3, props.seconds || 12);
+      const [left, setLeft] = React.useState(total);
+      const [paused, setPaused] = React.useState(false);
+      React.useEffect(() => {
+        if (paused) return undefined;
+        if (left <= 0) { props.onDismiss(); return undefined; }
+        const timer = setTimeout(() => { setLeft((v) => v - 1); }, 1000);
+        return () => clearTimeout(timer);
+      }, [left, paused]);
+      const tone = t.severity === 'critical' ? C.critical : C.warning;
+      return h('div', {
+        // 鼠标移上去暂停计时：正在读的时候消失，比不弹更烦人。
+        onMouseEnter: () => setPaused(true),
+        onMouseLeave: () => setPaused(false),
+        style: {
+          position: 'relative', maxWidth: 340, borderRadius: 12, padding: '10px 12px 9px 14px',
+          border: '1px solid ' + C.line, borderLeft: '3px solid ' + tone,
+          background: C.bg, color: C.text, fontSize: 12.5, lineHeight: 1.55,
+          boxShadow: '0 10px 30px rgba(0,0,0,.28)', overflow: 'hidden',
+        },
+      },
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: 6, marginBottom: 3 } },
+          h('span', { style: { fontSize: 10.5, color: tone, fontWeight: 600, flex: '0 0 auto' } }, t.severity === 'critical' ? '严重' : '留意'),
+          h('span', { style: { fontSize: 13, fontWeight: 600, flex: '1 1 auto', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, t.title),
+          h('button', {
+            onClick: props.onDismiss, title: '关闭',
+            style: { cursor: 'pointer', border: 'none', background: 'transparent', color: C.faint, fontSize: 15, padding: '0 2px', lineHeight: 1, flex: '0 0 auto' },
+          }, '×'),
+        ),
+        t.body ? h('div', { style: { fontSize: 11.5, color: C.sub, marginBottom: 7, whiteSpace: 'pre-wrap' } }, t.body) : null,
+        h('div', { style: { display: 'flex', gap: 6, alignItems: 'center' } },
+          h('button', {
+            onClick: () => { props.onOpen(); props.onDismiss(); },
+            style: { cursor: 'pointer', fontSize: 11.5, padding: '3px 10px', borderRadius: 6, border: '1px solid ' + tone, background: 'transparent', color: tone },
+          }, '去看看'),
+          h('button', {
+            onClick: () => { props.onAck(); props.onDismiss(); },
+            title: '静音这条，直到有效期结束',
+            style: { cursor: 'pointer', fontSize: 11.5, padding: '3px 10px', borderRadius: 6, border: '1px solid ' + C.line, background: 'transparent', color: C.sub },
+          }, '已知晓'),
+          h('span', { style: { flex: '1 1 auto' } }),
+          h('span', { style: { fontSize: 10, color: C.faint, flex: '0 0 auto' } }, paused ? '暂停' : left + 's'),
+        ),
+      );
+    }
+
+    // 弹窗宿主：挂在 shell.overlay（frame-wide 浮层，replaceRisk none）。
+    // 它自己读一次设置 + 一次报告，此后靠 publishReport 被动更新。
+    function ToastHost(props) {
+      const [, force] = React.useState(0);
+      React.useEffect(() => {
+        const fn = () => force((v) => v + 1);
+        toastListeners.add(fn);
+        return () => { toastListeners.delete(fn); };
+      }, []);
+      React.useEffect(() => {
+        let alive = true;
+        const onReport = (report) => {
+          if (!alive) return;
+          try { evaluateToasts(report); } catch { /* noop */ }
+        };
+        reportListeners.add(onReport);
+        void (async () => {
+          try {
+            const res = await call('settings');
+            const ui = res && res.settings && res.settings.ui ? res.settings.ui : null;
+            if (ui && (ui.toast === 'critical' || ui.toast === 'warning' || ui.toast === 'off')) toastConfig.mode = ui.toast;
+            if (ui && Number.isFinite(ui.toastSeconds)) toastConfig.seconds = ui.toastSeconds;
+          } catch { /* 读不到设置就用默认：只弹严重、12 秒 */ }
+          // 面板已经体检过就直接复用，不为弹窗再跑一次全量采集。
+          if (alive && cache.report) { try { evaluateToasts(cache.report); } catch { /* noop */ } return; }
+          // 面板没开（用户没点开管家）时，弹窗仍然要能提醒——这正是它存在的理由。
+          // 只在挂载后取一次，不做轮询：提醒的及时性来自「页面打开时立刻看一遍」，
+          // 而不是把体检变成后台常驻任务。
+          if (!alive || toastConfig.mode === 'off') return;
+          try {
+            const data = await call('report');
+            if (!alive) return;
+            if (data && data.report) { cache.report = data.report; evaluateToasts(data.report); }
+          } catch { /* 采集失败不弹任何东西——宁可不提醒，也不误报 */ }
+        })();
+        return () => { alive = false; reportListeners.delete(onReport); };
+      }, []);
+      const items = toastStore.items;
+      if (!items.length) return null;
+      return h('div', {
+        style: {
+          position: 'fixed', right: 18, bottom: 18, zIndex: 1200,
+          display: 'flex', flexDirection: 'column', gap: 10, alignItems: 'flex-end',
+          maxWidth: 'min(360px, calc(100vw - 36px))',
+        },
+      }, items.map((t) => h(ToastCard, {
+        key: t.id, toast: t, seconds: toastConfig.seconds,
+        onDismiss: () => dismissToast(t.id),
+        onOpen: () => { try { if (props && props.onOpen) props.onOpen(t.actionKey); } catch { /* noop */ } },
+        onAck: () => { try { if (props && props.onAck) props.onAck(t.findingId); } catch { /* noop */ } },
+      })));
+    }
+
+    function Panel(props) {
+      const compactChrome = props && props.host === 'sidebar';
+      const [report, setReport] = useState(cache.report);
+      const [bundles, setBundles] = useState(null);
+      const [loading, setLoading] = useState(false);
+      const [error, setError] = useState(cache.error);
+      const [cardKey, setCardKey] = useState(0);
+      const [tab, setTab] = useState('overview');
+      const [autoOpen, setAutoOpen] = useState('');
+      const [nonce, setNonce] = useState(0);
+      const [expandedGroups, setExpandedGroups] = useState({});
+      const [hidden, setHidden] = useState(cache.hidden);
+      const toggleHidden = (label) => {
+        const next = { ...hidden, [label]: !hidden[label] };
+        cache.hidden = next;
+        setHidden(next);
+      };
+
+      const scan = useCallback(async () => {
+        setLoading(true); setError('');
+        try {
+          const data = await call('report');
+          try { publishReport(data && data.report); } catch { /* noop */ }
+          cache.report = data.report || null;
+          cache.error = '';
+          setReport(cache.report);
+        } catch (e) {
+          cache.report = null;
+          cache.error = e && e.message ? e.message : String(e);
+          setReport(null);
+          setError(cache.error);
+        } finally { setLoading(false); }
+        // v0.4.4: 启用动作要的是「当前已停用的插件」，这是独立于崩溃报告的
+        // 事实。只读查询，服务缺席/失败就退化成没有候选，不影响体检本体。
+        try { setBundles(await call('bundles')); } catch { setBundles(null); }
+      }, []);
+
+      // 回到面板不再要求手点：无缓存→挂载即自动体检一次；缓存超过 10 分钟→后台刷新。
+      // 先例：disk-cleaner 面板同样挂载即扫，同一 GUI 正常运行——二分定案证明卡死元凶不是自动扫描。
+      useEffect(() => {
+        if (!cache.report) { void scan(); return; }
+        const age = Date.now() - Date.parse(String(cache.report.generatedAt || ''));
+        if (Number.isFinite(age) && age > 10 * 60 * 1000) void scan();
+      }, [scan]);
+
+      const crashFinding = report && Array.isArray(report.findings)
+        ? report.findings.find((f) => f.id === 'boot-crash-latest') : null;
+      const crashData = crashFinding && crashFinding.data ? crashFinding.data : null;
+      const suspectNames = crashData && Array.isArray(crashData.suspects)
+        ? crashData.suspects.filter(Boolean) : [];
+      const crashStale = !!(crashData && crashData.stale);
+      const disableBlocked = !crashFinding || crashStale || suspectNames.length === 0;
+      // v0.4.4：启用只对「已停用」的 bundle 有意义。已停用清单来自只读 bundles
+      // 查询，跟崩溃报告无关——旧版拿崩溃疑似插件当启用对象，必然自相矛盾。
+      const disabledBundles = bundles && Array.isArray(bundles.disabled) ? bundles.disabled : [];
+      const enableBlocked = disabledBundles.length === 0;
+
+      const rescan = useCallback(() => { setCardKey((k) => k + 1); void scan(); }, [scan]);
+      const ackIt = useCallback(async (finding) => {
+        try {
+          const p = await call('plan', { kind: 'ack', id: finding.id });
+          if (p.ok === false) throw new Error(p.error || 'plan 失败');
+          await call('execute', { planHash: p.planHash, confirm: true });
+          await scan();
+        } catch (e) { setError(e && e.message ? e.message : String(e)); }
+      }, [scan]);
+      const unackIt = useCallback(async (finding) => {
+        try {
+          const p = await call('plan', { kind: 'unack', id: finding.id });
+          if (p.ok === false) throw new Error(p.error || 'plan 失败');
+          await call('execute', { planHash: p.planHash, confirm: true });
+          await scan();
+        } catch (e) { setError(e && e.message ? e.message : String(e)); }
+      }, [scan]);
+
+      // 把面板内的能力交给 overlay 里的弹窗宿主。
+      React.useEffect(() => {
+        PANEL_NAVIGATOR = (actionKey) => { try { jumpToActionRef.current(actionKey); } catch { /* noop */ } };
+        PANEL_ACK = (findingId) => { try { ackItRef.current(findingId); } catch { /* noop */ } };
+        return () => { PANEL_NAVIGATOR = null; PANEL_ACK = null; };
+      }, []);
+
+      const jumpToAction = useCallback((actionKey) => {
+        setTab('actions');
+        setAutoOpen(actionKey);
+        setNonce((n) => n + 1);
+      }, []);
+
+      // 上面那个 effect 用 ref 间接调用，避免把 useCallback 的依赖卷进 effect。
+      const jumpToActionRef = useRef(jumpToAction);
+      jumpToActionRef.current = jumpToAction;
+      const ackItRef = useRef(typeof ackIt === 'function' ? ackIt : null);
+      ackItRef.current = typeof ackIt === 'function' ? ackIt : null;
+
+      const counts = report && report.summary ? report.summary.counts : null;
+      const level = report && report.summary ? report.summary.level : null;
+      const levelColor = (SEV[level] || SEV.info).color;
+
+      // 优先级排序：静音恒垫底；其余按重要性分数降序（严重/留意/提示是
+      // 分级底色，分数才是同组内比较的依据）。
+      const SEV_RANK = { critical: 0, warning: 1, info: 2 };
+      const tierOf = (f) => (f.muted ? 3 : (SEV_RANK[f.severity] == null ? 2 : SEV_RANK[f.severity]));
+      const scoreOf = (f) => (typeof f.score === 'number' ? f.score : 0);
+      const orderedFindings = report && Array.isArray(report.findings)
+        ? report.findings.map((f, i) => ({ f, i })).sort((a, b) => {
+            const ra = tierOf(a.f); const rb = tierOf(b.f);
+            if (ra !== rb) return ra - rb;
+            if (scoreOf(a.f) !== scoreOf(b.f)) return scoreOf(b.f) - scoreOf(a.f);
+            return a.i - b.i; // backend order for equal scores (stable)
+          }).map((x) => x.f)
+        : [];
+      // 同组超过 COLLAPSE_PREVIEW 条即提供折叠/展开（默认只露前 2 条）。
+      const COLLAPSE_PREVIEW = 2;
+      const findingNode = (f, i, compact, label) => h(Finding, {
+        key: (f.id || 'f') + '-' + i + (compact ? '-c' : ''),
+        compact: compact === true,
+        onToggle: compact ? () => setExpandedGroups((m) => ({ ...m, [label]: true })) : null,
+        finding: f,
+        onAck: !f.muted ? () => ackIt(f) : null,
+        onUnack: f.muted ? () => unackIt(f) : null,
+        onGo: ACTION_FOR[f.id] && !f.muted && f.severity !== 'info' ? () => jumpToAction(ACTION_FOR[f.id]) : null,
+        goLabel: f.id === 'data-at-risk' ? '去备份 →' : f.id === 'boot-crash-latest' ? '去崩溃处置 →' : f.id === 'disk-advice' ? '去看可清理 →' : null,
+      });
+      const groupBlock = (label, color, list) => {
+        if (!list.length) return null;
+        if (hidden[label]) {
+          return h('div', { key: label, style: { marginBottom: 6 } },
+            h('button', {
+              onClick: () => toggleHidden(label),
+              style: { cursor: 'pointer', fontSize: 11.5, color: C.faint, background: C.fill, border: '1px dashed ' + C.line, borderRadius: 6, padding: '5px 9px', width: '100%', textAlign: 'left' },
+            }, '🙈 已隐藏「' + label + '」' + list.length + ' 项 · 点击显示'));
+        }
+        // 折叠语义（v0.7.5 修）：以前是「只露前 2 张完整卡 + 其余消失」，
+        // 所以同类项一折叠就只剩一条能看。现在两条路完全不同：
+        //   折叠 = 该组所有并列项各压成一条两行摘要（一条不少、一眼扫完）；
+        //   展开 = 才切回完整卡片（证据/建议/动作按钮）。
+        // 「严重」组默认展开——要处置的东西不该藏在折叠里。
+        const canToggle = list.length > 1;
+        const open = expandedGroups[label] === undefined ? label === '严重' : expandedGroups[label] === true;
+        return h('div', { key: label, style: { marginBottom: 10 } },
+          h('div', { style: { display: 'flex', alignItems: 'center', gap: 6, margin: '4px 0 7px' } },
+            h('span', { style: { fontSize: 11, fontWeight: 600, color, letterSpacing: 0.5 } }, label),
+            h('span', { style: { fontSize: 11, color: C.faint } }, '· ' + list.length + ' 项'),
+            canToggle ? h('button', {
+              onClick: () => setExpandedGroups((m) => ({ ...m, [label]: !(m[label] === undefined ? label === '严重' : m[label] === true) })),
+              style: { cursor: 'pointer', fontSize: 11, color: C.info, background: 'transparent', border: 'none', padding: '0 4px' },
+            }, open ? '收起详情 ⌃' : '展开详情 ⌄') : null),
+          open
+            ? list.map((f, i) => findingNode(f, i, false, label))
+            : h('div', { style: { display: 'flex', flexDirection: 'column', gap: 5 } },
+                ...list.map((f, i) => findingNode(f, i, true, label)))
+        );
+      };
+
+      const tabBtn = (key, label) => h('button', {
+        key, onClick: () => setTab(key),
+        style: {
+          cursor: 'pointer', fontSize: 12.5, padding: '6px 14px',
+          border: 'none', borderBottom: tab === key ? '2px solid ' + C.ok : '2px solid transparent',
+          background: 'transparent', color: tab === key ? C.text : C.sub, fontWeight: tab === key ? 600 : 400,
+        },
+      }, label);
+
+      return h('div', {
+        style: {
+          boxSizing: 'border-box', height: '100%', overflowY: 'auto',
+          padding: compactChrome ? '12px 14px 24px' : '18px 22px 34px',
+          color: C.text, fontSize: 13, lineHeight: 1.6,
+        },
+      },
+        // sticky KPI 头：级别 + 计数 + 体检按钮，滚动不丢
+        h('div', {
+          style: {
+            position: 'sticky', top: 0, zIndex: 5, background: C.bg,
+            paddingBottom: 8, marginBottom: 0, borderBottom: '1px solid ' + C.line,
+          },
+        },
+          h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' } },
+            h('h2', { style: { margin: 0, fontSize: 16, fontWeight: 600 } }, '智能管家'),
+            counts ? h(Badge, { color: levelColor }, (SEV[level] || SEV.info).label) : null,
+            counts ? h('span', { style: { fontSize: 11, color: C.sub, display: 'flex', gap: 6, flexWrap: 'wrap' } },
+              ['严重 ' + counts.critical, '留意 ' + counts.warning, '提示 ' + counts.info].concat(counts.muted ? ['静音 ' + counts.muted] : []).map((txt, i) => {
+                const label = txt.split(' ')[0];
+                const isH = !!hidden[label];
+                return h('button', {
+                  key: i, onClick: () => toggleHidden(label), title: isH ? '点击显示这一组' : '点击隐藏这一组',
+                  style: { cursor: 'pointer', fontSize: 11, padding: '1px 5px', borderRadius: 5, border: 'none', background: 'transparent', color: isH ? C.faint : C.sub, textDecoration: isH ? 'line-through' : 'none' },
+                }, txt);
+              })) : null,
+            h('span', { style: { flex: '1 1 auto' } }),
+            h(Btn, { onClick: rescan, disabled: loading, primary: true }, loading ? '体检中…' : '重新体检'),
+          ),
+          h('div', { style: { display: 'flex', gap: 2, marginTop: 6 } },
+            tabBtn('overview', '体检总览'), tabBtn('actions', '动作中心'), tabBtn('audit', '审计趋势'), tabBtn('settings', '设置')),
+        ),
+        error ? h('div', { style: { fontSize: 12, color: C.critical, margin: '8px 0' } }, '读取失败: ' + error) : null,
+
+        tab === 'overview' ? h('div', { style: { marginTop: 12 } },
+          h(Briefing, { report, loading, onGo: jumpToAction }),
+          h(ChatBar, { onGo: jumpToAction, onRescan: rescan, onTab: setTab }),
+          // v0.5.0：结论行已由上方管家简报统一讲，这里只保留「需要额外提醒」的部分，
+          // 避免两行内容相近的总结堆在一起造成冗余。
+          report && report.summary && (report.status === 'degraded' || report.staleAfterRestart) ? h('div', {
+            style: { fontSize: 12, padding: '7px 11px', borderRadius: 8, marginBottom: 12, border: '1px solid ' + C.line, borderLeft: '3px solid ' + C.warning, background: C.fill },
+          },
+            report.status === 'degraded' ? h('span', { style: { color: C.warning } }, '部分采集不可用，已降级（结论可能不完整）') : null,
+            report.status === 'degraded' && report.staleAfterRestart ? h('span', { style: { color: C.faint } }, ' · ') : null,
+            report.staleAfterRestart ? h('span', { style: { color: C.warning } }, '这是重启前 ' + localStamp(report.restoredFrom) + ' 的存档，仅供回看；归因动作已封锁，点右上「重新体检」') : null) : null,
+          report && Array.isArray(report.findings) && orderedFindings.length
+            ? [
+                groupBlock('严重', C.critical, orderedFindings.filter((f) => !f.muted && f.severity === 'critical')),
+                groupBlock('留意', C.warning, orderedFindings.filter((f) => !f.muted && f.severity === 'warning')),
+                groupBlock('提示', C.info, orderedFindings.filter((f) => !f.muted && f.severity !== 'critical' && f.severity !== 'warning')),
+                groupBlock('静音', C.faint, orderedFindings.filter((f) => f.muted)),
+                h('div', { key: 'score-legend', style: { fontSize: 10.5, color: C.faint, marginTop: 2 } },
+                  '★分数 = 重要性（0–100，组内高者在前）：级别 60/40/20 + 证据新鲜度 −15~+15 + 有直达动作 +15 + 证据体量 +5~+10；鼠标悬停分数看构成。折叠态每组只显示摘要行，点「展开详情」才出证据与按钮。'),
+              ]
+            : (loading || error ? null : h('div', {
+              style: { fontSize: 12, color: C.faint, padding: '10px 12px', border: '1px dashed ' + C.line, borderRadius: 8 },
+            }, '点右上角「重新体检」生成健康报告，再经「动作中心」执行授权操作。')),
+          report && Array.isArray(report.limitations) ? h('details', { style: { marginTop: 10, fontSize: 11, color: C.faint } },
+            h('summary', { style: { cursor: 'pointer' } }, '只读边界 · 提权命令永不代跑（点开看全部）'),
+            h('ul', { style: { margin: '6px 0', paddingLeft: 18 } },
+              report.limitations.map((l, i) => h('li', { key: i }, l))),
+            h('div', {}, '动作执行全部写入 audit.jsonl，可在「审计趋势」回看。'),
+            h('div', { style: { marginTop: 4 } }, '依赖清单与降级行为、设计取舍见插件目录 README（dsh-steward/README.md）。')) : null,
+          report ? h('div', { style: { fontSize: 10.5, color: C.faint, marginTop: 8 } }, '生成时间 · ' + localStamp(report.generatedAt) + (agoText(report.generatedAt) ? '（' + agoText(report.generatedAt) + '）' : '')) : null,
+        ) : null,
+
+        tab === 'actions' ? h('div', { style: { marginTop: 12 } },
+          h('div', { style: { fontSize: 11.5, color: C.sub, marginBottom: 8 } },
+            '每个动作两步：预览计划（零写入）→ 确认执行（一次性指纹 + 审计留痕）。'),
+          h(ActionRow, {
+            key: 'clean-' + cardKey, actionKey: 'clean', autoOpen, nonce,
+            title: '安全清理（纯缓存）', risk: 'low',
+            hint: '只删 disk-cleaner 标记 safe 的缓存（删后可自动重建）。勾选后可把谨慎级一并纳入——明细会在计划里列全。',
+            extraUI: (ref) => h('label', { style: { display: 'inline-flex', alignItems: 'center', gap: 6, fontSize: 11.5, color: C.sub, marginTop: 6, cursor: 'pointer' } },
+              h('input', { type: 'checkbox', style: { accentColor: C.info, width: 13, height: 13, cursor: 'pointer' }, onChange: (e) => { ref.current.withCaution = e.target.checked; } }),
+              '一并纳入谨慎级（caution，可能仍在使用）'),
+            planFn: (extra) => call('plan', { kind: 'clean', ...(extra && extra.withCaution ? { withCaution: true } : {}) }),
+            onDone: scan,
+          }),
+          h(ActionRow, {
+            key: 'backup-' + cardKey, actionKey: 'backup', autoOpen, nonce,
+            title: '易失数据加密备份', risk: 'low', needPassword: true,
+            hint: '把 sessions/pluginData/pluginAssets 打成 DCA1 加密档（AES-256-GCM）。自动备份恒不含这些分区。口令只进本次请求。',
+            planFn: () => call('plan', { kind: 'backup' }),
+          }),
+          h(ActionRow, {
+            key: 'enable-' + cardKey, actionKey: 'enable', autoOpen, nonce,
+            title: '重新启用插件（停用动作的反向）', risk: 'mid',
+            blocked: enableBlocked,
+            blockedHint: !bundles
+              ? '正在读取当前插件启用状态…（只读查询，不写任何东西）'
+              : disabledBundles.length === 0 && bundles.available
+                ? '当前没有已停用的插件——启用动作无可对象。停用过某个插件后这里会列出它。'
+                : '读不到当前插件启用状态（pluginManager 服务不可用），所以不知道该启用谁。体检本体不受影响。',
+            hint: '只对「当前已停用」的插件生效。宿主 #575 守卫同样生效：若它导入即崩，启用失败不会写入启动配置。',
+            extraUI: (ref) => h('div', null,
+              h('input', {
+                placeholder: disabledBundles.length ? '已停用：' + disabledBundles.slice(0, 3).join(' / ') : '包名，如 dsh-example-plugin',
+                style: { width: '100%', boxSizing: 'border-box', fontSize: 12, padding: '5px 8px', marginTop: 6, borderRadius: 6, border: '1px solid ' + C.line, background: 'transparent', color: C.text },
+                onChange: (e) => { ref.current.plugin = e.target.value.trim(); },
+              }),
+              disabledBundles.length ? h('div', { style: { fontSize: 11, color: C.faint, marginTop: 4 } },
+                '当前已停用 ' + disabledBundles.length + ' 个：' + disabledBundles.join('、')) : null,
+            ),
+            planFn: (extra) => call('plan', { kind: 'enable', plugin: (extra && extra.plugin) || disabledBundles[0] || '' }),
+          }),
+          h(ActionRow, {
+            key: 'knowledge-' + cardKey, actionKey: 'knowledge', autoOpen, nonce,
+            title: '沉淀本次体检结论', risk: 'low',
+            hint: '把当前报告结论与趋势追加到管家本地知识存储（只增不改）。Mnemon 项目知识库写入由 Agent 经你确认。',
+            planFn: () => call('plan', { kind: 'knowledge' }),
+          }),
+          // 归因门挡住的禁用行沉底，说明原因而不是可点的按钮
+          h(ActionRow, {
+            key: 'disable-' + cardKey, actionKey: 'disable', autoOpen, nonce,
+            title: '禁用崩溃点名插件' + (suspectNames.length ? '（' + suspectNames[0] + '）' : ''), risk: 'mid',
+            hint: '对最近一次启动崩溃点名的第一个疑似插件执行停用。经宿主 #575 守卫：失败不落 durable 状态、可逆。',
+            blocked: disableBlocked,
+            blockedHint: crashStale
+              ? '归因门：最近一条崩溃早于当前启动（历史、已自愈），当前没有现行崩溃——不该停用任何插件。若面板显示过时，点右上「重新体检」。'
+              : !crashFinding
+                ? '还没有含启动诊断的体检报告；先点右上「重新体检」。'
+                : '崩溃日志未点名具体插件，禁用动作无可对象。',
+            planFn: () => call('plan', { kind: 'disable', plugin: suspectNames[0] || '' }),
+          }),
+        ) : null,
+
+        tab === 'audit' ? h('div', { style: { marginTop: 12 } }, h(AuditTab, null)) : null,
+        tab === 'settings' ? h(SettingsTab, { onSaved: rescan }) : null,
+      );
+    }
+
+    // Static factory: receives ONLY `require`. apply() fully contained —
+    // a failure here must never become "1 entry did not activate".
+    return {
+      inject: ['slots'],
+      apply(ctx) {
+        // v0.8.4：入口切换不再需要刷新页面。
+        // 旧版只在 apply() 里读一次 ui.entry，改完必须重载整个 Web 界面才生效；
+        // 而桌面版里 Ctrl+R 未必有绑定（用户实测「好像没有效果」）——把「改完要刷新」
+        // 当成使用前提，本身就是设计缺陷：一个设置项不该要求用户去猜快捷键。
+        // 现在两个入口先都挂上，读到设置再裁掉不要的那个；设置页保存成功后通过
+        // ENTRY_APPLIER 就地重挂，全程不刷新。
+        let currentDisposers = [];
+        const disposeAllNow = () => {
+          for (const d of currentDisposers) { try { d(); } catch { /* noop */ } }
+          currentDisposers = [];
+        };
+
+        const mountRight = () => {
+          const disposers = [];
+          try {
+            const off = ctx.inject(['sidebarRightTabs'], (c) => {
+              try {
+                const svc = c && c.sidebarRightTabs;
+                if (!svc || typeof svc.register !== 'function') return;
+                const r = svc.register({
+                  id: PANEL_ID, kind: PANEL_ID, title: () => '智能管家',
+                  guide: [{ id: PANEL_ID, order: 25, title: () => '智能管家', description: () => '稳定 · 可靠 · 整洁 · 知识的授权守护', icon: PanelIcon }],
+                });
+                if (typeof r === 'function') disposers.push(r);
+                disposers.push(ctx.slots.inject('sidebar.right.pane.tab', () =>
+                  ctx.slots.register({ name: 'sidebar.right.pane.tab', key: PANEL_ID }, (p) =>
+                    h(Panel, { host: (p && p.host) || 'sidebar' })),
+                ));
+              } catch { /* sidebar unavailable — contained */ }
+            });
+            if (typeof off === 'function') disposers.push(off);
+          } catch { /* inject unsupported — contained */ }
+          return () => { for (const d of disposers) { try { d(); } catch { /* noop */ } } };
+        };
+
+        // 浮层宿主与入口无关：三个入口模式下提醒都必须能到，所以在 mountFor 之外
+        // 单独挂一次，且只挂一次（重复注册会让同一个提醒弹两遍）。
+        try {
+          currentDisposers.push(ctx.slots.inject('shell.overlay', () =>
+            ctx.slots.register(
+              { name: 'shell.overlay', id: PANEL_ID + '-toast', order: 900, label: () => '智能管家提醒' },
+              () => h(ToastHost, {
+                onOpen: (actionKey) => {
+                  try { if (PANEL_NAVIGATOR) PANEL_NAVIGATOR(actionKey); } catch { /* noop */ }
+                },
+                onAck: (findingId) => {
+                  try { if (PANEL_ACK && findingId) PANEL_ACK(findingId); } catch { /* noop */ }
+                },
+              }),
+            )));
+        } catch { /* overlay 不可用：提醒降级为只出现在面板里，不影响体检 */ }
+
+        // entry: 'both' | 'left' | 'right'
+        // left  = 左侧栏导航项 + main 面板本体（点导航项打开的就是 main）
+        // right = 右侧栏标签页；只留右侧栏时不挂 left/main，避免两处重复
+        const mountFor = (entry) => {
+          disposeAllNow();
+          const wantLeft = entry !== 'right';
+          const wantRight = entry !== 'left';
+          if (wantLeft) {
+            try {
+              currentDisposers.push(ctx.slots.inject('sidebar.panellist', () =>
+                ctx.slots.register(
+                  { name: 'sidebar.panellist', id: PANEL_ID, order: 55, label: () => '智能管家' },
+                  (p) => h(PanelIcon, { size: p && p.size }),
+                )));
+            } catch { /* contained */ }
+            try {
+              currentDisposers.push(ctx.slots.inject('main', () =>
+                ctx.slots.register({ name: 'main', key: PANEL_ID }, () => h(Panel))));
+            } catch { /* contained */ }
+          }
+          if (wantRight) {
+            try { currentDisposers.push(mountRight()); } catch { /* contained */ }
+          }
+        };
+
+        try {
+          mountFor('both');
+          // 暴露给设置页：保存成功后立刻按新值重挂，不需要重载页面。
+          ENTRY_APPLIER = (entry) => {
+            try { mountFor(entry === 'left' || entry === 'right' ? entry : 'both'); } catch { /* noop */ }
+          };
+          ctx.effect(() => () => {
+            ENTRY_APPLIER = null;
+            disposeAllNow();
+          }, 'dsh-steward: entries');
+        } catch { /* contained */ }
+
+        // 初次挂载后读一次设置，把不要的入口裁掉。读失败就保持「两个都在」（默认态）。
+        try {
+          void (async () => {
+            let entry = 'both';
+            try {
+              const res = await call('settings');
+              const v = res && res.settings && res.settings.ui && res.settings.ui.entry;
+              if (v === 'left' || v === 'right' || v === 'both') entry = v;
+            } catch { return; }
+            if (entry !== 'both') {
+              try { mountFor(entry); } catch { /* noop */ }
+            }
+          })();
+        } catch { /* contained */ }
+      },
+    };
+  },
+});