36 lines
1.4 KiB
Markdown
36 lines
1.4 KiB
Markdown
# UI Polish & Timeout Extension Plan
|
|
|
|
## Goal
|
|
Make the UI "Pro-Grade" by removing boxy borders and using a sleek "Rail System" layout. Fix request timeouts by extending the limit.
|
|
|
|
## User Review Required
|
|
> [!IMPORTANT]
|
|
> **Visual Overhaul**: Messages will no longer be enclosed in boxes.
|
|
> - **AI** will have a colored **Left Gutter**.
|
|
> - **User** will have a colored **Right Gutter**.
|
|
> - This mimics modern editors like Cursor.
|
|
|
|
## Proposed Changes
|
|
|
|
### 1. Fix Timeout (Stability)
|
|
- **File**: `qwen-oauth.cjs`
|
|
- **Change**: Increase `setTimeout` from `120000` (2m) to `300000` (5m).
|
|
- **Reason**: 120s is too short for complex reasoning.
|
|
|
|
### 2. Redesign `ErrorCard`
|
|
- **File**: `bin/opencode-ink.mjs` (inline `ErrorCard`)
|
|
- **Change**: Remove the hardcoded "Error" title text. Just render the content.
|
|
- **Reason**: Prevents "Error: Error: ..." redundancy.
|
|
|
|
### 3. "Rail" UI Implementation
|
|
- **File**: `bin/ui/components/ChatBubble.mjs`
|
|
- **Change**:
|
|
- **User**: Remove `borderStyle`. Right align text. Add Right Gutter `|`.
|
|
- **AI**: Remove `borderStyle`. Left align. Add Left Gutter `|`.
|
|
- **File**: `bin/opencode-ink.mjs` (`ViewportMessage`)
|
|
- Ensure margins are compatible with Rail design.
|
|
|
|
## Verification Plan
|
|
1. **Visual Test**: Send "Hello". Verify Right-Rail look. Response should have Left-Rail.
|
|
2. **Timeout Test**: Impossible to force-fail easily without waiting 5 mins, but code review confirms the change.
|