dsh-browser-playwright-codex 0.7.8 → 0.8.0

package/lib/client.js

@@ -16,13 +16,13 @@
  * 不再自带 font-family、不再写死颜色 / 字号（浅色深色自动跟随）。
  */
 window.__ModuleLoader__.load({
-    id: 'dsh-browser-playwright-codex',
-    factory: (require) => {
-        const module = { exports: {} };
-        const exports = module.exports;
-        const React = require('react');
-        const h = React.createElement;
-        const { useEffect, useState, useRef } = React;
+  id: 'dsh-browser-playwright-codex',
+  factory: (require) => {
+    const module = { exports: {} }
+    const exports = module.exports
+    const React = require('react')
+    const h = React.createElement
+    const { useEffect, useState, useRef } = React
 
     // ---- 官方排版套件：与设置页其它面板同一套令牌 / 原子件 ----
     // 1) 不再覆盖 font-family：继承外壳的 --dsw-font-family
@@ -31,7 +31,11 @@ window.__ModuleLoader__.load({
     // 3) 按钮 / 圆点 / 开关 / 标签直接用官方 @deepseek-ai/dsh-client-ui-primitives
     //    （静态基座模块，third-party client bundle 可直接 require；取不到时退回同令牌样式）
     const UI = (() => {
-      try { return require('@deepseek-ai/dsh-client-ui-primitives') || {} } catch (e) { return {} }
+      try {
+        return require('@deepseek-ai/dsh-client-ui-primitives') || {}
+      } catch (e) {
+        return {}
+      }
     })()
 
     const T = {
@@ -51,7 +55,14 @@ window.__ModuleLoader__.load({
       title: { margin: '0 0 6px', fontSize: 16, fontWeight: 500, lineHeight: '24px', color: T.primary },
       intro: { margin: '0 0 16px', fontSize: 13, lineHeight: '20px', color: T.tertiary },
       list: { display: 'flex', flexDirection: 'column', gap: 8 },
-      row: { display: 'flex', alignItems: 'center', gap: 12, padding: '12px 14px', border: '0.5px solid ' + T.border, borderRadius: 12 },
+      row: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 12,
+        padding: '12px 14px',
+        border: '0.5px solid ' + T.border,
+        borderRadius: 12,
+      },
       rowTitle: { fontSize: 14, fontWeight: 500, lineHeight: '22px', color: T.primary },
       rowDesc: { fontSize: 12, lineHeight: '18px', color: T.secondary },
       meta: { fontSize: 11, lineHeight: '16px', color: T.tertiary, marginTop: 2 },
@@ -69,11 +80,19 @@ window.__ModuleLoader__.load({
       // ghost 在这页会显得轻一档，跟旁边的官方按钮不是一路。
       if (UI.Button) return h(UI.Button, { variant: 'outline', size: 'sm', ...props, style })
       return h('button', {
-        type: 'button', ...props,
+        type: 'button',
+        ...props,
         style: {
-          height: 28, padding: '0 10px', border: '0.5px solid ' + T.borderL3, borderRadius: 14,
-          background: 'transparent', font: 'inherit', fontSize: 12, lineHeight: '18px',
-          color: danger ? T.error : T.primary, cursor: props.disabled ? 'default' : 'pointer',
+          height: 28,
+          padding: '0 10px',
+          border: '0.5px solid ' + T.borderL3,
+          borderRadius: 14,
+          background: 'transparent',
+          font: 'inherit',
+          fontSize: 12,
+          lineHeight: '18px',
+          color: danger ? T.error : T.primary,
+          cursor: props.disabled ? 'default' : 'pointer',
           opacity: props.disabled ? 0.4 : 1,
         },
       })
@@ -87,30 +106,66 @@ window.__ModuleLoader__.load({
 
     function Toggle({ checked, onChange, label, disabled }) {
       if (UI.Switch) return h(UI.Switch, { checked, onChange, label, disabled })
-      return h('button', {
-        type: 'button', role: 'switch', 'aria-checked': checked, 'aria-label': label, disabled,
-        onClick: () => onChange(!checked),
-        style: { width: 36, height: 20, flex: 'none', padding: 2, border: 'none', borderRadius: 10, background: checked ? T.primary : T.borderL3, cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.5 : 1 },
-      }, h('span', { style: { display: 'block', width: 16, height: 16, borderRadius: '50%', background: 'var(--dsw-alias-label-primary-foreground)', transform: checked ? 'translateX(16px)' : 'none', transition: 'transform 120ms ease' } }))
+      return h(
+        'button',
+        {
+          type: 'button',
+          role: 'switch',
+          'aria-checked': checked,
+          'aria-label': label,
+          disabled,
+          onClick: () => onChange(!checked),
+          style: {
+            width: 36,
+            height: 20,
+            flex: 'none',
+            padding: 2,
+            border: 'none',
+            borderRadius: 10,
+            background: checked ? T.primary : T.borderL3,
+            cursor: disabled ? 'default' : 'pointer',
+            opacity: disabled ? 0.5 : 1,
+          },
+        },
+        h('span', {
+          style: {
+            display: 'block',
+            width: 16,
+            height: 16,
+            borderRadius: '50%',
+            background: 'var(--dsw-alias-label-primary-foreground)',
+            transform: checked ? 'translateX(16px)' : 'none',
+            transition: 'transform 120ms ease',
+          },
+        }),
+      )
     }
 
     /** 官方 Tag：像「已启用 / 已禁用」这类状态小标记（以前是行内一段灰字）。 */
     function Tag(props) {
       if (UI.Tag) return h(UI.Tag, { tone: props.tone || 'outline' }, props.children)
-      return h('span', { style: { fontSize: 11, lineHeight: '16px', color: T.tertiary, marginRight: 6 } }, props.children)
+      return h(
+        'span',
+        { style: { fontSize: 11, lineHeight: '16px', color: T.tertiary, marginRight: 6 } },
+        props.children,
+      )
     }
 
     /** 官方 DisclosureRow：长说明默认折叠（首屏只留结论）。 */
     function Notes(props) {
       const [open, setOpen] = useState(false)
       if (UI.DisclosureRow) {
-        return h(UI.DisclosureRow, {
-          title: props.title,
-          open: open,
-          expandable: true,
-          expandOnRowClick: true,
-          onToggle: () => setOpen(!open),
-        }, open ? props.children : null)
+        return h(
+          UI.DisclosureRow,
+          {
+            title: props.title,
+            open: open,
+            expandable: true,
+            expandOnRowClick: true,
+            onToggle: () => setOpen(!open),
+          },
+          open ? props.children : null,
+        )
       }
       return h('div', null, props.children)
     }
@@ -118,646 +173,1163 @@ window.__ModuleLoader__.load({
     // 单选行：与 dsh-search-switch 的 RadioRow 同一套（role=radio / 选中描边加粗 /
     // 圆点标记 / 键盘可操作），所以两张卡片放在一起看不出是两个人写的。
     function RadioRow({ p, selected, disabled, onPick }) {
-      return h('div', {
-        role: 'radio',
-        'aria-checked': selected,
-        'aria-label': p.label,
-        tabIndex: disabled ? -1 : 0,
-        onClick: () => { if (!disabled) onPick(p.id) },
-        onKeyDown: (e) => {
-          if (disabled) return
-          if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); onPick(p.id) }
-        },
-        style: {
-          display: 'flex', alignItems: 'flex-start', gap: 12, padding: '12px 14px',
-          border: (selected ? '1px' : '0.5px') + ' solid ' + (selected ? T.primary : T.border),
-          borderRadius: 12,
-          cursor: disabled ? 'default' : 'pointer',
-          opacity: disabled && !selected ? 0.6 : 1,
-        },
-      }, [
-        h('span', {
-          key: 'mark',
+      return h(
+        'div',
+        {
+          role: 'radio',
+          'aria-checked': selected,
+          'aria-label': p.label,
+          tabIndex: disabled ? -1 : 0,
+          onClick: () => {
+            if (!disabled) onPick(p.id)
+          },
+          onKeyDown: (e) => {
+            if (disabled) return
+            if (e.key === 'Enter' || e.key === ' ') {
+              e.preventDefault()
+              onPick(p.id)
+            }
+          },
           style: {
-            width: 16, height: 16, flex: 'none', marginTop: 2, borderRadius: '50%',
-            border: '1.5px solid ' + (selected ? T.primary : T.borderL3),
-            display: 'flex', alignItems: 'center', justifyContent: 'center',
+            display: 'flex',
+            alignItems: 'flex-start',
+            gap: 12,
+            padding: '12px 14px',
+            border: (selected ? '1px' : '0.5px') + ' solid ' + (selected ? T.primary : T.border),
+            borderRadius: 12,
+            cursor: disabled ? 'default' : 'pointer',
+            opacity: disabled && !selected ? 0.6 : 1,
           },
-        }, selected ? h('span', { style: { width: 8, height: 8, borderRadius: '50%', background: T.primary } }) : null),
+        },
+        [
+          h(
+            'span',
+            {
+              key: 'mark',
+              style: {
+                width: 16,
+                height: 16,
+                flex: 'none',
+                marginTop: 2,
+                borderRadius: '50%',
+                border: '1.5px solid ' + (selected ? T.primary : T.borderL3),
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+              },
+            },
+            selected ? h('span', { style: { width: 8, height: 8, borderRadius: '50%', background: T.primary } }) : null,
+          ),
+          h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
+            h('div', { key: 'label', style: S.rowTitle }, p.label),
+            p.hint ? h('div', { key: 'hint', style: S.rowDesc }, p.hint) : null,
+          ]),
+          selected ? h(Dot, { key: 'dot', state: 'done' }) : null,
+        ],
+      )
+    }
+
+    /**
+     * 一行小胶囊：3–4 个互斥选项时比竖排 RadioRow 省一半高度。
+     * 语义仍然是 radiogroup，键盘行为（Tab / Enter / 空格）与 RadioRow 一致。
+     */
+    function ChipRow({ label, options, value, disabled, onPick, hint }) {
+      return h('div', { style: { display: 'flex', alignItems: 'flex-start', gap: 10, flexWrap: 'wrap' } }, [
+        h(
+          'span',
+          {
+            key: 'label',
+            style: { flex: 'none', width: 56, paddingTop: 4, fontSize: 12, lineHeight: '18px', color: T.tertiary },
+          },
+          label,
+        ),
+        h('div', { key: 'chips', style: { display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 } }, [
+          h(
+            'div',
+            {
+              key: 'row',
+              role: 'radiogroup',
+              'aria-label': label,
+              style: { display: 'flex', gap: 6, flexWrap: 'wrap' },
+            },
+            options.map((option) =>
+              h(
+                'button',
+                {
+                  key: String(option.value),
+                  type: 'button',
+                  role: 'radio',
+                  'aria-checked': option.value === value,
+                  'aria-label': option.label,
+                  tabIndex: disabled ? -1 : 0,
+                  onClick: () => {
+                    if (!disabled) onPick(option.value)
+                  },
+                  onKeyDown: (e) => {
+                    if (disabled) return
+                    if (e.key === 'Enter' || e.key === ' ') {
+                      e.preventDefault()
+                      onPick(option.value)
+                    }
+                  },
+                  style: {
+                    height: 26,
+                    padding: '0 11px',
+                    font: 'inherit',
+                    fontSize: 12,
+                    lineHeight: '24px',
+                    borderRadius: 13,
+                    cursor: disabled ? 'default' : 'pointer',
+                    opacity: disabled ? 0.5 : 1,
+                    border: '0.5px solid ' + (option.value === value ? T.primary : T.borderL3),
+                    background: option.value === value ? T.primary : 'transparent',
+                    color: option.value === value ? 'var(--dsw-alias-label-primary-foreground)' : T.secondary,
+                    transition: 'background 120ms ease, border-color 120ms ease, color 120ms ease',
+                  },
+                },
+                option.label,
+              ),
+            ),
+          ),
+          hint ? h('div', { key: 'hint', style: S.meta }, hint) : null,
+        ]),
+      ])
+    }
+
+    /**
+     * 子区里的一行开关：左边标题 + 灰色副说明，右边小开关。
+     * 和父行同构，只是没有状态点、字号小一档。
+     */
+    function ToggleRow({ title, hint, checked, onChange, disabled, label, warning }) {
+      return h('div', { style: { display: 'flex', alignItems: 'center', gap: 12, paddingTop: 2 } }, [
         h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
-          h('div', { key: 'label', style: S.rowTitle }, p.label),
-          p.hint ? h('div', { key: 'hint', style: S.rowDesc }, p.hint) : null,
+          h('div', { key: 'label', style: { ...S.rowDesc, color: T.primary } }, title),
+          // warning：打开后有代价的开关，副说明转成警示色，扫一眼就能注意到。
+          h('div', { key: 'hint', style: warning ? { ...S.meta, color: T.warn } : S.meta }, hint),
         ]),
-        selected ? h(Dot, { key: 'dot', state: 'done' }) : null,
+        h(Toggle, { key: 'toggle', checked, onChange, disabled, label: label ?? title }),
       ])
     }
 
-        const API = '/api/browser-playwright';
-        const HEADER = 'browser-toggle';
+    const API = '/api/browser-playwright'
+    const HEADER = 'browser-toggle'
 
-        // 两种"看网页"的方式。写成用户能懂的话，不出现 legacy / aria / 引擎 这些词。
-        const ENGINE_OPTIONS = [
-            {
-                id: 'legacy',
-                label: '兼容模式',
-                hint: '插件自己去找页面上的按钮和输入框。用得最久、测得最多，遇到奇怪的网站最不容易出问题。',
-            },
-            {
-                id: 'aria',
-                label: '智能模式',
-                hint: '改用浏览器官方的"页面说明书"（和读屏软件看的是同一份）。菜单、弹窗、动态加载多的网站通常更准；万一读不出来，它会自动退回兼容模式。',
-            },
-        ]
+    // 两种"看网页"的方式。写成用户能懂的话，不出现 legacy / aria / 引擎 这些词。
+    const ENGINE_OPTIONS = [
+      {
+        id: 'legacy',
+        label: '兼容模式',
+        hint: '插件自己去找页面上的按钮和输入框。用得最久、测得最多，遇到奇怪的网站最不容易出问题。',
+      },
+      {
+        id: 'aria',
+        label: '智能模式',
+        hint: '改用浏览器官方的"页面说明书"（和读屏软件看的是同一份）。菜单、弹窗、动态加载多的网站通常更准；万一读不出来，它会自动退回兼容模式。',
+      },
+    ]
 
-        // 两个"强力工具"：默认关闭，用户想要才打开。写的都是人话，不出现 evaluate/cdp。
-        const GATE_ROWS = [
-            {
-                key: 'allowEvaluate',
-                label: '允许在页面里执行任意 JavaScript',
-                hint: '打开后 AI 能在任意网页里运行脚本：能读走页面上的任何内容，也能用你的登录状态去点、去填、去提交。真正需要时才打开。',
-            },
-            {
-                key: 'diagnostics',
-                label: '诊断工具：控制台消息与网络请求',
-                hint: '给排障用：能读出页面控制台的报错和最近的网络请求（URL、状态、失败原因）。平时用不到；遇到"点了没反应"或"背后的请求失败了"再打开。',
-            },
-            {
-                key: 'allowCdp',
-                label: '允许原始 CDP 调试协议',
-                hint: '给排查疑难页面用：只放行"查看类"和"模拟输入类"命令，读取 Cookie/存储、改网络、动安全设置这类命令一律被拦住。',
-            },
-        ]
-
-        async function api(path, method, body) {
-            // The header goes on reads too: the host now requires it for GET as well, so a GET
-            // without it is a 403 (2026-10-16 the CSRF check moved from POST-only to every route).
-            const opts = { method, headers: { 'x-dsh-plugin': HEADER } };
-            if (method === 'POST') {
-                opts.headers['Content-Type'] = 'application/json';
-                if (body !== undefined)
-                    opts.body = JSON.stringify(body);
-            }
-            else {
-                opts.headers['Cache-Control'] = 'no-store';
-            }
-            const res = await fetch(API + path, opts);
-            return res.json();
+    // 两个"强力工具"：默认关闭，用户想要才打开。写的都是人话，不出现 evaluate/cdp。
+    const GATE_ROWS = [
+      {
+        key: 'allowEvaluate',
+        label: '允许在页面里执行任意 JavaScript',
+        hint: '打开后 AI 能在任意网页里运行脚本：能读走页面上的任何内容，也能用你的登录状态去点、去填、去提交。真正需要时才打开。',
+      },
+      {
+        key: 'diagnostics',
+        label: '诊断工具：控制台消息与网络请求',
+        hint: '给排障用：能读出页面控制台的报错和最近的网络请求（URL、状态、失败原因）。平时用不到；遇到"点了没反应"或"背后的请求失败了"再打开。',
+      },
+      {
+        key: 'allowCdp',
+        label: '允许原始 CDP 调试协议',
+        hint: '给排查疑难页面用：只放行"查看类"和"模拟输入类"命令，读取 Cookie/存储、改网络、动安全设置这类命令一律被拦住。',
+      },
+    ]
+
+    async function api(path, method, body) {
+      // The header goes on reads too: the host now requires it for GET as well, so a GET
+      // without it is a 403 (2026-10-16 the CSRF check moved from POST-only to every route).
+      const opts = { method, headers: { 'x-dsh-plugin': HEADER } }
+      if (method === 'POST') {
+        opts.headers['Content-Type'] = 'application/json'
+        if (body !== undefined) opts.body = JSON.stringify(body)
+      } else {
+        opts.headers['Cache-Control'] = 'no-store'
+      }
+      const res = await fetch(API + path, opts)
+      return res.json()
+    }
+
+    // Which domains the user chose not to see. A view preference only: it lives in this
+    // browser's localStorage, never in the deployment's files and never on the host.
+    const HIDDEN_KEY = 'dsh-browser-toggle.hidden-logins'
+    function readHiddenDomains() {
+      try {
+        const raw = window.localStorage.getItem(HIDDEN_KEY)
+        const parsed = raw === null ? [] : JSON.parse(raw)
+        return Array.isArray(parsed) ? parsed.filter((x) => typeof x === 'string') : []
+      } catch {
+        return []
+      }
+    }
+    function writeHiddenDomains(list) {
+      try {
+        window.localStorage.setItem(HIDDEN_KEY, JSON.stringify(list))
+      } catch {
+        // private mode / quota: hiding a row is cosmetic, losing the preference is fine
+      }
+    }
+    function BrowserPanel() {
+      const [enabled, setEnabled] = useState(null)
+      const [engine, setEngine] = useState(null)
+      const [engineUserChosen, setEngineUserChosen] = useState(false)
+      const [swarm, setSwarm] = useState(null)
+      const [swarmSpeed, setSwarmSpeed] = useState(null)
+      const [swarmMaxMs, setSwarmMaxMs] = useState(null)
+      const [swarmOnce, setSwarmOnce] = useState(null)
+      // null = 用户没表态：遮罩默认不播（假），AI 动手时默认收动画。
+      const [swarmVeiled, setSwarmVeiled] = useState(null)
+      const [swarmAi, setSwarmAi] = useState(null)
+      // null = 用户没表态：默认只画首屏（整页模式会接管滚动，所以不做默认）。
+      const [swarmRange, setSwarmRange] = useState(null)
+      // null = 用户没表态：默认关窗就重播（播放记录只在这趟浏览器里有效）。
+      const [swarmPersist, setSwarmPersist] = useState(null)
+      // 参数太多：默认收起来，点「展开参数」才看到那一堆选项。
+      const [swarmParamsOpen, setSwarmParamsOpen] = useState(false)
+      const [gates, setGates] = useState({ allowEvaluate: null, allowCdp: null, diagnostics: null })
+      const [busy, setBusy] = useState(false)
+      const [msg, setMsg] = useState('')
+      const [logins, setLogins] = useState(null)
+      const [headless, setHeadless] = useState(null)
+      const [headlessUserChosen, setHeadlessUserChosen] = useState(false)
+      const [showAll, setShowAll] = useState(false)
+      const [openGroups, setOpenGroups] = useState([])
+      const [hiddenDomains, setHiddenDomains] = useState(readHiddenDomains())
+      const [loginsOpen, setLoginsOpen] = useState(false)
+      const [disk, setDisk] = useState(null)
+      const [diskPicked, setDiskPicked] = useState({
+        'browser-cache': true,
+        'temp-residue': true,
+        'updater-residue': true,
+        'attachment-cache': false,
+      })
+      const [diskPreview, setDiskPreview] = useState(null)
+      const [diskResult, setDiskResult] = useState(null)
+      const mountedRef = useRef(true)
+
+      const refresh = async () => {
+        try {
+          const s = await api('/state', 'GET')
+          if (!mountedRef.current) return
+          if (typeof s.enabled === 'boolean') setEnabled(s.enabled)
+          if (typeof s.engine === 'string') setEngine(s.engine)
+          setEngineUserChosen(s.engineUserChosen === true)
+          if (typeof s.swarm === 'boolean') setSwarm(s.swarm)
+          if (typeof s.swarmSpeed === 'number') setSwarmSpeed(s.swarmSpeed)
+          if (typeof s.swarmMaxMs === 'number') setSwarmMaxMs(s.swarmMaxMs)
+          if (typeof s.swarmOncePerSite === 'boolean') setSwarmOnce(s.swarmOncePerSite)
+          if (typeof s.swarmPlayOnVeiled === 'boolean') setSwarmVeiled(s.swarmPlayOnVeiled)
+          if (s.swarmWhileAiWorks === 'auto-close' || s.swarmWhileAiWorks === 'keep-alive')
+            setSwarmAi(s.swarmWhileAiWorks)
+          if (s.swarmRange === 'viewport' || s.swarmRange === 'page') setSwarmRange(s.swarmRange)
+          if (typeof s.swarmPersistPlayed === 'boolean') setSwarmPersist(s.swarmPersistPlayed)
+          if (typeof s.headless === 'boolean') setHeadless(s.headless)
+          setHeadlessUserChosen(s.headlessUserChosen === true)
+          setGates({
+            allowEvaluate: typeof s.allowEvaluate === 'boolean' ? s.allowEvaluate : null,
+            allowCdp: typeof s.allowCdp === 'boolean' ? s.allowCdp : null,
+            diagnostics: typeof s.diagnostics === 'boolean' ? s.diagnostics : null,
+          })
+        } catch (error) {
+          if (mountedRef.current) setMsg('状态获取失败：' + (error?.message ?? String(error)))
         }
+      }
 
-        // Which domains the user chose not to see. A view preference only: it lives in this
-        // browser's localStorage, never in the deployment's files and never on the host.
-        const HIDDEN_KEY = 'dsh-browser-toggle.hidden-logins';
-        function readHiddenDomains() {
-            try {
-                const raw = window.localStorage.getItem(HIDDEN_KEY);
-                const parsed = raw === null ? [] : JSON.parse(raw);
-                return Array.isArray(parsed) ? parsed.filter((x) => typeof x === 'string') : [];
-            }
-            catch {
-                return [];
-            }
+      const refreshLogins = async () => {
+        try {
+          const r = await api('/logins', 'GET')
+          if (mountedRef.current) setLogins(r && typeof r === 'object' ? (r.logins ?? null) : null)
+        } catch {
+          if (mountedRef.current) setLogins(null)
         }
-        function writeHiddenDomains(list) {
-            try {
-                window.localStorage.setItem(HIDDEN_KEY, JSON.stringify(list));
-            }
-            catch {
-                // private mode / quota: hiding a row is cosmetic, losing the preference is fine
-            }
+      }
+
+      useEffect(() => {
+        mountedRef.current = true
+        refresh()
+        refreshLogins()
+        refreshDisk()
+        const timer = setInterval(refresh, 5000)
+        // Cookies change far more slowly than switches; polling this less often keeps the
+        // settings page from doing pointless work.
+        const loginsTimer = setInterval(refreshLogins, 15000)
+        return () => {
+          mountedRef.current = false
+          clearInterval(timer)
+          clearInterval(loginsTimer)
         }
-        function BrowserPanel() {
-            const [enabled, setEnabled] = useState(null);
-            const [engine, setEngine] = useState(null);
-            const [engineUserChosen, setEngineUserChosen] = useState(false);
-            const [gates, setGates] = useState({ allowEvaluate: null, allowCdp: null, diagnostics: null });
-            const [busy, setBusy] = useState(false);
-            const [msg, setMsg] = useState('');
-            const [logins, setLogins] = useState(null);
-            const [headless, setHeadless] = useState(null);
-            const [headlessUserChosen, setHeadlessUserChosen] = useState(false);
-            const [showAll, setShowAll] = useState(false);
-            const [openGroups, setOpenGroups] = useState([]);
-            const [hiddenDomains, setHiddenDomains] = useState(readHiddenDomains());
-            const [loginsOpen, setLoginsOpen] = useState(false);
-            const [disk, setDisk] = useState(null);
-            const [diskPicked, setDiskPicked] = useState({ 'browser-cache': true, 'temp-residue': true, 'updater-residue': true, 'attachment-cache': false });
-            const [diskPreview, setDiskPreview] = useState(null);
-            const [diskResult, setDiskResult] = useState(null);
-            const mountedRef = useRef(true);
-
-            const refresh = async () => {
-                try {
-                    const s = await api('/state', 'GET');
-                    if (!mountedRef.current) return;
-                    if (typeof s.enabled === 'boolean')
-                        setEnabled(s.enabled);
-                    if (typeof s.engine === 'string')
-                        setEngine(s.engine);
-                    setEngineUserChosen(s.engineUserChosen === true);
-                    if (typeof s.headless === 'boolean') setHeadless(s.headless);
-                    setHeadlessUserChosen(s.headlessUserChosen === true);
-                    setGates({
-                        allowEvaluate: typeof s.allowEvaluate === 'boolean' ? s.allowEvaluate : null,
-                        allowCdp: typeof s.allowCdp === 'boolean' ? s.allowCdp : null,
-                        diagnostics: typeof s.diagnostics === 'boolean' ? s.diagnostics : null,
-                    });
-                }
-                catch (error) {
-                    if (mountedRef.current)
-                        setMsg('状态获取失败：' + (error?.message ?? String(error)));
-                }
-            };
+      }, [])
 
-            const refreshLogins = async () => {
-                try {
-                    const r = await api('/logins', 'GET');
-                    if (mountedRef.current)
-                        setLogins(r && typeof r === 'object' ? (r.logins ?? null) : null);
-                }
-                catch {
-                    if (mountedRef.current)
-                        setLogins(null);
-                }
-            };
-
-            useEffect(() => {
-                mountedRef.current = true;
-                refresh();
-                refreshLogins();
-                refreshDisk();
-                const timer = setInterval(refresh, 5000);
-                // Cookies change far more slowly than switches; polling this less often keeps the
-                // settings page from doing pointless work.
-                const loginsTimer = setInterval(refreshLogins, 15000);
-                return () => {
-                    mountedRef.current = false;
-                    clearInterval(timer);
-                    clearInterval(loginsTimer);
-                };
-            }, []);
-
-            const applyEnabled = async (next) => {
-                if (enabled === null || busy || next === enabled)
-                    return;
-                setBusy(true);
-                setMsg('');
-                try {
-                    const r = await api('/toggle', 'POST', { enabled: next });
-                    if (typeof r.enabled === 'boolean')
-                        setEnabled(r.enabled);
-                    setMsg(r.changed
-                        ? (next ? '已启用：AI 可以替你操作网页。' : '已禁用：AI 不再操作网页，已打开的窗口会自动关闭（登录状态保留）。')
-                        : '状态未变化');
-                }
-                catch (error) {
-                    setMsg('切换失败：' + (error?.message ?? String(error)));
-                }
-                finally {
-                    setBusy(false);
-                }
-            };
-
-            const chooseEngine = async (next) => {
-                if (engine === null || busy || next === engine)
-                    return;
-                setBusy(true);
-                setMsg('');
-                try {
-                    const r = await api('/engine', 'POST', { engine: next });
-                    if (typeof r.engine === 'string')
-                        setEngine(r.engine);
-                    const picked = ENGINE_OPTIONS.find((o) => o.id === r.engine) || {};
-                    setEngineUserChosen(true);
-                    setMsg(r.changed
-                        ? '已切到「' + (picked.label || r.engine) + '」，下一步操作就生效，不用重启。'
-                        : '状态未变化');
-                }
-                catch (error) {
-                    setMsg('切换失败：' + (error?.message ?? String(error)));
-                }
-                finally {
-                    setBusy(false);
-                }
-            };
-
-            const chooseWindow = async (nextHeadless) => {
-                if (headless === null || busy || nextHeadless === headless) return;
-                setBusy(true);
-                setMsg('');
-                try {
-                    const r = await api('/window', 'POST', { headless: nextHeadless });
-                    if (r && r.error) throw new Error(r.error.message || r.error.code || 'unknown');
-                    if (typeof r.headless === 'boolean') setHeadless(r.headless);
-                    setHeadlessUserChosen(true);
-                    setMsg(r.changed
-                        ? (nextHeadless
-                            ? '已切到后台运行（无头）。下次操作时重开浏览器；标签页会关闭，登录状态保留。'
-                            : '已切到显示窗口。下次操作时重开浏览器；标签页会关闭，登录状态保留。')
-                        : '状态未变化');
-                } catch (error) {
-                    setMsg('切换失败：' + (error?.message ?? String(error)));
-                } finally {
-                    setBusy(false);
-                }
-            };
-
-            const applyGates = async (key, next) => {
-                if (gates[key] === null || busy || next === gates[key])
-                    return;
-                setBusy(true);
-                setMsg('');
-                // Send both: the host writes one managed block for the pair.
-                const payload = {
-                    allowEvaluate: gates.allowEvaluate === true,
-                    allowCdp: gates.allowCdp === true,
-                    diagnostics: gates.diagnostics === true,
-                };
-                payload[key] = next;
-                try {
-                    const r = await api('/gates', 'POST', payload);
-                    if (r && r.error)
-                        throw new Error(r.error.message || r.error.code || 'unknown');
-                    setGates({
-                        allowEvaluate: r.allowEvaluate === true,
-                        allowCdp: r.allowCdp === true,
-                        diagnostics: r.diagnostics === true,
-                    });
-                    setMsg(r.changed
-                        ? (next
-                            ? '已打开：' + ((GATE_ROWS.find((row) => row.key === key) || {}).label || key) + '。工具会在热重载后出现（约 1-2 秒）；若一直没出现，重启一次 DSH。'
-                            : '已关闭。工具会在热重载后消失；若还在，重启一次 DSH。')
-                        : '状态未变化');
-                }
-                catch (error) {
-                    setMsg('切换失败：' + (error?.message ?? String(error)));
-                }
-                finally {
-                    setBusy(false);
-                }
-            };
-
-            const fmt = (bytes) => {
-                if (typeof bytes !== 'number') return '—';
-                if (bytes < 1024) return bytes + ' B';
-                const units = ['KB', 'MB', 'GB'];
-                let value = bytes / 1024;
-                let unit = 0;
-                while (value >= 1024 && unit < units.length - 1) { value /= 1024; unit += 1; }
-                return value.toFixed(value >= 100 ? 0 : 1) + ' ' + units[unit];
-            };
-
-            const refreshDisk = async () => {
-                try {
-                    const d = await api('/disk/stat', 'GET');
-                    if (mountedRef.current && d && !d.error) setDisk(d);
-                } catch (error) {
-                    if (mountedRef.current) setMsg('磁盘统计失败：' + (error?.message ?? String(error)));
-                }
-            };
-
-            const runDisk = async (dryRun) => {
-                if (busy) return;
-                const targets = Object.keys(diskPicked).filter((id) => diskPicked[id]);
-                if (targets.length === 0) { setMsg('先勾选要清理的项目'); return; }
-                setBusy(true);
-                setMsg('');
-                try {
-                    const r = await api('/disk/clean', 'POST', { targets, dryRun });
-                    if (r && r.error) throw new Error(r.error.message || r.error.code || 'unknown');
-                    if (dryRun) {
-                        setDiskPreview(r);
-                        setDiskResult(null);
-                    } else {
-                        setDiskPreview(null);
-                        setDiskResult(r);
-                        setMsg('已释放 ' + fmt(r.freedBytes) + '（跳过 ' + (r.perTarget || []).reduce((n, t) => n + ((t.skipped && t.skipped.length) || 0), 0) + ' 项）');
-                        refreshDisk();
-                    }
-                } catch (error) {
-                    setMsg('清理失败：' + (error?.message ?? String(error)));
-                } finally {
-                    setBusy(false);
-                }
-            };
-
-            const skipSummary = (report) => {
-                if (!report || !Array.isArray(report.perTarget)) return '';
-                const reasons = {};
-                for (const t of report.perTarget) for (const s of (t.skipped || [])) reasons[s.reason] = (reasons[s.reason] || 0) + 1;
-                const parts = Object.keys(reasons).map((k) => k + ' ' + reasons[k]);
-                return parts.length > 0 ? '　跳过：' + parts.join('、') : '';
-            };
-
-            const state = enabled === null ? 'ongoing' : (enabled ? 'done' : 'idle');
-            const gateState = (key) => (gates[key] === null ? 'ongoing' : (gates[key] ? 'done' : 'idle'));
-            const gatesOn = GATE_ROWS.filter((row) => gates[row.key] === true).length;
-            const statusLabel = enabled === null ? '读取中…' : (enabled ? '已启用' : '已禁用');
-            const current = ENGINE_OPTIONS.find((o) => o.id === engine) || null;
-
-            const GATE_SHORT = {
-                allowEvaluate: '页面里的任意 JavaScript',
-                allowCdp: '原始 CDP 调试协议',
-                diagnostics: '控制台消息 / 网络请求',
-            };
-            const ENGINE_SHORT = { legacy: '最稳，奇怪网站也不容易出错', aria: '更准，复杂页面优先' };
-
-            return h('div', { style: S.page }, [
-                h('h2', { key: 'title', style: S.title }, '浏览器'),
-                h('p', { key: 'intro', style: S.intro },
-                    '让 AI 用你的登录状态替你上网办事。这里的改动立刻生效，不需要重启。'),
-
-                // ---- 主开关 ----
-                h('div', { key: 'row', style: S.row }, [
-                    h(Dot, { key: 'dot', state }),
-                    h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
-                        h('div', { key: 'label', style: S.rowTitle }, '允许 AI 操作网页'),
-                        h('div', { key: 'desc', style: S.rowDesc },
-                            h(Tag, { key: 'status' }, statusLabel),
-                            '关闭后窗口会关掉，登录状态保留。'),
-                    ]),
-                    h(Toggle, {
-                        key: 'toggle',
-                        checked: enabled === true,
-                        onChange: applyEnabled,
-                        disabled: enabled === null || busy,
-                        label: '允许 AI 操作网页',
+      const applyEnabled = async (next) => {
+        if (enabled === null || busy || next === enabled) return
+        setBusy(true)
+        setMsg('')
+        try {
+          const r = await api('/toggle', 'POST', { enabled: next })
+          if (typeof r.enabled === 'boolean') setEnabled(r.enabled)
+          setMsg(
+            r.changed
+              ? next
+                ? '已启用：AI 可以替你操作网页。'
+                : '已禁用：AI 不再操作网页，已打开的窗口会自动关闭（登录状态保留）。'
+              : '状态未变化',
+          )
+        } catch (error) {
+          setMsg('切换失败：' + (error?.message ?? String(error)))
+        } finally {
+          setBusy(false)
+        }
+      }
+
+      const applySwarm = async (next) => {
+        // null = 还没选过，等同于默认的「开」；只有真的变化才发请求
+        if (busy || next === (swarm !== false)) return
+        setBusy(true)
+        setMsg('')
+        try {
+          const r = await api('/swarm', 'POST', { enabled: next })
+          if (r && r.error) throw new Error(r.error.message || r.error.code || 'unknown')
+          if (typeof r.swarm === 'boolean') setSwarm(r.swarm)
+          setMsg(
+            next
+              ? '进场特效已打开：每个网站第一次打开时，页面会被抹白、再用一群光标画回来，播完自动退回。'
+              : '进场特效已关闭：以后打开网页就是普通网页。',
+          )
+        } catch (error) {
+          setMsg('切换失败：' + (error?.message ?? String(error)))
+        } finally {
+          setBusy(false)
+        }
+      }
+
+      const setSwarmOpt = async (patch) => {
+        if (busy) return
+        setBusy(true)
+        setMsg('')
+        try {
+          const r = await api('/swarm', 'POST', patch)
+          if (r && r.error) throw new Error(r.error.message || r.error.code || 'unknown')
+          if (typeof r.swarmSpeed === 'number') setSwarmSpeed(r.swarmSpeed)
+          else if (patch.speed !== undefined) setSwarmSpeed(patch.speed)
+          if (typeof r.swarmMaxMs === 'number') setSwarmMaxMs(r.swarmMaxMs)
+          else if (patch.maxMs !== undefined) setSwarmMaxMs(patch.maxMs)
+          if (typeof r.swarmOncePerSite === 'boolean') setSwarmOnce(r.swarmOncePerSite)
+          else if (patch.oncePerSite !== undefined) setSwarmOnce(patch.oncePerSite)
+          if (typeof r.swarmPlayOnVeiled === 'boolean') setSwarmVeiled(r.swarmPlayOnVeiled)
+          else if (patch.playOnVeiled !== undefined) setSwarmVeiled(patch.playOnVeiled)
+          if (r.swarmWhileAiWorks === 'auto-close' || r.swarmWhileAiWorks === 'keep-alive')
+            setSwarmAi(r.swarmWhileAiWorks)
+          else if (patch.whileAiWorks !== undefined) setSwarmAi(patch.whileAiWorks)
+          if (r.swarmRange === 'viewport' || r.swarmRange === 'page') setSwarmRange(r.swarmRange)
+          else if (patch.range !== undefined) setSwarmRange(patch.range)
+          if (typeof r.swarmPersistPlayed === 'boolean') setSwarmPersist(r.swarmPersistPlayed)
+          else if (patch.persistPlayed !== undefined) setSwarmPersist(patch.persistPlayed)
+          setMsg('已保存，下一次打开网页起生效。')
+        } catch (error) {
+          setMsg('保存失败：' + (error?.message ?? String(error)))
+        } finally {
+          setBusy(false)
+        }
+      }
+
+      // 副标题里的摘要：不展开也能看出当前是几倍速、多长时间、播多大范围、是否每站只播一次。
+      const swarmSummary = () => {
+        const speed = (swarmSpeed ?? 3) + '×'
+        const limit = swarmMaxMs ?? 15000
+        const duration = limit === 0 ? '一直播完' : limit / 1000 + ' 秒'
+        const range = swarmRange === 'page' ? '整页' : '只画首屏'
+        const once = swarmOnce !== false ? '每站只播一次' : '每次都播'
+        const memory = swarmPersist === true ? '一直记住' : '关窗重播'
+        return [speed, duration, range, once, memory].join(' · ')
+      }
+
+      const chooseEngine = async (next) => {
+        if (engine === null || busy || next === engine) return
+        setBusy(true)
+        setMsg('')
+        try {
+          const r = await api('/engine', 'POST', { engine: next })
+          if (typeof r.engine === 'string') setEngine(r.engine)
+          const picked = ENGINE_OPTIONS.find((o) => o.id === r.engine) || {}
+          setEngineUserChosen(true)
+          setMsg(
+            r.changed ? '已切到「' + (picked.label || r.engine) + '」，下一步操作就生效，不用重启。' : '状态未变化',
+          )
+        } catch (error) {
+          setMsg('切换失败：' + (error?.message ?? String(error)))
+        } finally {
+          setBusy(false)
+        }
+      }
+
+      const chooseWindow = async (nextHeadless) => {
+        if (headless === null || busy || nextHeadless === headless) return
+        setBusy(true)
+        setMsg('')
+        try {
+          const r = await api('/window', 'POST', { headless: nextHeadless })
+          if (r && r.error) throw new Error(r.error.message || r.error.code || 'unknown')
+          if (typeof r.headless === 'boolean') setHeadless(r.headless)
+          setHeadlessUserChosen(true)
+          setMsg(
+            r.changed
+              ? nextHeadless
+                ? '已切到后台运行（无头）。下次操作时重开浏览器；标签页会关闭，登录状态保留。'
+                : '已切到显示窗口。下次操作时重开浏览器；标签页会关闭，登录状态保留。'
+              : '状态未变化',
+          )
+        } catch (error) {
+          setMsg('切换失败：' + (error?.message ?? String(error)))
+        } finally {
+          setBusy(false)
+        }
+      }
+
+      const applyGates = async (key, next) => {
+        if (gates[key] === null || busy || next === gates[key]) return
+        setBusy(true)
+        setMsg('')
+        // Send both: the host writes one managed block for the pair.
+        const payload = {
+          allowEvaluate: gates.allowEvaluate === true,
+          allowCdp: gates.allowCdp === true,
+          diagnostics: gates.diagnostics === true,
+        }
+        payload[key] = next
+        try {
+          const r = await api('/gates', 'POST', payload)
+          if (r && r.error) throw new Error(r.error.message || r.error.code || 'unknown')
+          setGates({
+            allowEvaluate: r.allowEvaluate === true,
+            allowCdp: r.allowCdp === true,
+            diagnostics: r.diagnostics === true,
+          })
+          setMsg(
+            r.changed
+              ? next
+                ? '已打开：' +
+                  ((GATE_ROWS.find((row) => row.key === key) || {}).label || key) +
+                  '。工具会在热重载后出现（约 1-2 秒）；若一直没出现，重启一次 DSH。'
+                : '已关闭。工具会在热重载后消失；若还在，重启一次 DSH。'
+              : '状态未变化',
+          )
+        } catch (error) {
+          setMsg('切换失败：' + (error?.message ?? String(error)))
+        } finally {
+          setBusy(false)
+        }
+      }
+
+      const fmt = (bytes) => {
+        if (typeof bytes !== 'number') return '—'
+        if (bytes < 1024) return bytes + ' B'
+        const units = ['KB', 'MB', 'GB']
+        let value = bytes / 1024
+        let unit = 0
+        while (value >= 1024 && unit < units.length - 1) {
+          value /= 1024
+          unit += 1
+        }
+        return value.toFixed(value >= 100 ? 0 : 1) + ' ' + units[unit]
+      }
+
+      const refreshDisk = async () => {
+        try {
+          const d = await api('/disk/stat', 'GET')
+          if (mountedRef.current && d && !d.error) setDisk(d)
+        } catch (error) {
+          if (mountedRef.current) setMsg('磁盘统计失败：' + (error?.message ?? String(error)))
+        }
+      }
+
+      const runDisk = async (dryRun) => {
+        if (busy) return
+        const targets = Object.keys(diskPicked).filter((id) => diskPicked[id])
+        if (targets.length === 0) {
+          setMsg('先勾选要清理的项目')
+          return
+        }
+        setBusy(true)
+        setMsg('')
+        try {
+          const r = await api('/disk/clean', 'POST', { targets, dryRun })
+          if (r && r.error) throw new Error(r.error.message || r.error.code || 'unknown')
+          if (dryRun) {
+            setDiskPreview(r)
+            setDiskResult(null)
+          } else {
+            setDiskPreview(null)
+            setDiskResult(r)
+            setMsg(
+              '已释放 ' +
+                fmt(r.freedBytes) +
+                '（跳过 ' +
+                (r.perTarget || []).reduce((n, t) => n + ((t.skipped && t.skipped.length) || 0), 0) +
+                ' 项）',
+            )
+            refreshDisk()
+          }
+        } catch (error) {
+          setMsg('清理失败：' + (error?.message ?? String(error)))
+        } finally {
+          setBusy(false)
+        }
+      }
+
+      const skipSummary = (report) => {
+        if (!report || !Array.isArray(report.perTarget)) return ''
+        const reasons = {}
+        for (const t of report.perTarget)
+          for (const s of t.skipped || []) reasons[s.reason] = (reasons[s.reason] || 0) + 1
+        const parts = Object.keys(reasons).map((k) => k + ' ' + reasons[k])
+        return parts.length > 0 ? '　跳过：' + parts.join('、') : ''
+      }
+
+      const state = enabled === null ? 'ongoing' : enabled ? 'done' : 'idle'
+      const gateState = (key) => (gates[key] === null ? 'ongoing' : gates[key] ? 'done' : 'idle')
+      const gatesOn = GATE_ROWS.filter((row) => gates[row.key] === true).length
+      const statusLabel = enabled === null ? '读取中…' : enabled ? '已启用' : '已禁用'
+      const current = ENGINE_OPTIONS.find((o) => o.id === engine) || null
+
+      const GATE_SHORT = {
+        allowEvaluate: '页面里的任意 JavaScript',
+        allowCdp: '原始 CDP 调试协议',
+        diagnostics: '控制台消息 / 网络请求',
+      }
+      const ENGINE_SHORT = { legacy: '最稳，奇怪网站也不容易出错', aria: '更准，复杂页面优先' }
+
+      return h('div', { style: S.page }, [
+        h('h2', { key: 'title', style: S.title }, '浏览器'),
+        h('p', { key: 'intro', style: S.intro }, '让 AI 用你的登录状态替你上网办事。这里的改动立刻生效，不需要重启。'),
+
+        // ---- 主开关 ----
+        h('div', { key: 'row', style: S.row }, [
+          h(Dot, { key: 'dot', state }),
+          h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
+            h('div', { key: 'label', style: S.rowTitle }, '允许 AI 操作网页'),
+            h(
+              'div',
+              { key: 'desc', style: S.rowDesc },
+              h(Tag, { key: 'status' }, statusLabel),
+              '关闭后窗口会关掉，登录状态保留。',
+            ),
+          ]),
+          h(Toggle, {
+            key: 'toggle',
+            checked: enabled === true,
+            onChange: applyEnabled,
+            disabled: enabled === null || busy,
+            label: '允许 AI 操作网页',
+          }),
+        ]),
+
+        // ---- 进场特效：一张卡片，父行在上，子项用发丝线分隔 ----
+        h(
+          'div',
+          {
+            key: 'swarmCard',
+            style: {
+              ...S.row,
+              flexDirection: 'column',
+              alignItems: 'stretch',
+              gap: 0,
+              padding: 0,
+              overflow: 'hidden',
+            },
+          },
+          [
+            h('div', { key: 'head', style: { display: 'flex', alignItems: 'center', gap: 12, padding: '12px 14px' } }, [
+              h(Dot, { key: 'dot', state: swarm === false ? 'idle' : 'done' }),
+              h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
+                h('div', { key: 'label', style: S.rowTitle }, '进场特效：让页面自己长回来'),
+                h(
+                  'div',
+                  { key: 'desc', style: S.rowDesc },
+                  '第一次打开某个网站时，页面会被抹白，再由一群光标把方框、文字、图片一笔一笔画回来；播完自动退回真实页面。',
+                ),
+                h('div', { key: 'meta', style: S.meta }, swarmSummary()),
+              ]),
+              h(Toggle, {
+                key: 'toggle',
+                // null = 用户没表态：配置默认是开，不能显示成关着的灰开关。
+                checked: swarm !== false,
+                onChange: applySwarm,
+                disabled: busy,
+                label: '进场特效：让页面自己长回来',
+              }),
+            ]),
+            // 参数太多：默认收起来，一眼扫过只看上面那行摘要；点一下才展开
+            // （用户 2026-11-09：选项越来越多，铺开看着累）。
+            swarm === false
+              ? null
+              : h(
+                  'div',
+                  {
+                    key: 'paramsToggle',
+                    style: {
+                      borderTop: '0.5px solid ' + T.border,
+                      padding: '10px 14px',
+                      display: 'flex',
+                      alignItems: 'center',
+                      justifyContent: 'space-between',
+                      cursor: 'pointer',
+                      userSelect: 'none',
+                      fontSize: 12,
+                      color: T.tertiary,
+                    },
+                    onClick: () => setSwarmParamsOpen((open) => !open),
+                  },
+                  [
+                    h('span', { key: 'label' }, '详细参数'),
+                    h('span', { key: 'hint', style: S.groupCount }, swarmParamsOpen ? '点击收起 ▲' : '点击展开 ▼'),
+                  ],
+                ),
+            // 展开后才显示那一堆设置项。
+            swarm === false || !swarmParamsOpen
+              ? null
+              : h(
+                  'div',
+                  {
+                    key: 'params',
+                    style: {
+                      borderTop: '0.5px solid ' + T.border,
+                      padding: '12px 14px 13px',
+                      display: 'flex',
+                      flexDirection: 'column',
+                      gap: 10,
+                    },
+                  },
+                  [
+                    h(ChipRow, {
+                      key: 'speed',
+                      label: '播放速度',
+                      value: swarmSpeed ?? 3,
+                      disabled: busy,
+                      onPick: (v) => setSwarmOpt({ speed: v }),
+                      options: [
+                        { value: 1, label: '1×' },
+                        { value: 2, label: '2×' },
+                        { value: 3, label: '3×' },
+                      ],
                     }),
-                ]),
-
-                // ---- 页面读取方式 ----
-                h('div', { key: 'engineGroup', style: S.group }, [
-                    '页面读取方式',
-                    h('span', { key: 'cur', style: S.groupCount },
-                        current ? '　当前：' + current.label : '　读取中…'),
-                ]),
-                h('div', { key: 'engines', style: { ...S.list, marginTop: 8 } },
-                    ENGINE_OPTIONS.map((o) => h(RadioRow, {
-                        key: o.id,
-                        p: { id: o.id, label: o.label, hint: ENGINE_SHORT[o.id] || '' },
-                        selected: engine === o.id,
-                        disabled: engine === null || busy,
-                        onPick: chooseEngine,
-                    }))),
-                h(Notes, {
-                    key: 'engineNotes',
-                    title: '两种模式到底差在哪',
-                    children: h('div', null, ENGINE_OPTIONS.map((o) => h('p', { key: o.id, style: S.note },
-                        o.label + '：' + o.hint))),
-                }),
-
-                // ---- 浏览器窗口（有头 / 无头） ----
-                h('div', { key: 'windowGroup', style: S.group }, [
-                    '浏览器窗口',
-                    h('span', { key: 'cur', style: S.groupCount },
-                        headless === null ? '　读取中…' : (headless ? '　当前：后台运行（无头）' : '　当前：显示窗口（有头）')
-                        + (headlessUserChosen ? '（你选的）' : '')),
-                ]),
-                h('div', { key: 'windows', style: { ...S.list, marginTop: 8 } }, [
-                    h(RadioRow, {
-                        key: 'headful',
-                        p: { id: 'headful', label: '显示浏览器窗口', hint: '能看见、能随时接手；登录和验证码可以自己处理' },
-                        selected: headless === false,
-                        disabled: headless === null || busy,
-                        onPick: () => chooseWindow(false),
+                    h(ChipRow, {
+                      key: 'duration',
+                      label: '播放时长',
+                      value: swarmMaxMs ?? 15000,
+                      disabled: busy,
+                      onPick: (v) => setSwarmOpt({ maxMs: v }),
+                      options: [
+                        { value: 10000, label: '10 秒' },
+                        { value: 15000, label: '15 秒' },
+                        { value: 25000, label: '25 秒' },
+                        { value: 0, label: '一直播完' },
+                      ],
                     }),
-                    h(RadioRow, {
-                        key: 'headless',
-                        p: { id: 'headless', label: '后台运行（无头）', hint: '更快、不弹窗；但你看不见它，登录/验证码只能远程处理' },
-                        selected: headless === true,
-                        disabled: headless === null || busy,
-                        onPick: () => chooseWindow(true),
+                    h(ChipRow, {
+                      key: 'range',
+                      label: '播放范围',
+                      value: swarmRange ?? 'viewport',
+                      disabled: busy,
+                      onPick: (v) => setSwarmOpt({ range: v }),
+                      hint:
+                        swarmRange === 'page'
+                          ? '一屏一屏往下滚着画完，播完滚回顶部。期间别动滚轮，时间长得多。'
+                          : '只画当前这一屏，几秒就结束，长页面看不到下半部分。',
+                      options: [
+                        { value: 'viewport', label: '只画首屏' },
+                        { value: 'page', label: '整页' },
+                      ],
                     }),
-                ]),
-                h(Notes, {
-                    key: 'windowNotes',
-                    title: '切换窗口模式会发生什么',
-                    children: h('div', null, [
-                        h('p', { key: 'reopen', style: S.note },
-                            '有头/无头是启动参数，不能原地切换：下次操作时会关掉旧窗口、按新模式重开。标签页和未提交的表单会丢，登录状态会先导出、不会丢。'),
-                        h('p', { key: 'risk', style: S.note },
-                            '无头模式下插件"看得见、能接管"的前提不成立——验证码/二次验证只有提示，没人能在窗口里替你点。只在无人值守、且你接受这个代价时用。'),
-                    ]),
-                }),
-
-                // ---- 工具权限 ----
-                h('div', { key: 'gateGroup', style: S.group }, [
-                    '工具权限',
-                    h('span', { key: 'sum', style: S.groupCount },
-                        gatesOn === 0 ? '　全部关闭' : '　' + gatesOn + ' / ' + GATE_ROWS.length + ' 已开启'),
-                ]),
-                h('div', { key: 'gates', style: { ...S.list, marginTop: 8 } },
-                    GATE_ROWS.map((row) => h('div', { key: row.key, style: S.row }, [
-                        h(Dot, { key: 'dot', state: gateState(row.key) }),
-                        h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
-                            h('div', { key: 'label', style: S.rowTitle }, row.label),
-                            h('div', { key: 'desc', style: S.rowDesc }, GATE_SHORT[row.key] || row.hint),
+                    h(ToggleRow, {
+                      key: 'once',
+                      title: '每个网站只播一次',
+                      hint: '关掉就每次打开都播一遍。',
+                      checked: swarmOnce !== false,
+                      onChange: (next) => setSwarmOpt({ oncePerSite: next }),
+                      disabled: busy,
+                    }),
+                    h(ToggleRow, {
+                      key: 'veiled',
+                      title: '遮罩页面也播',
+                      // 代价必须写在开关旁边：这层会把整屏盖住，遮罩后面的内容也一样被画出来。
+                      hint: '登录墙、验证页这类被整屏盖住的页面也播。代价：遮罩底下没解锁的内容也会被一笔笔画出来，公共场合别开。',
+                      checked: swarmVeiled === true,
+                      onChange: (next) => setSwarmOpt({ playOnVeiled: next }),
+                      disabled: busy,
+                      warning: swarmVeiled === true,
+                    }),
+                    h(ChipRow, {
+                      key: 'aiWork',
+                      label: 'AI 工作时',
+                      value: swarmAi ?? 'auto-close',
+                      disabled: busy,
+                      onPick: (v) => setSwarmOpt({ whileAiWorks: v }),
+                      hint:
+                        swarmAi === 'keep-alive'
+                          ? '动画照播到底；那一层不吃鼠标，AI 的点照常落在真实页面上。'
+                          : 'AI 一动手，动画立刻收掉（最多等 300 毫秒）。',
+                      options: [
+                        { value: 'auto-close', label: '自动关闭动画' },
+                        { value: 'keep-alive', label: '动画继续跑' },
+                      ],
+                    }),
+                    h(ToggleRow, {
+                      key: 'persist',
+                      title: '一直记住，不重播',
+                      hint: '默认关：整个浏览器窗口关掉后，下次再打开这些网页重新播一遍。打开后，播过的网站一直记着。关单个标签不影响。',
+                      checked: swarmPersist === true,
+                      onChange: (next) => setSwarmOpt({ persistPlayed: next }),
+                      disabled: busy,
+                    }),
+                  ],
+                ),
+            // 署名：原创作者 Joel Califa 的唯一条件（2026-11-08 书面授权）。放在卡片里，但不随开关隐藏——
+            // 关掉特效不等于这份代码不在这台机器上。
+            h(
+              'div',
+              {
+                key: 'credit',
+                style: {
+                  borderTop: '0.5px solid ' + T.border,
+                  padding: '9px 14px 10px',
+                  fontSize: 11,
+                  lineHeight: '16px',
+                  color: T.tertiary,
+                },
+              },
+              '动效：Joel Califa（Swarm）· 代码：Dhvanil Patel（swarm-cursors）',
+            ),
+          ],
+        ),
+
+        // ---- 页面读取方式 ----
+        h('div', { key: 'engineGroup', style: S.group }, [
+          '页面读取方式',
+          h('span', { key: 'cur', style: S.groupCount }, current ? '　当前：' + current.label : '　读取中…'),
+        ]),
+        h(
+          'div',
+          { key: 'engines', style: { ...S.list, marginTop: 8 } },
+          ENGINE_OPTIONS.map((o) =>
+            h(RadioRow, {
+              key: o.id,
+              p: { id: o.id, label: o.label, hint: ENGINE_SHORT[o.id] || '' },
+              selected: engine === o.id,
+              disabled: engine === null || busy,
+              onPick: chooseEngine,
+            }),
+          ),
+        ),
+        h(Notes, {
+          key: 'engineNotes',
+          title: '两种模式到底差在哪',
+          children: h(
+            'div',
+            null,
+            ENGINE_OPTIONS.map((o) => h('p', { key: o.id, style: S.note }, o.label + '：' + o.hint)),
+          ),
+        }),
+
+        // ---- 浏览器窗口（有头 / 无头） ----
+        h('div', { key: 'windowGroup', style: S.group }, [
+          '浏览器窗口',
+          h(
+            'span',
+            { key: 'cur', style: S.groupCount },
+            headless === null
+              ? '　读取中…'
+              : (headless ? '　当前：后台运行（无头）' : '　当前：显示窗口（有头）') +
+                  (headlessUserChosen ? '（你选的）' : ''),
+          ),
+        ]),
+        h('div', { key: 'windows', style: { ...S.list, marginTop: 8 } }, [
+          h(RadioRow, {
+            key: 'headful',
+            p: { id: 'headful', label: '显示浏览器窗口', hint: '能看见、能随时接手；登录和验证码可以自己处理' },
+            selected: headless === false,
+            disabled: headless === null || busy,
+            onPick: () => chooseWindow(false),
+          }),
+          h(RadioRow, {
+            key: 'headless',
+            p: {
+              id: 'headless',
+              label: '后台运行（无头）',
+              hint: '更快、不弹窗；但你看不见它，登录/验证码只能远程处理',
+            },
+            selected: headless === true,
+            disabled: headless === null || busy,
+            onPick: () => chooseWindow(true),
+          }),
+        ]),
+        h(Notes, {
+          key: 'windowNotes',
+          title: '切换窗口模式会发生什么',
+          children: h('div', null, [
+            h(
+              'p',
+              { key: 'reopen', style: S.note },
+              '有头/无头是启动参数，不能原地切换：下次操作时会关掉旧窗口、按新模式重开。标签页和未提交的表单会丢，登录状态会先导出、不会丢。',
+            ),
+            h(
+              'p',
+              { key: 'risk', style: S.note },
+              '无头模式下插件"看得见、能接管"的前提不成立——验证码/二次验证只有提示，没人能在窗口里替你点。只在无人值守、且你接受这个代价时用。',
+            ),
+          ]),
+        }),
+
+        // ---- 工具权限 ----
+        h('div', { key: 'gateGroup', style: S.group }, [
+          '工具权限',
+          h(
+            'span',
+            { key: 'sum', style: S.groupCount },
+            gatesOn === 0 ? '　全部关闭' : '　' + gatesOn + ' / ' + GATE_ROWS.length + ' 已开启',
+          ),
+        ]),
+        h(
+          'div',
+          { key: 'gates', style: { ...S.list, marginTop: 8 } },
+          GATE_ROWS.map((row) =>
+            h('div', { key: row.key, style: S.row }, [
+              h(Dot, { key: 'dot', state: gateState(row.key) }),
+              h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
+                h('div', { key: 'label', style: S.rowTitle }, row.label),
+                h('div', { key: 'desc', style: S.rowDesc }, GATE_SHORT[row.key] || row.hint),
+              ]),
+              h(Toggle, {
+                key: 'toggle',
+                checked: gates[row.key] === true,
+                onChange: (next) => applyGates(row.key, next),
+                disabled: gates[row.key] === null || busy,
+                label: row.label,
+              }),
+            ]),
+          ),
+        ),
+        h(Notes, {
+          key: 'gateNotes',
+          title: '这些开关具体放行什么',
+          children: h('div', null, [
+            h(
+              'p',
+              { key: 'evaluate', style: S.note },
+              '页面里执行任意 JavaScript：能读走页面内容，也能用你的登录状态去点、去填、去提交。真正需要时才打开。',
+            ),
+            h(
+              'p',
+              { key: 'cdp', style: S.note },
+              '原始 CDP 协议：只放行查看类和模拟输入类命令；读 Cookie/存储、改网络、动安全设置一律被拦。排查疑难页面用。',
+            ),
+            h(
+              'p',
+              { key: 'diagnostics', style: S.note },
+              '控制台消息 + 网络请求：能读出页面报错和最近的请求（URL、状态、失败原因）。平时用不到，遇到"点了没反应"再打开。',
+            ),
+            h(
+              'p',
+              { key: 'effect', style: S.note },
+              '工具在热重载后出现或消失（约 1-2 秒）；若一直没变，重启一次 DSH。',
+            ),
+          ]),
+        }),
+
+        h('div', { key: 'diskGroup', style: S.group }, [
+          '缓存与磁盘',
+          h(
+            'span',
+            { key: 'sum', style: S.groupCount },
+            disk === null ? '　统计中…' : '　可清理 ' + fmt(disk.totalBytes),
+          ),
+        ]),
+        h(
+          'div',
+          { key: 'diskList', style: { ...S.list, marginTop: 8 } },
+          (disk === null ? [] : disk.items).map((item) =>
+            h('div', { key: item.id, style: S.row }, [
+              h(
+                'div',
+                {
+                  key: 'check',
+                  role: 'checkbox',
+                  'aria-checked': diskPicked[item.id] === true,
+                  'aria-label': item.label,
+                  tabIndex: 0,
+                  onClick: () => setDiskPicked({ ...diskPicked, [item.id]: !diskPicked[item.id] }),
+                  onKeyDown: (e) => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                      e.preventDefault()
+                      setDiskPicked({ ...diskPicked, [item.id]: !diskPicked[item.id] })
+                    }
+                  },
+                  style: {
+                    width: 16,
+                    height: 16,
+                    flex: 'none',
+                    borderRadius: 4,
+                    cursor: 'pointer',
+                    border: '1.5px solid ' + (diskPicked[item.id] ? T.primary : T.borderL3),
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                  },
+                },
+                diskPicked[item.id]
+                  ? h('span', { style: { width: 8, height: 8, borderRadius: 2, background: T.primary } })
+                  : null,
+              ),
+              h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
+                h('div', { key: 'label', style: S.rowTitle }, item.label),
+                h(
+                  'div',
+                  { key: 'desc', style: S.rowDesc },
+                  fmt(item.bytes) + '　' + item.files + ' 个文件' + (item.note ? '　' + item.note : ''),
+                ),
+              ]),
+            ]),
+          ),
+        ),
+        h('div', { key: 'diskActions', style: S.footer }, [
+          h(Btn, { key: 'rescan', onClick: refreshDisk, disabled: busy }, '重新统计'),
+          h(Btn, { key: 'preview', onClick: () => runDisk(true), disabled: busy || disk === null }, '先预演'),
+          diskPreview
+            ? h(
+                Btn,
+                { key: 'clean', onClick: () => runDisk(false), disabled: busy },
+                '确认清理 ' + fmt(diskPreview.freedBytes),
+              )
+            : null,
+        ]),
+        diskPreview
+          ? h(
+              'div',
+              { key: 'diskPreview', style: S.tip },
+              '预演：将释放 ' + fmt(diskPreview.freedBytes) + skipSummary(diskPreview) + '（点了确认才会真删）',
+            )
+          : null,
+        diskResult
+          ? h(
+              'div',
+              { key: 'diskResult', style: S.tip },
+              '已释放 ' + fmt(diskResult.freedBytes) + skipSummary(diskResult),
+            )
+          : null,
+
+        // ---- 已登录站点（默认收起） ----
+        h(
+          'div',
+          {
+            key: 'loginsGroup',
+            style: { ...S.group, cursor: 'pointer', userSelect: 'none' },
+            onClick: () => setLoginsOpen((open) => !open),
+          },
+          [
+            '已登录的站点',
+            h(
+              'span',
+              { key: 'count', style: S.groupCount },
+              logins === null || logins.sites === undefined
+                ? '　读取中…'
+                : '　' +
+                    logins.sites.length +
+                    ' 个域 · ' +
+                    logins.sites.reduce((acc, site) => acc + site.cookies, 0) +
+                    ' 个 cookie',
+            ),
+            h('span', { key: 'hint', style: { ...S.groupCount, marginLeft: 8 } }, loginsOpen ? '点击收起' : '点击展开'),
+          ],
+        ),
+        loginsOpen
+          ? h(
+              Notes,
+              { key: 'loginsNotes', title: '这份名单怎么来的' },
+              h(
+                'p',
+                { style: S.note },
+                '只列这台浏览器真的访问过的域；第三方统计/广告域已排除。判据是 OWASP 的会话特征，' +
+                  '名字不作为依据；不显示 cookie 的名字和值，名单只在本机内存，AI 看不到。',
+              ),
+            )
+          : null,
+        loginsOpen === false
+          ? null
+          : logins === null
+            ? h(
+                'div',
+                { key: 'loginsUnknown', style: S.tip },
+                '读取不到：这个 profile 里的插件版本还没上报，或还没打开过浏览器。',
+              )
+            : (() => {
+                const pool = showAll ? logins.sites : logins.sites.filter((s) => s.likely)
+                const visible = pool.filter((s) => hiddenDomains.indexOf(s.domain) < 0)
+                const hiddenCount = pool.length - visible.length
+                const byGroup = new Map()
+                const items = []
+                for (const site of visible) {
+                  const key = site.group ? site.group.key : null
+                  if (key === null) {
+                    items.push({ kind: 'single', site })
+                    continue
+                  }
+                  let group = byGroup.get(key)
+                  if (group === undefined) {
+                    group = { kind: 'group', key, label: site.group.label, sites: [] }
+                    byGroup.set(key, group)
+                    items.push(group)
+                  }
+                  group.sites.push(site)
+                }
+                for (let i = items.length - 1; i >= 0; i -= 1) {
+                  if (items[i].kind === 'group' && items[i].sites.length === 1)
+                    items[i] = { kind: 'single', site: items[i].sites[0] }
+                }
+                const sum = (list, pick) => list.reduce((acc, s) => acc + pick(s), 0)
+                const rowFor = (site, indented) =>
+                  h(
+                    'div',
+                    {
+                      key: site.domain,
+                      style: indented ? { ...S.row, paddingLeft: 18 } : S.row,
+                    },
+                    [
+                      h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
+                        h('div', { key: 'label', style: S.rowTitle }, [
+                          site.likely ? h(Tag, { key: 'tag' }, '推测登录') : null,
+                          site.alias || site.title || site.domain,
                         ]),
-                        h(Toggle, {
-                            key: 'toggle',
-                            checked: gates[row.key] === true,
-                            onChange: (next) => applyGates(row.key, next),
-                            disabled: gates[row.key] === null || busy,
-                            label: row.label,
-                        }),
-                    ]))),
-                h(Notes, {
-                    key: 'gateNotes',
-                    title: '这些开关具体放行什么',
-                    children: h('div', null, [
-                        h('p', { key: 'evaluate', style: S.note },
-                            '页面里执行任意 JavaScript：能读走页面内容，也能用你的登录状态去点、去填、去提交。真正需要时才打开。'),
-                        h('p', { key: 'cdp', style: S.note },
-                            '原始 CDP 协议：只放行查看类和模拟输入类命令；读 Cookie/存储、改网络、动安全设置一律被拦。排查疑难页面用。'),
-                        h('p', { key: 'diagnostics', style: S.note },
-                            '控制台消息 + 网络请求：能读出页面报错和最近的请求（URL、状态、失败原因）。平时用不到，遇到"点了没反应"再打开。'),
-                        h('p', { key: 'effect', style: S.note },
-                            '工具在热重载后出现或消失（约 1-2 秒）；若一直没变，重启一次 DSH。'),
+                        h(
+                          'div',
+                          { key: 'desc', style: S.rowDesc },
+                          (site.alias ? site.domain + '　' : '') +
+                            (site.title && site.title !== site.alias ? '「' + site.title + '」　' : '') +
+                            site.cookies +
+                            ' 个 cookie',
+                        ),
+                      ]),
+                      h(
+                        Btn,
+                        {
+                          key: 'hide',
+                          onClick: () => {
+                            const next = hiddenDomains.concat([site.domain])
+                            setHiddenDomains(next)
+                            writeHiddenDomains(next)
+                          },
+                        },
+                        '隐藏',
+                      ),
+                    ],
+                  )
+                const renderItem = (item) => {
+                  if (item.kind === 'single') return rowFor(item.site, false)
+                  const open = openGroups.indexOf(item.key) >= 0
+                  return h('div', { key: 'group-' + item.key }, [
+                    h('div', { key: 'head', style: S.row }, [
+                      h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
+                        h(
+                          'div',
+                          { key: 'label', style: S.rowTitle },
+                          item.label + '（' + item.sites.length + ' 个域）',
+                        ),
+                        h('div', { key: 'desc', style: S.rowDesc }, sum(item.sites, (s) => s.cookies) + ' 个 cookie'),
+                      ]),
+                      h(
+                        Btn,
+                        {
+                          key: 'toggle',
+                          onClick: () =>
+                            setOpenGroups(
+                              open ? openGroups.filter((k) => k !== item.key) : openGroups.concat([item.key]),
+                            ),
+                        },
+                        open ? '收起' : '展开',
+                      ),
                     ]),
-                }),
-
-                h('div', { key: 'diskGroup', style: S.group }, [
-                    '缓存与磁盘',
-                    h('span', { key: 'sum', style: S.groupCount },
-                        disk === null ? '　统计中…' : '　可清理 ' + fmt(disk.totalBytes)),
-                ]),
-                h('div', { key: 'diskList', style: { ...S.list, marginTop: 8 } },
-                    (disk === null ? [] : disk.items).map((item) => h('div', { key: item.id, style: S.row }, [
-                        h('div', {
-                            key: 'check',
-                            role: 'checkbox',
-                            'aria-checked': diskPicked[item.id] === true,
-                            'aria-label': item.label,
-                            tabIndex: 0,
-                            onClick: () => setDiskPicked({ ...diskPicked, [item.id]: !diskPicked[item.id] }),
-                            onKeyDown: (e) => {
-                                if (e.key === 'Enter' || e.key === ' ') {
-                                    e.preventDefault();
-                                    setDiskPicked({ ...diskPicked, [item.id]: !diskPicked[item.id] });
-                                }
-                            },
-                            style: {
-                                width: 16, height: 16, flex: 'none', borderRadius: 4, cursor: 'pointer',
-                                border: '1.5px solid ' + (diskPicked[item.id] ? T.primary : T.borderL3),
-                                display: 'flex', alignItems: 'center', justifyContent: 'center',
+                    open
+                      ? h(
+                          'div',
+                          { key: 'members' },
+                          item.sites.map((s) => rowFor(s, true)),
+                        )
+                      : null,
+                  ])
+                }
+                return h('div', { key: 'loginsBody' }, [
+                  h(
+                    'div',
+                    { key: 'list', style: { ...S.list, marginTop: 8 } },
+                    visible.length === 0
+                      ? h(
+                          'div',
+                          { key: 'none', style: S.tip },
+                          hiddenCount > 0 ? '这一页都被你隐藏了。' : '还没发现登录过的站点。',
+                        )
+                      : items.map(renderItem),
+                  ),
+                  h('div', { key: 'loginsFooter', style: S.footer }, [
+                    h(
+                      'span',
+                      { key: 'src', style: S.tip },
+                      (logins.source === 'live' ? '实时' : '上次快照') +
+                        (logins.attribution === 'unfiltered' ? '（未做第一方过滤）' : ''),
+                    ),
+                    h(
+                      Btn,
+                      {
+                        key: 'all',
+                        onClick: () => setShowAll(!showAll),
+                      },
+                      showAll ? '只看像登录态的' : '显示其余 ' + (logins.total - logins.likelyTotal) + ' 个',
+                    ),
+                    hiddenCount > 0
+                      ? h(
+                          Btn,
+                          {
+                            key: 'reset',
+                            onClick: () => {
+                              setHiddenDomains([])
+                              writeHiddenDomains([])
                             },
-                        }, diskPicked[item.id] ? h('span', { style: { width: 8, height: 8, borderRadius: 2, background: T.primary } }) : null),
-                        h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
-                            h('div', { key: 'label', style: S.rowTitle }, item.label),
-                            h('div', { key: 'desc', style: S.rowDesc },
-                                fmt(item.bytes) + '　' + item.files + ' 个文件'
-                                + (item.note ? '　' + item.note : '')),
-                        ]),
-                    ]))),
-                h('div', { key: 'diskActions', style: S.footer }, [
-                    h(Btn, { key: 'rescan', onClick: refreshDisk, disabled: busy }, '重新统计'),
-                    h(Btn, { key: 'preview', onClick: () => runDisk(true), disabled: busy || disk === null }, '先预演'),
-                    diskPreview
-                        ? h(Btn, { key: 'clean', onClick: () => runDisk(false), disabled: busy }, '确认清理 ' + fmt(diskPreview.freedBytes))
-                        : null,
-                ]),
-                diskPreview
-                    ? h('div', { key: 'diskPreview', style: S.tip },
-                        '预演：将释放 ' + fmt(diskPreview.freedBytes) + skipSummary(diskPreview) + '（点了确认才会真删）')
-                    : null,
-                diskResult
-                    ? h('div', { key: 'diskResult', style: S.tip },
-                        '已释放 ' + fmt(diskResult.freedBytes) + skipSummary(diskResult))
-                    : null,
-
-                // ---- 已登录站点（默认收起） ----
-                h('div', {
-                    key: 'loginsGroup',
-                    style: { ...S.group, cursor: 'pointer', userSelect: 'none' },
-                    onClick: () => setLoginsOpen((open) => !open),
-                }, [
-                    '已登录的站点',
-                    h('span', { key: 'count', style: S.groupCount },
-                        logins === null || logins.sites === undefined
-                            ? '　读取中…'
-                            : '　' + logins.sites.length + ' 个域 · '
-                              + logins.sites.reduce((acc, site) => acc + site.cookies, 0) + ' 个 cookie'),
-                    h('span', { key: 'hint', style: { ...S.groupCount, marginLeft: 8 } },
-                        loginsOpen ? '点击收起' : '点击展开'),
-                ]),
-                loginsOpen ? h(Notes, { key: 'loginsNotes', title: '这份名单怎么来的' },
-                    h('p', { style: S.note },
-                        '只列这台浏览器真的访问过的域；第三方统计/广告域已排除。判据是 OWASP 的会话特征，'
-                        + '名字不作为依据；不显示 cookie 的名字和值，名单只在本机内存，AI 看不到。')) : null,
-                loginsOpen === false
-                    ? null
-                    : logins === null
-                    ? h('div', { key: 'loginsUnknown', style: S.tip },
-                        '读取不到：这个 profile 里的插件版本还没上报，或还没打开过浏览器。')
-                    : (() => {
-                        const pool = showAll ? logins.sites : logins.sites.filter((s) => s.likely);
-                        const visible = pool.filter((s) => hiddenDomains.indexOf(s.domain) < 0);
-                        const hiddenCount = pool.length - visible.length;
-                        const byGroup = new Map();
-                        const items = [];
-                        for (const site of visible) {
-                            const key = site.group ? site.group.key : null;
-                            if (key === null) { items.push({ kind: 'single', site }); continue; }
-                            let group = byGroup.get(key);
-                            if (group === undefined) {
-                                group = { kind: 'group', key, label: site.group.label, sites: [] };
-                                byGroup.set(key, group);
-                                items.push(group);
-                            }
-                            group.sites.push(site);
-                        }
-                        for (let i = items.length - 1; i >= 0; i -= 1) {
-                            if (items[i].kind === 'group' && items[i].sites.length === 1)
-                                items[i] = { kind: 'single', site: items[i].sites[0] };
-                        }
-                        const sum = (list, pick) => list.reduce((acc, s) => acc + pick(s), 0);
-                        const rowFor = (site, indented) => h('div', {
-                            key: site.domain,
-                            style: indented ? { ...S.row, paddingLeft: 18 } : S.row,
-                        }, [
-                            h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
-                                h('div', { key: 'label', style: S.rowTitle }, [
-                                    site.likely ? h(Tag, { key: 'tag' }, '推测登录') : null,
-                                    site.alias || site.title || site.domain,
-                                ]),
-                                h('div', { key: 'desc', style: S.rowDesc },
-                                    (site.alias ? site.domain + '　' : '')
-                                    + (site.title && site.title !== site.alias ? '「' + site.title + '」　' : '')
-                                    + site.cookies + ' 个 cookie'),
-                            ]),
-                            h(Btn, {
-                                key: 'hide',
-                                onClick: () => {
-                                    const next = hiddenDomains.concat([site.domain]);
-                                    setHiddenDomains(next);
-                                    writeHiddenDomains(next);
-                                },
-                            }, '隐藏'),
-                        ]);
-                        const renderItem = (item) => {
-                            if (item.kind === 'single') return rowFor(item.site, false);
-                            const open = openGroups.indexOf(item.key) >= 0;
-                            return h('div', { key: 'group-' + item.key }, [
-                                h('div', { key: 'head', style: S.row }, [
-                                    h('div', { key: 'text', style: { flex: 1, minWidth: 0 } }, [
-                                        h('div', { key: 'label', style: S.rowTitle },
-                                            item.label + '（' + item.sites.length + ' 个域）'),
-                                        h('div', { key: 'desc', style: S.rowDesc },
-                                            sum(item.sites, (s) => s.cookies) + ' 个 cookie'),
-                                    ]),
-                                    h(Btn, {
-                                        key: 'toggle',
-                                        onClick: () => setOpenGroups(open
-                                            ? openGroups.filter((k) => k !== item.key)
-                                            : openGroups.concat([item.key])),
-                                    }, open ? '收起' : '展开'),
-                                ]),
-                                open ? h('div', { key: 'members' }, item.sites.map((s) => rowFor(s, true))) : null,
-                            ]);
-                        };
-                        return h('div', { key: 'loginsBody' }, [
-                            h('div', { key: 'list', style: { ...S.list, marginTop: 8 } },
-                                visible.length === 0
-                                    ? h('div', { key: 'none', style: S.tip },
-                                        hiddenCount > 0 ? '这一页都被你隐藏了。' : '还没发现登录过的站点。')
-                                    : items.map(renderItem)),
-                            h('div', { key: 'loginsFooter', style: S.footer }, [
-                                h('span', { key: 'src', style: S.tip },
-                                    (logins.source === 'live' ? '实时' : '上次快照')
-                                    + (logins.attribution === 'unfiltered' ? '（未做第一方过滤）' : '')),
-                                h(Btn, {
-                                    key: 'all',
-                                    onClick: () => setShowAll(!showAll),
-                                }, showAll ? '只看像登录态的' : '显示其余 ' + (logins.total - logins.likelyTotal) + ' 个'),
-                                hiddenCount > 0
-                                    ? h(Btn, {
-                                        key: 'reset',
-                                        onClick: () => { setHiddenDomains([]); writeHiddenDomains([]); },
-                                    }, '恢复 ' + hiddenCount + ' 个被隐藏的')
-                                    : null,
-                            ]),
-                        ]);
-                    })(),
-
-                msg ? h('div', { key: 'msg', style: S.msg }, msg) : null,
-                h('div', { key: 'foot', style: S.footer }, [
-                    h(Btn, { key: 'refresh', onClick: refresh, disabled: busy }, '刷新状态'),
-                ]),
-            ]);
-        }
+                          },
+                          '恢复 ' + hiddenCount + ' 个被隐藏的',
+                        )
+                      : null,
+                  ]),
+                ])
+              })(),
 
-        function apply(ctx) {
-            ctx.effect(() =>
-                ctx.slots.inject('settings.section', () =>
-                    ctx.slots.register(
-                        { name: 'settings.section', id: 'browser-toggle', order: 106, label: () => '浏览器' },
-                        BrowserPanel,
-                    ),
-                ),
-            );
-        }
+        msg ? h('div', { key: 'msg', style: S.msg }, msg) : null,
+        h('div', { key: 'foot', style: S.footer }, [
+          h(Btn, { key: 'refresh', onClick: refresh, disabled: busy }, '刷新状态'),
+        ]),
+      ])
+    }
+
+    function apply(ctx) {
+      ctx.effect(() =>
+        ctx.slots.inject('settings.section', () =>
+          ctx.slots.register(
+            { name: 'settings.section', id: 'browser-toggle', order: 106, label: () => '浏览器' },
+            BrowserPanel,
+          ),
+        ),
+      )
+    }
 
-        exports.apply = apply;
-        exports.inject = ['slots'];
-        return module.exports;
-    },
-});
+    exports.apply = apply
+    exports.inject = ['slots']
+    return module.exports
+  },
+})