hintvim

  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
    const { Box, Button } = $.ui.resolve(e)

    const lastReply = async () => {
      const messages = await $.session.messages()
      if ('deny' in messages) return undefined
      return messages.findLast(m => m.role === 'assistant' && m.text.trim() !== '')?.text
    }
    const copy = async (text: string | undefined, what: string) => {
      if (text === undefined) return `No ${what} to copy`
      const done = await $.ui.copy({ text, surface: e.surface })
      return done.isCopied ? `Copied ${what}` : `Could not copy ${what}: ${done.reason}`
    }
    const run = async (id: ActionId): Promise<string> => {
      switch (id) {
        case 'reply':
          return copy(await lastReply(), 'last reply')
        case 'code': {
          const reply = await lastReply()
          return copy(reply && lastCodeBlock(reply), 'code block')
        }
        case 'cwd':
          return copy(await $.session.cwd(), 'working directory')
        case 'session':
          return copy(await $.session.id(), 'session id')
        case 'usage': {
          const { context } = await $.session.usage()
          return `Context ${context.percent ?? '?'}% · ${await $.session.model()}`
        }
        case 'compact':
          await $.command.run({ command: 'compact' })
          return 'Compacted'
      }
    }

    return (
      <Box flexDirection="column">
        {ACTIONS.map((action, i) => (
          <Button
            key={`hint:${ALPHABET[i]}`}
            hotkey={ALPHABET[i]}
            plain
            onPress={async () => {
              await $.ui.close({ id: PANE })
              $.ui.toast(await run(action.id))
            }}
          >
            {action.label}
          </Button>
        ))}
      </Box>
    )
  })