lemo-pomodoro

  on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
    seen.add(e.surface)
    const inner = await next(e)
    // 终端不读状态：到点时弹问题，横条上不用加东西，也就不用跟着重画
    if (e.surface !== 'desktop' || e.props.hasSurvey) return inner
    const pending = await read($, choice)
    if (pending === null) return inner
    const lk = await look($)
    const a = STR[lk.lang].ask
    const { Box, Text, Button } = $.ui.resolve(e)
    // 选了就消失：开始新的计时会清掉 choice，「暂不」直接清掉
    const row = (
      <Box key="pomo-choice" flexDirection="row" gap={1} alignItems="center" flexWrap="wrap" paddingX={2}>
        <Text bold {...inkOf(lk, e.surface)}>{pending === 'rest' ? a.qRest : a.q}</Text>
        <Button key="pomo-again" label={fill(a.again, { n: FOCUS_MIN })} variant="primary" onPress={() => startTimer($, 'focus', FOCUS_MIN)} />
        <Button key="pomo-rest" label={fill(a.rest, { n: REST_MIN })} {...sec(e.surface)} onPress={() => startTimer($, 'rest', REST_MIN)} />
        <Button key="pomo-skip" label={a.stop} {...sec(e.surface)} onPress={() => update($, choice, () => null)} />
      </Box>
    )
    // 桌面上横条的 SVG 不给 width、外面包一层竖排 Box 才会横向拉满（单独放只有约 280 像素）。
    // 所以接选择行的这层也是铺满宽度的竖排。但里层是引擎自己的那份时（没装 lemo-meter，没人画横条），
    // 引擎不许它放在带 width 的 Box 里，会拒绝整棵树、只画它自己的（测试里试过），这时外层不给 width
    const bare = inner.type === 'engine'
    return (
      <Box flexDirection="column" {...(bare ? {} : { width: '100%' })} gap={1}>
        {inner}
        {row}
      </Box>
    )
  })