agentzero

  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
    if (e.props.hasSurvey) return next(e)
    const data = sessionData(await $.session.id())
    const workspace = await locateWorkspace(data, () => $.session.root(), p => $.fs.stat(p).then(() => true, () => false))
    if (workspace === null) return next(e)

    let percent: number | undefined
    try {
      percent = (await $.session.usage()).context.percent
    } catch {
      percent = undefined
    }
    const m = bandModel(await read($, hudAtom), await read($, hotSetErrorAtom), percent, await $.clock.now())
    const openReview = async () => {
      await $.ui.open({ id: REVIEW_PANE, title: REVIEW_TITLE })
      const io: HudIo = {
        run: (argv, init) => $.process.run(argv, init),
        read: p => $.fs.read(p) as Promise<string>,
        write: fn => update($, hudAtom, fn),
        status: t => $.ui.status(t),
        pluginRoot: $.plugin.root,
      }
      await data.gate.run(refreshJob(io, workspace))
    }
    const { Box, Text, Button, Svg } = $.ui.resolve(e) as Record<string, (props: Record<string, unknown>) => never>
    const review = m.showReview ? <Button key="az-review" label="Review" variant="primary" onPress={openReview} /> : null

    if (e.surface === 'terminal') {
      return (
        <Box flexDirection="row" gap={1}>
          {m.pills.map(p => (
            <Text color={PALETTE[p.tone].fg} backgroundColor={PALETTE[p.tone].bg}>{` ${p.text} `}</Text>
          ))}
          {m.ring !== null && (
            <Text color={MUTED}>{`context ${m.ring.percent}%${m.ring.note !== null ? ` · ${m.ring.note}` : ''}`}</Text>
          )}
          {review}
        </Box>
      )
    }
    return (
      <Box flexDirection="row" alignItems="center" gap={1}>
        <Svg source={bandSvg(m)} alt={m.alt} />
        {review}
      </Box>
    )
  })

  on('ui.render', { component: 'Pane', requestId: REVIEW_PANE }, async ($, e) => {
    const { Box, Text, Button, Svg } = $.ui.resolve(e) as Record<string, (props: Record<string, unknown>) => never>
    const data = sessionData(await $.session.id())
    const workspace = await locateWorkspace(data, () => $.session.root(), p => $.fs.stat(p).then(() => true, () => false))
    if (workspace === null) return <Text color={MUTED}>This is not an AgentZero workspace.</Text>

    const hud = await read($, hudAtom)
    if (hud.snapshot === null) {
      // never "nothing waits" when the state could not be read
      return <Text color={MUTED}>{hud.error !== null ? `memory unreadable (${hud.error})` : 'reading memory…'}</Text>
    }
    const { rows, open, done } = paneRows(hud.snapshot?.pending ?? [], await read($, paneResultsAtom))
    const decide = async (item: PendingItem, verb: 'keep' | 'reject') => {
      let ran
      try {
        ran = await $.process.run(reviewArgv(workspace, verb, item.id), { cwd: workspace, timeoutMs: KEEP_TIMEOUT_MS })
      } catch (err) {
        ran = err instanceof Error ? err : new Error(String(err))
      }
      const result = paneResult(item, verb, ran)
      await update($, paneResultsAtom, m => mergeResult(m, result))
      const io: HudIo = {
        run: (argv, init) => $.process.run(argv, init),
        read: p => $.fs.read(p) as Promise<string>,
        write: fn => update($, hudAtom, fn),
        status: t => $.ui.status(t),
        pluginRoot: $.plugin.root,
      }
      await data.gate.run(refreshJob(io, workspace))
    }
    const buttons = (item: PendingItem) => (
      <Box flexDirection="row" gap={2}>
        <Button key={`az-keep-${item.id}`} label="✓ Keep" plain={true} onPress={() => decide(item, 'keep')} />
        <Button key={`az-reject-${item.id}`} label="✗ Reject" plain={true} dimColor={true} onPress={() => decide(item, 'reject')} />
      </Box>
    )
    const empty = rows.length === 0 ? <Text color={PALETTE.green.fg}>Nothing is waiting for you ✓</Text> : null

    if (e.surface === 'terminal') {
      return (
        <Box flexDirection="column" gap={1}>
          <Text bold={true}>{`Waiting for you · ${open} waiting · ${done} done`}</Text>
          {rows.map(row => (
            <Box flexDirection="column">
              <Text>{`[${KIND_LABEL[row.item.kind] ?? row.item.kind}] ${row.item.sentence}`}</Text>
              {row.state === 'kept' && <Text color={PALETTE.green.fg}>✓ Kept</Text>}
              {row.state === 'rejected' && <Text color={MUTED}>✗ Rejected</Text>}
              {row.state === 'failed' && <Text color={PALETTE.red.fg}>{row.message ?? ''}</Text>}
              {row.actionable && buttons(row.item)}
            </Box>
          ))}
          {empty}
        </Box>
      )
    }
    return (
      <Box flexDirection="column" gap={1} paddingX={1}>
        <Svg source={paneHeaderSvg(open, done)} alt={`${open} waiting, ${done} done`} />
        {rows.map(row => (
          <Box flexDirection="column" gap={0}>
            <Svg source={pendingItemSvg(row)} alt={row.item.sentence} />
            {row.actionable && buttons(row.item)}
          </Box>
        ))}
        {empty}
      </Box>
    )
  })