Setup Ink dependencies and verify Bun compatibility #11763

Parent Epic

Part of #11762 (Ink-based TUI Rewrite)

Objective

Add Ink and React dependencies, verify they work with Bun bundler, and create a minimal proof-of-concept.

Package Versions

Tasks

• Add dependencies to packages/opencode/package.json:

  bun add [email protected] [email protected] [email protected] [email protected]
  bun add -d @types/[email protected]

• Verify bun install succeeds
• Create minimal test file src/cli/ink/test.tsx:

  import React from 'react'
  import { render, Text, Box } from 'ink'
  
  const App = () => (
    <Box>
      <Text color="green">Ink works with React 19!</Text>
    </Box>
  )
  
  render(<App />)

• Verify bun run executes the test file
• Verify bun run build:lite still works (doesn't break existing build)
• Document any Bun-specific configuration needed (tsconfig, etc.)
• Test Ink 6.x features we'll use:
  • incrementalRendering option (reduces flicker)
  • maxFps option (throttle render rate)

Acceptance Criteria

• All dependencies install without errors
• Test component renders in terminal
• Existing lite build unaffected
• Bundle size impact documented

Notes

• Ink 6.x requires React 19+ (breaking change from earlier versions)
• Bun compatibility confirmed - process.stdin.ref bug fixed in Bun 1.2+
• Production validation: Claude Code, Gemini CLI, Cloudflare Wrangler all use Ink

Estimated Effort

0.5 days

Risk

Low - Ink is known to work with Bun