away-receipt

  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
    const { Box, Button, Text } = $.ui.resolve(e)
    const r = await read($, receiptAtom)
    if (r === null) return <Box flexDirection="column"><Text color={LABEL}>還沒有收據，打 /receipt</Text></Box>
    const lines: RenderElement[] = []
    // 每行一個帶 key 的 Box：太長截斷
    const line = (key: string, ...parts: RenderElement[]) => lines.push(<Box key={key}><Text wrap="truncate-end">{parts}</Text></Box>)
    const gap = (key: string) => lines.push(<Box key={key}><Text>{' '}</Text></Box>)
    const more = (key: string, n: number, unit: string) => {
      if (n > MAX_ITEMS) line(key, <Text color={LABEL}>{`    還有 ${n - MAX_ITEMS} ${unit}`}</Text>)
    }

    line('head',
      <Text color={LABEL}>離開 </Text>, <Text color={VALUE} bold>{duration(r.awayMs)}</Text>,
      <Text color={LABEL}> · 跑了 </Text>, <Text color={VALUE} bold>{String(r.turns)}</Text>, <Text color={LABEL}> 輪 · </Text>,
      <Text color={VALUE} bold>{`$${r.usd.toFixed(2)}`}</Text>)

    r.repos.forEach((repo, i) => {
      gap(`repo-${i}-gap`)
      const isClean = repo.commits.length === 0 && repo.files.length === 0
      line(`repo-${i}`, <Text color={SKY} bold>{`${GIT} ${repo.name}`}</Text>, <Text color={VALUE}>{` (${repo.branch})`}</Text>,
        isClean ? <Text color={LABEL}>{' ✓ 沒有新 commit、沒有未 commit 檔'}</Text> : <Text>{''}</Text>)
      if (repo.commits.length > 0) line(`repo-${i}-commits`, <Text color={LABEL}>{`  新 commit ${repo.commits.length} 個`}</Text>)
      repo.commits.slice(0, MAX_ITEMS).forEach((c, j) => {
        const [hash = '', ...subject] = c.split(' ')
        line(`repo-${i}-c${j}`, <Text color={ORANGE}>{`    ${hash}`}</Text>, <Text color={VALUE}>{` ${subject.join(' ')}`}</Text>)
      })
      more(`repo-${i}-cmore`, repo.commits.length, '個')
      if (repo.files.length > 0) line(`repo-${i}-files`, <Text color={LABEL}>{`  未 commit ${repo.files.length} 檔`}</Text>)
      repo.files.slice(0, MAX_ITEMS).forEach((f, j) => line(`repo-${i}-f${j}`, <Text color={VALUE}>{`    ${f}`}</Text>))
      more(`repo-${i}-fmore`, repo.files.length, '檔')
      repo.worktrees.forEach((w, j) => line(`repo-${i}-w${j}`, <Text color={LABEL}>{`  ⎇ ${w}`}</Text>))
    })

    if (r.tests.length > 0) {
      gap('tests-gap')
      const failed = r.tests.filter(t => t.code !== 0)
      const hint = failed.length === 0 ? '' : `  按 ${failed.length === 1 ? '1' : `1–${Math.min(MAX_KEYS, failed.length)}`} 把失敗的指令填進提示框`
      line('tests', <Text color={VALUE} bold>驗證</Text>, <Text color={LABEL}>{hint}</Text>)
      // 失敗的測試是按鈕：按下把「修這個」填進提示框、關掉收據，像 quickfix 跳到該處（前 9 條有數字鍵）
      let k = 0
      r.tests.forEach((t, j) => {
        const runs = t.runs > 1 ? ` ×${t.runs}` : ''
        if (t.code === 0) {
          line(`test-${j}`, <Text color={LABEL}>{`  ✔ exit 0${runs}  `}</Text>, <Text color={VALUE}>{t.cmd}</Text>)
          return
        }
        k += 1
        const press = () => askFix($, t)
        lines.push(
          <Box key={`test-${j}`} flexDirection="row">
            <Text>{'  '}</Text>
            {k <= MAX_KEYS
              ? <Button key={`fix-${k}`} plain hotkey={String(k)} label="✗" onPress={press} />
              : <Button key={`fix-${k}`} plain label="✗" onPress={press} />}
            <Text color={RED} wrap="truncate-end">{` exit ${t.code ?? '?'}${runs}  ${t.cmd}`}</Text>
          </Box>,
        )
      })
    }

    if (r.tasks.length > 0) {
      gap('tasks-gap')
      line('tasks', <Text color={VALUE} bold>背景工作</Text>)
      r.tasks.forEach((t, j) => {
        const isOk = t.status === 'completed'
        line(`task-${j}`, <Text color={isOk ? LABEL : RED}>{`  ${isOk ? '✔' : '✗'} `}</Text>,
          <Text color={isOk ? VALUE : RED}>{isOk ? t.summary : `${t.summary}（${t.status}）`}</Text>)
      })
    }

    if (r.repos.length === 0 && r.tests.length === 0 && r.tasks.length === 0) {
      gap('none-gap')
      line('none', <Text color={LABEL}>這段時間沒有動到 repo、沒跑測試、沒有背景工作</Text>)
    }

    return (
      <Box flexDirection="column">
        {lines}
        <Box marginTop={1}>
          <Button key="close" plain hotkey="q" label="關閉" onPress={() => $.ui.close({ id: PANE })} />
        </Box>
      </Box>
    )
  })