dispatch-board

  on('ui.render', { component: 'AbovePrompt' }, onAbovePrompt)

async function onAbovePrompt($: any, e: any, next: any) {
  if ((await read($, isPaused)) || e.props?.hasSurvey) return next(e)
  await read($, tickAt) // 訂閱：每拍重繪，讓「N 秒前」跟著走
  const fail = await read($, failure)
  const text = bandText(await read($, snapshot), fail, await read($, lastOkAt), await $.clock.now())
  if (text === null) return next(e)
  const { Box, Text } = $.ui.resolve(e)
  // AbovePrompt 是一條 hook 鏈：不呼叫 next 的 hook 會吃掉下層 plugin 的 band。
  // 一律先畫自己那一行，再接上下層的結果。
  const below = await next(e)
  return (
    <Box flexDirection="column">
      <Text wrap="truncate-end" dimColor={fail === null} color={fail !== null ? 'yellow' : undefined}>
        {text}
      </Text>
      {below}
    </Box>
  )
}

  on('ui.render', { component: 'Pane', requestId: PANE }, onPane)

async function onPane($: any, e: any) {
  const { Box, Text, Button } = $.ui.resolve(e)
  await read($, tickAt)
  const s = await read($, snapshot)
  const fail = await read($, failure)
  const since = await read($, blockedSince)
  const okAt = await read($, lastOkAt)
  const demo = await read($, isDemo)
  const now = await $.clock.now()

  const paneRow = (row: PaneRow, i: number) => {
    const text = (
      <Text
        key={`t${i}`}
        wrap="truncate-end"
        bold={row.tone === 'bold' || undefined}
        dimColor={row.tone === 'dim' || undefined}
        color={row.tone === 'warn' ? 'yellow' : undefined}
      >
        {row.text}
      </Text>
    )
    if (!row.copy) return text
    const { key, text: cmd } = row.copy
    // 只寫剪貼簿：mod 不搬檔
    return (
      <Box key={`row:${key}`} flexDirection="column">
        {text}
        <Button key={key} label="複製搬移指令" dimColor onPress={(p: any) => void $.ui.copy({ text: cmd, surface: p.surface }).catch(() => {})} />
      </Box>
    )
  }

  const rows: any[] = []
  if (demo) rows.push(<Text key="demo" color="cyan">demo 模式：假資料（/dispatch demo 結束）</Text>)
  if (fail !== null) rows.push(<Text key="fail" color="yellow" wrap="truncate-end">{fail}</Text>)
  if (s === null) rows.push(<Text key="loading" dimColor>{fail === null ? '讀取中…' : '尚無成功的快照'}</Text>)
  else paneModel(s, since, now).forEach((row, i) => rows.push(paneRow(row, i)))
  rows.push(
    <Text key="footer" dimColor wrap="truncate-end">
      {okAt === null ? '尚未成功更新' : `上次更新：${Math.max(0, Math.round((now - okAt) / 1000))}s 前`}
    </Text>,
  )
  return (
    <Box flexDirection="column">
      {rows}
      <Box>
        <Button
          key="refresh"
          label="立即更新"
          onPress={() => {
            lastAttemptAt = null
            void poll($).catch(() => {})
          }}
        />
        <Button key="close" label="關閉" onPress={() => $.ui.close({ id: PANE }).catch(() => {})} />
      </Box>
    </Box>
  )
}