spending-effort-with-jev

  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
    const o = await read($, offer)
    const c = await read($, card)
    if ((o === null && c === null) || e.props.hasSurvey) return next(e)
    const below = await next(e)
    const w = WORDS[s.l]
    // Working: "1: Switch to high". After the turn: "[ Switch to high ]", no digit.
    const look = (d: string) => (e.props.isWorking ? { hotkey: d, plain: true as const } : {})
    const ui = $.ui.resolve(e)
    const { Box, Text, Button } = ui
    const current = o?.from ?? c?.current ?? ''
    const rec = o?.level ?? c?.rec ?? null
    const gauge =
      e.surface !== 'terminal' && 'Svg' in ui && ui.Svg ? (
        <ui.Svg key="gauge" source={gaugeSvg(current, rec)} alt={`effort ${current}`} width={34} height={16} isInteractive />
      ) : (
        <Text key="gauge">
          {gaugeText(current, rec).map(g => (
            <Text color={g.role === 'off' ? undefined : '#D97757'} dimColor={g.role === 'off'} bold={g.role === 'on'}>
              {g.bar}
            </Text>
          ))}
        </Text>
      )
    const share = c?.share !== undefined && c.rec !== null && !o ? ` (${c.share.toFixed(2)})` : ''
    const words = (o ? (o.isMidTurn ? w.midBand(o) : w.band(o)) : c ? w.cardLine(c) : '') + share
    const facts = await bandFacts($, s, e.props.bodyColumns)
    return (
      <Box flexDirection="column">
        <Box flexDirection="row">
          {gauge}
          <Text>  {words}  </Text>
          {facts.length > 0 ? <Text dimColor>│ {facts.join(' · ')}  </Text> : null}
          {o ? <Button key="switch" {...look('1')} label={w.switchTo(o.level)} onPress={() => acceptOffer($, o, s)} /> : null}
          {o ? <Text>  </Text> : null}
          {o ? <Button key="keep" {...look('2')} label={w.keep(o.from)} onPress={() => declineOffer($, o, s)} /> : null}
          {o ? <Text>  </Text> : null}
          {o ? null : <Button key="ledger" label={w.ledger} onPress={() => openLedger($, s)} />}
          {o ? null : <Text>  </Text>}
          <Button key="close" {...(o ? look('0') : {})} role="dismiss" label={w.close} onPress={() => closeOffer($)} />
        </Box>
        {below ?? null}
      </Box>
    )
  })

  on('ui.render', { component: 'Pane', requestId: LEDGER_PANE }, async ($, e) => {
    await read($, ledgerTick) // redraw when a turn is added
    const w = WORDS[s.l]
    const ui = $.ui.resolve(e)
    const { Box, Text } = ui
    const sum = summary(await readLedger($), await readJevDays($), await $.clock.now())
    if (sum.rows.length === 0 && sum.weekCalls === 0) return <Text dimColor>{w.ledgerEmpty}</Text>
    return (
      <Box flexDirection="column">
        <Text bold color="#D97757">
          {w.ledgerHead(usd(sum.todayUsd), usd(sum.weekUsd), sum.weekCalls)}
        </Text>
        {e.surface !== 'terminal' && 'Svg' in ui && ui.Svg ? (
          <ui.Svg key="chart" source={ledgerSvg(sum.rows)} alt="turns per effort level" isInteractive />
        ) : null}
        {sum.rows.map(r => (
          <Text>{w.ledgerRow(r.level, r.turns)}</Text>
        ))}
        <Text dimColor>{w.ledgerJev(sum.judged, sum.followed)}</Text>
      </Box>
    )
  })