jev-express

  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
    const { Box, Text, Button } = $.ui.resolve(e)
    if (!(await keyIsSet($))) {
      return (
        <Box flexDirection="column">
          <Text bold>Jev express</Text>
          <Text>Off: TYPESAFE_API_KEY is not set.</Text>
          <Text dimColor>{KEY_HELP}</Text>
          <Box marginTop={1}>
            <Button key="close" hotkey="x" role="dismiss" label="Close" onPress={() => void $.ui.close({ id: PANE })} />
          </Box>
        </Box>
      )
    }
    const last = await read($, lastAnswer)
    const s = await read($, stats)
    const spent = await read($, ledger)
    const paneRows = e.props.scroll.bodyRows > 0 ? e.props.scroll.bodyRows : (e.viewport?.rows ?? 40)
    const rows = Math.max(5, paneRows - 14)
    return (
      <Box flexDirection="column">
        <Text bold>
          Jev express <Text dimColor>· answered locally, no model turn</Text>
        </Text>
        {last === null ? (
          <Text dimColor>Nothing answered yet. Short read-only requests ("git status?", "recent commits", "how much has this cost?") land here.</Text>
        ) : (
          <Box flexDirection="column">
            <Text wrap="wrap">
              <Text italic>"{last.prompt.replace(/\s+/g, ' ')}"</Text> → {last.intent} <Text dimColor>({last.confidence.toFixed(2)})</Text>
            </Text>
            <Text dimColor wrap="truncate-end">
              {last.status === 'running' ? 'running…' : `${last.source} · ${Math.round(last.ms)} ms${last.status === 'failed' ? ' · failed' : ''}`}
            </Text>
            <Text> </Text>
            {last.output
              .split('\n')
              .slice(0, rows)
              .map((line, i) => (
                <Text key={`out-${i}`} wrap="truncate-end">
                  {line === '' ? ' ' : line}
                </Text>
              ))}
            {last.output.split('\n').length > rows && <Text dimColor>… {last.output.split('\n').length - rows} more lines</Text>}
            <Text> </Text>
            <Box gap={1}>
              <Button key="send" hotkey="s" variant="primary" label="Send to Claude anyway" onPress={() => quietly(sendAnyway($))} />
            </Box>
          </Box>
        )}
        <Text> </Text>
        <Text dimColor>
          Handled {s.handled} · passed to Claude {s.passed}
        </Text>
        <Text dimColor wrap="wrap">
          {ledgerLine(spent)}
        </Text>
        <Box marginTop={1}>
          <Button key="close" hotkey="x" role="dismiss" label="Close" onPress={() => void $.ui.close({ id: PANE })} />
        </Box>
      </Box>
    )
  })