crit-tui

  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
    if (e.surface === 'mobile' || e.surface === 'vscode') {
      const { Text } = $.ui.resolve(e)
      return <Text dimColor>crit-tui needs the terminal or the desktop app.</Text>
    }

    const { Client } = $.ui.resolve(e)
    const ui = await readUi($)
    const local = await read($, threadsA)
    const fromCrit = await read($, critThreadsA)
    const sent = await read($, sentA)
    const seen = await read($, seenA)
    const pending = pendingOf([...local, ...fromCrit], sent, seen)
    const drafts = pending.comments.length + pending.replies.length
    const status = hasCrit ? '' : 'no crit review file: code comments stay here'

    const { orphans: _orphans, ...props } = clientPropsOf({
      doc: (await read($, docsA))[ui.source],
      threads: threadsFor(ui.source, local, fromCrit),
      ui,
      sent,
      seen,
      status,
      toSend: drafts,
      unread: pending.unread,
    })

    return (
      <Client
        key="review"
        module="./client.tsx"
        props={props}
        width={Math.max(30, e.props.bodyColumns)}
        height={Math.max(6, e.props.scroll.bodyRows)}
      />
    )
  })

  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
    if (e.props.hasSurvey || (await read($, isOpenA))) {
      return next(e)
    }
    const pending = pendingOf(await allThreads($), await read($, sentA), await read($, seenA))
    const drafts = pending.comments.length + pending.replies.length
    if (drafts === 0 && pending.unread === 0) {
      return next(e)
    }
    const { Box, Text, Button } = $.ui.resolve(e)
    const parts = [
      drafts ? `${drafts} comment${drafts === 1 ? '' : 's'} to send` : '',
      pending.unread ? `${pending.unread} new from Claude` : '',
    ]
    return (
      <Box flexDirection="row" gap={2}>
        <Text color="magenta">crit</Text>
        <Text dimColor>{parts.filter(Boolean).join(' · ')}</Text>
        {drafts > 0 && <Button key="band-send" hotkey="s" label="send" variant="primary" onPress={() => void send($)} />}
        <Button key="band-open" hotkey="o" label="open" onPress={() => void openPane($)} />
      </Box>
    )
  })