dsh-napcat-keeper 2.1.2 → 2.5.0

package/lib/client.js

@@ -1,10 +1,10 @@
 // DSH「napcat桥」· 网页半边
 //
-// 在 **设置 → napcat桥** 里：看状态、填配置、点一下就能探测/拉起/杀掉重拉。
+// 在 **设置 → napcat桥** 里：看状态、填配置、点一下就能拉起/杀掉重拉。
 // 这里不碰会话、不碰进程，只是往宿主那几条 /dsh-napcat-keeper/* 路由上读写。
 //
-// 对第一次用的人：只要三个空 —— NapCat Shell 目录、QQ 号、OneBot 端口，
-// 保存完就能用；其它都能自动探测。
+// 对第一次用的人：NapCat Shell 目录自己不用猜 —— 上面「分盘扫描」把本机每一块盘
+// 都列成一个按钮，点哪个扫哪个，扫到就点「用这个」填进去；也能自己手填路径。
 
 window.__ModuleLoader__.load({
   id: 'dsh-napcat-keeper',
@@ -112,12 +112,19 @@ window.__ModuleLoader__.load({
     }
 
     const 字段 = [
+      {
+        group: '分盘扫描（选一块盘，让它自己找 Shell 目录）',
+        note: '',
+        custom: 'scan',
+        items: [],
+      },
       {
         group: '连接',
         note: '这三项填完就能跑：NapCat 装在哪、要拉哪个 QQ、OneBot 开在哪个端口。',
         items: [
-          ['shellDir', 'NapCat Shell 目录', '例如 C:/Users/你/NapCat/OneKey/NapCat.<版本>.Shell —— 里面有 napcat*.bat', 'text', true],
+          ['shellDir', 'NapCat Shell 目录', '用上面的「分盘扫描」找出来，或者手填完整路径，例如 C:/Users/你/NapCat/OneKey/NapCat.<版本>.Shell —— 里面有 napcat*.bat', 'text', true],
           ['launcherScript', '启动脚本', '留空自动挑（quick 优先，其次 napcat*.bat）', 'text'],
+          ['nodePath', 'Node 运行时（node.exe）', '留空 = 自动：DSH 自带那份 → 系统 PATH → 常见安装目录 → NapCat 目录。只有「Shell 型」NapCat（目录顶层有 napcat.mjs）才真的用到它；OneKey 注入型跑在 QQ 自己的 Node 里，跟这里无关', 'text'],
           ['launchAccount', '要快登的 QQ 号', '填了它、脚本又找不到时，会自动生成一个直接调 NapCatWinBootMain.exe 的脚本', 'text'],
           ['onebotPort', 'OneBot HTTP 端口', 'NapCat 里 onebot11 的 httpServers 端口，默认 3000', 'number', true],
           ['accessToken', 'OneBot 访问令牌', '没设就留空；设了要跟 NapCat 里填的一致', 'password'],
@@ -142,6 +149,12 @@ window.__ModuleLoader__.load({
         custom: 'password',
         items: [],
       },
+      {
+        group: '需要你点一下的脚本（免管理员提权）',
+        note: '',
+        custom: 'setup',
+        items: [],
+      },
       {
         group: '高级',
         note: '一般不用动。',
@@ -175,16 +188,26 @@ window.__ModuleLoader__.load({
         h('div', { style: { ...S.kv, marginTop: 8 } },
           h('span', { style: S.dim }, '进程'),
           h('span', null,
-            'NapCatWinBootMain ' + String((runtime.procs && runtime.procs.boot) || 0) +
-            ' ｜ QQ ' + String((runtime.procs && runtime.procs.qq) || 0) +
-            ' ｜ 链 ' + String((runtime.procs && runtime.procs.chains) || 0) +
-            (runtime.procs && runtime.procs.dup ? ' ⚠ 有重复链' : '')),
+            runtime.procs && runtime.procs.known === false
+              ? '（还没探测）'
+              : 'NapCatWinBootMain ' + String((runtime.procs && runtime.procs.boot) || 0) +
+                ' ｜ QQ ' + String((runtime.procs && runtime.procs.qq) || 0) +
+                ' ｜ 链 ' + String((runtime.procs && runtime.procs.chains) || 0) +
+                (runtime.procs && runtime.procs.dup ? ' ⚠ 有重复链' : '')),
           h('span', { style: S.dim }, '路径前缀'),
           h('span', { style: { wordBreak: 'break-all' } }, String(runtime.procRoot || '（空）')),
           h('span', { style: S.dim }, '启动脚本'),
           h('span', { style: { wordBreak: 'break-all' } }, String(runtime.launcherFound || '⚠ 没找到')),
+          h('span', { style: S.dim }, 'Node'),
+          h('span', { style: { wordBreak: 'break-all' } },
+            runtime.node && runtime.node.path
+              ? String(runtime.node.source || '') + ' ' + String(runtime.node.version || '') + ' · ' + String(runtime.node.path)
+              : '⚠ 没找到 node（Shell 型 NapCat 会拉不起来；注入型不受影响）'),
           h('span', { style: S.dim }, '计划任务'),
-          h('span', null, String(runtime.taskName || '（不用）') + (runtime.taskReady ? ' ✓ 就绪' : '（还没建）')),
+          h('span', null, String(runtime.taskName || '（不用）') +
+            (runtime.taskReady === null || runtime.taskReady === undefined
+              ? '（读取中…）'
+              : runtime.taskReady ? ' ✓ 就绪' : '（还没建）')),
           h('span', { style: S.dim }, '二维码'),
           h('span', null, runtime.qr ? '最新一张 ' + String(runtime.qr.ageSec) + ' 秒前' : '还没有（没进扫码态）'),
           h('span', { style: S.dim }, '桥接心跳'),
@@ -201,6 +224,8 @@ window.__ModuleLoader__.load({
       const [说, set说] = React.useState('')
       const [开日志, set开日志] = React.useState(false)
       const [风险开, set风险开] = React.useState(false)
+      // null = 「还没动过，默认全勾能做的」；一旦用户点过 checkbox 就固定用它（哪怕空数组）
+      const [勾, set勾] = React.useState(null)
 
       const 装 = (data) => {
         set态(data)
@@ -214,9 +239,95 @@ window.__ModuleLoader__.load({
       }
 
       React.useEffect(() => {
-        get('/state').then((d) => d && 装(d))
+        let alive = true
+        let tries = 0
+        const 拉 = async () => {
+          const d = await get('/state')
+          if (!alive) return
+          if (d && d.config) {
+            装(d)
+            return
+          }
+          if (tries < 3) {
+            tries += 1
+            setTimeout(拉, 900)
+            return
+          }
+          set说('接口没响应，读不到状态（日志见 ~/.dsh/napcat-keeper.log）')
+          set态({ ok: false, config: null, runtime: {}, scan: {}, drives: [], log: [] })
+        }
+        拉()
+        return () => {
+          alive = false
+        }
       }, [])
 
+      /* ⚠ 所有 hook 都必须排在下面任何一个 return 之前。
+         之前扫描轮询的 useEffect 写在早退之后：第一次渲染 hook 少一个，
+         一旦拿到状态触发 re-render，hook 数变多 → React #310
+         「Rendered more hooks than during the previous render」→ 整个
+         settings.section 崩掉（面板空白，还连带别的插件一起挂）。 */
+      const 扫着 = Boolean(态 && 态.scan && 态.scan.running)
+      React.useEffect(() => {
+        if (!扫着) return undefined
+        let alive = true
+        const timer = setInterval(() => {
+          // 轮询走轻量档：不开 PowerShell，只拉扫描进度和运行态
+          get('/state?light=1').then((d) => {
+            if (!alive || !d) return
+            set态((prev) =>
+              prev && {
+                ...prev,
+                scan: d.scan || prev.scan,
+                drives: d.drives && d.drives.length ? d.drives : prev.drives,
+                runtime: d.runtime || prev.runtime,
+                log: d.log && d.log.length ? d.log : prev.log,
+              },
+            )
+          })
+        }, 1500)
+        return () => {
+          alive = false
+          clearInterval(timer)
+        }
+      }, [扫着])
+
+      /* ---------- 早退（都在 hook 之后） ---------- */
+      if (!态) {
+        return h('div', { style: S.wrap }, h('div', { style: S.dim }, 说 || '正在读取 napcat 看门狗状态 …'))
+      }
+      if (态.ok === false) {
+        return h(
+          'div',
+          { style: S.wrap },
+          h('div', { style: S.h }, 'napcat 看门狗'),
+          h('div', { style: S.bad }, 说 || '读不到状态'),
+          h(
+            'div',
+            { style: { ...S.dim, marginTop: 8 } },
+            '插件本体（看门狗、napcat_status / napcat_restart 工具）照常工作，只是这个面板没拿到数据。',
+          ),
+          h(
+            'button',
+            {
+              style: { ...S.btn, marginTop: 10 },
+              onClick: () => {
+                set说('')
+                set态(null)
+                get('/state').then((d) => {
+                  if (d && d.config) 装(d)
+                  else {
+                    set说('重试还是没响应')
+                    set态({ ok: false, config: null, runtime: {}, scan: {}, drives: [], log: [] })
+                  }
+                })
+              },
+            },
+            '重试',
+          ),
+        )
+      }
+
       const 脏 = Boolean(态 && 草 && 全部键.some((k) => String(取(草, k)) !== String(取(态.config, k))))
 
       const 存 = async () => {
@@ -238,22 +349,230 @@ window.__ModuleLoader__.load({
         set忙(false)
       }
 
-      const 探测 = async () => {
-        set忙(true)
-        const r = await post('/action', { do: 'detect' })
-        if (r) {
-          装(r)
-          if (r.extra) set草((prev) => ({ ...(prev || {}), shellDir: r.extra }))
+      const 改 = (k, v) => set草((prev) => ({ ...(prev || {}), [k]: v }))
+
+      /* 提权交接：插件自己不去要管理员，只写脚本；「是」由人在 UAC 上按。 */
+      function 提权区() {
+        const 设 = 态 && 态.setup
+        if (!设) return h('div', { style: S.hint }, '读不到脚本状态（刷新一下面板试试）')
+        const needs = 设.needs || []
+        const 可做 = needs.filter((n) => n.ready).map((n) => n.id)
+        const 选中 = (勾 === null ? 可做 : 勾).filter((id) => 可做.indexOf(id) >= 0)
+        const 切 = (id) => {
+          set勾(选中.indexOf(id) >= 0 ? 选中.filter((x) => x !== id) : 选中.concat(id))
         }
-        set说((r && r.said) || '探测完了')
-        set忙(false)
+        const 跑 = async (doIt, extra) => {
+          if (忙) return
+          set忙(true)
+          set说('执行中：' + doIt + ' …')
+          const r = await post('/action', { do: doIt, ...(extra || {}) })
+          // 只换态、不动草稿：用户可能还有没保存的设置
+          if (r) set态(r)
+          set说((r && r.said) || '做完了')
+          set忙(false)
+        }
+        const 生成 = () => {
+          if (!选中.length) {
+            set说('先勾上至少一条要它做的事')
+            return
+          }
+          跑('makeSetup', { needs: 选中, open: true })
+        }
+        const 计划 = 设.plan
+        const 上次 = 设.lastRun
+        const 结果们 = (上次 && 上次.results) || []
+        const 成数 = 结果们.filter((x) => x.ok).length
+        return h('div', null,
+          h('div', { style: S.h }, '需要你点一下的脚本（插件不去抢管理员）'),
+          h('div', { style: { ...S.dim, marginBottom: 8 } },
+            '要动「装系统的位置」时，插件不偷偷提权，而是把要做的事写成一份脚本放到下面的目录里：'
+              + '你双击 apply-admin.cmd，只有含管理员步骤的那一批才会弹 UAC —— 那个「是」就是你自己按的确认键；'
+              + '不含的批次双击直接跑。跑完回来点「读结果」，想全部撤回就双击 undo-admin.cmd。'),
+          h('div', { style: S.card },
+            needs.map((n) => h('label', {
+              key: n.id,
+              style: {
+                display: 'flex',
+                gap: 8,
+                alignItems: 'flex-start',
+                padding: '6px 0',
+                opacity: n.ready ? 1 : 0.55,
+                cursor: n.ready ? 'pointer' : 'not-allowed',
+              },
+            },
+            h('input', {
+              type: 'checkbox',
+              name: 'npk-need-' + String(n.id),
+              checked: 选中.indexOf(n.id) >= 0,
+              disabled: !n.ready || 忙,
+              onChange: () => 切(n.id),
+              style: { marginTop: 3, flex: '0 0 auto' },
+            }),
+            h('div', { style: { flex: '1 1 auto', minWidth: 0 } },
+              h('div', null, String(n.label || n.id) + (n.needAdmin ? '（要不要管理员看你的目录权限）' : '（不需要管理员）')),
+              h('div', { style: S.hint }, String(n.hint || '')),
+              !n.ready ? h('div', { style: { ...S.warn, fontSize: 11.5, marginTop: 2 } }, '先解决：' + String(n.why || '')) : null),
+            )),
+            h('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap', marginTop: 10 } },
+              h('button', { type: 'button', style: S.btnOn, disabled: 忙, onClick: 生成 }, '生成脚本并打开文件夹'),
+              h('button', { type: 'button', style: S.btn, disabled: 忙 || !设.exists, onClick: () => 跑('openSetup') }, '打开文件夹'),
+              h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 跑('setupResult') }, '读结果'),
+            ),
+            h('div', { style: { ...S.hint, marginTop: 6, wordBreak: 'break-all' } }, String(设.dir || '')),
+            计划
+              ? h('div', { style: { ...S.dim, marginTop: 8 } },
+                '上次生成：' + String(计划.createdAt || '').replace('T', ' ').slice(0, 19)
+                  + '｜' + String((计划.steps || []).length) + ' 步'
+                  + (计划.needAdmin ? '｜含管理员步骤' : '｜全程普通权限'),
+                h('div', { style: S.hint }, (计划.steps || []).map((s) => String(s.label || s.id)).join('、')))
+              : h('div', { style: { ...S.dim, marginTop: 8 } }, '还没生成过脚本'),
+            上次
+              ? h('div', { style: { marginTop: 8 } },
+                h('div', { style: 上次.ok ? S.ok : S.bad },
+                  (上次.mode === 'undo' ? '撤回' : '执行') + '：' + String(成数) + '/' + String(结果们.length) + ' 步成'
+                    + (上次.elevated ? '｜用了管理员' : '｜没用管理员')),
+                结果们.map((x) => h('div', {
+                  key: String(x.id || '') + String(x.label || ''),
+                  style: { ...S.hint, color: x.ok ? undefined : '#c0392b' },
+                }, (x.ok ? '✓ ' : x.skipped ? '· 跳过 ' : '✗ ')
+                  + String(x.label || x.id || '') + '：' + String(x.message || ''))))
+              : null,
+          ),
+        )
       }
 
-      if (!态) {
-        return h('div', { style: S.wrap }, h('div', { style: S.dim }, '正在读取 napcat 看门狗状态 …'))
-      }
+      function 扫描区() {
+        const 扫 = (态 && 态.scan) || { running: false, found: [], drives: [], visited: 0 }
+        const 盘们 = (态 && 态.drives) || []
+        const 结果 = 扫.found || []
+        const 发起 = async (drive) => {
+          if (忙) return
+          set忙(true)
+          set说(drive ? `开始扫 ${drive} …` : '开始把所有盘都扫一遍 …')
+          const r = await post('/action', { do: 'scan', drive })
+          if (r) set态(r)
+          set说((r && r.said) || '')
+          set忙(false)
+        }
+        const 用这个 = async (p) => {
+          if (忙) return
+          set忙(true)
+          const r = await post('/action', { do: 'useShell', shellDir: p })
+          if (r) 装(r)
+          set说((r && r.said) || '已切过去')
+          set忙(false)
+        }
+        // 只刷新盘符列表，不碰下面正在编辑的草稿（别用 装()，那会把没保存的改动冲掉）
+        const 重读盘 = async () => {
+          if (忙) return
+          set忙(true)
+          const r = await post('/action', { do: 'drives' })
+          if (r && Array.isArray(r.drives)) set态((prev) => ({ ...(prev || {}), drives: r.drives }))
+          set说((r && r.said) || '')
+          set忙(false)
+        }
+        return h('div', null,
+          h('div', { style: S.h }, '分盘扫描（选一块盘，让它自己找）'),
+          h('div', { style: { ...S.dim, marginBottom: 8 } },
+            '插件不再替你猜 NapCat 装在哪：本机有几块盘，这里就列几个按钮（系统说有哪几块就是哪几块，'
+              + '光驱、移动硬盘、上着锁的盘也会列出来），点哪块扫哪块。深度 7 层、跳过 Windows/回收站/node_modules，'
+              + '单盘最多 90 秒；扫到像 NapCat Shell 的目录就停在那条路径上（不再往下钻），'
+              + '结果在下面列出来，点「用这个」直接填进 Shell 目录。'),
 
-      const 改 = (k, v) => set草((prev) => ({ ...(prev || {}), [k]: v }))
+          h('div', { style: S.card },
+            h('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap', alignItems: 'center' } },
+              ...盘们.map((d) => h('button', {
+                key: d,
+                type: 'button',
+                style: 扫.running ? { ...S.btn, opacity: 0.5 } : S.btn,
+                disabled: 忙 || 扫.running,
+                onClick: () => 发起(d),
+              }, '扫 ' + d)),
+              盘们.length
+                ? h('button', {
+                  type: 'button',
+                  style: 扫.running ? { ...S.btn, opacity: 0.5 } : S.btnOn,
+                  disabled: 忙 || 扫.running,
+                  onClick: () => 发起('all'),
+                }, '全部盘（慢）')
+                : h('span', { style: S.bad }, '没读到盘 —— 点右边「重新读盘」再试一次'),
+              扫.running
+                ? h('button', {
+                  type: 'button',
+                  style: S.btn,
+                  disabled: 忙,
+                  onClick: async () => {
+                    const r = await post('/action', { do: 'scanStop' })
+                    set说((r && r.said) || '已要求停止')
+                  },
+                }, '停止')
+                : null,
+              h('button', { type: 'button', style: S.btn, disabled: 忙 || 扫.running, onClick: 重读盘 }, '重新读盘'),
+            ),
+            h('div', { style: { ...S.dim, marginTop: 6 } },
+              盘们.length
+                ? `读到 ${盘们.length} 块盘：${盘们.join('、')}（插了移动盘就点「重新读盘」）`
+                : '一块盘都没读到'),
+
+            扫.running
+              ? h('div', { style: { ...S.dim, marginTop: 8 } },
+                `正在扫 ${扫.drive || (扫.drives || []).join('、')} … 已看 ${扫.visited} 个目录，`
+                  + `用时 ${Math.round((扫.elapsedMs || 0) / 1000)} 秒，命中 ${结果.length} 个`)
+              : null,
+            !扫.running && (扫.elapsedMs || 0) > 0
+              ? h('div', { style: { ...S.dim, marginTop: 8 } },
+                `上一轮：${(扫.drives || []).join('、') || '—'}，看了 ${扫.visited} 个目录，`
+                  + `用时 ${Math.round((扫.elapsedMs || 0) / 1000)} 秒，命中 ${结果.length} 个`
+                  + (扫.limitHit ? '（到时间/数量上限就停了，结果可能不全）' : '')
+                  + (扫.cancelled ? '（你中途停了）' : ''))
+              : null,
+            扫.error ? h('div', { style: { ...S.bad, marginTop: 6 } }, '扫描出错：' + 扫.error) : null,
+
+            结果.length
+              ? h('div', { style: { marginTop: 10 } },
+                ...结果.map((f) => h('div', {
+                  key: f.path,
+                  style: {
+                    display: 'flex',
+                    gap: 10,
+                    alignItems: 'flex-start',
+                    padding: '8px 0',
+                    borderTop: '1px solid var(--dsw-alias-border-1, rgba(0,0,0,.08))',
+                  },
+                },
+                h('div', { style: { flex: '1 1 auto', minWidth: 0 } },
+                  h('div', {
+                    style: { fontFamily: 'ui-monospace, Consolas, monospace', fontSize: 12, wordBreak: 'break-all' },
+                  }, f.path),
+                  h('div', { style: S.hint },
+                    (f.launcher ? '启动脚本：' + f.launcher : '没找到 .bat 启动脚本')
+                      + (f.boot ? ' · 含 NapCatWinBootMain.exe' : '')
+                      + (f.drive ? ' · ' + f.drive : '')),
+                  f.shell === undefined
+                    ? h('div', { style: { ...S.hint, color: '#9a7b2f' } },
+                      '（服务端还是旧版，没给判定 —— 重启 DSH 后这里会标真假）')
+                    : (f.shell
+                      ? h('div', { style: { ...S.hint, color: '#2f8f5b' } },
+                        '✓ 像真 Shell：' + (f.evidence && f.evidence.length ? f.evidence.join(' · ') : '有 QQ 本体'))
+                      : h('div', { style: { ...S.warn, fontSize: 11.5, marginTop: 2 } },
+                        '⚠ 没看到 versions/QQ.exe/napcat.mjs —— 多半是 OneKey 装完留下的壳模板（只有 bootmain + bat），'
+                          + '选它大概率拉不起来；确定你这份是精简布局再选')),
+                ),
+                h('button', {
+                  type: 'button',
+                  style: f.shell === false ? S.btn : S.btnOn,
+                  disabled: 忙,
+                  onClick: () => 用这个(f.path),
+                }, f.shell === false ? '仍要用这个' : '用这个'),
+                )),
+              )
+              : (!扫.running && (扫.elapsedMs || 0) > 0
+                ? h('div', { style: { ...S.bad, marginTop: 8 } },
+                  '这个范围里没找到。要么换个盘，要么把目录直接手填到下面「NapCat Shell 目录」里。')
+                : null),
+          ),
+        )
+      }
 
       /* ---------- 「记住密码」那一块：先讲风险，再让人自己决定 ---------- */
       const 风险条目 = [
@@ -369,8 +688,9 @@ window.__ModuleLoader__.load({
             hint ? h('div', { style: S.hint }, hint) : null),
           h('div', { style: S.ctl },
             ctl,
-            key === 'shellDir' ? h('div', { style: { marginTop: 6 } },
-              h('button', { type: 'button', style: S.btn, onClick: 探测, disabled: 忙 }, '自动探测')) : null),
+            key === 'shellDir'
+              ? h('div', { style: S.hint }, '不想手填就用上面「分盘扫描」：挑一块盘让它自己找，扫到点「用这个」。')
+              : null),
         )
       }
 
@@ -383,23 +703,28 @@ window.__ModuleLoader__.load({
         状态条(态.runtime),
 
         h('div', { style: { display: 'flex', gap: 8, flexWrap: 'wrap', margin: '10px 0' } },
-          h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 动('probe') }, '重新探测'),
+          h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 动('probe') }, '重新探活'),
           h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 动('launch') }, '拉起 NapCat'),
           h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 动('restart') }, '杀掉重拉'),
           h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 动('dedupe') }, '去重复链'),
           h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 动('createTask') }, '建计划任务'),
           h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 动('hideConsole') }, '收起黑框'),
+          h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 动('checkNode') }, '测一下 node'),
           h('button', { type: 'button', style: S.btn, disabled: 忙, onClick: () => 动('kill') }, '全部杀掉'),
         ),
         说 ? h('div', { style: { ...S.dim, marginBottom: 6 } }, 说) : null,
 
         字段.map((g) => g.custom === 'password'
           ? h('div', { key: g.group }, 密码区())
-          : h('div', { key: g.group },
-            h('div', { style: S.h }, g.group),
-            g.note ? h('div', { style: { ...S.dim, marginBottom: 8 } }, g.note) : null,
-            g.items.map(渲染项),
-          )),
+          : g.custom === 'scan'
+            ? h('div', { key: g.group }, 扫描区())
+            : g.custom === 'setup'
+              ? h('div', { key: g.group }, 提权区())
+              : h('div', { key: g.group },
+                h('div', { style: S.h }, g.group),
+                g.note ? h('div', { style: { ...S.dim, marginBottom: 8 } }, g.note) : null,
+                g.items.map(渲染项),
+              )),
 
         h('div', { style: S.h }, '日志'),
         h('div', { style: { display: 'flex', gap: 8, marginBottom: 6 } },