laa-mods

  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
    const s = await read($, status)
    if (e.props.hasSurvey || !s) return next(e)
    const r = await read($, run)
    const allowed = await read($, allowMain)
    const { Box, Button, Text } = $.ui.resolve(e)
    const parts = []
    if (s.branch) {
      if (s.isDefault && !allowed) parts.push(<Text key="branch" color={C.danger}>✗ {s.branch} · edits blocked</Text>)
      else if (s.isDefault) parts.push(<Text key="branch" color={C.warning}>{s.branch} · edits allowed</Text>)
      else parts.push(<Text key="branch">{s.branch}</Text>)
    }
    if (r?.gate) {
      parts.push(<Text key="run" color={C.gate}>★ laa:{r.skill} · waiting on you: {r.gate}</Text>)
    } else if (r) {
      parts.push(
        <Box key="run">
          <Text>● laa:{r.skill}{stepText(r.step)}</Text>
          {r.engine && <Text dimColor> · engine {r.engine}</Text>}
        </Box>,
      )
    } else if (s.paused) {
      parts.push(
        <Box key="paused">
          <Text dimColor>○ paused laa:{s.paused.skill}{stepText(s.paused.step)}</Text>
          <Text color={C.action}> → /laa:resume</Text>
        </Box>,
      )
    }
    if (s.openHigh > 0) {
      parts.push(
        <Box key="findings">
          <Text color={C.warning}>{plural(s.openHigh, 'high finding')} open</Text>
          <Text color={C.action}> → /{FINDINGS_COMMAND}</Text>
        </Box>,
      )
    }
    if (s.openLearnings >= 3) {
      parts.push(
        <Box key="learnings">
          <Text color={C.warning}>{plural(s.openLearnings, 'open learning')}</Text>
          <Text color={C.action}> → /laa:evolve</Text>
        </Box>,
      )
    } else if (s.openLearnings > 0) {
      parts.push(<Text key="learnings" dimColor>{plural(s.openLearnings, 'open learning')}</Text>)
    }
    const mute = <Button key="muteMap" label="mute" hotkey="m" plain onPress={() => muteMap($)} />
    if (s.mapAge === null && !s.isMapMuted) {
      parts.push(
        <Box key="map">
          <Text dimColor>no project map</Text>
          <Text color={C.action}> → /laa:adopt </Text>
          {mute}
        </Box>,
      )
    } else if (s.mapAge !== null && s.mapAge >= STALE_MAP && (!s.isMapMuted || s.mapAge >= UNMUTE_MAP)) {
      parts.push(
        <Box key="map">
          <Text color={C.warning}>project map {s.mapAge} commits old</Text>
          <Text color={C.action}> → /laa:adopt </Text>
          {!s.isMapMuted && mute}
        </Box>,
      )
    }
    return (
      <Box key="laa">
        <Text dimColor>laa · </Text>
        {parts.flatMap((p, i) => (i === 0 ? [p] : [<Text key={`sep${i}`} dimColor> · </Text>, p]))}
      </Box>
    )
  })

  on('ui.render', { component: 'Pane', requestId: LEARNINGS_PANE }, async ($, e) => {
    const list = await read($, learnings)
    const { Box, Button, Text } = $.ui.resolve(e)
    if (!list) return <Text dimColor>Run /{LEARNINGS_COMMAND} to load this repo's learnings.</Text>
    return (
      <Box flexDirection="column">
        <Text dimColor>{list.repo}</Text>
        {list.entries.length === 0 && <Text>No open learnings. Nothing to evolve.</Text>}
        {list.entries.map(entry => (
          <Box key={`entry${entry.index}`} flexDirection="column" marginTop={1}>
            <Text bold>{entry.title}</Text>
            <Text dimColor>{entry.scope} · {entry.kind} · {entry.target}</Text>
            <Text>{entry.signal}</Text>
            <Text color={C.action}>→ {entry.proposal}</Text>
            <Button key={`reject${entry.index}`} label="Reject" onPress={() => rejectEntry($, list.repo, entry)} />
          </Box>
        ))}
        {list.entries.length > 0 && (
          <Box marginTop={1}>
            <Button key="evolve" label="Evolve with /laa:evolve" variant="primary" hotkey="e" onPress={() => startEvolve($)} />
          </Box>
        )}
      </Box>
    )
  })