sintbot 1.4.11 → 1.4.12

package/CHANGELOG.en.json

@@ -1,4 +1,19 @@
 [
+  {
+    "version": "1.4.12",
+    "date": "2026-11-10",
+    "name": "Projects and live activity",
+    "items": [
+      {
+        "t": "Projects, concurrency and context in one panel",
+        "d": "Show project paths, runtime, configured reasoning and context together; restore row icon actions and display task tools, reply and compact metrics after selecting a group. Remove the top available-controls notice."
+      },
+      {
+        "t": "Actual task details and reported context",
+        "d": "Shows requests, follow-ups, progress, replies and the latest reported context. Reuses existing events without extra model calls; details load on demand and restored samples are labeled historical."
+      }
+    ]
+  },
   {
     "version": "1.4.11",
     "date": "2026-11-10",

package/CHANGELOG.json

@@ -1,4 +1,19 @@
 [
+  {
+    "version": "1.4.12",
+    "date": "2026-11-10",
+    "name": "群项目与实时活动",
+    "items": [
+      {
+        "t": "群项目、并发与上下文集中展示",
+        "d": "群项目、运行耗时、项目路径、模型思考深度与上下文集中展示；恢复群行图标操作，选择群后查看任务，详情采用工具标签、回复正文和紧凑统计。 移除顶部当前可用操作说明卡片。"
+      },
+      {
+        "t": "真实任务详情与可信上下文",
+        "d": "展示请求、补话、进度、回复及最近上报的上下文。使用既有事件，不额外请求模型；详情按需加载，重启后历史采样明确标注。"
+      }
+    ]
+  },
   {
     "version": "1.4.11",
     "date": "2026-11-10",

package/bin/sintbot-v2.js

@@ -114,6 +114,7 @@ async function startMultiGroupService({ installation, preflightOnly, uiEnabled =
   let configControl
   let updater
   let liveTransport
+  let activity
   let onSigint, onSigterm
   try {
     const migrationFence = require('../src/c2migration').loadC2MigrationFence({ stateDir, routes })
@@ -139,6 +140,9 @@ async function startMultiGroupService({ installation, preflightOnly, uiEnabled =
     // All group Engines must share this exact object: separate Store caches
     // would overwrite sibling sessions when they save the same state file.
     const store = new StateStore(path.join(stateDir, 'state.json'))
+    activity = require('../src/ui/liveactivity').createLiveActivity({
+      file: path.join(stateDir, 'activity-v1.json'), canWrite: assertWriterLock,
+      log: message => process.stderr.write(`Console · ${message}\n`) })
     const closeChecks = {
       claude: require('../src/agent/claudecode').isClosedRunnerResult,
       'codex-exec': require('../src/agent/codexcode').isClosedRunnerResult,
@@ -154,11 +158,12 @@ async function startMultiGroupService({ installation, preflightOnly, uiEnabled =
     const limits = { maxEventCount: 100_000, maxJournalBytes: 64 * 1024 * 1024,
       maxCompletionEvents: 1_000, maxCompletionBytes: 8 * 1024 * 1024 }
     let finishing = false
-    const finish = result => {
+    const finish = async result => {
       if (finishing) return
       finishing = true
       ui?.close()
       updater?.close()
+      await activity?.close()
       lock.release()
       process.stderr.write(`C2 multi-group · ${result.reason}; platform stopped=${result.platformStopped}; runner drained=${result.drained}\n`,
         () => process.exit(result.code))
@@ -230,7 +235,7 @@ async function startMultiGroupService({ installation, preflightOnly, uiEnabled =
             return result
           }
           engine = new Engine({ ...cfg, groups: { [route.chatId]: route.group } }, {
-            store, log: message => process.stderr.write(`C2 v2 · ${message}\n`),
+            store, activity, log: message => process.stderr.write(`C2 v2 · ${message}\n`),
             durableV2Runtime: runtime, durableV2Payloads: handles,
             durableV2StartTurn: startTurn, durableV2ApplyLocalEffect: applyLocalEffect,
             durableV2VerifyRunnerClosed: ({ result, error }) => result
@@ -284,7 +289,7 @@ async function startMultiGroupService({ installation, preflightOnly, uiEnabled =
     process.on('SIGTERM', onSigterm)
     if (uiEnabled && !preflightOnly) {
       ui = require('../src/c2console').createC2Console({
-        configPath: cfg._path, stateDir, host: uiHost,
+        configPath: cfg._path, stateDir, host: uiHost, activity, store,
         getConfig: () => cfg, getBindings: () => service.bindings,
         getHeld: () => service.held, getCapacity: () => capacity.snapshot(),
         getConnHealth: () => liveTransport?.platform.connHealth?.() || {},
@@ -339,6 +344,7 @@ async function startMultiGroupService({ installation, preflightOnly, uiEnabled =
     throw error
   } finally {
     if (!running) {
+      await activity?.close()
       updater?.close()
       if (onSigint) process.off('SIGINT', onSigint)
       if (onSigterm) process.off('SIGTERM', onSigterm)

package/docs/AI-ASSISTED-INSTALL.md

@@ -1,4 +1,4 @@
-# Install SintBot 1.4.11 with an AI assistant
+# Install SintBot 1.4.12 with an AI assistant
 
 English · [简体中文](./zh-CN/AI-ASSISTED-INSTALL.md)
 
@@ -15,5 +15,5 @@ Use the terminal on the Mac that will run SintBot. A cloud shell cannot install
 ## Copyable request
 
 ```text
-Install SintBot 1.4.11 on this Mac using the one-line installation guide. Preserve existing services, configuration, state and Codex or Claude Code account data. Do not expose credentials. Verify the actual installed executable and binary core, configure the Feishu groups with their runners, and initialize only clean new state. Run the foreground preflight and an authorized read-only group test, check the result, then verify clean stop/restart. Stop temporary processes when finished, and distinguish package installation from successful group acceptance.
+Install SintBot 1.4.12 on this Mac using the one-line installation guide. Preserve existing services, configuration, state and Codex or Claude Code account data. Do not expose credentials. Verify the actual installed executable and binary core, configure the Feishu groups with their runners, and initialize only clean new state. Run the foreground preflight and an authorized read-only group test, check the result, then verify clean stop/restart. Stop temporary processes when finished, and distinguish package installation from successful group acceptance.
 ```

package/docs/install.md

@@ -1,4 +1,4 @@
-# Install SintBot 1.4.11
+# Install SintBot 1.4.12
 
 English · [简体中文](./zh-CN/install.md)
 
@@ -10,7 +10,7 @@ You need a Mac, Node.js 22 or newer, and projects stored on that Mac. Install an
 curl -fsSL https://sintbot.com/install.sh | bash
 ```
 
-The installer checks the environment, installs `sintbot@1.4.11` into `~/.local/share/sintbot`, and verifies the entry, built-in core and Feishu module. Continue when you see `Installed and verified SintBot 1.4.11`. No sudo is needed.
+The installer checks the environment, installs `sintbot@1.4.12` into `~/.local/share/sintbot`, and verifies the entry, built-in core and Feishu module. Continue when you see `Installed and verified SintBot 1.4.12`. No sudo is needed.
 
 To preview, append `-s -- --dry-run`. To choose another location, set `SINTBOT_INSTALL_DIR` and adjust the executable paths below.
 
@@ -105,7 +105,9 @@ Busy follow-ups default on for both Codex and Claude Code. Set `steer: false` to
 
 ## 6. Console
 
-With `--ui`, open `http://127.0.0.1:4600` on this Mac. The console shows each group (a paused group shows Needs attention), stops tasks, starts a new conversation for an idle group, binds new groups, switches the model or project folder of an idle group, and adds or configures models. For LAN access, set a console password in its settings first, then enable LAN access.
+The overview combines group projects and concurrency. Each row shows the runner, state and elapsed time, project folder, model and configured reasoning effort, and the latest reported context usage. Select a group to view its tasks, then expand a task for tools, reply and usage. Context is a session sample, not cumulative token consumption; unknown capacity and older samples are labeled. Row icons provide console messages, stop and new-session controls according to the current group state.
+
+With `--ui`, open `http://127.0.0.1:4600` on this Mac. The console shows each group, stops tasks, starts a new conversation for an idle group, binds new groups, switches the model or project folder of an idle group, and adds or configures models. For LAN access, set a console password in its settings first, then enable LAN access.
 
 Settings → Software updates checks for new releases. In the foreground setup above it shows the upgrade steps: press Ctrl-C and wait for exit, rerun the one-line installer, then start again with the same command. If your own launchd agent starts SintBot, Upgrade now waits until every group is idle and settled, installs the new version into `~/.local/share/sintbot/releases/<version>` and switches the agent to it; if the new version does not connect every group within 90 seconds, the previous one is restored. A window shows each step, reconnects by itself while the service restarts and can be left running in the background. On the first start after an upgrade, each serving group gets one card listing what changed; to turn this off, clear "Announce upgrades in groups" under Settings → Software updates.
 

package/docs/zh-CN/AI-ASSISTED-INSTALL.md

@@ -1,4 +1,4 @@
-# 用 AI 助手安装 SintBot 1.4.11
+# 用 AI 助手安装 SintBot 1.4.12
 
 [English](../AI-ASSISTED-INSTALL.md) · 简体中文
 
@@ -15,5 +15,5 @@
 ## 可复制的请求
 
 ```text
-按一行安装指南，在这台 Mac 安装 SintBot 1.4.11。保留已有服务、配置、状态和 Codex 或 Claude Code 账号数据，不输出凭据。验证实际入口与二进制核心，配置飞书群及各群的执行器，只对全新状态初始化。运行前台预检和已授权的只读群测试，对照结果，再验证正常停止与重启。完成后停止临时进程，并区分程序包安装与群验收结果。
+按一行安装指南，在这台 Mac 安装 SintBot 1.4.12。保留已有服务、配置、状态和 Codex 或 Claude Code 账号数据，不输出凭据。验证实际入口与二进制核心，配置飞书群及各群的执行器，只对全新状态初始化。运行前台预检和已授权的只读群测试，对照结果，再验证正常停止与重启。完成后停止临时进程，并区分程序包安装与群验收结果。
 ```

package/docs/zh-CN/install.md

@@ -1,4 +1,4 @@
-# 安装 SintBot 1.4.11
+# 安装 SintBot 1.4.12
 
 [English](../install.md) · 简体中文
 
@@ -10,7 +10,7 @@
 curl -fsSL https://sintbot.com/install.sh | bash
 ```
 
-安装器会自动检查环境，把 `sintbot@1.4.11` 装到 `~/.local/share/sintbot`，并验证程序入口、内置核心和飞书模块。看到 `Installed and verified SintBot 1.4.11` 就可以继续。不需要 sudo。
+安装器会自动检查环境，把 `sintbot@1.4.12` 装到 `~/.local/share/sintbot`，并验证程序入口、内置核心和飞书模块。看到 `Installed and verified SintBot 1.4.12` 就可以继续。不需要 sudo。
 
 可选预览：在命令末尾加 `-s -- --dry-run`。要自定义安装位置，设置 `SINTBOT_INSTALL_DIR` 环境变量，并同步修改后面的可执行文件路径。
 
@@ -105,7 +105,9 @@ Codex 和 Claude Code 的忙时跟进默认开启；`steer:false` 改为排队
 
 ## 6. 控制台
 
-带 `--ui` 启动后，在本机浏览器打开 `http://127.0.0.1:4600`。控制台可以查看各群状态（暂停的群显示「需要处理」）、停止任务、给空闲的群开新会话、绑定新群、给空闲的群切换模型或项目目录、添加和设置模型。要从局域网访问，先在控制台的设置里设访问密码，再开启局域网访问。
+概览合并群项目与并发信息，每行显示执行器、状态与耗时、项目目录、模型和配置的思考深度、最近上报的上下文用量。选择群后查看对应任务，展开任务查看工具、回复和用量。上下文是当前会话采样，不是累计消耗；容量未知或历史采样会明确标注。群行图标按当前状态提供插话、停止与新会话操作。
+
+带 `--ui` 启动后，在本机浏览器打开 `http://127.0.0.1:4600`。控制台可以查看各群状态、停止任务、给空闲的群开新会话、绑定新群、给空闲的群切换模型或项目目录、添加和设置模型。要从局域网访问，先在控制台的设置里设访问密码，再开启局域网访问。
 
 「设置 → 软件更新」会检查新版本。按上面前台方式运行时，卡片给出升级步骤：按 Ctrl-C 等待退出，重新运行一行安装命令，再用原来的命令启动。如果用你自己的 launchd 后台任务启动 SintBot，「现在升级」会等所有群空闲、记录结清后，把新版本装到 `~/.local/share/sintbot/releases/<版本>` 并切换过去；新版本 90 秒内没连上全部群会自动换回旧版。升级时窗口逐步显示进度，服务重启时页面自动重连，也可以放到后台继续。升级后首次启动会在每个在服务的群发一张版本公告卡，列出这一版的更新；不想播报就在「设置 → 软件更新」取消「升级后向群里播报」。
 

package/install.sh

@@ -2,7 +2,7 @@
 # The function is parsed in full before installation starts, including when piped.
 sintbot_install() (
   set -eu
-  version=1.4.11
+  version=1.4.12
   prefix="${SINTBOT_INSTALL_DIR:-$HOME/.local/share/sintbot}"
   fail() { printf 'SintBot: %s\n' "$*" >&2; exit 1; }
   case "${1:-}" in

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sintbot",
-  "version": "1.4.11",
+  "version": "1.4.12",
   "private": false,
   "description": "Drive your Mac projects from Feishu groups with Codex or Claude Code, using a built-in agent core.",
   "bin": {
@@ -135,6 +135,8 @@
     "src/ui/console.html",
     "src/ui/dashboard.js",
     "src/ui/feishulogin.js",
+    "src/ui/liveactivity-client.js",
+    "src/ui/liveactivity.js",
     "src/ui/serverbase.js",
     "src/ui/sessions.js",
     "src/ui/takeover.js",

package/src/agent/claudecode.js

@@ -439,6 +439,10 @@ function runTurn({
             ev.contextTokens = (lastMsgUsage.input_tokens || 0) + (lastMsgUsage.cache_read_input_tokens || 0) + (lastMsgUsage.cache_creation_input_tokens || 0)
           }
           if (ev.type === 'result') {
+            const windows = Object.values(raw.modelUsage || {}).map(value => value?.contextWindow)
+            // No model-name guesses; a single reported capacity is unambiguous.
+            if (windows.length && windows.every(value => Number.isFinite(value) && value > 0) &&
+                new Set(windows).size === 1) ev.contextWindowTokens = windows[0]
             // 当前上下文规模 = 最后一次 API 请求的输入侧总量(未命中 + 缓存读 + 缓存写)。
             // result.usage 是整轮跨请求聚合、不能当上下文用;逐请求数在 assistant 事件的
             // message.usage 里(2.1.222 真机核对),兜底走 usage.iterations 末元素(同一形状)。

package/src/agent/codexapp.js

@@ -143,6 +143,9 @@ function runTurn(opts = {}) {
       totalUsage = usageFromTotal(usage.total)
       if (Number.isFinite(usage.last && usage.last.inputTokens) && usage.last.inputTokens > 0) contextTokens = usage.last.inputTokens
       if (Number.isFinite(usage.modelContextWindow) && usage.modelContextWindow > 0) contextWindowTokens = usage.modelContextWindow
+      // Observational only: do not add telemetry to the durable transcript.
+      if (!completed && contextTokens > 0) legacyEmit({ type: 'system', subtype: 'context',
+        sessionId: capturedSessionId, contextTokens, contextWindowTokens })
     }
     const write = (obj) => {
       if (child.stdin.destroyed) throw new Error('codex app-server stdin closed')
@@ -402,7 +405,8 @@ function runTurn(opts = {}) {
         const next = appDeltaNext(messageDeltas.get(params.itemId) || '', delta)
         if (next !== null) {
           messageDeltas.set(params.itemId, next)
-          emit({ type: 'assistant', text: delta, contextTokens })
+          emit({ type: 'assistant', text: delta,
+            ...(contextTokens > 0 ? { contextTokens, contextWindowTokens, contextSampled: false } : {}) })
         }
       } else if (action === 4) {
         const item = params.item

package/src/c2console.js

@@ -8,7 +8,7 @@ const { createDurableConsoleSay } = require('./consolesay')
 
 // A host facade over existing v2 authorities, not a second execution engine.
 // The allowlist applies after the existing console's authentication boundary.
-const READ_PATHS = ['/api/state', '/api/events', '/api/inbox', '/api/activity',
+const READ_PATHS = ['/api/state', '/api/events', '/api/inbox', '/api/activity', '/api/activity/detail',
   '/api/changelog', '/api/changelog-en', '/api/codex/models', '/api/usage',
   '/api/plugins', '/api/design/styles', '/api/design/icons', '/api/fs/listdir',
   '/api/feishu/admin-candidates', '/api/feishu/org-users', '/api/feishu/resolve-contact',
@@ -39,7 +39,7 @@ const WRITE_PATHS = ['/api/login', '/api/logout', '/api/logout/all',
   '/api/update/check', '/api/update/start', '/api/update/ignore']
 const SUPPORTED_RUNNERS = ['claude', 'codex']
 
-function createC2ConsoleFacade({ getBindings, getCapacity, getConfig, getHeld = () => new Map(),
+function createC2ConsoleFacade({ getBindings, getCapacity, getConfig, getHeld = () => new Map(), activity = null, store = null,
   assertWriterLock, validateConfig, applyConfig, beforeWrite = () => true,
   appliedResets = () => [], now = Date.now,
   // Console injection reaches a group only through the service's own ingress
@@ -76,7 +76,7 @@ function createC2ConsoleFacade({ getBindings, getCapacity, getConfig, getHeld =
   // flight keeps the current session.
   function groupBusy(chatId, binding) {
     const rt = binding.engine?.rts?.get(chatId)
-    const snapshot = binding.journal?.snapshot()
+    const snapshot = binding.journal?.consoleSnapshot?.() || binding.journal?.snapshot()
     return !!(rt?.v2NormalRouteActive || rt?.v2AdmissionPending || rt?.v2Controller ||
       rt?.v2QueueReceiptIds?.length || snapshot?.receipts?.pending?.length ||
       snapshot?.state?.lanes?.queue?.[chatId]?.queue?.length ||
@@ -111,7 +111,7 @@ function createC2ConsoleFacade({ getBindings, getCapacity, getConfig, getHeld =
     if (!binding || binding.runtime?.closed === true) return 'not-serving'
     const rt = binding.engine?.rts?.get(chatId)
     if (groupBusy(chatId, binding) || rt?.v2RunningJobs || rt?.v2StopControl || rt?.v2SkipWaiter ||
-        binding.journal?.snapshot()?.state?.lanes?.stopIntent?.[chatId]) return 'busy'
+        (binding.journal?.consoleSnapshot?.() || binding.journal?.snapshot())?.state?.lanes?.stopIntent?.[chatId]) return 'busy'
     return null
   }
   function receiptState(chatId, receiptId) {
@@ -133,11 +133,13 @@ function createC2ConsoleFacade({ getBindings, getCapacity, getConfig, getHeld =
       const binding = bindings().get(chatId)
       const hold = heldGroups.get(chatId)
       const rt = binding?.engine?.rts.get(chatId)
-      const snapshot = binding?.journal?.snapshot()
+      const snapshot = binding?.journal?.consoleSnapshot?.() || binding?.journal?.snapshot()
       const pending = snapshot?.receipts?.pending || []
       const queued = snapshot?.state?.lanes?.queue?.[chatId]?.queue?.length || 0
       queue += queued
       groups[chatId] = {
+        context: activity?.context(chatId, (binding?.engine?.store || store)?.getSession(chatId),
+          !!rt?.v2NormalRouteActive, rt?.v2RunnerGeneration) || null,
         busy: !!rt?.v2NormalRouteActive,
         finalizing: !!rt?.v2TerminalStarted,
         followups: !!rt?.v2SteerControl && !rt?.v2SteerClosing && !rt?.v2TerminalStarted,
@@ -145,7 +147,7 @@ function createC2ConsoleFacade({ getBindings, getCapacity, getConfig, getHeld =
         queueFaulted: !group.paused && (!binding || (!rt?.v2NormalRouteActive && !!binding.gate?.blocked)),
         waitingForCapacity: !!rt?.v2AdmissionPending,
         sinceMs: rt?.v2StartedAt ? Math.max(0, now() - rt.v2StartedAt) : 0,
-        sessionId: binding?.engine?.store?.getSession(chatId) || '',
+        sessionId: (binding?.engine?.store || store)?.getSession(chatId) || '',
         // Why a console injection would be refused right now (null = accepted).
         sayBlocked: say ? sayGate(chatId) : 'not-serving',
         // A held group needs the operator: its last result is unknown.
@@ -163,29 +165,55 @@ function createC2ConsoleFacade({ getBindings, getCapacity, getConfig, getHeld =
   function getActivity() {
     const cfg = getConfig(), items = []
     for (const [chatId, binding] of bindings()) {
-      const snap = binding.journal.snapshot()
+      const snap = binding.journal.consoleSnapshot?.() || binding.journal.snapshot()
       const rt = binding.engine.rts.get(chatId)
       const group = cfg.groups[chatId]?.name || chatId.slice(-8)
       for (const receipt of snap.receipts.pending) {
+        if (activity?.has(chatId, receipt.id)) continue
         const running = rt?.v2RunningJobs?.some(job => job.msg?._c2ReceiptId === receipt.id)
         items.push({ id: receipt.id, chatId, group, ts: receipt.acceptedAt,
           kind: running ? 'start' : 'done', status: running ? 'running' : '等待处理',
           text: running ? '正在处理群消息' : '消息已登记，等待处理', sender: '' })
       }
       for (const receipt of snap.receipts.completed.slice(-30)) {
+        if (activity?.has(chatId, receipt.id)) continue
         // A settled receipt alone does not prove successful answer delivery.
         items.push({ id: receipt.id, chatId, group, ts: receipt.settledAt,
           kind: 'done', status: '已结账', text: '消息处理记录已结账', sender: '' })
       }
     }
-    return items.sort((a, b) => b.ts - a.ts).slice(0, 30)
+    const recent = activity?.list({ limit: 100 }).activity || []
+    return [...recent, ...items].filter(item => cfg.groups[item.chatId])
+      .sort((a, b) => Number(a.kind !== 'start') - Number(b.kind !== 'start') || b.ts - a.ts).slice(0, 100)
+  }
+  function activityPage(query = {}) {
+    const cfg = getConfig(), live = getLiveState()
+    const meta = activity?.list({ limit: 1 }) || { epoch: 'receipts', revision: 0 }
+    const groups = Object.entries(cfg.groups || {}).map(([chatId, group]) => {
+      const binding = bindings().get(chatId), groupStore = binding?.engine?.store || store
+      const providerName = groupStore?.getProvider?.(chatId) || group.provider || cfg.defaultProvider
+      const provider = cfg.providers?.[providerName] || {}
+      const stats = groupStore?.getSessionStats?.(chatId), session = groupStore?.getSession?.(chatId)
+      const context = live.groups[chatId].context || (session && stats?.sessionId === session && Number.isFinite(stats.ctx)
+        ? { usedTokens: stats.ctx, windowTokens: null, measuredAt: null, quality: 'historical' } : null)
+      return { chatId, name: group.name || chatId.slice(-8), project: path.basename(group.workdir || '') || '—',
+        workdir: group.workdir || '', runner: provider.runner || 'claude',
+        model: group.model || provider.model || provider.env?.ANTHROPIC_MODEL || providerName,
+        reasoningEffort: (provider.runner === 'codex' ? provider.reasoningEffort : provider.env?.CLAUDE_CODE_EFFORT_LEVEL) || '',
+        paused: !!group.paused, ...live.groups[chatId], context }
+    })
+    const rows = getActivity().filter(row => (!query.chatId || row.chatId === query.chatId) && (!query.status || row.status === query.status))
+    const offset = Math.max(0, Math.min(100, Number(query.offset) || 0)), limit = Math.max(1, Math.min(100, Number(query.limit) || 30))
+    return { epoch: meta.epoch, revision: meta.revision, storageError: !!meta.storageError, groups,
+      total: rows.length, activity: rows.slice(offset, offset + limit) }
   }
   return {
     capabilities,
     allows: (method, pathname) => (capabilities.allowed[method] || []).includes(pathname),
     // A provider without a runner field is Claude Code, as everywhere else.
     providerSupported: provider => SUPPORTED_RUNNERS.includes(provider?.runner || 'claude'),
-    getLiveState, getActivity,
+    getLiveState, getActivity, activityPage,
+    activityDetail(chatId, id) { return getConfig().groups?.[chatId] ? activity?.detail(chatId, id) || null : null },
     validateConfig(raw) { held(); validateConfig(raw) },
     beforeWrite(raw) { held(); beforeWrite(raw) },
     applyConfig(raw) { held(); applyConfig(raw) },
@@ -241,7 +269,18 @@ function createC2Console(options = {}) {
     inboxDismissPath: path.join(stateDir, 'inbox-dismissed.json'),
     verifyFile: path.join(stateDir, 'verify.json'),
   })
-  return { ...ui, facade }
+  let previous = null
+  const unsubscribe = options.activity?.subscribe(() => {
+    const page = facade.activityPage({ limit: 100 })
+    const before = new Map((previous?.activity || []).map(row => [row.chatId + ':' + row.id, JSON.stringify(row)]))
+    const current = new Set(page.activity.map(row => row.chatId + ':' + row.id))
+    const changed = page.activity.filter(row => before.get(row.chatId + ':' + row.id) !== JSON.stringify(row))
+    const groups = page.groups.filter(group => JSON.stringify(previous?.groups.find(g => g.chatId === group.chatId)) !== JSON.stringify(group))
+    ui.pushEvent('activity-update', { epoch: page.epoch, revision: page.revision, storageError: page.storageError,
+      activity: changed, groups, removed: [...before.keys()].filter(id => !current.has(id)) })
+    previous = page
+  })
+  return { ...ui, facade, close() { unsubscribe?.(); ui.close() } }
 }
 
 module.exports = { createC2Console, createC2ConsoleFacade }

package/src/core/c2durablejournal.js

@@ -646,6 +646,16 @@ class C2DurableJournal {
       effects: new Map(this.#effects), notices: new Map(this.#notices) }
   }
 
+  // Bounded diagnostics: the console must not clone all effects and history
+  // at progress-event frequency. This is never accepted as recovery authority.
+  consoleSnapshot() {
+    return { cursor: this.#cursor, state: { lanes: {
+      queue: structuredClone(this.#state.lanes?.queue || {}),
+      stopIntent: structuredClone(this.#state.lanes?.stopIntent || {}) } },
+      receipts: { pending: structuredClone(this.#receipts.pending),
+        completed: structuredClone(this.#receipts.completed.slice(-30)) } }
+  }
+
   #settlementAuthority() {
     return { state: this.#state, receipts: this.#receipts, effects: this.#effects,
       attempts: this.#effectAttempts, descriptors: this.#effectDescriptors,

package/src/core/v2engine.js

@@ -292,10 +292,17 @@ class Engine {
       durableV2SwitchProvider, durableV2UsageProbe, durableV2Issues, durableV2Version })
     this.projectMemory = options.projectMemory || null
     this.repoInfo = options.repoInfo || null
+    this.activity = options.activity || null
     this.tz = normalizeTz(cfg.timezone)
     this.rts = new Map()
   }
 
+  // Read-only diagnostics must never change admission, delivery or settlement.
+  _observeActivity(method, value) {
+    try { this.activity?.[method]?.(value) }
+    catch { this.log('Activity display update unavailable') }
+  }
+
   shutdown() {
     this.durableV2Runtime.close()
     let aborted = 0
@@ -741,6 +748,7 @@ async runDurableV2Message(msg, platform) {
           } catch (error) {
             if (controller.signal.aborted && !rt.v2DispatchEffect &&
                 error?.code === 'C2_CAPACITY_WAIT_CANCELLED') {
+              this._observeActivity('unknown', { chatId: msg.chatId })
               return { receiptId, status: 'interruptedBeforeDispatch',
                 queued: true, ingressClosed: true }
             }
@@ -763,6 +771,7 @@ async runDurableV2Message(msg, platform) {
         // siblings must not dispatch in the microtask before the service sees
         // this rejection and begins its process-wide stop.
         failed = true
+        this._observeActivity('unknown', { chatId: msg.chatId })
         this.durableV2SealCapacity?.(error)
         throw error
       } finally {
@@ -823,6 +832,7 @@ async _runDurableV2Steer(rt, receiptId) {
         invoke: () => control.steerDurable({ msgId: job.msg.msgId, text }) })
       entry.accepted = accepted
       if (accepted) {
+        try { this.activity?.merge(chatId, identity.parentReceiptId, [receiptId], entry.landed ? 'landed' : 'accepted') } catch {}
         if (entry.landed) {
           authority.commitSteerObservation({ ...identity, type: 'landed' })
         }
@@ -1100,6 +1110,7 @@ async _drainDurableV2NormalChain(initial) {
       }
       const started = await this.startDurableV2Runner(identity)
       if (started.startFailureRecovered === true) {
+        this._observeActivity('finish', { ...identity, status: 'not-started', err: '任务未启动，已通知群内' })
         settled.push({ receiptId: identity.receiptId, status: 'startupNotified' })
         return { receiptId: firstReceiptId, status: settled[0].status,
           settledReceiptIds: settled.map(item => item.receiptId),
@@ -1170,6 +1181,8 @@ async _drainDurableV2NormalChain(initial) {
         }
         for (const settledReceiptId of cancelled.cancelledReceiptIds ||
           [identity.receiptId]) {
+          this._observeActivity('finish', { chatId: identity.chatId, receiptId: settledReceiptId,
+            status: control === 'recall' ? 'recalled' : 'stopped' })
           settled.push({ receiptId: settledReceiptId,
             status: control === 'recall' ? 'recalled' : 'stopped',
             terminalEffectId: null, cancellationEventId: cancelled.eventId })
@@ -1230,6 +1243,8 @@ async _drainDurableV2NormalChain(initial) {
         rt.v2TurnToken = null
         for (const settledReceiptId of released.settledReceiptIds ||
           [identity.receiptId]) {
+          this._observeActivity('finish', { chatId: identity.chatId, receiptId: settledReceiptId,
+            status: 'timeout', err: '任务超过运行时限，已停止' })
           settled.push({ receiptId: settledReceiptId,
             status: 'timeout', terminalEffectId: null,
             cancellationEventId: released.eventId })
@@ -1361,6 +1376,8 @@ stageDurableV2Message(msg, platform) {
     const rt = this._rt(msg.chatId)
     if (!rt.v2QueueReceiptIds) rt.v2QueueReceiptIds = []
     rt.v2QueueReceiptIds.push(receipt.id)
+    this._observeActivity('receive', { chatId: msg.chatId, receiptId: receipt.id,
+      text: msg.text, sender: msg.senderName || '', acceptedAt })
     return { receiptId: receipt.id, cursor: result.cursor, staged: true,
       ingressClosed: !!authority.blocked }
   }
@@ -1534,6 +1551,9 @@ async startDurableV2Runner({ chatId, receiptId, turnToken, effectId } = {}) {
         throw new Error('C2 v2 runner provider unavailable')
       }
       rt.v2CardModelInfo = cardModelInfo(job.group, provider)
+      this._observeActivity('start', { chatId, receiptId, receiptIds: cohort.receiptIds, generation,
+        sessionId: this.store.getSession(chatId), model: rt.v2CardModelInfo.model,
+        runner: provider.runner, project: projectName(job.group) })
       rt.v2FollowupEnabled = followupEnabled(job.group, provider.runner)
       rt.v2SteerControl = null
       rt.v2SteerEntries = new Map()
@@ -1579,6 +1599,7 @@ async startDurableV2Runner({ chatId, receiptId, turnToken, effectId } = {}) {
           if (rt.v2CardBinding?.opened) await rt.v2CardBinding.path.flushForTerminal()
           if (rt.v2RunnerGeneration !== generation) return
           authority.commitSteerObservation({ ...steerIdentity, receiptId: entry.identity.receiptId, type: 'landed' })
+          try { this.activity?.merge(chatId, receiptId, [entry.identity.receiptId], 'landed') } catch {}
           await rt.v2MoveCard?.(entry)
         })
         rt.v2SteerLandedChain = observation
@@ -1777,6 +1798,12 @@ async startDurableV2Runner({ chatId, receiptId, turnToken, effectId } = {}) {
         onDurableEvent: event => {
           projection.accept(event)
           enqueueFrame(event)
+          this._observeActivity('observe', { chatId, receiptId, generation, event,
+            doing: rt.v2Doing, milestones: event.text?.includes('>>') ? progress.milestonesOf(projection.streamSnapshot().bufferText) : undefined })
+        },
+        onEvent: event => {
+          if (event.type === 'system' && event.subtype === 'context')
+            this._observeActivity('observe', { chatId, receiptId, generation, event })
         },
         onTurnAccepted: value => {
           const ack = capability.onTurnAccepted(value)
@@ -2049,8 +2076,14 @@ async completeDurableV2CardTurn({ chatId, receiptId, turnToken, effectId,
         ...progress.milestonesOf(payload.bufferText)]
         .filter((m, i, a) => a.indexOf(m) === i).map(redactMilestone)
         .filter(m => typeof m === 'string' && m.trim())
+      this._observeActivity('sending', { chatId, receiptId })
       const completed = await path.complete({ payload, replyText, paused,
         footer, footerDetail, milestones })
+      this._observeActivity('finish', { chatId, receiptId,
+        status: quotaFailure || closedFailure ? 'error' : payload.quiet || projected.display.silent ? 'silent' : 'answered',
+        reply: redact(quotaFailure ? T.quotaFailure : replyText || '', { pii: job.group?.redactPii !== false }),
+        err: quotaFailure ? T.quotaFailure : closedFailure ? terminalReplyText(payload) : '',
+        tokens: rt.v2UsageDecision?.tokens || null, sessionId: projected.display.sessionId })
       const after = authority.snapshot()
       const queue = after.state?.lanes?.queue?.[chatId]?.queue
       let successor = null
@@ -2269,6 +2302,7 @@ requestDurableV2Stop(chatId) {
           payloadHandles: this.durableV2Payloads,
           assertWriterLock: this.durableV2AssertWriterLock })
         rt.v2QueueReceiptIds = rt.v2QueueReceiptIds.filter(id => id !== receiptId)
+        this._observeActivity('finish', { chatId, receiptId, status: 'recalled' })
         return true
       } catch (error) { authority?.close(); this.log(error.message); return false }
     }

package/src/ui/console.html

@@ -1008,7 +1008,6 @@ d.dataset.theme=t;if(l!=='en'&&l!=='zh')l=/^zh/i.test((navigator.language||''))?
     <button data-tab="playground" class="navplay" title="试跑 — 从控制台直接跑一轮" aria-label="试跑"><svg class="ic ic-play" aria-hidden="true"><use href="#lu-play"/></svg></button>
   </nav>
 
-  <div id="runtimeCapabilitiesNotice" class="card" hidden style="margin-bottom:16px"><div class="lbl">当前可用操作</div><div class="hint" data-runtime-summary></div></div>
 
   <section id="overview" class="tab on"><div class="empty" style="padding:48px;text-align:center"><span class="spin"></span>　加载中…</div></section>
   <section id="providers" class="tab"></section>
@@ -1027,6 +1026,7 @@ d.dataset.theme=t;if(l!=='en'&&l!=='zh')l=/^zh/i.test((navigator.language||''))?
 /* 令牌来源:本机环回免密时服务端注入;设了密码时注入空串,退而用登录(密码 / 飞书)签发的会话令牌 ——
    记在 localStorage(服务端落盘 30 天,重启不登出);过期或被吊销的令牌只会 401 → 重新登录。 */
 let TOKEN='__SBOT_TOKEN__'; // 本机环回免密时服务端注入;为空 = 要登录(⚠ 这一行的形状被服务端单测当锚点抠 token,别改)
+/*__LIVE_ACTIVITY__*/
 const INJECTED_TOKEN=TOKEN; // 记住「是不是注入的」:注入态不显示退出登录
 TOKEN=TOKEN||localStorage.getItem('sbot-token')||sessionStorage.getItem('sbot-token')||''; // 登录签发的令牌记在 localStorage(30 天)
 const FEISHU_LOGIN='__SBOT_FEISHU_LOGIN__'; // 服务端算好:公网地址 + 凭证 + 管理员名单三样齐才是 '1'
@@ -1149,6 +1149,7 @@ function startCardHtml(){
   </div>`;
 }
 function renderOverview(){
+  if(typeof activityPanel!=='undefined')activityPanel.preserve();
   const h=S.health;
   const cap=Math.max((S.agent&&S.agent.maxConcurrent)||0,0); // 0 = 不限(无固定槽位 → 不画 gauge)
   const segs=cap>0?Array.from({length:cap},()=>'<div class="seg"></div>').join(''):'';
@@ -1164,13 +1165,13 @@ function renderOverview(){
       ${liveOn?`<button class="iconbtn sm" data-ostop="${esc(g.chatId)}" title="停止当前任务(保留会话)" style="flex:none">${IC.square}</button>
       <button class="iconbtn sm" data-onew="${esc(g.chatId)}" title="${S.runtimeCapabilities?'开新会话 — 仅在该群空闲、记录全部结账后可用;运行中请先停止,结束后再开(同群内 /new)':'开新会话 — 运行中会先中断当前任务并清空队列(同群内 /new)'}" style="flex:none">${IC.rotate}</button>`:''}</div>`).join('')
     :'<div class="empty">还没有群项目 · 去「群·项目」配置</div>';
-  $('#overview').innerHTML=`${startCardHtml()}<div id="ovInboxWrap">${inboxHtml()}</div><div class="grid cols2 stagger">
+  $('#overview').innerHTML=`${startCardHtml()}<div id="ovInboxWrap">${inboxHtml()}</div><div class="grid ${S.runtimeCapabilities?'':'cols2'} stagger">
     <div class="card" id="ovHealth"><div class="lbl">健康</div>
       <span class="hpill ${healthClass(h)}" id="ovHealthPill"><span class="led"></span><span id="ovHealthTxt">${healthText(h)}</span></span>
       <div class="hrows" id="ovHrows">${h.rows.map(r=>`<div class="hrow" data-hk="${esc(r.label)}"><span class="dot ${r.status}"></span>
         <span class="k">${esc(r.label)}</span><span class="v" title="${esc(r.detail)}">${esc(r.detail)}</span></div>`).join('')}</div>
     </div>
-    <div class="grid" style="gap:16px">
+    ${S.runtimeCapabilities?'':`<div class="grid" style="gap:16px">
       <div class="card">
         <div class="inline" style="justify-content:space-between;align-items:baseline">
           <span class="lbl" style="margin:0">并发</span>
@@ -1179,14 +1180,15 @@ function renderOverview(){
         ${cap>0?`<div class="gauge" id="ovGauge" style="margin-top:13px">${segs}</div>`:''}
       </div>
       <div class="card ovgroups"><div class="lbl">群 · 项目</div>${gRows}</div>
-    </div>
+    </div>`}
   </div>
-  <h2 class="sec">实时活动</h2><div class="card" id="ovActivity">${activityHtml()}</div>
+  ${S.runtimeCapabilities?'<div id="liveActivity"></div>':`<h2 class="sec">实时活动</h2><div class="card" id="ovActivity">${activityHtml()}</div>`}
   ${issuesHtml()}
   ${previewsHtml()}
   ${leftoversHtml()}`;
   lastActSig='';
   bindActivityClicks();
+  if(S.runtimeCapabilities&&typeof activityPanel!=='undefined')activityPanel.mount();
   bindInbox();
   // 插话:入口挂在「群·项目」每一行的 ✎ 上 —— 动作长在对象身上,目标群由那一行决定,不必再选。
   $$('#overview [data-osay]').forEach(b=>b.onclick=()=>openSay(b.dataset.osay));
@@ -1374,6 +1376,7 @@ function bindActivityClicks(){
 let lastActSig='';
 function updateOverviewLive(){
   if(!S) return;
+  if(S.runtimeCapabilities&&typeof activityPanel!=='undefined')activityPanel.live(S.live);
   if(sayRefresh&&$('#sayT')) sayRefresh();
   const live=S.live||{};
   const active=(live.concurrency&&live.concurrency.active)||0;
@@ -2610,7 +2613,6 @@ function cronFullHtml(text){
   }).join('');
 }
 const RUNTIME_UI_TEXT={
-  "summary": "当前支持多群消息、流式卡片回复、忙时跟进、停止任务、空闲群开新会话、空闲群的控制台插话（这句话和回复都进群）、状态查看、认证管理、绑定新群、空闲群的模型（Codex / Claude Code）和项目目录切换、模型的添加与设置，以及后台运行时的软件升级。群忙时的插话、静默插话、解除绑定、移除模型、定时任务、生图、画布与预览暂不可用。",
   "groups": "可绑定新群，修改模型、项目目录、权限、数据输出和忙时跟进；该群须没有进行中的任务和未结记录。切模型或项目会开始新的一段对话。停止任务和开新会话在「概览」，开新会话须等该群空闲。群里发 /model 也能切换模型。",
   "skills": "当前支持飞书文字消息、忙时跟进、任务回复和停止。定时任务、生图、群消息管理、画布与预览暂未接入。",
   "cron": "当前不执行定时任务；已有定义仅供查看。",
@@ -4301,8 +4303,6 @@ updateThemeBtn();
    ⚠ 正则一律 ^…$ 整串、不加 g 标志;更具体的条目必须排在泛化条之前。 */
 const I18N_EN=[
   ["需要处理", "Needs attention"],
-  ["当前可用操作", "Available controls"],
-  ["当前支持多群消息、流式卡片回复、忙时跟进、停止任务、空闲群开新会话、空闲群的控制台插话（这句话和回复都进群）、状态查看、认证管理、绑定新群、空闲群的模型（Codex / Claude Code）和项目目录切换、模型的添加与设置，以及后台运行时的软件升级。群忙时的插话、静默插话、解除绑定、移除模型、定时任务、生图、画布与预览暂不可用。", "Available: group messages, streaming reply cards, busy-turn followups, stopping tasks, new sessions for idle groups, console messages to idle groups (the line and the reply both appear in the group), live status, authentication, binding new groups, switching the model (Codex / Claude Code) or project of an idle group, adding and configuring models, and software upgrades in a background run. Console messages to busy groups, silent console messages, unbinding, removing models, schedules, image generation, canvas and previews are unavailable."],
   ["可绑定新群，修改模型、项目目录、权限、数据输出和忙时跟进；该群须没有进行中的任务和未结记录。切模型或项目会开始新的一段对话。停止任务和开新会话在「概览」，开新会话须等该群空闲。群里发 /model 也能切换模型。", "Bind new groups and change the model, project folder, permissions, data display and busy-turn followups of a group with no running task or unsettled record. Changing the model or project starts a new conversation. Stop tasks and start new sessions in Overview; a new session needs the group to be idle. Members can also switch models with /model in the group."],
   ["当前支持飞书文字消息、忙时跟进、任务回复和停止。定时任务、生图、群消息管理、画布与预览暂未接入。", "Feishu text messages, busy-turn followups, task replies and stopping are supported. Schedules, image generation, group message management, canvas and previews are unavailable."],
   ["当前不执行定时任务；已有定义仅供查看。", "Schedules are not executed. Existing definitions are shown for reference only."],
@@ -5965,10 +5965,7 @@ function disableRuntimeControl(el,reason){
   }
 }
 function applyRuntimeCapabilities(){
-  const banner=document.getElementById('runtimeCapabilitiesNotice');
-  if(banner)banner.hidden=!(S&&S.runtimeCapabilities);
   if(!S||!S.runtimeCapabilities)return;
-  if(banner){const body=banner.querySelector('[data-runtime-summary]'),text=trText(RUNTIME_UI_TEXT.summary);if(body&&body.textContent!==text)body.textContent=text;}
   document.querySelectorAll(RUNTIME_DISABLED_SELECTORS).forEach(el=>disableRuntimeControl(el,RUNTIME_UI_TEXT.unavailable));
   // 插话照服务端白名单放行(第 1 版只接空闲群,忙不忙在浮层里按实时状态说)
   if(!runtimeAllows('POST','/api/groups/say'))document.querySelectorAll('[data-osay]').forEach(el=>disableRuntimeControl(el,RUNTIME_UI_TEXT.unavailable));
@@ -6002,6 +5999,7 @@ function applyTurnEvent(a){
 // reconnect drops, and rows the self-heal resolved to a bare '✓' without their real done
 // data. Idempotent (id-keyed merge). Called on load + on every SSE (re)connect.
 async function syncActivity(repaint){
+  if(S?.runtimeCapabilities&&typeof activityPanel!=='undefined')return activityPanel.sync();
   try{const d=await api('/api/activity'); if(d&&d.activity){d.activity.forEach(applyTurnEvent); if(repaint&&$('#overview').innerHTML)updateOverviewLive();}}catch(e){}
 }
 
@@ -6012,10 +6010,11 @@ function startLive(){
     if(esRef){try{esRef.close();}catch{}}
     helloN=0;
     const es=new EventSource('/api/events?token='+encodeURIComponent(TOKEN));esRef=es;
+    es.addEventListener('activity-update',ev=>{try{activityPanel.receive(JSON.parse(ev.data));}catch{}});
     // hello fires on first connect AND every native reconnect → replay the buffer to
     // recover whatever SSE dropped while we were away (SSE has no replay of its own);
     // 重连(非首连)还拉一次全量 state —— 断流期间的 live/conn 变化就地补齐,不整页重渲染。
-    es.addEventListener('hello',()=>{$('#conn').classList.add('live');syncActivity(true);
+    es.addEventListener('hello',()=>{$('#conn').classList.add('live');if(typeof activityPanel!=='undefined')activityPanel.connected(true);syncActivity(true);
       if(++helloN>1)api('/api/state').then(r=>{S=r;updateDaemon();updateTopUpdateBadge();updateOverviewLive();updateConnLive();startClock();}).catch(()=>{});});
     es.addEventListener('tick',ev=>{try{const d=JSON.parse(ev.data);if(S){if(d.live)S.live=d.live;if('conn' in d)S.conn=d.conn;}if(d.activity)d.activity.forEach(applyTurnEvent);updateDaemon();updateOverviewLive();updateConnLive();}catch{}});
     startAutoRefresh();
@@ -6023,7 +6022,7 @@ function startLive(){
     es.addEventListener('turn',ev=>{try{const d=JSON.parse(ev.data);applyTurnEvent(d);updateOverviewLive();
       // 收件箱跟着轮次走:刚失败的要尽快出现,重说成功的要尽快消失 —— 不等 60 秒的例行刷新;只取这一块,不拉整份 state
       if(d.kind==='done')refreshInbox();}catch(e){}});
-    es.onerror=()=>{$('#conn').classList.remove('live');checkStaleAuth();};
+    es.onerror=()=>{$('#conn').classList.remove('live');if(typeof activityPanel!=='undefined')activityPanel.connected(false);checkStaleAuth();};
   }catch(e){}
 }
 /* SSE 断流自愈:daemon 重启会作废内存里的 token(页面 token / 登录 session 都是),

package/src/ui/liveactivity-client.js

@@ -0,0 +1,276 @@
+/* Injected into the console's existing script; no framework or extra connection. */
+const activityPanel = (() => {
+  let root, groupBody, listBody, taskBody, selected = '', count = 5
+  try { selected = sessionStorage.getItem('sintbot.activity.group') || '' } catch {}
+  let epoch = '', revision = -1, loaded = false, pending = null, frames = [], scheduled = false
+  const rows = new Map(), groups = new Map(), detailCache = new Map(), detailPending = new Set(), detailErrors = new Map(), open = new Set()
+  const groupNodes = new Map(), rowNodes = new Map(), actionPending = new Set()
+  let lang = '', error = false, connected = true, focusBeforeRender = null, groupScroll = 0
+  const key = r => r.chatId + ':' + r.id
+  const en = () => langOf() === 'en'
+  const tr = (zh, english) => en() ? english : zh
+  const labels = {
+    queued: ['排队', 'Queued'], running: ['运行中', 'Running'], sending: ['回复发送中', 'Sending reply'],
+    answered: ['已回复', 'Replied'], silent: ['无需回复', 'No reply needed'], stopped: ['已停止', 'Stopped'],
+    recalled: ['已撤回', 'Recalled'], timeout: ['已超时', 'Timed out'], error: ['失败', 'Failed'],
+    'not-started': ['未启动', 'Not started'], unknown: ['结果待核实', 'Unconfirmed'],
+    '已结账': ['历史记录已结账', 'Historical receipt settled'], '等待处理': ['等待处理', 'Waiting'],
+  }
+  const status = s => labels[s] ? tr(...labels[s]) : s
+  const active = r => ['queued', 'running', 'sending', '等待处理'].includes(r.status)
+  const num = n => n == null ? '—' : n >= 1000 ? (n / 1000).toFixed(1).replace(/\.0$/, '') + 'k' : String(n)
+  const stamp = ts => ts ? new Date(ts).toLocaleTimeString(en() ? 'en-GB' : 'zh-CN', { hour: '2-digit', minute: '2-digit', timeZone: S?.timezone || 'Asia/Shanghai' }) : '—'
+  const node = (tag, cls, text) => { const n = document.createElement(tag); if (cls) n.className = cls; if (text != null) n.textContent = text; return n }
+  const text = (n, value) => { if (n.textContent !== value) n.textContent = value }
+  function schedule() {
+    if (scheduled || document.hidden) return
+    scheduled = true; requestAnimationFrame(() => { scheduled = false; paint() })
+  }
+  function setup() {
+    if (root) return
+    root = node('section', 'la'); root.setAttribute('data-i18n-skip', '')
+    const style = node('style'); style.textContent = `
+      .la{margin:20px 0}.la [hidden]{display:none!important}.la .la-panel{padding:0;overflow:hidden}
+      .la .la-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}
+      .la h2{font-size:15px;font-weight:600;letter-spacing:0;margin:0}.la .la-capacity{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums;text-align:right}
+      .la .la-select,.la .la-toggle{font:inherit;width:100%;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer;min-height:48px}
+      .la .la-group{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--line);transition:background .18s ease}.la .la-select{flex:1;min-width:0;display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(120px,1fr) minmax(160px,1fr);gap:20px;padding:15px 20px 15px 24px}.la .la-select>div{min-width:0}
+      .la .la-group:last-child{border-bottom:0}.la .la-group:before{content:'';position:absolute;inset:12px auto 12px 0;width:3px;border-radius:0 3px 3px 0;background:var(--ember);opacity:0;transform:scaleY(.4);transition:opacity .18s,transform .18s}
+      .la .la-select strong,.la .la-select small,.la .la-model>span,.la .la-context>span{display:block;white-space:normal;overflow-wrap:anywhere}.la .la-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.la .la-tags .tag{font-size:10px;padding:2px 6px}.la .la-tags [data-status=running]{color:var(--ember);border-color:color-mix(in srgb,var(--ember) 30%,var(--line))}.la .la-tags [data-status=attention]{color:var(--fail)}.la .la-path{font-family:var(--mono);font-size:10.5px}
+      .la .la-group:hover,.la .la-toggle:hover{background:color-mix(in srgb,var(--ember) 4%,transparent)}
+      .la .la-group.selected{background:color-mix(in srgb,var(--ember) 7%,transparent)}.la .la-group.selected:before{opacity:1;transform:scaleY(1)}
+      .la button:focus-visible{outline:2px solid var(--ember);outline-offset:-3px}.la button:active:not(:disabled){background:color-mix(in srgb,var(--ember) 11%,transparent)}
+      .la small{display:block;color:var(--dim);font-size:11px;line-height:1.5;margin-top:4px}.la strong{font-size:13px;font-weight:600}.la .la-model{font-size:12px}.la .la-model small[data-status=running]{color:var(--ember)}.la .la-model small[data-status=attention]{color:var(--fail)}.la .la-context{font-size:12px;font-variant-numeric:tabular-nums}
+      .la .la-track{height:3px;margin-top:8px;background:var(--line);overflow:hidden;border-radius:2px}.la .la-fill{height:100%;background:var(--ember);transform-origin:left;transition:transform .3s ease-out;transform:scaleX(0)}
+      .la .la-groups{max-height:560px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
+      .la .la-task-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 12px}.la .la-task-head strong{font-size:14px;overflow-wrap:anywhere}
+      .la .la-actions{display:flex;gap:6px;flex-shrink:0;padding-right:24px}.la .la-actions .iconbtn{padding:0;transition:background .15s,border-color .15s,transform .15s}.la .la-actions .iconbtn:active:not(:disabled){transform:scale(.92)}.la button:disabled{cursor:default;opacity:.45}
+      .la .la-list{padding:0;overflow:hidden}.la .la-row{border-bottom:1px solid var(--line)}.la .la-row:last-child{border-bottom:0}
+      .la .la-toggle{padding:16px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;transition:background .15s}
+      .la .la-title{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;overflow-wrap:anywhere}
+      .la .la-preview{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}
+      .la .la-state{font-size:11px;color:var(--dim);white-space:nowrap;padding-top:4px}.la .la-state:after{content:'';display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 14px;transition:transform .18s}
+      .la [aria-expanded=true] .la-state:after{transform:rotate(225deg)}.la .la-state[data-state=running],.la .la-state[data-state=sending]{color:var(--ember)}
+      .la .la-state[data-state=error],.la .la-state[data-state=unknown],.la .la-state[data-state=timeout]{color:var(--fail)}
+      .la .la-fold{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease,opacity .2s ease}.la .la-fold.open{grid-template-rows:1fr;opacity:1}
+      .la .la-fold-inner{min-height:0;overflow:hidden}.la .la-detail{padding:0 20px 18px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
+      .la .la-detail .aexp{margin:0;max-height:360px;white-space:normal}.la .la-detail .aereply{white-space:pre-wrap}.la .la-detail .aemeta{gap:6px 16px;white-space:normal}.la .la-detail .la-source{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.la .la-source summary{cursor:pointer;color:var(--dim);font-size:11px}.la .la-source summary:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.la .la-detail .la-error{color:var(--fail)}.la .la-detail p{white-space:pre-wrap;margin:8px 0}.la .la-detail h3{font-size:11px;color:var(--dim);margin:16px 0 5px;font-weight:500}.la .la-notice{font-size:12px;color:var(--dim);margin:12px 0;line-height:1.6}
+      .la .la-more{margin:12px auto 0;display:block;min-height:40px;font-size:12px}
+      @media(max-width:640px){.la .la-head{padding:16px;gap:10px}.la .la-capacity{font-size:11px}.la .la-group{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.la .la-select{grid-column:1/-1;grid-row:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;padding:14px 16px}.la .la-select>div:first-child{padding-right:94px;grid-column:1/-1}.la .la-actions{grid-column:2;grid-row:1;z-index:1;padding:14px 16px 0 0}.la .la-model{grid-column:1/-1}.la .la-context{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px}.la .la-context small{margin:0;font-size:10px}.la .la-track{grid-column:1/-1;margin-top:6px}.la .la-task-head{align-items:flex-start;flex-direction:column;gap:10px}.la .la-actions{flex-wrap:wrap}.la .la-toggle{grid-template-columns:minmax(0,1fr);gap:7px;padding:14px 16px}.la .la-state{white-space:normal;padding:0}.la .la-state:after{float:right}.la .la-detail{padding:0 16px 16px}}
+      @media(prefers-reduced-motion:reduce){.la *{transition:none!important;animation:none!important}}`
+    root.append(style)
+    const panel = node('div', 'card la-panel'), head = node('div', 'la-head')
+    head.append(node('h2'), node('span', 'la-capacity')); panel.append(head)
+    groupBody = node('div', 'la-groups'); panel.append(groupBody); root.append(panel)
+    const note = node('div', 'la-notice'); note.dataset.la = 'note'; note.setAttribute('role', 'status'); root.append(note)
+    taskBody = node('div', 'la-task-body'); taskBody.hidden = true
+    const bar = node('div', 'la-task-head'), title = node('strong'); title.dataset.la = 'activity'; bar.append(title)
+    taskBody.append(bar)
+    listBody = node('div', 'card la-list'); taskBody.append(listBody)
+    const more = node('button', 'btn la-more'); more.dataset.la = 'more'; more.onclick = () => { count += 5; schedule() }; taskBody.append(more)
+    root.append(taskBody)
+  }
+  async function act(action, button, chatId) {
+    if (!chatId || button.disabled) return
+    if (action === 'say') { openSay(chatId); return }
+    const actionKey = chatId + ':' + action
+    actionPending.add(actionKey); button.disabled = true
+    try {
+      const result = await api(action === 'stop' ? '/api/groups/stop' : '/api/groups/interrupt','POST',{chatId})
+      toast(action === 'new' ? tr('已开新会话','New session started') : result.ok ? tr('已请求停止，等待结束确认','Stop requested; waiting for confirmation') : tr('当前没有可停止的运行任务','No running task to stop'),'ok')
+      await sync()
+    } catch (e) { toast(e.message,'err') }
+    finally { actionPending.delete(actionKey); schedule() }
+  }
+
+  function groupNode(g) {
+    let n = groupNodes.get(g.chatId)
+    if (!n) {
+      n = node('div', 'la-group'); n.dataset.chatId = g.chatId
+      const select = node('button', 'la-select'); select.type = 'button'
+      const a = node('div'), b = node('div', 'la-model'), c = node('div', 'la-context')
+      const tags = node('div','la-tags'); tags.append(node('span','tag prov'),node('span','tag'))
+      a.append(node('strong'), tags, node('small','la-path')); b.append(node('span'), node('small'))
+      const track = node('div', 'la-track'); track.append(node('div', 'la-fill'))
+      c.append(node('span'), node('small'), track); select.append(a, b, c); n.append(select)
+      const actions = node('div','la-actions')
+      for (const [action,icon] of [['say','say'],['stop','square'],['new','rotate']]) {
+        const button = node('button','iconbtn sm'); button.type = 'button'; button.dataset.action = action
+        button.innerHTML = IC[icon]; button.onclick = () => void act(action,button,g.chatId); actions.append(button)
+      }
+      n.append(actions)
+      select.onclick = () => {
+        if (selected === g.chatId) return
+        selected = g.chatId; count = 5
+        try { sessionStorage.setItem('sintbot.activity.group', selected) } catch {}
+        schedule(); requestAnimationFrame(() => {
+          if (!matchMedia('(prefers-reduced-motion: reduce)').matches) {
+            taskBody.getAnimations().forEach(animation => animation.cancel())
+            taskBody.animate([{opacity:0,transform:'translateY(4px)'},{opacity:1,transform:'translateY(0)'}],{duration:180,easing:'ease-out'})
+          }
+        })
+      }
+      groupNodes.set(g.chatId, n)
+    }
+    const [a,b,c] = n.children[0].children, ctx = g.context
+    text(a.children[0], g.name); text(a.children[2], g.workdir ? shortPath(g.workdir) : g.project)
+    a.children[2].title = g.workdir || g.project
+    text(a.children[1].children[0], g.runner === 'codex' ? 'codex' : 'claude')
+    const state = a.children[1].children[1]
+    text(state, g.held || g.queueFaulted ? tr('需要处理','Needs attention') : g.paused ? tr('已暂停','Paused') : g.finalizing ? tr('收尾中','Finishing') : g.waitingForCapacity ? tr('等待容量','Waiting for capacity') : g.busy ? 'busy' : 'idle')
+    state.dataset.status = g.held || g.queueFaulted ? 'attention' : g.busy ? 'running' : 'idle'
+    if (g.busy) text(state, state.textContent + ' ' + Math.floor((g.sinceMs || 0)/1000) + 's')
+    if (g.queue) text(state, state.textContent + ' · ' + tr('排队 ','Queued ') + g.queue)
+    text(b.children[0], g.model)
+    text(b.children[1], tr('思考深度 · ','Reasoning · ') + (g.reasoningEffort || tr('默认','Default')))
+    b.children[1].title = tr('当前模型配置；未指定时使用模型默认值','Current model configuration; unspecified uses the model default')
+    const blocked = !S?.live?.running || g.paused || g.held || g.queueFaulted
+    const busy = g.busy || g.pending > 0 || g.queue > 0 || g.waitingForCapacity || g.finalizing
+    for (const [action,zh,eng] of [['say','插话','Message'],['stop','停止任务','Stop task'],['new','新会话','New session']]) {
+      const button = n.querySelector('[data-action='+action+']')
+      button.disabled = actionPending.has(g.chatId + ':' + action) || blocked || (action === 'stop' ? !busy : !!busy || action === 'say' && !!g.sayBlocked)
+      button.setAttribute('aria-label',tr(zh,eng) + ' · ' + g.name)
+      button.title = tr(zh,eng) + ' · ' + (button.disabled ? tr('当前状态不可操作','Unavailable in the current state') : action === 'say' ? tr('这句话和回复都会发进该群','Your message and reply will be sent to this group') : action === 'new' ? tr('开始新会话，清除当前会话上下文','Start a new session with fresh context') : tr('停止当前任务，保留会话','Stop the task and keep the session'))
+    }
+    const valid = ctx?.usedTokens != null, capacity = ctx?.windowTokens > 0
+    const percent = valid && capacity ? Math.round(ctx.usedTokens / ctx.windowTokens * 100) : null
+    text(c.children[0], valid ? `${num(ctx.usedTokens)}${capacity ? ' / ' + num(ctx.windowTokens) + ' · ' + percent + '%' : ' · ' + tr('容量未知','capacity unknown')}` : ctx?.quality === 'compacted' ? tr('压缩后待上报','Awaiting usage after compaction') : !g.sessionId && !g.busy ? tr('未开始','No session') : tr('待上报','Awaiting usage'))
+    const quality = ctx?.quality === 'reported' ? tr('上下文 · 最新上报','Context · Latest report') : ctx?.quality === 'historical' ? tr('上下文 · 历史采样','Context · Historical sample') : tr('上下文 · 上次上报','Context · Last report')
+    text(c.children[1], ctx ? quality + ' · ' + stamp(ctx.measuredAt) : tr('上下文','Context'))
+    c.children[2].children[0].style.transform = 'scaleX(' + (percent == null ? 0 : Math.max(0, Math.min(100, percent)) / 100) + ')'
+    n.title = g.name + ' · ' + g.project + ' · ' + g.model + ' · ' + g.chatId.slice(-6)
+    n.classList.toggle('selected',selected === g.chatId); n.children[0].setAttribute('aria-pressed', String(selected === g.chatId)); return n
+  }
+  async function showDetail(r, n) {
+    const k = key(r), body = n.querySelector('.la-detail')
+    if (!open.has(k)) return
+    if (!r.details) { text(body, tr('历史记录未保存消息和回复详情。','Message and reply details were not recorded.')); return }
+    if (detailErrors.get(k) === r.detailRevision) return
+    let d = detailCache.get(k)
+    if (!d || d.detailRevision !== r.detailRevision) {
+      if (detailPending.has(k)) return
+      detailPending.add(k)
+      text(body, tr('加载详情…','Loading details…'))
+      try {
+        const value = await api('/api/activity/detail?chatId=' + encodeURIComponent(r.chatId) + '&id=' + encodeURIComponent(r.id))
+        if (epoch !== value.epoch) return
+        d = { ...value, lang: langOf() }; detailCache.set(k, d)
+        while (detailCache.size > 40) detailCache.delete(detailCache.keys().next().value)
+      } catch { detailErrors.set(k,r.detailRevision);text(body, tr('详情暂不可用，收起后可重新打开。','Details unavailable. Close and reopen to retry.')); return }
+      finally { detailPending.delete(k) }
+    }
+    if (!open.has(k) || !n.isConnected) return
+    const sig = d.detailRevision + ':' + langOf()
+    if (body.dataset.rev === sig) return
+    body.dataset.rev = sig; body.replaceChildren()
+    const box = node('div','aexp'); body.append(box)
+    if (d.tools?.length) {
+      const tools = node('div','aetools')
+      for (const tool of d.tools) {
+        const chip = node('span','tchip'); chip.innerHTML = IC.wrench
+        chip.append(document.createTextNode(' ' + tool.name + (tool.count > 1 ? ' ×' + tool.count : ''))); tools.append(chip)
+      }
+      box.append(tools)
+    }
+    box.append(node('div',d.reply ? 'aereply' : 'faint',d.reply || (active(d) ? tr('任务进行中，等待回复…','Task in progress; awaiting reply…') : tr('(无回复内容)','(No reply content)'))))
+    if (d.err) box.append(node('p','la-error',d.err))
+    const meta = node('div','aemeta')
+    function metric(label,value) { const item = node('span'); item.append(node('b','',label+' '),document.createTextNode(value)); meta.append(item) }
+    if (d.sender) metric(tr('发送者','Sender'),d.sender)
+    metric(tr('状态','Status'),status(d.status))
+    if (d.startedAt) metric(tr('排队','Queued'),(Math.max(0,d.startedAt-d.ts)/1000).toFixed(1)+'s')
+    if (d.ms != null) metric(tr('耗时','Duration'),(d.ms/1000).toFixed(1)+'s')
+    if (d.tokens) {
+      const cr=d.tokens.cr||0,cw=d.tokens.cw||0
+      metric('tokens',`↑${num((d.tokens.in||0)+cr+cw)} ↓${num(d.tokens.out||0)}` + (cr||cw ? ' · '+tr('缓存读 ','Cache read ')+num(cr)+tr(' / 写 ',' / write ')+num(cw) : ''))
+    }
+    box.append(meta)
+    if (d.messages?.length || d.milestones?.length) {
+      const source = node('details','la-source'); source.append(node('summary','',tr('请求、补充与阶段进度','Request, follow-ups and progress')))
+      for (const message of d.messages || []) source.append(node('p','',(message.sender || '—')+' · '+(message.state==='landed'?tr('已读到','Read'):tr('已受理','Accepted'))+'\n'+message.text))
+      for (const milestone of d.milestones || []) source.append(node('p','',milestone))
+      box.append(source)
+    }
+    if (d.truncated) box.append(node('p','faint',tr('内容较长，记录已截断。','Long content was truncated in this record.')))
+
+  }
+  function rowNode(r) {
+    const k = key(r); let n = rowNodes.get(k)
+    if (!n) {
+      n = node('article', 'la-row'); const button = node('button','la-toggle'); button.type = 'button'
+      const lead = node('div'); lead.append(node('small'),node('div','la-title'),node('div','la-preview'))
+      button.append(lead,node('span','la-state')); n.append(button)
+      const fold = node('div','la-fold'), inner = node('div','la-fold-inner'), detail = node('div','la-detail')
+      fold.id = 'la-detail-' + rowNodes.size + '-' + Math.random().toString(36).slice(2,8)
+      inner.append(detail); fold.append(inner); n.append(fold)
+      button.setAttribute('aria-controls', fold.id)
+      button.onclick = () => { open.has(k) ? open.delete(k) : open.add(k);detailErrors.delete(k);schedule() }
+      rowNodes.set(k,n)
+    }
+    const b = n.children[0], lead = b.children[0], group = groups.get(r.chatId)
+    text(lead.children[0], stamp(r.ts) + ' · ' + (r.sender || '—'))
+    text(lead.children[1], r.text || tr('内容未记录','Content not recorded'))
+    text(lead.children[2], active(r) ? (r.doing || []).join(' · ') : r.preview || '')
+    text(b.children[1], status(r.status) + (r.messageCount > 1 ? ' · ' + tr('消息 ','messages ') + r.messageCount : '') + (r.ms ? ' · ' + (r.ms/1000).toFixed(1)+'s' : ''))
+    b.children[1].dataset.state = r.status; b.setAttribute('aria-expanded', String(open.has(k)))
+    n.children[1].classList.toggle('open', open.has(k)); n.children[1].inert = !open.has(k)
+    if (open.has(k)) void showDetail(r,n)
+    return n
+  }
+  function reconcile(container, nodes) {
+    const wanted = new Set(nodes)
+    for (const child of [...container.children]) if (!wanted.has(child)) child.remove()
+    nodes.forEach((n,i) => { if (container.children[i] !== n) container.insertBefore(n,container.children[i] || null) })
+  }
+  function paint() {
+    if (!root?.isConnected) return
+    lang = langOf()
+    text(root.querySelector('h2'),tr('群 · 项目','Groups · Projects'))
+    const concurrency = S?.live?.concurrency, capacity = concurrency?.max ?? S?.agent?.maxConcurrent ?? 0
+    text(root.querySelector('.la-capacity'), tr('运行 ','Running ') + (concurrency?.active ?? [...groups.values()].filter(g=>g.busy).length) + (capacity > 0 ? ' / ' + capacity : '') + ' · ' + tr('排队 ','Queued ') + (S?.live?.queue || 0))
+    if (loaded && selected && !groups.has(selected)) { selected = ''; try { sessionStorage.removeItem('sintbot.activity.group') } catch {} }
+    reconcile(groupBody, groups.size ? [...groups.values()].map(groupNode) : [node('div','empty',loaded ? tr('暂无群项目','No projects') : tr('正在同步…','Syncing…'))])
+    const group = groups.get(selected)
+    taskBody.hidden = !group
+    text(root.querySelector('[data-la=activity]'), (group?.name || '') + ' · ' + tr('任务活动','Task activity'))
+    const all = [...rows.values()].filter(r => selected && r.chatId===selected)
+      .sort((a,b) => Number(!active(a))-Number(!active(b)) || b.ts-a.ts)
+    const shown = all.filter(active).concat(all.filter(r=>!active(r)).slice(0,count))
+    reconcile(listBody, shown.length ? shown.map(rowNode) : [node('div','empty',loaded ? tr('该群暂无任务活动','No task activity for this group') : tr('正在同步…','Syncing…'))])
+    const more = root.querySelector('[data-la=more]'); more.hidden=shown.length>=all.length;text(more,tr('查看更早的任务','Show earlier tasks'))
+    const note = root.querySelector('[data-la=note]')
+    text(note, !connected ? tr('连接中断，当前为最后收到的记录','Disconnected — showing last received records') : error ? tr('部分活动记录暂不可用','Some activity records are unavailable') : !selected ? tr('选择一个群项目，查看任务活动','Select a project to view its tasks') : '')
+    note.hidden = !note.textContent
+    for (const id of groupNodes.keys()) if (!groups.has(id)) groupNodes.delete(id)
+    for (const k of rowNodes.keys()) if (!rows.has(k)) { rowNodes.delete(k); open.delete(k); detailCache.delete(k);detailErrors.delete(k) }
+  }
+  function apply(data, full) {
+    if (!data?.epoch) return
+    if (loaded && data.epoch===epoch && data.revision<revision) return
+    if (full || data.epoch!==epoch) { rows.clear(); groups.clear() }
+    if (data.epoch!==epoch) { detailCache.clear(); open.clear(); revision=-1 }
+    epoch=data.epoch;revision=data.revision;error=!!data.storageError
+    for (const r of data.activity || []) rows.set(key(r),r)
+    for (const g of data.groups || []) groups.set(g.chatId,g)
+    for (const k of data.removed || []) rows.delete(k)
+    loaded=true;schedule()
+  }
+  function sync() {
+    if (pending) return pending
+    frames=[]
+    pending=api('/api/activity?limit=100').then(data=>{
+      apply(data,true); for(const frame of frames)apply(frame,false)
+    }).catch(()=>{error=true;schedule()}).finally(()=>{pending=null;frames=[]})
+    return pending
+  }
+  document.addEventListener('visibilitychange',()=>{if(!document.hidden){schedule();void sync()}})
+  new MutationObserver(schedule).observe(document.documentElement,{attributes:true,attributeFilter:['data-lang']})
+  return {
+    preserve(){focusBeforeRender=root?.contains(document.activeElement)?document.activeElement:null;groupScroll=groupBody?.scrollTop||0},
+    mount(){setup();const target=document.getElementById('liveActivity');if(target&&root.parentNode!==target)target.append(root);groupBody.scrollTop=groupScroll;if(focusBeforeRender?.isConnected)focusBeforeRender.focus({preventScroll:true});focusBeforeRender=null;schedule();void sync()},
+    sync,
+    receive(data){if(pending){frames.push(data);if(frames.length>200)frames.shift()}else apply(data,false)},
+    live(live){for(const [id,value]of Object.entries(live?.groups||{})){const g=groups.get(id);if(g)Object.assign(g,value)}schedule()},
+    connected(value){connected=value;schedule()},
+  }
+})()

package/src/ui/liveactivity.js

@@ -0,0 +1,193 @@
+'use strict'
+
+// An observational read model, never an execution/recovery authority. All
+// terminal labels are supplied by the existing acknowledged engine paths.
+const fs = require('node:fs')
+const path = require('node:path')
+const { randomUUID } = require('node:crypto')
+const { redact } = require('../core/redact')
+const LIMIT = 256, TEXT = 16384, FILE_LIMIT = 12 * 1024 * 1024
+const CLOSED = new Set(['answered', 'silent', 'stopped', 'recalled', 'timeout', 'error', 'not-started', 'unknown'])
+const clean = (s, n = TEXT) => redact(String(s || ''), { pii: false }).slice(0, n)
+const finite = n => Number.isFinite(n) && n >= 0
+
+function createLiveActivity({ file, now = Date.now, log = () => {}, canWrite = () => true } = {}) {
+  const epoch = randomUUID(), rows = new Map(), aliases = new Map(), contexts = new Map(), listeners = new Set()
+  let revision = 0, timer, saveTimer, saving = Promise.resolve(), writing = false, dirty = false, storageError = false
+  const key = (chatId, id) => chatId + ':' + id
+  const locate = (chatId, id) => rows.get(aliases.get(key(chatId, id)) || key(chatId, id))
+  function changed(urgent = false) {
+    revision++; dirty = true
+    if (!timer) timer = setTimeout(() => {
+      timer = null
+      for (const fn of listeners) { try { fn() } catch {} }
+    }, urgent ? 0 : 150).unref()
+    if (!saveTimer && file) saveTimer = setTimeout(() => { saveTimer = null; void flush() }, 1000).unref()
+  }
+  function touch(row, urgent = false, details = true) {
+    row.updatedAt = now(); row.revision = revision + 1
+    if (details) row.detailRevision = row.revision
+    changed(urgent)
+    while (rows.size > LIMIT) {
+      const oldest = [...rows.values()].sort((a, b) => Number(!CLOSED.has(a.status)) - Number(!CLOSED.has(b.status)) || a.updatedAt - b.updatedAt)[0]
+      rows.delete(key(oldest.chatId, oldest.id))
+      for (const id of oldest.receiptIds) aliases.delete(key(oldest.chatId, id))
+    }
+  }
+  function receive({ chatId, receiptId, text, sender, acceptedAt }) {
+    if (locate(chatId, receiptId)) return
+    const row = { id: receiptId, chatId, receiptIds: [receiptId], ts: acceptedAt || now(),
+      status: 'queued', text: clean(text, 160), sender: clean(sender, 120),
+      messages: [{ id: receiptId, text: clean(text), sender: clean(sender, 120), state: 'accepted' }],
+      truncated: String(text || '').length > TEXT, reply: '', tools: [], milestones: [] }
+    rows.set(key(chatId, receiptId), row); touch(row, true)
+  }
+  function merge(chatId, parentId, ids, state) {
+    const row = locate(chatId, parentId)
+    if (!row) return
+    for (const id of ids) {
+      const child = locate(chatId, id)
+      if (child && child !== row) {
+        row.messages.push(...child.messages)
+        row.receiptIds.push(...child.receiptIds)
+        rows.delete(key(chatId, child.id))
+      }
+      if (!row.receiptIds.includes(id)) row.receiptIds.push(id)
+      aliases.set(key(chatId, id), key(chatId, row.id))
+      const msg = row.messages.find(m => m.id === id)
+      if (msg) msg.state = state
+    }
+    // Bound the entire message body, not only each message, and disclose loss.
+    let budget = TEXT
+    if (row.messages.length > 64) row.truncated = true
+    row.messages = row.messages.slice(0, 64).map(m => {
+      const text = m.text.slice(0, budget); budget -= text.length
+      if (text !== m.text) row.truncated = true
+      return { ...m, text }
+    })
+    touch(row, true)
+    return row
+  }
+  function start({ chatId, receiptId, receiptIds, generation, sessionId, model, runner, project }) {
+    const row = merge(chatId, receiptId, receiptIds || [receiptId], 'landed')
+    if (!row) return
+    row.status = 'running'; row.generation = generation
+    row.startedAt ||= now(); row.sessionId = sessionId || null
+    Object.assign(row, { model: clean(model, 120), runner, project: clean(project, 120) })
+    const prior = contexts.get(chatId)
+    if (!prior || prior.sessionId !== sessionId) contexts.delete(chatId)
+    else contexts.set(chatId, { ...prior, generation, quality: 'previous' })
+    touch(row, true)
+  }
+  function observe({ chatId, receiptId, generation, event, doing, milestones }) {
+    const row = locate(chatId, receiptId)
+    if (!row || row.generation !== generation || CLOSED.has(row.status)) return
+    if (event.sessionId) row.sessionId = event.sessionId
+    const compact = event.type === 'system' && event.subtype === 'compact' || event.contextCompacted && !event.contextTokens
+    const measured = finite(event.contextTokens) && event.contextSampled !== false
+    if (compact || measured) {
+      const prior = contexts.get(chatId)
+      contexts.set(chatId, { sessionId: row.sessionId, generation,
+        usedTokens: compact ? null : event.contextTokens,
+        windowTokens: finite(event.contextWindowTokens) && event.contextWindowTokens > 0 ? event.contextWindowTokens : prior?.generation === generation ? prior.windowTokens : null,
+        measuredAt: now(), quality: compact ? 'compacted' : 'reported', source: row.runner })
+    }
+    if (event.tools) {
+      for (const tool of event.tools) {
+        const name = clean(tool.name, 100), found = row.tools.find(t => t.name === name)
+        if (found) found.count++
+        else if (row.tools.length < 50) row.tools.push({ name, count: 1 })
+      }
+    }
+    if (doing) row.doing = doing.map(x => clean(x, 160)).slice(-3)
+    if (milestones) row.milestones = milestones.map(x => clean(x, 200)).slice(-12)
+    // No model text deltas: only user-facing milestones and tool descriptions.
+    if (compact || measured || event.tools?.length || milestones)
+      touch(row, compact, !!event.tools?.length || !!milestones)
+  }
+  function finish({ chatId, receiptId, status, reply, err, tokens, sessionId }) {
+    const row = locate(chatId, receiptId)
+    if (!row || CLOSED.has(row.status)) return
+    row.status = status; row.endedAt = now(); row.ms = row.startedAt ? row.endedAt - row.startedAt : 0
+    row.reply = clean(reply); row.err = clean(err, 1000); row.tokens = tokens || null
+    row.truncated ||= String(reply || '').length > TEXT
+    if (sessionId) row.sessionId = sessionId
+    const ctx = contexts.get(chatId)
+    if (ctx && ctx.generation === row.generation) {
+      ctx.sessionId = row.sessionId; ctx.quality = ctx.quality === 'compacted' ? 'compacted' : 'previous'
+    }
+    touch(row, true)
+  }
+  function sending({ chatId, receiptId }) {
+    const row = locate(chatId, receiptId)
+    if (row && !CLOSED.has(row.status)) { row.status = 'sending'; touch(row, true) }
+  }
+  function unknown({ chatId }) {
+    for (const row of rows.values()) if (row.chatId === chatId && !CLOSED.has(row.status)) {
+      finish({ chatId, receiptId: row.id, status: 'unknown', err: '结果尚未确认，请查看群状态' })
+    }
+  }
+  const summary = row => {
+    const { messages, reply, tools, milestones, receiptIds, generation, sessionId, ...rest } = row
+    return { ...rest, preview: (row.err || reply || '').slice(0, 160), messageCount: messages.length,
+      kind: CLOSED.has(row.status) ? 'done' : 'start', details: true }
+  }
+  function list({ chatId, status, offset = 0, limit = 30 } = {}) {
+    const all = [...rows.values()].filter(r => (!chatId || r.chatId === chatId) && (!status || r.status === status))
+      .sort((a, b) => Number(CLOSED.has(a.status)) - Number(CLOSED.has(b.status)) || b.ts - a.ts)
+    offset = Math.max(0, Math.min(LIMIT, Number(offset) || 0)); limit = Math.max(1, Math.min(100, Number(limit) || 30))
+    return { epoch, revision, storageError, total: all.length, activity: all.slice(offset, offset + limit).map(summary) }
+  }
+  function detail(chatId, id) {
+    const row = locate(chatId, id)
+    return row ? { epoch, revision: row.revision, ...structuredClone(row) } : null
+  }
+  function context(chatId, sessionId, busy = false, generation = null) {
+    const c = contexts.get(chatId)
+    if (!c || !(busy && generation && c.generation === generation) && (!sessionId || c.sessionId !== sessionId)) return null
+    return { ...c, quality: busy ? c.quality : c.quality === 'reported' ? 'previous' : c.quality }
+  }
+  function flush() {
+    clearTimeout(saveTimer); saveTimer = null
+    if (writing) return saving
+    if (!file || !dirty || !canWrite()) return saving
+    dirty = false
+    const data = JSON.stringify({ version: 1, rows: [...rows.values()], contexts: [...contexts] })
+    writing = true
+    saving = saving.then(async () => {
+      if (!canWrite()) return
+      if (Buffer.byteLength(data) > FILE_LIMIT) throw new Error('activity size limit')
+      await fs.promises.mkdir(path.dirname(file), { recursive: true })
+      const tmp = file + '.tmp'
+      await fs.promises.writeFile(tmp, data, { mode: 0o600 })
+      if (canWrite()) await fs.promises.rename(tmp, file)
+      storageError = false
+    }).catch(() => { storageError = true; log('Activity history could not be saved') })
+      .finally(() => {
+        writing = false
+        if (dirty && !saveTimer) saveTimer = setTimeout(() => { saveTimer = null; void flush() }, 1000).unref()
+      })
+    return saving
+  }
+  if (file) {
+    try {
+      if (fs.statSync(file).size > FILE_LIMIT) throw new Error('activity size limit')
+      const data = JSON.parse(fs.readFileSync(file, 'utf8'))
+      if (data.version !== 1 || !Array.isArray(data.rows) || data.rows.length > LIMIT) throw new Error('activity format')
+      for (const row of data.rows) {
+        if (!row || typeof row.id !== 'string' || typeof row.chatId !== 'string' || !Array.isArray(row.receiptIds) || !Array.isArray(row.messages)) continue
+        if (!CLOSED.has(row.status)) { row.status = 'unknown'; row.err = '服务重启，结果需要核实' }
+        rows.set(key(row.chatId, row.id), row)
+        revision = Math.max(revision, Number(row.revision) || 0)
+        for (const id of row.receiptIds) aliases.set(key(row.chatId, id), key(row.chatId, row.id))
+      }
+      for (const [id, value] of (data.contexts || []).slice(0, 32)) contexts.set(id, { ...value, quality: value.quality === 'compacted' ? 'compacted' : 'historical' })
+    } catch (error) { if (error.code !== 'ENOENT') { storageError = true; log('Activity history could not be loaded') } }
+  }
+  return { receive, start, observe, finish, sending, unknown, merge, list, detail, context, flush,
+    has: (chatId, id) => !!locate(chatId, id),
+    subscribe(fn) { listeners.add(fn); return () => listeners.delete(fn) },
+    async close() { clearTimeout(timer); listeners.clear(); await flush(); await flush(); clearTimeout(saveTimer) } }
+}
+
+module.exports = { createLiveActivity }

package/src/ui/serverbase.js

@@ -49,6 +49,7 @@ const DEFAULT_ISSUES_FILE = () => path.join(os.homedir(), '.sbot', 'issues.jsonl
 const DEFAULT_SESSIONS_FILE = () => path.join(os.homedir(), '.sbot', 'ui-sessions.json')
 
 const CONSOLE_HTML = path.join(__dirname, 'console.html')
+const LIVE_ACTIVITY_JS = fs.readFileSync(path.join(__dirname, 'liveactivity-client.js'), 'utf8')
 const BROWSER_HTML = path.join(__dirname, 'browser.html') // 接管浏览器页(自包含单文件,群成员凭一次性链接也能进)
 const takeover = require('./takeover') // 接管链接的票据与 cookie(纯逻辑)
 const dashboard = require('./dashboard') // 「需要你处理」收件箱 + 活动流的账本回填(纯逻辑)
@@ -840,7 +841,7 @@ function createUiServer({ configPath, getLiveState = null, getConnHealth = null,
         //   隧道对端哪天被写成 127.0.0.1:4600,也不会退化成「公网全员免密」;伪造这两个头只会让自己失去免密,方向安全。
         const localBypass = !loopbackBind && isLoopbackReq(req) && !req.headers['x-forwarded-for'] && !req.headers['x-forwarded-proto']
         const injectTok = (authConfigured() && !localBypass) ? '' : token
-        return fs.readFile(CONSOLE_HTML, 'utf8', (e, html) => e ? (res.writeHead(500), res.end('console.html missing')) : (res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' }), res.end(html.replace('__SBOT_TOKEN__', injectTok).replace('__SBOT_VERSION__', PKG_VERSION).replace('__SBOT_FEISHU_LOGIN__', feishuLoginInfo().ready ? '1' : ''))))
+        return fs.readFile(CONSOLE_HTML, 'utf8', (e, html) => e ? (res.writeHead(500), res.end('console.html missing')) : (res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' }), res.end(html.replace('__SBOT_TOKEN__', injectTok).replace('__SBOT_VERSION__', PKG_VERSION).replace('__SBOT_FEISHU_LOGIN__', feishuLoginInfo().ready ? '1' : '').replace('/*__LIVE_ACTIVITY__*/', () => LIVE_ACTIVITY_JS))))
       }
       // 接管浏览器页。群成员的一次性链接是 /browser#k=<票>:票在 URL 片段里,服务端根本收不到 ⇒ 不进任何日志、链接预览的
       //   裸 GET 也抓不走;页面脚本读片段、人点「开始接管」后 POST /api/browser/claim 换 cookie。这里只分发页面:
@@ -867,7 +868,12 @@ function createUiServer({ configPath, getLiveState = null, getConnHealth = null,
       if (p === '/api/inbox' && req.method === 'GET') return sendJSON(res, 200, { inbox: await inboxOnly() })
       // Recent activity for the console to seed/merge on load + SSE reconnect (下一步 ②).
       // Lightweight + kept off /api/state so mutations don't re-ship it every write.
-      if (p === '/api/activity' && req.method === 'GET') return sendJSON(res, 200, { activity: recentActivity() })
+      if (p === '/api/activity' && req.method === 'GET') return sendJSON(res, 200, runtimePolicy?.activityPage
+        ? runtimePolicy.activityPage(Object.fromEntries(url.searchParams)) : { activity: recentActivity() })
+      if (p === '/api/activity/detail' && req.method === 'GET') {
+        const detail = runtimePolicy?.activityDetail?.(url.searchParams.get('chatId'), url.searchParams.get('id'))
+        return sendJSON(res, detail ? 200 : 404, detail || { error: '活动详情未记录' })
+      }
       // 版本历史(设置页「版本历史」卡):CHANGELOG.json 随包分发 = 单一事实源,发版时更新
       if (p === '/api/changelog' && req.method === 'GET') return sendJSON(res, 200, { changelog: readChangelog() })
       // 同一份版本历史的英文本(界面切英文时才拉;缺的版本前端按 version 回退中文)
@@ -2417,8 +2423,11 @@ function createUiServer({ configPath, getLiveState = null, getConnHealth = null,
     const live = getLiveState ? getLiveState() : { running: false }
     const conn = getConnHealth ? getConnHealth() : null // 飞书 WS 健康度随心跳带上(SSE 无重放,轮询兜底)
     const msg = `event: tick\ndata: ${JSON.stringify({ live, conn, ts: Date.now(),
-      ...(runtimePolicy ? { activity: runtimePolicy.getActivity() } : {}) })}\n\n`
-    for (const c of sseClients) { try { c.write(msg) } catch { sseClients.delete(c) } }
+      ...(runtimePolicy && !runtimePolicy.activityPage ? { activity: runtimePolicy.getActivity() } : {}) })}\n\n`
+    for (const c of sseClients) { try {
+      if (c.writableLength > 256 * 1024) { c.destroy(); sseClients.delete(c) }
+      else c.write(msg)
+    } catch { sseClients.delete(c) } }
   }, 3000)
 
   return {
@@ -2434,7 +2443,10 @@ function createUiServer({ configPath, getLiveState = null, getConnHealth = null,
       if (type === 'turn' && getLiveState) {
         msg += `event: tick\ndata: ${JSON.stringify({ live: getLiveState(), conn: getConnHealth ? getConnHealth() : null, ts: Date.now() })}\n\n`
       }
-      for (const c of sseClients) { try { c.write(msg) } catch { sseClients.delete(c) } }
+      for (const c of sseClients) { try {
+        if (c.writableLength > 256 * 1024) { c.destroy(); sseClients.delete(c) }
+        else c.write(msg)
+      } catch { sseClients.delete(c) } }
     },
     close() { clearInterval(tick); for (const c of sseClients) { try { c.end() } catch {} } try { browserRoutes.close() } catch {} server.close(); if (typeof server.closeAllConnections === 'function') server.closeAllConnections(); if (updater) updater.close() },
     _browserRoutes: browserRoutes, // 测试探 CDP 会话注册表用