cloakroom

  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
    if (!isOn || e.props.hasSurvey) return next(e)
    const hold = room.holds[0]
    const shown = room.reveal
    if (!hold && !shown) return next(e)
    const { Box, Button, Text } = $.ui.resolve(e)
    // A pending hold renders alone: what another mod draws beneath could
    // make the engine refuse the whole band and take Deny and Allow once with it.
    const below = hold ? null : await next(e)

    // Each button acts on the hold it was drawn for, even if the queue moved since.
    const decide = (isAllowed: boolean) => async () => {
      if (!isOn) return // a press drawn before the switch went off
      for (let i = room.holds.length - 1; i >= 0; i--) {
        if (room.holds[i]!.command === hold!.command) room.holds.splice(i, 1)
      }
      redraw($)
      if (!isAllowed) return
      room.permits.set(hold!.command, (await $.clock.now()) + PERMIT_MS)
      await $.prompt.submit({
        text:
          `cloakroom: the person pressed Allow once for the held command (${hold!.labels} ${hold!.reason}). ` +
          'Run that exact command again; it will pass one time.',
      })
    }

    const mine = hold ? (
      <Box key="cloakroom" flexDirection="column" borderStyle="round" borderColor="error" paddingX={1}>
        <Text color="error" bold>
          held: {hold.labels} {hold.reason}
        </Text>
        <Text dimColor>
          Claude was told to wait. Allow once lets this exact command run one time
          {room.holds.length > 1 ? ` (${room.holds.length - 1} more held after this one)` : ''}.
        </Text>
        <Box gap={2}>
          <Button key="deny" label="Deny" hotkey="d" autoFocus onPress={decide(false)} />
          <Button key="allow" label="Allow once" onPress={decide(true)} />
        </Box>
      </Box>
    ) : (
      <Box key="cloakroom" flexDirection="column" borderStyle="round" borderColor="warning" paddingX={1}>
        <Text bold>
          {clean(shown!.label)} ({clean(shown!.kind)}) - on this screen only, never sent to Claude
        </Text>
        <Text color="warning">{clean(shown!.value, { keepNewlines: true })}</Text>
        <Button
          key="hide"
          label="Hide"
          autoFocus
          onPress={() => {
            room.reveal = undefined
            room.revealTimer?.cancel()
            redraw($)
          }}
        />
      </Box>
    )
    return (
      <Box flexDirection="column">
        {mine}
        {below}
      </Box>
    )
  })

  on('ui.render', { component: 'Pane', requestId: AUDIT_PANE }, ($, e) => {
    const { Box, Text } = $.ui.resolve(e)
    if (!isOn) {
      return (
        <Box flexDirection="column">
          <Text key="off" dimColor>
            {OFF_TEXT}
          </Text>
        </Box>
      )
    }
    const lines = room.auditView ?? ['Run /cloakroom audit to check your past transcripts.']
    return (
      <Box flexDirection="column" paddingX={1}>
        {lines.map((line, i) => (
          <Text key={`line-${i}`}>{clean(line)}</Text>
        ))}
      </Box>
    )
  })