inline-review

  on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e, next) => {
    // Only the terminal and desktop tables have both Client and Input.
    if (e.surface !== 'terminal' && e.surface !== 'desktop') return next(e)
    const { Box, Text, Client, Button } = $.ui.resolve(e)
    const shown = await read($, file)
    const changed = await read($, changes)

    const open = async (path: string, base: string, fromList: boolean) => {
      const opened = await openFile($, { path, base, fromList })
      if ('error' in opened) $.ui.toast(opened.error)
      else await $.ui.open({ id: PANE, title: opened.title })
    }

    if (shown === null && changed !== null) {
      if (changed.length === 0) return <Text dimColor>No changes.</Text>

      return (
        <Box flexDirection="column">
          {changed.map((c, i) => (
            <Button key={`f-${i}`} plain label={`${c.code.padEnd(3)} ${c.path}`} onPress={() => open(c.abs, 'HEAD', true)} />
          ))}
        </Box>
      )
    }
    if (shown === null) {
      return <Text dimColor>No file shown. The model calls show_file to open one.</Text>
    }
    const list = await read($, comments)

    return (
      <Box flexDirection="column">
        {shown.fromList && (
          <Button
            key="back"
            plain
            label="← Changes"
            onPress={async () => {
              const opened = await openChanges($)
              if ('error' in opened) $.ui.toast(opened.error)
              else await $.ui.open({ id: PANE, title: opened.title })
            }}
          />
        )}
        {shown.note !== null && <Text dimColor>{shown.note}</Text>}
        <Client
          key="file"
          module="./file-view.tsx"
          props={{ path: shown.path, isDiff: shown.items.length > 0, lines: shown.lines, items: shown.items, comments: list }}
        />
      </Box>
    )
  })