airlock

  on('ui.render', { component: 'Pane', requestId: REVIEW_PANE }, onReviewRender)

export async function onReviewRender($: any, e: any): Promise<unknown> {
  const { Box, Text, Button, Code } = $.ui.resolve(e)
  const tx = await storedTransaction($)
  if (!tx) return <Box flexDirection="column"><Text>Airlock has no open transaction for this repository.</Text></Box>

  const stats = tx.stats ?? {}
  const files = Array.isArray(tx.changedFiles) ? tx.changedFiles : []
  const skipped = Array.isArray(tx.skippedFiles) ? tx.skippedFiles : []
  const untracked = Array.isArray(tx.untrackedCopied) ? tx.untrackedCopied : []
  const effects = Array.isArray(tx.sideEffectEvents) ? tx.sideEffectEvents : []
  const savedDiff = await $.store.get(diffKey(ctx.repoRoot)) as { transactionId?: string; text?: string; truncated?: boolean } | undefined
  const currentDiff = savedDiff?.transactionId === tx.transactionId ? savedDiff : undefined

  return (
    <Box flexDirection="column">
      <Text>Transaction {tx.transactionId ?? '(unknown)'} · {tx.state ?? 'REVIEW'}</Text>
      <Text dimColor>Repository: {tx.repoRoot ?? ctx.repoRoot}</Text>
      <Text dimColor>Worktree: {tx.txRoot}</Text>
      <Text>Changes: {stats.files ?? files.length} file(s), +{stats.insertions ?? 0}/-{stats.deletions ?? 0}</Text>
      {files.length > 0 && <Text>Files: {files.slice(0, 8).join(', ')}{files.length > 8 ? ` and ${files.length - 8} more` : ''}</Text>}
      {untracked.length > 0 && <Text dimColor>Untracked files included in baseline: {untracked.length}</Text>}
      {skipped.length > 0 && <Text dimColor>Skipped files: {skipped.join(', ')}</Text>}
      {effects.length > 0 && <Text dimColor>Side-effect events: {effects.length} ({effects.filter(x => x.action === 'denied').length} denied). Effects already performed outside the workspace cannot be rolled back by reject.</Text>}
      <Text dimColor>Checks: Airlock does not run your project test suite. Accept checks concurrent edits and patch fit before applying. Reject discards this worktree.</Text>
      {tx.state === 'APPLY_FAILED' && <Text>APPLY_FAILED: this transaction may be partially applied. Preserve the workspace and backup for manual recovery; Accept cannot retry this apply.</Text>}
      {typeof currentDiff?.text === 'string' && currentDiff.text !== '' && (currentDiff.truncated
        ? <Box flexDirection="column"><Text dimColor>Pane preview is capped at 10,000 characters; the diff may be incomplete.</Text><Code source={currentDiff.text} /></Box>
        : <Code source={currentDiff.text} format="diff" />)}
      <Box flexDirection="row">
        <Button key="review-diff" label="Review" hotkey="v" onPress={async () => {
          if (!(await isCurrentReview($, tx.transactionId ?? ''))) return
          const patch = await $.process.run(['git', 'diff', tx.baselineCommit ?? tx.baseHead ?? 'HEAD', '--binary'], { cwd: tx.txRoot })
          const latest = await storedTransaction($)
          if (latest?.transactionId !== tx.transactionId) return
          const text = patch.exitCode === 0 ? patch.stdout : `Could not read the transaction diff (exit code ${patch.exitCode ?? 'unknown'}).`
          await $.store.set(diffKey(ctx.repoRoot), {
            transactionId: tx.transactionId,
            text: text.slice(0, 10000),
            truncated: patch.isStdoutTruncated || text.length > 10000,
          })
          $.ui.invalidate('ui.render')
        }} />
        <Button key="accept" label="Accept" hotkey="a" variant="primary" onPress={async e => {
          if (!(await isCurrentReview($, tx.transactionId ?? ''))) return
          const result: any = await onTxAccept($, {})
          $.ui.toast(result?.text?.split('\n')[0] ?? 'Airlock accept finished.', { timeoutMs: 6000 })
          if (await $.store.get(activeKey(ctx.repoRoot)) === undefined) await $.ui.close({ id: REVIEW_PANE })
          else $.ui.invalidate('ui.render')
        }} />
        <Button key="reject" label="Reject" hotkey="r" variant="secondary" onPress={async e => {
          if (!(await isCurrentReview($, tx.transactionId ?? ''))) return
          const result: any = await onTxReject($, {})
          $.ui.toast(result?.text?.split('\n')[0] ?? 'Airlock reject finished.', { timeoutMs: 6000 })
          if (await $.store.get(activeKey(ctx.repoRoot)) === undefined) await $.ui.close({ id: REVIEW_PANE })
          else $.ui.invalidate('ui.render')
        }} />
      </Box>
    </Box>
  )
}