@leviyuan/lodestar 0.1.0 → 2.0.14

package/status-dashboard.ts

@@ -0,0 +1,733 @@
+/**
+ * Status dashboard — scans running processes and DeepSeek threads,
+ * renders HTML, and pushes to the static hosting endpoint every 2s.
+ *
+ * DeepSeek TUI migration: tmux-based Claude monitoring replaced with
+ * /proc scanning for deepseek processes and thread status from Runtime API.
+ */
+import { readFileSync, readdirSync, readlinkSync, statSync, existsSync } from 'node:fs'
+import { execSync } from 'node:child_process'
+import { homedir } from 'node:os'
+import { createHash, createHmac } from 'node:crypto'
+import { gzipSync } from 'node:zlib'
+import http, { type IncomingMessage, type ServerResponse } from 'node:http'
+import { join } from 'node:path'
+
+const HOME = homedir()
+const USER_BASE = HOME + '/'
+const STATE_DIR = join(HOME, '.deepseek', 'lodestar')
+const SLUG = 'feishu-ops'
+const TITLE = '夜航星'
+const VERSION = (() => {
+  try { return JSON.parse(readFileSync(join(import.meta.dir, 'package.json'), 'utf-8')).version || '' }
+  catch { return '' }
+})()
+
+// ── Env / credentials ──────────────────────────────────────────────
+function loadEnv(): Record<string, string> {
+  const out: Record<string, string> = {}
+  const envPath = join(homedir(), '.deepseek', 'lodestar_status.env')
+  try {
+    for (const raw of readFileSync(envPath, 'utf-8').split('\n')) {
+      const line = raw.trim()
+      if (!line || line.startsWith('#') || !line.includes('=')) continue
+      const i = line.indexOf('=')
+      out[line.slice(0, i).trim()] = line.slice(i + 1).trim().replace(/^["']|["']$/g, '')
+    }
+  } catch {}
+  for (const k of ['STATUS_PAGE_HOST', 'STATUS_PAGE_PORT', 'STATUS_PAGE_SECRET', 'STATUS_PAGE_MODE', 'STATUS_PAGE_HTTP_PORT'])
+    if (process.env[k]) out[k] = process.env[k]!
+  return out
+}
+
+const ENV = loadEnv()
+const UPLOAD_PORT = parseInt(ENV.STATUS_PAGE_PORT || '0')
+const UPLOAD_SECRET = ENV.STATUS_PAGE_SECRET || ''
+const STATUS_MODE: 'upload' | 'http' = ENV.STATUS_PAGE_MODE === 'upload' ? 'upload' : 'http'
+const HTTP_PORT = parseInt(ENV.STATUS_PAGE_HTTP_PORT || '3120')
+
+// ── Helpers ────────────────────────────────────────────────────────
+const ANSI_RE = /\x1b\[[0-9;?]*[a-zA-Z]/g
+const OMCHUD_RE = /5h:(\d+)%\*?\(~?([^)]+)\)\s+wk:(\d+)%\*?\(~?([^)]+)\)(?:\s+sn:(\d+)%\*?)?(?:\s*\|\s*([a-zA-Z_][\w\- ]*?)(?=\s*\|\s*session:))?(?:\s*\|\s*session:([\w:]+))?.*?ctx:(\d+)%.*?(?:🔧|\ud83d\udd27)(\d+)/
+
+function sh(cmd: string, timeout = 3000): string {
+  try { return execSync(cmd, { timeout, encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'] }) }
+  catch { return '' }
+}
+
+function readProc(path: string): string {
+  try { return readFileSync(path, 'utf-8') } catch { return '' }
+}
+
+function readLink(path: string): string {
+  try { return readlinkSync(path) } catch { return '' }
+}
+
+function fmtUptime(sec: number): string {
+  const s = Math.floor(sec)
+  if (s < 60) return `${s}s`
+  const m = Math.floor(s / 60)
+  if (m < 60) return `${m}m${s % 60}s`
+  const h = Math.floor(m / 60)
+  if (h < 24) return `${h}h${m % 60}m`
+  const d = Math.floor(h / 24)
+  return `${d}d${h % 24}h`
+}
+
+function fmtBytes(n: number): string {
+  if (n < 1024) return `${n}B`
+  if (n < 1024 ** 2) return `${Math.round(n / 1024)}K`
+  if (n < 1024 ** 3) return `${Math.round(n / 1024 / 1024)}M`
+  return `${(n / 1024 / 1024 / 1024).toFixed(1)}G`
+}
+
+function fmtLastEvent(sec: number | null): string {
+  if (sec == null) return '沉寂'
+  if (sec < 60) return `${sec}s 前`
+  if (sec < 3600) return `${Math.floor(sec / 60)}m 前`
+  if (sec < 86400) return `${Math.floor(sec / 3600)}h 前`
+  return `${Math.floor(sec / 86400)}d 前`
+}
+
+function parseHudTimeToHours(s: string): number {
+  const m = s.trim().match(/^(?:(\d+)d)?(?:(\d+)h)?(?:(\d+)m)?$/)
+  if (!m) return 0
+  return (parseInt(m[1] || '0') * 24) + parseInt(m[2] || '0') + parseInt(m[3] || '0') / 60
+}
+
+function esc(s: any): string {
+  return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;')
+}
+
+// ── Boot time ──────────────────────────────────────────────────────
+let BOOT_TIME = 0
+try {
+  for (const line of readProc('/proc/stat').split('\n'))
+    if (line.startsWith('btime ')) { BOOT_TIME = parseFloat(line.split(' ')[1]); break }
+} catch {}
+const CLK_TCK = 100
+
+// ── Process scanning ───────────────────────────────────────────────
+interface ProcInfo {
+  pid: number; kind: 'deepseek' | 'python' | 'daemon'; project: string
+  script: string; rss: number; uptime: number; lastLogAgo: number | null
+}
+
+function procStat(pid: number): { starttime: number; rss: number } | null {
+  const raw = readProc(`/proc/${pid}/stat`)
+  const ci = raw.lastIndexOf(')')
+  if (ci < 0) return null
+  const fields = raw.slice(ci + 2).split(' ')
+  try {
+    return { starttime: parseInt(fields[19]), rss: parseInt(fields[21]) * 4096 }
+  } catch { return null }
+}
+
+function scanProcs(): ProcInfo[] {
+  const uid = process.getuid!()
+  const now = Date.now() / 1000
+  const out: ProcInfo[] = []
+  let entries: string[]
+  try { entries = readdirSync('/proc').filter(n => /^\d+$/.test(n)) } catch { return out }
+
+  for (const name of entries) {
+    const pid = parseInt(name)
+    try { if (statSync(`/proc/${pid}`).uid !== uid) continue } catch { continue }
+    const cwd = readLink(`/proc/${pid}/cwd`)
+    if (!cwd.startsWith(USER_BASE)) continue
+    const rel = cwd.slice(USER_BASE.length)
+    const project = rel.split('/')[0]
+    if (!project || project.startsWith('.')) continue
+
+    const cmdlineRaw = readProc(`/proc/${pid}/cmdline`)
+    if (!cmdlineRaw) continue
+    const cmdline = cmdlineRaw.split('\0').filter(Boolean)
+    if (!cmdline.length) continue
+
+    const exe = readLink(`/proc/${pid}/exe`)
+    const exeBase = exe ? exe.split('/').pop()! : ''
+    const cmd0 = cmdline[0].split('/').pop()!
+
+    let kind: 'deepseek' | 'python' | 'daemon' | null = null
+    if (exeBase.startsWith('python') || cmd0.startsWith('python')) kind = 'python'
+    else if (cmd0 === 'deepseek' || cmdline[0].includes('/deepseek')) kind = 'deepseek'
+    else if ((cmd0 === 'bun' || cmd0.startsWith('bun')) && cwd.includes('.deepseek')) kind = 'daemon'
+    if (!kind) continue
+
+    if (kind === 'python' && cmdline.includes('start-mcp-server')) continue
+    if (kind === 'deepseek' && cmdline.includes(' mcp-server ')) continue
+
+    const st = procStat(pid)
+    if (!st) continue
+    const uptime = now - (BOOT_TIME + st.starttime / CLK_TCK)
+
+    let script = ''
+    if (kind === 'python') {
+      for (const arg of cmdline.slice(1)) {
+        if (arg.startsWith('-')) continue
+        script = arg.split('/').pop()!
+        if (script.endsWith('.py')) script = script.slice(0, -3)
+        break
+      }
+    }
+
+    let lastLogAgo: number | null = null
+    if (kind === 'python') {
+      try {
+        const st2 = statSync(`/proc/${pid}/fd/1`)
+        lastLogAgo = Math.floor(now - st2.mtimeMs / 1000)
+      } catch {}
+    }
+
+    out.push({ pid, kind, project, script, rss: st.rss, uptime, lastLogAgo })
+  }
+  return out
+}
+
+// ── Tmux stubs (no longer used in DeepSeek TUI architecture) ───────
+interface TmuxSession { activity: number; created: number; tty: string }
+
+function tmuxSessions(): Map<string, TmuxSession> {
+  return new Map()
+}
+
+export function capturePane(_session: string, _lines = 40): string {
+  return ''
+}
+
+// ── State detection (simplified for DeepSeek — no Claude HUD) ─────
+interface OmcHud {
+  h5Pct: number; h5Left: string; wkPct: number; wkLeft: string
+  snPct: number | null; activity: string | null; session: string | null
+  ctxPct: number; tools: number
+}
+
+export function parseOmcHud(_tail: string): OmcHud | null {
+  return null // OMC HUD is Claude-specific
+}
+
+export type StateSlug = 'thinking' | 'tool_running' | 'bg_running' | 'waiting_user' | 'menu_select' | 'idle' | 'script' | 'unknown'
+
+export function detectPendingMenu(_tail: string): { state: 'menu_select' | 'waiting_user'; menu: { question: string; options: string[]; raw: string } } | null {
+  return null
+}
+
+export function detectState(_tail: string, _hud: OmcHud | null, _lastOutputAgo?: number | null): [StateSlug, string] {
+  return ['script', '运行中']
+}
+
+// ── System metrics ─────────────────────────────────────────────────
+function systemMetrics(): { cpuPct: number | null; memPct: number | null } {
+  let cpuPct: number | null = null
+  let memPct: number | null = null
+  try {
+    const la = readProc('/proc/loadavg').split(' ')
+    const cores = require('os').cpus().length || 1
+    cpuPct = Math.min(100, Math.round(parseFloat(la[0]) / cores * 100))
+  } catch {}
+  try {
+    const mem: Record<string, number> = {}
+    for (const line of readProc('/proc/meminfo').split('\n')) {
+      const [k, v] = line.split(':')
+      if (k && v) mem[k.trim()] = parseInt(v.trim())
+    }
+    memPct = Math.round((mem.MemTotal - mem.MemAvailable) / mem.MemTotal * 100)
+  } catch {}
+  return { cpuPct, memPct }
+}
+
+// ── Feishu / web-proxy state ───────────────────────────────────────
+function serviceState(name: string): { active: boolean; uptime: string | null } {
+  const status = sh(`systemctl --user is-active ${name}`).trim()
+  const active = status === 'active'
+  let uptime: string | null = null
+  if (active) {
+    const pidRaw = sh(`systemctl --user show -p MainPID ${name}`).trim()
+    try {
+      const pid = parseInt(pidRaw.split('=')[1])
+      if (pid > 0) {
+        const st = procStat(pid)
+        if (st) uptime = fmtUptime(Date.now() / 1000 - (BOOT_TIME + st.starttime / CLK_TCK))
+      }
+    } catch {}
+  }
+  return { active, uptime }
+}
+
+function lastDaemonEvent(): number | null {
+  const tsFile = join(STATE_DIR, 'last_user_message')
+  try {
+    const ts = parseInt(readFileSync(tsFile, 'utf-8').trim(), 10)
+    if (ts > 0) return Math.floor(Date.now() / 1000 - ts)
+  } catch {}
+  return null
+}
+
+// ── Project self-reported status ───────────────────────────────────
+type ProjectStatusSlug = 'ok' | 'warn' | 'err' | 'build' | 'deploy'
+interface ProjectStatus {
+  status?: ProjectStatusSlug
+  updated_at?: number
+  kv?: Record<string, string>
+}
+const PS_SLUGS: Record<ProjectStatusSlug, true> = { ok: true, warn: true, err: true, build: true, deploy: true }
+
+function loadProjectStatus(project: string): ProjectStatus | null {
+  const p = join(USER_BASE, project, 'status.json')
+  try {
+    if (!existsSync(p)) return null
+    const st = statSync(p)
+    if (st.size > 4096) return null
+    const parsed = JSON.parse(readFileSync(p, 'utf-8'))
+    if (!parsed || typeof parsed !== 'object') return null
+    const out: ProjectStatus = {}
+    if (typeof parsed.status === 'string' && (PS_SLUGS as any)[parsed.status]) out.status = parsed.status
+    if (typeof parsed.updated_at === 'number' && parsed.updated_at > 0) out.updated_at = parsed.updated_at
+    if (parsed.kv && typeof parsed.kv === 'object') {
+      const kv: Record<string, string> = {}
+      let n = 0
+      for (const [k, v] of Object.entries(parsed.kv as Record<string, any>)) {
+        if (n >= 5) break
+        const key = String(k).slice(0, 10).trim()
+        const val = String(v).slice(0, 20).trim()
+        if (key && val) { kv[key] = val; n++ }
+      }
+      if (Object.keys(kv).length) out.kv = kv
+    }
+    return out
+  } catch { return null }
+}
+
+// ── Email queue (mirror file) ──────────────────────────────────────
+interface OutsourceInfo { queued?: number; running?: string | null; total?: number }
+function loadOutsourceQueue(): Record<string, OutsourceInfo> {
+  const path = join(STATE_DIR, 'email-queue.json')
+  try {
+    if (existsSync(path)) {
+      const d = JSON.parse(readFileSync(path, 'utf-8'))
+      return d.projects || {}
+    }
+  } catch {}
+  return {}
+}
+
+// ── Build data ─────────────────────────────────────────────────────
+interface Card {
+  project: string; deepseek: ProcInfo | null
+  pythons: ProcInfo[]; state: StateSlug; stateLabel: string
+  outsource?: OutsourceInfo; lastOutput?: number
+  projectStatus?: ProjectStatus | null
+}
+
+function buildData() {
+  const procs = scanProcs()
+  const byProject = new Map<string, Card>()
+
+  for (const p of procs) {
+    if (!byProject.has(p.project))
+      byProject.set(p.project, { project: p.project, deepseek: null, pythons: [], state: 'script', stateLabel: '运行中' })
+    const card = byProject.get(p.project)!
+
+    if (card.lastOutput == null && p.lastLogAgo != null) {
+      card.lastOutput = p.lastLogAgo
+    }
+
+    if (p.kind === 'deepseek') {
+      card.deepseek = p
+      card.state = 'script'
+      card.stateLabel = '运行中'
+    } else if (p.kind === 'daemon') {
+      // daemon processes don't get their own card — skip
+      continue
+    } else {
+      card.pythons.push(p)
+    }
+  }
+
+  const outsource = loadOutsourceQueue()
+  const cards = [...byProject.values()]
+  for (const c of cards) {
+    if (outsource[c.project]) c.outsource = outsource[c.project]
+  }
+  for (const [name, info] of Object.entries(outsource)) {
+    if (byProject.has(name) || (!info.queued && !info.running)) continue
+    cards.push({ project: name, deepseek: null, pythons: [], state: 'idle', stateLabel: '分遣中', outsource: info })
+  }
+
+  for (const c of cards) {
+    c.projectStatus = loadProjectStatus(c.project)
+  }
+
+  cards.sort((a, b) => {
+    const ha = a.deepseek ? 0 : 1, hb = b.deepseek ? 0 : 1
+    if (ha !== hb) return ha - hb
+    return a.project.localeCompare(b.project)
+  })
+
+  return {
+    cards,
+    globalUsage: null as { h5Pct: number; h5Left: string; wkPct: number; wkLeft: string; source: string; _stale?: boolean } | null,
+    feishu: serviceState('feishu-daemon'),
+    webproxy: serviceState('web-proxy'),
+    lastEvent: lastDaemonEvent(),
+    sys: systemMetrics(),
+    ts: Math.floor(Date.now() / 1000),
+  }
+}
+
+// ── HTML rendering ─────────────────────────────────────────────────
+const STATE_BADGE: Record<string, string> = {
+  thinking: 'b-ok', tool_running: 'b-ok', bg_running: 'b-orange',
+  waiting_user: 'b-warn', menu_select: 'b-warn', idle: 'b-mute', script: 'b-run', unknown: 'b-mute',
+}
+const STATE_OFFICE: Record<string, string> = {
+  thinking: 'thinking', tool_running: 'thinking', bg_running: 'bg',
+  waiting_user: 'waiting', menu_select: 'waiting', idle: 'idle', script: 'running', unknown: 'idle',
+}
+const STATE_LETTER: Record<string, string> = {
+  thinking: 'T', tool_running: 'T', bg_running: 'B',
+  waiting_user: 'W', menu_select: 'M', idle: 'I', script: 'S', unknown: 'X',
+}
+
+function mbar(pct: number, color: string): string {
+  pct = Math.max(0, Math.min(100, pct))
+  return `<span class="mbar"><span class="fill" style="width:${pct}%;--fill:${color}"></span></span>`
+}
+
+function fuelGauge(pct: number): string {
+  pct = Math.max(0, Math.min(100, pct))
+  const remaining = Math.max(0, 100 - pct)
+  const lit = Math.max(0, Math.min(10, Math.round(remaining / 10)))
+  const level = remaining >= 60 ? 'ok' : remaining >= 30 ? 'mid' : 'crit'
+  let cells = ''
+  for (let i = 0; i < 10; i++) {
+    cells += i < lit ? '<span class="cell"></span>' : '<span class="cell off"></span>'
+  }
+  return `<span class="fuel-gauge ${level}" title="剩余燃料 ${remaining}%">${cells}</span>`
+}
+
+const HUD_CORNERS = '<span class="hc tl"></span><span class="hc tr"></span><span class="hc bl"></span><span class="hc br"></span>'
+
+function render(data: ReturnType<typeof buildData>): string {
+  const { cards, globalUsage: gu, feishu, webproxy, lastEvent, sys, ts } = data
+
+  const fhCls = feishu.active ? 'ok' : 'err'
+  const fhLabel = feishu.active ? '接入' : '掉线'
+  const wpCls = webproxy.active ? 'ok' : 'err'
+  const wpLabel = webproxy.active ? '在轨' : '失联'
+  const lastEvTxt = fmtLastEvent(lastEvent)
+  const daemonUp = feishu.uptime || '—'
+  const wpUp = webproxy.uptime || '—'
+
+  let brainPill = '<span class="pill fuel empty"><span class="k">燃料</span><span class="v muted">未接入</span></span>'
+  if (gu) {
+    const h5h = parseHudTimeToHours(gu.h5Left)
+    const wkRem = Math.max(0, 100 - gu.wkPct)
+    const h5Rem = Math.max(0, 100 - gu.h5Pct)
+    const level = h5Rem >= 60 ? 'ok' : h5Rem >= 30 ? 'mid' : 'crit'
+    const pillCls = gu._stale ? `pill fuel stale ${level}` : `pill fuel ${level}`
+    brainPill = `<span class="${pillCls}"><span class="k">燃料</span>${fuelGauge(gu.h5Pct)}<span class="v">${h5h.toFixed(1)}h · ${wkRem}%</span></span>`
+  }
+
+  const powerPill = sys.cpuPct != null
+    ? `<span class="pill power"><span class="k">堆芯</span>${mbar(sys.cpuPct, '#ff7b72')}<span class="v">${sys.cpuPct}%</span></span>` : ''
+  const warePill = sys.memPct != null
+    ? `<span class="pill ware"><span class="k">载舱</span>${mbar(sys.memPct, '#d2a8ff')}<span class="v">${sys.memPct}%</span></span>` : ''
+
+  const staffCount = cards.filter(c => c.deepseek).length
+  const deviceCount = cards.reduce((n, c) => n + c.pythons.length, 0)
+
+  const frontdesk = `
+ <div class="frontdesk">
+   <span class="pill p-gw ${fhCls}"><span class="k">信关</span><span class="v">${fhLabel}</span></span>
+   <span class="pill p-up"><span class="k">在轨</span><span class="v">${esc(daemonUp)}</span></span>
+   <span class="pill p-last"><span class="k">末讯</span><span class="v">${esc(lastEvTxt)}</span></span>
+   <span class="pill p-relay ${wpCls}"><span class="k">中继</span><span class="v">${wpLabel} ${esc(wpUp)}</span></span>
+   ${powerPill}${warePill}${brainPill}
+   <span class="pill p-crew"><span class="k">机组</span><span class="v">${staffCount}/${cards.length}</span></span>
+   <span class="pill p-dev"><span class="k">副机</span><span class="v">${deviceCount}</span></span>
+ </div>`
+
+  let officesHtml = ''
+  if (!cards.length) {
+    officesHtml = '<div class="empty-room">舰桥未载单位 — ~/ 下无运行实例</div>'
+  } else {
+    const parts: string[] = []
+    for (let i = 0; i < cards.length; i++) {
+      const c = cards[i]
+      const ps = c.projectStatus
+      const psCls = ps?.status ? ` ps-${ps.status}` : ''
+      const stateBox = `<span class="state-box ${STATE_BADGE[c.state] || 'b-mute'}" title="${esc(c.stateLabel)}">${STATE_LETTER[c.state] || '?'}</span>`
+      const officeCls = (STATE_OFFICE[c.state] || 'idle') + psCls
+
+      let metaBadge = ''
+      let kvHtml = ''
+      if (ps) {
+        metaBadge = '<span class="meta-badge" title="项目自述 status.json">◆META</span>'
+        const now = Math.floor(Date.now() / 1000)
+        const stale = ps.updated_at != null && (now - ps.updated_at > 3600)
+        if (ps.kv && Object.keys(ps.kv).length) {
+          const kvTags = Object.entries(ps.kv)
+            .map(([k, v]) => `<span class="kv"><span class="kk">${esc(k)}</span><span class="kvv">${esc(v)}</span></span>`)
+            .join('')
+          const ageTag = ps.updated_at
+            ? `<span class="kv-age${stale ? ' stale' : ''}">${esc(fmtLastEvent(now - ps.updated_at))}</span>`
+            : ''
+          kvHtml = `<div class="kv-row${stale ? ' stale' : ''}">${kvTags}${ageTag}</div>`
+        } else if (ps.updated_at) {
+          kvHtml = `<div class="kv-row${stale ? ' stale' : ''}"><span class="kv-age${stale ? ' stale' : ''}">${esc(fmtLastEvent(now - ps.updated_at))}</span></div>`
+        }
+      }
+
+      const rows: string[] = []
+
+      const out = c.outsource
+      if (out && (out.queued || out.running)) {
+        const bits: string[] = []
+        if (out.running) bits.push(`<span class="tag out-run">分遣执行·${esc(String(out.running).slice(0, 20))}</span>`)
+        if (out.queued) bits.push(`<span class="tag out-q">分遣队列 ${out.queued}</span>`)
+        rows.push(`<div class="staff out-row"><span class="icon ico ico-m">E</span><div class="body">${bits.join(' ')}</div></div>`)
+      }
+
+      if (c.deepseek) {
+        const tags: string[] = []
+        tags.push(`<span class="tag">PID ${c.deepseek.pid}</span>`)
+        tags.push(`<span class="tag">载荷 ${fmtBytes(c.deepseek.rss)}</span>`)
+        const activeTxt = c.lastOutput != null ? ` · 活跃 ${fmtLastEvent(c.lastOutput)}` : ''
+        rows.push(`<div class="staff"><span class="icon">🤖</span><div class="body"><span class="meta">在轨 ${fmtUptime(c.deepseek.uptime)}${activeTxt}</span>${tags.join('')}</div></div>`)
+      }
+
+      const devRows: string[] = []
+      for (const p of c.pythons) {
+        const logTxt = p.lastLogAgo != null ? ` · 活跃 ${fmtLastEvent(p.lastLogAgo)}` : ''
+        devRows.push(`<div class="staff"><span class="icon">⚙️</span><div class="body"><span class="title">${esc(p.script || '设备')}</span><span class="meta">在轨 ${fmtUptime(p.uptime)} · 载荷 ${fmtBytes(p.rss)}${logTxt}</span></div></div>`)
+      }
+      let devHtml = ''
+      if (devRows.length) devHtml = `<div class="devices">${devRows.join('')}</div>`
+      else if (c.deepseek) devHtml = '<div class="devices"><div class="empty-dev">无副机</div></div>'
+
+      parts.push(`<div class="office ${officeCls}">${HUD_CORNERS}<div class="office-hd"><div class="office-name">${stateBox}${esc(c.project)}</div></div>${kvHtml}${rows.join('')}${devHtml}</div>`)
+    }
+    officesHtml = `<div class="offices">${parts.join('')}</div>`
+  }
+
+  return `<!doctype html><html lang="zh-CN"><head>
+ <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>${esc(TITLE)}</title>
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Chakra+Petch:wght@500;600;700&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
+ <style>${CSS}</style></head><body>
+ <div class="topline"><h1><span class="emo">🌍</span>${esc(TITLE)}${VERSION ? `<span class="ver">v${esc(VERSION)}</span>` : ''}</h1>
+ <div class="sub">末扫于 <span id="ut" data-ts="${ts}">刚刚</span> · 舰桥·γ 扇区</div></div>
+ ${frontdesk}${officesHtml}
+ <script>${RELOAD_JS}</script></body></html>`
+}
+
+// ── Upload ─────────────────────────────────────────────────────────
+function upload(name: string, content: string): Promise<void> {
+  if (!UPLOAD_PORT || !UPLOAD_SECRET) return Promise.resolve()
+  const compressed = gzipSync(Buffer.from(content, 'utf-8'))
+  const timestamp = String(Date.now())
+  const signature = createHmac('sha256', UPLOAD_SECRET).update(content + timestamp).digest('hex')
+  const body = JSON.stringify({
+    name, compressedContent: compressed.toString('base64'), timestamp, signature,
+  })
+  return new Promise(resolve => {
+    const req = http.request({
+      hostname: '127.0.0.1', port: UPLOAD_PORT, path: '/api/upload', method: 'POST',
+      headers: { 'Content-Type': 'application/json', 'Content-Length': Buffer.byteLength(body) },
+      timeout: 15000,
+    }, res => { res.resume(); resolve() })
+    req.on('error', () => resolve())
+    req.on('timeout', () => { req.destroy(); resolve() })
+    req.write(body)
+    req.end()
+  })
+}
+
+// ── Public API ─────────────────────────────────────────────────────
+let logFn: (msg: string) => void = console.log
+let latestHtml = ''
+
+async function tick() {
+  try {
+    const t0 = Date.now()
+    const data = buildData()
+    const t1 = Date.now()
+    const html = render(data)
+    const t2 = Date.now()
+    latestHtml = html
+    if (STATUS_MODE === 'upload') {
+      await upload(SLUG, html)
+      const t3 = Date.now()
+      logFn(`[status] pushed (${data.cards.length} cards) build=${t1-t0}ms render=${t2-t1}ms upload=${t3-t2}ms total=${t3-t0}ms`)
+    } else {
+      const t3 = Date.now()
+      logFn(`[status] rendered (${data.cards.length} cards) build=${t1-t0}ms render=${t2-t1}ms total=${t3-t0}ms`)
+    }
+  } catch (err) {
+    logFn(`[status] error: ${err}`)
+  }
+}
+
+function startHttpServer(log: (msg: string) => void) {
+  const server = http.createServer((_req: IncomingMessage, res: ServerResponse) => {
+    if (!latestHtml) {
+      res.writeHead(503, { 'Content-Type': 'text/plain; charset=utf-8' })
+      res.end('Dashboard not ready')
+      return
+    }
+    res.writeHead(200, {
+      'Content-Type': 'text/html; charset=utf-8',
+      'Cache-Control': 'no-cache, no-store',
+    })
+    res.end(latestHtml)
+  })
+  server.listen(HTTP_PORT, '0.0.0.0', () => {
+    log(`[status] http server listening on 0.0.0.0:${HTTP_PORT}`)
+  })
+  server.on('error', (err: Error) => {
+    log(`[status] http server error: ${err.message}`)
+  })
+}
+
+export function startStatusDashboard(log: (msg: string) => void) {
+  logFn = log
+  tick()
+  setInterval(tick, 2_000)
+  if (STATUS_MODE === 'http') {
+    startHttpServer(log)
+    log(`[status] dashboard started (2s interval, http mode on port ${HTTP_PORT})`)
+  } else {
+    log('[status] dashboard started (2s interval, upload mode)')
+  }
+}
+
+// ── CSS + JS (kept from original, cyberpunk theme) ─────────────────
+const RELOAD_JS = `
+ (function(){
+   var busy=false;
+   function utext(){
+     var e=document.getElementById("ut");if(!e)return;
+     var ts=parseInt(e.dataset.ts||0)*1000,now=Date.now(),df=Math.floor((now-ts)/1000);
+     e.textContent=df<60?df+"秒前":df<3600?Math.floor(df/60)+"分钟前":Math.floor(df/3600)+"小时前";
+   }
+   function morphNode(o,n){
+     if(o.nodeType===3){if(o.textContent!==n.textContent)o.textContent=n.textContent;return}
+     if(o.nodeType!==1||n.nodeType!==1)return;
+     if(o.tagName!==n.tagName){o.replaceWith(n.cloneNode(true));return}
+     var oa=o.attributes,na=n.attributes;
+     for(var i=na.length-1;i>=0;i--){var a=na[i];if(o.getAttribute(a.name)!==a.value)o.setAttribute(a.name,a.value)}
+     for(var i=oa.length-1;i>=0;i--){if(!n.hasAttribute(oa[i].name))o.removeAttribute(oa[i].name)}
+     var oc=o.childNodes,nc=n.childNodes;
+     var max=Math.max(oc.length,nc.length);
+     for(var i=0;i<max;i++){
+       if(i>=oc.length){o.appendChild(nc[i].cloneNode(true))}
+       else if(i>=nc.length){while(o.childNodes.length>nc.length)o.removeChild(o.lastChild)}
+       else{morphNode(oc[i],nc[i])}
+     }
+   }
+   var tickTimer=null;
+   function fetchAndMorph(){
+     if(busy)return;busy=true;
+     fetch(location.href,{cache:'no-cache'}).then(function(r){
+       if(!r.ok)return;
+       return r.text();
+     }).then(function(html){
+       if(!html)return;
+       var parser=new DOMParser();
+       var doc=parser.parseFromString(html,'text/html');
+       var newFrontdesks=doc.querySelectorAll('.frontdesk');
+       var oldFrontdesks=document.querySelectorAll('.frontdesk');
+       for(var i=0;i<Math.min(newFrontdesks.length,oldFrontdesks.length);i++){
+         morphNode(oldFrontdesks[i],newFrontdesks[i]);
+       }
+       var newOffices=doc.querySelectorAll('.offices');
+       var oldOffices=document.querySelectorAll('.offices');
+       for(var i=0;i<Math.min(newOffices.length,oldOffices.length);i++){
+         morphNode(oldOffices[i],newOffices[i]);
+       }
+       var ts=parseInt(doc.getElementById('ut')?.dataset.ts||0);
+       if(ts){var e=document.getElementById('ut');if(e){e.dataset.ts=String(ts);utext()}}
+       if(tickTimer){clearInterval(tickTimer);tickTimer=null}
+       tickTimer=setInterval(utext,10000);
+       busy=false;
+     }).catch(function(){busy=false});
+   }
+   tickTimer=setInterval(utext,10000);
+   setInterval(fetchAndMorph,2500);
+ })()`
+
+const CSS = `
+ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
+ body{background:#090c10;color:#c9d1d9;font-family:"SF Mono",Consolas,monospace;padding:24px 28px;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
+ .topline{margin-bottom:22px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
+ .topline h1{font-family:"Orbitron","Chakra Petch",sans-serif;font-size:22px;font-weight:900;color:#f0f6fc;letter-spacing:2px;display:flex;align-items:center;gap:8px;text-shadow:0 0 28px rgba(88,166,255,0.35)}
+ .topline .emo{font-size:28px;text-shadow:0 0 16px rgba(88,166,255,0.5);animation:rotate 12s linear infinite;display:inline-block}
+ .topline .ver{font-size:12px;color:#8b949e;font-weight:600;letter-spacing:1px;margin-left:4px}
+ .topline .sub{font-size:12px;color:#484f58;font-family:"SF Mono",Consolas,monospace}
+ .frontdesk{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:baseline}
+ .pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:18px;font-size:11px;font-family:"SF Mono",Consolas,monospace;border:1px solid rgba(110,118,129,0.25);background:rgba(22,27,34,0.9);backdrop-filter:blur(8px);transition:all .3s}
+ .pill .k{color:#8b949e;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:10px}
+ .pill .v{color:#c9d1d9;font-weight:700}
+ .pill .v.muted{color:#484f58}
+ .pill.ok{border-color:rgba(63,185,80,0.5);box-shadow:0 0 12px rgba(63,185,80,0.15)}
+ .pill.err{border-color:rgba(248,81,73,0.5);box-shadow:0 0 12px rgba(248,81,73,0.15)}
+ .pill.fuel{min-width:180px}
+ .pill.fuel .v{font-size:10px}
+ .pill.fuel.empty{opacity:0.5}
+ .pill.fuel.ok{border-color:rgba(88,166,255,0.5);box-shadow:0 0 16px rgba(88,166,255,0.2)}
+ .pill.fuel.mid{border-color:rgba(210,168,255,0.45);box-shadow:0 0 12px rgba(210,168,255,0.15)}
+ .pill.fuel.crit{border-color:rgba(248,81,73,0.5);box-shadow:0 0 12px rgba(248,81,73,0.2);animation:critPulse 2s ease-in-out infinite}
+ .pill.fuel.stale{opacity:0.5}
+ .fuel-gauge{display:inline-flex;flex-direction:row;gap:2px;align-items:flex-end;height:16px}
+ .fuel-gauge .cell{width:6px;border-radius:1px;background:rgba(88,166,255,0.9);box-shadow:0 0 4px rgba(88,166,255,0.5)}
+ .fuel-gauge .cell.off{background:rgba(48,54,61,0.6);box-shadow:none}
+ .fuel-gauge.mid .cell{background:rgba(210,168,255,0.9);box-shadow:0 0 4px rgba(210,168,255,0.5)}
+ .fuel-gauge.crit .cell{background:rgba(248,81,73,0.9);box-shadow:0 0 4px rgba(248,81,73,0.5)}
+ .mbar{display:inline-block;width:40px;height:8px;border-radius:4px;background:rgba(48,54,61,0.8);overflow:hidden;vertical-align:middle}
+ .mbar .fill{display:block;height:100%;border-radius:4px;background:var(--fill,#58a6ff);transition:width .6s}
+ .office{background:rgba(13,17,23,0.85);border:1px solid var(--edge,rgba(48,54,61,0.5));border-radius:12px;padding:12px 16px;margin-bottom:10px;position:relative;overflow:hidden;transition:box-shadow .6s,border-color .6s}
+ .office .hc{position:absolute;width:20px;height:20px;border-radius:50%;pointer-events:none;opacity:0}
+ .office:hover{box-shadow:0 0 24px var(--glow-strong,rgba(0,0,0,0)),0 8px 24px rgba(0,0,0,0.4)}
+ .empty-room{text-align:center;padding:60px 20px;color:#484f58;font-size:14px}
+ .state-box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;font-size:9px;font-weight:900;flex-shrink:0;font-family:"SF Mono",Consolas,monospace}
+ .office.thinking{--edge:rgba(88,166,255,0.7);--glow:rgba(88,166,255,0.25);--glow-strong:rgba(88,166,255,0.12)}
+ .office.thinking .office-name{text-shadow:0 0 10px rgba(88,166,255,0.45)}
+ .office.bg{--edge:rgba(240,136,62,0.7);--glow:rgba(240,136,62,0.3);--glow-strong:rgba(240,136,62,0.18)}
+ .office.waiting{--edge:rgba(240,185,11,0.7);--glow:rgba(240,185,11,0.3);--glow-strong:rgba(240,185,11,0.18)}
+ .office.running{--edge:rgba(63,185,80,0.6);--glow:rgba(63,185,80,0.22);--glow-strong:rgba(63,185,80,0.14)}
+ .office.idle{--edge:rgba(110,118,129,0.3);--glow:rgba(0,0,0,0);--glow-strong:rgba(0,0,0,0)}
+ .office-hd{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid rgba(110,118,129,0.18)}
+ .office-name{font-size:13px;font-weight:700;color:#f0f6fc;display:flex;align-items:center;gap:5px;font-family:-apple-system,"Microsoft YaHei",sans-serif;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+ .badge{padding:1px 7px;border-radius:9px;font-size:9px;font-weight:700;display:inline-block;vertical-align:middle;white-space:nowrap;letter-spacing:.3px;border:1px solid transparent;flex-shrink:0}
+ .b-ok{background:rgba(13,47,102,0.7);color:#79c0ff;border-color:rgba(88,166,255,0.4);box-shadow:0 0 10px rgba(88,166,255,0.2)}
+ .b-orange{background:rgba(92,44,10,0.7);color:#ffa657;border-color:rgba(240,136,62,0.4);box-shadow:0 0 10px rgba(240,136,62,0.2)}
+ .b-warn{background:rgba(61,46,0,0.7);color:#f0b90b;border-color:rgba(240,185,11,0.4);box-shadow:0 0 10px rgba(240,185,11,0.2)}
+ .b-mute{background:rgba(45,51,59,0.7);color:#8b949e;border-color:rgba(110,118,129,0.3)}
+ .b-run{background:rgba(12,64,36,0.7);color:#56d364;border-color:rgba(63,185,80,0.4);box-shadow:0 0 10px rgba(63,185,80,0.2)}
+ .staff{display:flex;align-items:flex-start;gap:6px;padding:2px 0;font-size:11px;line-height:1.4}
+ .staff .icon{font-size:13px;width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;animation:bob 4s ease-in-out infinite;line-height:1;margin-top:1px}
+ .staff .icon.ico{font-size:8px;border-radius:4px;font-weight:800;font-family:"SF Mono",Consolas,monospace}
+ .ico-m{background:linear-gradient(135deg,rgba(240,136,62,0.3),rgba(240,136,62,0.1));color:#ffa657;border:1px solid rgba(240,136,62,0.25)}
+ @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
+ .staff .body{flex:1;min-width:0;display:flex;gap:4px;flex-wrap:wrap;align-items:baseline}
+ .staff .title{color:#f0f6fc;font-weight:600;font-size:11px}
+ .staff .meta{color:#7d8590;font-size:10px;font-family:"SF Mono",Consolas,monospace}
+ .staff .tag{display:inline-block;padding:0 5px;border-radius:7px;background:rgba(13,17,23,0.8);border:1px solid rgba(110,118,129,0.25);color:#c9d1d9;font-size:9px;font-family:"SF Mono",Consolas,monospace;line-height:1.5}
+ .empty-dev{color:#484f58;font-size:10px;font-style:italic;padding:2px 6px}
+ .out-row{opacity:0.8;border-left:2px solid rgba(240,136,62,0.3);padding-left:6px;margin-left:2px}
+ .kv-row{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0;padding:3px 0}
+ .kv{display:inline-flex;align-items:center;gap:4px}
+ .kk{color:#8b949e;font-size:9px;font-weight:600;text-transform:uppercase}
+ .kvv{color:#c9d1d9;font-size:10px}
+ .kv-age{color:#484f58;font-size:9px}
+ .kv-age.stale{color:rgba(248,81,73,0.5)}
+ .meta-badge{font-size:9px;color:#8b949e;margin-left:6px;font-family:"SF Mono",Consolas,monospace}
+ .ps-ok{--edge:rgba(63,185,80,0.5)}
+ .ps-warn{--edge:rgba(240,185,11,0.5)}
+ .ps-err{--edge:rgba(248,81,73,0.5)}
+ @keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+ @keyframes critPulse{0%,100%{box-shadow:0 0 12px rgba(248,81,73,0.2)}50%{box-shadow:0 0 24px rgba(248,81,73,0.4)}}
+`