jev-scout

  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
    const { Box, Text, Button } = $.ui.resolve(e)
    const hasKey = await keyIsSet($)
    const info = await read($, indexInfo)
    const last = await read($, lastQuery)
    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, Math.min(30, paneRows - 12))

    if (!hasKey) {
      return (
        <Box flexDirection="column">
          <Text bold>Jev scout</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 indexLine =
      info.source === 'none'
        ? info.isBuilding
          ? 'Index: building…'
          : 'Index: not built yet.'
        : `Index: ${info.files} files · ${info.symbols} symbols · ${info.source} · built ${info.builtAt === null ? '–' : hhmmss(info.builtAt)} in ${fmtMs(info.buildMs)}` +
          (info.isCapped ? ` · capped at ${maxFiles()}` : '') +
          (info.isBuilding ? ' · rebuilding…' : '')

    return (
      <Box flexDirection="column">
        <Text bold>
          Jev scout <Text dimColor>· likely relevant files</Text>
        </Text>
        {last === null ? (
          <Text dimColor>No prompt ranked yet (prompts of {minWords()}+ words).</Text>
        ) : (
          <Box flexDirection="column">
            <Text wrap="wrap">
              Last: <Text italic>"{last.prompt.replace(/\s+/g, ' ').slice(0, 200)}"</Text>
            </Text>
            <Text dimColor>
              {last.error !== null
                ? `Skipped: ${last.error}`
                : `${last.cards} cards ranked in ${fmtMs(last.ms)} · ${last.attached} attached (p ≥ ${MIN_P}, top ${topK()})`}
            </Text>
            {last.ranking.slice(0, rows).map((hit, i) => (
              <Text key={`hit-${i}`} wrap="truncate-end" dimColor={hit.p < MIN_P}>
                {String(i + 1).padStart(2)}. {probBar(hit.p)} {hit.path}
                {hit.symbols.length > 0 ? <Text dimColor> {hit.symbols.slice(0, 4).join(', ')}</Text> : ''}
              </Text>
            ))}
          </Box>
        )}
        <Text> </Text>
        <Text dimColor wrap="wrap">
          {indexLine}
        </Text>
        {info.error !== null && <Text color="yellow">Index error: {info.error}</Text>}
        <Text dimColor wrap="wrap">
          {ledgerLine(spent)}
        </Text>
        <Box gap={1}>
          <Button key="refresh" hotkey="r" label="Refresh index" onPress={() => quietly(buildIndex($))} />
          <Button key="close" hotkey="x" role="dismiss" label="Close" onPress={() => void $.ui.close({ id: PANE })} />
        </Box>
      </Box>
    )
  })