code-buddy

  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
    const { Box, Text, Button } = $.ui.resolve(e)
    const d = await read($, duckA)
    const mood = await read($, moodA)
    const frame = await read($, frameA)
    const line = await read($, quipA)

    if (!d) {
      const egg = sprite(rollDuck(0), 'hatching', frame % 3)
      return (
        <Box flexDirection="column" paddingX={1}>
          {egg.map(row => <Text color={EGG_COLOR}>{row.map(s => s.text).join('')}</Text>)}
          <Text dimColor italic>{line || 'something is hatching…'}</Text>
        </Box>
      )
    }

    const objections = await read($, objectionsA)
    const current = objections.find(o => o.status === 'open') ?? null
    const lastCheck = await read($, lastCheckA)
    const isChecking = await read($, isCheckingA)
    const isMuted = await read($, isMutedA)
    const isWhy = await read($, isWhyA)
    const now = await $.clock.now()
    const history = objections.filter(o => o.status !== 'open' && !o.isPast).slice(0, 5)
    const past = objections.filter(o => o.isPast).slice(0, 8)
    const zone = await read($, zoneA)
    const upcoming = [...(await read($, remindersA))].sort((a, b) => a.dueAt - b.dueAt).slice(0, 5)
    const lessons = (await read($, lessonsA)).slice(0, 4)
    const considered = current?.considered ?? lastCheck?.considered ?? []

    return (
      <Box flexDirection="column" paddingX={1}>
        <Text bold>{d.name}</Text>
        <Text dimColor wrap="truncate-end">
          lv {level(d)} · {lookName(d)}{isMuted ? ' · muted' : ''}
        </Text>
        <Box flexDirection="column">
          {sprite(d, mood, frame).map(row => (
            <Box flexDirection="row">
              {row.map(s => <Text color={colorOf(d, mood, s.part)}>{s.text}</Text>)}
            </Box>
          ))}
        </Box>
        {line !== '' && <Text italic>"{line}"</Text>}

        {isWhy ? (
          <Box flexDirection="column" marginTop={1}>
            <Text bold>What I looked at</Text>
            {considered.length === 0 && <Text dimColor>Nothing yet.</Text>}
            {considered.map(c => (
              <Text dimColor={c.already_addressed}>
                {c.already_addressed ? '✓ ' : '• '}{c.concern}
              </Text>
            ))}
            {current && <Text dimColor>evidence: {current.evidence}</Text>}
            <Box>
              <Button key="back" label="back" hotkey="w" onPress={noop} />
            </Box>
          </Box>
        ) : current ? (
          <Box flexDirection="column" marginTop={1}>
            <Text>
              <Text color={SEV_COLOR[current.severity]}>● </Text>
              {current.claim}
            </Text>
            <Text dimColor>evidence: {current.evidence}</Text>
            <Box flexDirection="row" gap={1} flexWrap="wrap">
              <Button key="relay" label="relay" hotkey="r" variant="primary" onPress={noop} />
              <Button key="dismiss" label="dismiss" hotkey="d" onPress={noop} />
              <Button key="why" label="why?" hotkey="w" onPress={noop} />
            </Box>
          </Box>
        ) : (
          <Box flexDirection="column" marginTop={1}>
            <Text dimColor>
              {isMuted
                ? 'Muted. /code-buddy loud to wake me.'
                : isChecking
                  ? 'Reading the last turn…'
                  : lastCheck
                    ? lastCheck.note || `Checked ${ago(now - lastCheck.at)}: nothing worth raising.`
                    : 'Watching.'}
            </Text>
            {!isMuted && !isChecking && (
              <Box flexDirection="row" gap={1} flexWrap="wrap">
                <Button key="check" label="check" hotkey="c" onPress={noop} />
                {lastCheck && lastCheck.considered.length > 0 && (
                  <Button key="why" label="why quiet?" hotkey="w" onPress={noop} />
                )}
              </Box>
            )}
          </Box>
        )}

        {upcoming.length > 0 && (
          <Box flexDirection="column" marginTop={1}>
            <Text dimColor>── reminders ──</Text>
            {upcoming.map(r => (
              <Text dimColor wrap="truncate-end">
                {fmtWhen(r.dueAt, now, zone)}{r.everyMs ? ' ↻' : ''}: {r.text}
              </Text>
            ))}
          </Box>
        )}

        {lessons.length > 0 && (
          <Box flexDirection="column" marginTop={1}>
            <Text dimColor>── lessons ──</Text>
            {lessons.map(l => (
              <Text dimColor={l.status !== 'new'} wrap="truncate-end">
                {l.topic}: {l.lesson}
              </Text>
            ))}
          </Box>
        )}

        {history.length > 0 && (
          <Box flexDirection="column" marginTop={1}>
            <Text dimColor>── earlier ──</Text>
            {history.map(o => (
              <Text dimColor wrap="truncate-end">
                {STATUS_GLYPH[o.status]} {o.claim}
              </Text>
            ))}
          </Box>
        )}

        {past.length > 0 && (
          <Box flexDirection="column" marginTop={1}>
            <Text dimColor>── past sessions ──</Text>
            {past.map(o => (
              <Text dimColor wrap="truncate-end">
                {STATUS_GLYPH[o.status]} {ago(now - o.at)}: {o.claim}
              </Text>
            ))}
          </Box>
        )}
      </Box>
    )
  })

  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
    if (e.props.hasSurvey) return next(e)
    const reminders = await read($, remindersA)
    const reminder = showingReminder(reminders)
    // muting silences the critic, not reminders you set yourself
    const nudge = await read($, compactNudgeA)
    // muting quiets the critic and educator, not reminders or the compact nudge
    if ((await read($, isMutedA)) && !reminder && !nudge) return next(e)
    const d = await read($, duckA)
    const mood = await read($, moodA)
    const frame = await read($, frameA)
    const line = await read($, quipA)
    const current = (await read($, objectionsA)).find(o => o.status === 'open') ?? null
    const lastCheck = await read($, lastCheckA)
    const isChecking = await read($, isCheckingA)
    const isWhy = await read($, isWhyA)
    const lessons = await read($, lessonsA)
    const lesson = lessons.find(l => l.status === 'new') ?? null
    const ctx = await read($, contextA)
    const quiz = await read($, quizA)
    const quizLesson = quiz ? (lessons.find(l => l.id === quiz.lessonId) ?? null) : null
    const guarded = await read($, guardedA)
    const now = await $.clock.now()
    const zone = await read($, zoneA)
    const { Box, Text, Button } = $.ui.resolve(e)
    const waiting = reminders.filter(r => r.firedAt !== undefined).length - 1

    const rows = d ? spriteCompact(d, mood, frame) : spriteCompact(rollDuck(0), 'hatching', frame % 3)
    const considered = current?.considered ?? lastCheck?.considered ?? []
    const status = isChecking
      ? 'Reading the last turn…'
      : lastCheck
        ? lastCheck.note || `Checked ${ago(now - lastCheck.at)}: nothing worth raising.`
        : 'Watching.'

    return (
      <Box flexDirection="column">
      {/* a rule to set the strip apart from the spinner and tip lines above it */}
      <Text dimColor wrap="truncate-end">{'─'.repeat(Math.max(1, e.props.bodyColumns))}</Text>
      <Box flexDirection="row" gap={1}>
        <Box flexDirection="column" flexShrink={0} width={15}>
          {rows.map(row => (
            <Box flexDirection="row">
              {row.map(seg => <Text color={d ? colorOf(d, mood, seg.part) : EGG_COLOR}>{seg.text}</Text>)}
            </Box>
          ))}
        </Box>
        <Box flexDirection="column" flexGrow={1} flexShrink={1}>
          <Box flexDirection="row" gap={1}>
            <Box flexGrow={1} flexShrink={1}>
              <Text wrap="truncate-end">
                <Text bold>{d?.name ?? 'an egg'}</Text>
                {d && <Text dimColor> lv {level(d)} · {lookName(d)}</Text>}
                {ctx && ctx.percent >= 50 && <Text dimColor> · ctx {ctx.percent}%</Text>}
                {line !== '' && <Text italic>  "{line}"</Text>}
              </Text>
            </Box>
            {guarded && !reminder ? (
              <Button key="runanyway" label="run anyway" hotkey="y" onPress={noop} />
            ) : reminder ? (
              <Box flexDirection="row" gap={1} flexShrink={0}>
                <Button key="ok" label="ok" hotkey="o" variant="primary" onPress={noop} />
                <Button key="snooze" label="snooze 10m" hotkey="s" onPress={noop} />
              </Box>
            ) : isWhy ? (
              <Button key="back" label="back" hotkey="w" onPress={noop} />
            ) : current ? (
              <Box flexDirection="row" gap={1} flexShrink={0}>
                <Button key="relay" label="relay" hotkey="r" variant="primary" onPress={noop} />
                <Button key="dismiss" label="dismiss" hotkey="d" onPress={noop} />
                <Button key="why" label="why?" hotkey="w" onPress={noop} />
              </Box>
            ) : nudge ? (
              <Box flexDirection="row" gap={1} flexShrink={0}>
                <Button key="compact" label="compact" hotkey="p" variant="primary" onPress={noop} />
                <Button key="later" label="later" hotkey="l" onPress={noop} />
              </Box>
            ) : lesson ? (
              <Box flexDirection="row" gap={1} flexShrink={0}>
                <Button key="gotit" label="got it" hotkey="g" variant="primary" onPress={noop} />
                <Button key="ask" label="ask" hotkey="a" onPress={noop} />
              </Box>
            ) : quiz && quizLesson ? (
              <Box flexDirection="row" gap={1} flexShrink={0}>
                {quiz.isRevealed ? (
                  <>
                    <Button key="knew" label="knew it" hotkey="k" variant="primary" onPress={noop} />
                    <Button key="didnt" label="didn't" hotkey="n" onPress={noop} />
                  </>
                ) : (
                  <>
                    <Button key="show" label="show" hotkey="s" variant="primary" onPress={noop} />
                    <Button key="skip" label="skip" hotkey="x" onPress={noop} />
                  </>
                )}
              </Box>
            ) : d && !isChecking ? (
              <Box flexDirection="row" gap={1} flexShrink={0}>
                <Button key="check" label="check" hotkey="c" onPress={noop} />
                {considered.length > 0 && <Button key="why" label="why quiet?" hotkey="w" onPress={noop} />}
              </Box>
            ) : null}
          </Box>
          {guarded && !reminder ? (
            <Box flexDirection="column">
              <Text wrap="truncate-end">
                <Text color="#e5534b">guard · </Text>
                held: this {guarded.reason}. The agent was told to wait for you.
              </Text>
              <Box height={2} overflow="hidden">
                <Text dimColor>{guarded.command}</Text>
              </Box>
            </Box>
          ) : reminder ? (
            <Box flexDirection="column">
              <Box height={2} overflow="hidden">
                <Text>
                  <Text color="#d4a72c">reminder · </Text>
                  <Text bold>{reminder.text}</Text>
                </Text>
              </Box>
              <Text dimColor wrap="truncate-end">
                due {fmtClock(reminder.dueAt, zone)} ({ago(now - reminder.dueAt)})
                {reminder.everyMs ? ` · ${fmtEvery(reminder.everyMs)}` : ''}
                {waiting > 0 ? ` · +${waiting} more` : ''}
              </Text>
            </Box>
          ) : isWhy ? (
            considered.slice(0, 3).map(c => (
              <Text dimColor={c.already_addressed} wrap="truncate-end">
                {c.already_addressed ? '✓ ' : '• '}{c.concern}
              </Text>
            ))
          ) : current ? (
            <Box flexDirection="column">
              {/* two lines for the claim, then cut off */}
              <Box height={2} overflow="hidden">
                <Text>
                  <Text color={SEV_COLOR[current.severity]}>● </Text>
                  {current.claim}
                </Text>
              </Box>
              <Text dimColor wrap="truncate-end">evidence: {current.evidence}</Text>
            </Box>
          ) : nudge ? (
            <Box flexDirection="column">
              <Text wrap="truncate-end">
                <Text color={nudge.level === 2 ? '#e5534b' : '#d4a72c'}>context · </Text>
                {ctx?.isAuto === false
                  ? `${nudge.percent}% of the context limit`
                  : `${nudge.percent}% of the way to auto-compact`}
                {ctx ? ` (${Math.round(ctx.tokens / 1000)}k of ${Math.round(ctx.limit / 1000)}k)` : ''}.{' '}
                {nudge.level === 2
                  ? ctx?.isAuto === false
                    ? 'The context is nearly full; compacting now lets you say what to keep.'
                    : 'Auto-compact is close; compacting now lets you say what to keep.'
                  : 'A /compact now, with a note on what to keep, beats an automatic one later.'}
              </Text>
              <Text dimColor wrap="truncate-end">compact fills the prompt with /compact; add what matters, then press enter.</Text>
            </Box>