docs: update TUI support progress in roadmap

This commit is contained in:
Oussama Douhou
2026-01-10 22:45:01 +01:00
parent 95b6c0a53b
commit 2fcf4d6bd4

View File

@@ -43,22 +43,29 @@
0 4 * * * root docker exec flexinit-runner docker builder prune -f --keep-storage=5GB 0 4 * * * root docker exec flexinit-runner docker builder prune -f --keep-storage=5GB
``` ```
### Web-based TUI Support (HIGH) ### Web-based TUI Support (HIGH) - IN PROGRESS
**Feature**: Full TUI (Terminal User Interface) support inside the web browser **Feature**: Full TUI (Terminal User Interface) support inside the web browser
**Goal**: Enable rich terminal UI applications (like htop, lazygit, OpenCode TUI mode) to render correctly in the browser-based terminal. **Goal**: Enable rich terminal UI applications (like htop, lazygit, OpenCode TUI mode) to render correctly in the browser-based terminal.
**Components**: **Completed**:
- [ ] xterm.js integration with full TUI support (colors, mouse, resize) - [x] TERM=xterm-256color environment variable
- [ ] Proper TERM environment configuration (xterm-256color) - [x] COLORTERM=truecolor for 24-bit color support
- [ ] Mouse event passthrough for TUI interactions - [x] ncurses-base and ncurses-term packages for terminfo database
- [ ] Font/rendering optimization for box-drawing characters - [x] Locale configuration (en_US.UTF-8) for Unicode support
- [ ] Keyboard shortcut handling (Ctrl+C, Ctrl+Z, etc.) - [x] Environment variables passed to deployed stacks
**Technical Options**: **Remaining**:
1. **Upgrade ttyd** - Ensure latest version with full xterm.js features - [ ] Test TUI applications in browser (htop, lazygit, vim)
2. **Custom xterm.js wrapper** - More control over terminal emulation - [ ] Verify mouse event passthrough works
3. **Gotty alternative** - Consider other web terminal solutions - [ ] Test box-drawing character rendering
- [ ] Document TUI capabilities for users
**Technical Notes**:
- OpenCode uses built-in xterm.js web terminal
- Terminal environment configured in Docker image + deployer
- 256 colors verified working (tput colors = 256)
- 104 xterm terminfo entries installed
**Use Cases**: **Use Cases**:
- OpenCode TUI mode in browser - OpenCode TUI mode in browser