Files
OpenQode/implementation_plan_clean_ui.md
2025-12-14 00:40:14 +04:00

38 lines
1.4 KiB
Markdown

# Clean Communication Flow Implementation
## Problem
1. "i text" boxes appearing (Markdown parsing artifacts)
2. Messy text flow with excessive borders
3. Multi-agent feature doesn't show which agent is active in real-time
## Proposed Changes
### 1. Real-Time Agent Display in Sidebar
**File**: `bin/opencode-ink.mjs`
- Already partially implemented (`thinkingStats.activeAgent`)
- **Fix**: Ensure the streaming loop actually detects and sets the active agent
- **UI**: Add prominent agent indicator in sidebar "⚡ LIVE" section
### 2. Clean Up Message Rendering
**File**: `bin/opencode-ink.mjs`
#### A. Fix "i text" boxes
- These appear to be Markdown rendering of system messages
- **Fix**: Route system messages through `SystemCard` instead of `Markdown`
- Remove borders from inline system messages
#### B. Simplify ViewportMessage
- Remove nested borders
- Use minimal left-gutter style (single colored bar, no box)
- Match Antigravity style: clean text, subtle role indicators
### 3. ChatBubble Redesign
**Pattern**: Antigravity/AI Studio/Codex style
- User messages: Right-aligned or `> prompt` style
- Assistant: Clean left-aligned text with minimal header
- System: Single-line muted text, no boxes
## Verification
1. **Visual Test**: Restart TUI, send message, verify clean text flow
2. **Agent Test**: Enable multi-agent (`/settings`), ask security question, verify agent name appears in sidebar