replay

import type { Register } from 'claude-code'

// Drawn like replay by aguiddir (band), as modscode read it from the mod's code:
// https://modscode.com/gallery/aguiddir-replay/
// Written by modscode from that reading, not copied from the mod: use it as you like.
// Each value below stands for one the mod works out at run time; put in your own.
export const register: Register = on => {
  // the band above the prompt; what else goes there is drawn under it
  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
    const { Box, Text, Button } = $.ui.resolve(e)
    const n = '…'
    const tool = '…'
    const path = '…'
    const omitted = '…'
    return (
      <Box flexDirection="column" borderStyle="round" borderColor="magenta">
        <Text>
          <Text color="magenta">
            {" "}
            {`${n}1`}
          </Text>
          <Text color="magenta">
            {" "}
            {`${n}1`}
          </Text>
          <Text color="magenta">
            {" "}
            {`${n}1`}
          </Text>
          {"  "}
          {tool}
          {" "}
          <Text dimColor>
            {path}
          </Text>
        </Text>
        <Text dimColor>
          diff trop long pour s'afficher
        </Text>
        <Text dimColor>
          {"… "}
          {omitted}
          {" bloc(s) non affichés"}
        </Text>
        <Box>
          <Button label="préc." hotkey="p" plain />
          <Text>
            {" "}
          </Text>
          <Button label="suiv." hotkey="n" plain />
          <Text>
            {" "}
          </Text>
          <Button label="fermer" hotkey="q" plain />
        </Box>
        {await next(e)}
      </Box>
    )
  })
}