sintbot 1.4.10 → 1.4.12

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

@@ -5,6 +5,7 @@
 // two stay in sync.
 
 const http = require('node:http')
+const { followupEnabled } = require('../agent/privatecore')
 const crypto = require('node:crypto')
 const fs = require('node:fs')
 const os = require('node:os')
@@ -48,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') // 「需要你处理」收件箱 + 活动流的账本回填(纯逻辑)
@@ -507,7 +509,7 @@ function createUiServer({ configPath, getLiveState = null, getConnHealth = null,
       // repo:群项目关联的 git 远端(可空)。repoState 走纯 fs 的 .git/config 读取(quickLinkState)
       // —— 群卡标签要反映真实关联(origin 被手改/删掉时不能还绿着),但这里每个 API 响应都跑一遍,
       // per-group spawn git 会把控制台拖垮,所以只读文件、不 spawn。
-      .map(([chatId, g]) => ({ chatId, name: g.name || '', workdir: g.workdir || '', repo: g.repo || '', platform: chatPlatformOf(raw, chatId) /* 群属于哪个平台:配置写了就认,没写按 id 形态 / 唯一平台推断(与 config.normalizeGroupPlatforms 同口径) */, repoState: gitrepo.quickLinkState(g.workdir, g.repo), board: g.board && g.board.url ? { url: g.board.url, createdAt: g.board.createdAt || null } : null, provider: g.provider || '', effectiveProvider: (control && control.providerOf && control.providerOf(chatId)) || g.provider || raw.defaultProvider || cfg.defaultProvider, codexSteer: g.codexSteer !== false, model: g.model || '', allowedTools: g.allowedTools || [], disallowedTools: g.disallowedTools || [], permissionMode: g.permissionMode || '', paused: g.paused === true, plugins: g.plugins || null,
+      .map(([chatId, g]) => ({ chatId, name: g.name || '', workdir: g.workdir || '', repo: g.repo || '', platform: chatPlatformOf(raw, chatId) /* 群属于哪个平台:配置写了就认,没写按 id 形态 / 唯一平台推断(与 config.normalizeGroupPlatforms 同口径) */, repoState: gitrepo.quickLinkState(g.workdir, g.repo), board: g.board && g.board.url ? { url: g.board.url, createdAt: g.board.createdAt || null } : null, provider: g.provider || '', effectiveProvider: (control && control.providerOf && control.providerOf(chatId)) || g.provider || raw.defaultProvider || cfg.defaultProvider, codexSteer: followupEnabled(g, 'codex'), steer: g.steer ?? null, followupEnabled: followupEnabled(g, cfg.providers[(control && control.providerOf && control.providerOf(chatId)) || g.provider || cfg.defaultProvider]?.runner || 'claude'), model: g.model || '', allowedTools: g.allowedTools || [], disallowedTools: g.disallowedTools || [], permissionMode: g.permissionMode || '', paused: g.paused === true, plugins: g.plugins || null,
         // 项目级插件/技能(workdir 自带声明,随项目恒加载)—— 群卡摘要行不点开也看得见。
         // projectPlugins 纯 fs 读且各错各兜(readJson/scanSkills 都 catch),与同行的 projectStyleCard 同量级。
         // ⚠ workdir 必须先判空:空串会让 path.join 退化成 daemon cwd 相对读(实验证实能读到别的项目的
@@ -839,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。这里只分发页面:
@@ -866,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 回退中文)
@@ -1795,15 +1802,15 @@ function createUiServer({ configPath, getLiveState = null, getConnHealth = null,
       }
       // Codex 忙时跟进默认开启；显式 false 才关闭。当前轮按启动时配置运行。
       // providerOf 覆盖运行时模型切换/额度回退，因此必须以实际有效 runner 校验。
-      if (p === '/api/groups/codex-steer' && req.method === 'POST') {
+      if ((p === '/api/groups/steer' || p === '/api/groups/codex-steer') && req.method === 'POST') {
         const { chatId, enabled } = await body(req); const raw = readRaw()
         if (!chatId || !raw.groups || !raw.groups[chatId]) return sendJSON(res, 404, { error: 'no such group' })
         if (typeof enabled !== 'boolean') return sendJSON(res, 400, { error: 'enabled 必须为布尔值' })
         const name = (control && control.providerOf && control.providerOf(chatId)) || raw.groups[chatId].provider || raw.defaultProvider || loadConfig(configPath).defaultProvider
         const provider = { ...DEFAULTS.providers, ...(raw.providers || {}) }[name]
-        if (!provider || provider.runner !== 'codex') return sendJSON(res, 400, { error: '仅实际使用 Codex 的群项目可开启忙时跟进' })
-        if (enabled) delete raw.groups[chatId].codexSteer
-        else raw.groups[chatId].codexSteer = false
+        if (p === '/api/groups/codex-steer' && (!provider || provider.runner !== 'codex')) return sendJSON(res, 400, { error: '仅实际使用 Codex 的群项目可开启忙时跟进' })
+        raw.groups[chatId].steer = enabled
+        delete raw.groups[chatId].codexSteer
         writeRaw(raw)
         return sendJSON(res, 200, await buildState())
       }
@@ -2416,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 {
@@ -2433,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 会话注册表用