1.4 KiB
1.4 KiB
Next-Gen TUI Implementation Task List
-
Phase 1: Safety & Foundation
- Backup stable
opencode-ink.mjs. - Create
implementation_plan.md.
- Backup stable
-
Phase 2: The Interactive Context Matrix (File Tree)
- Create
bin/ui/components/FileTree.mjscomponent.- Implement recursive directory reading.
- Implement key handling (Up/Down/Space/Enter).
- Implement selection state (for Context).
- Integrate
FileTreeintoSidebar. - Add
Tabtoggle mode (Chat <-> Sidebar focus).
- Create
-
Phase 3: "Holographic" Rich Diff Review
- Create
bin/ui/components/DiffView.mjs.- Render side-by-side or split diff using
difflibrary logic. - Add "Apply/Reject" interactive buttons.
- Render side-by-side or split diff using
- Update
opencode-ink.mjsexecution flow to intercept file writes.- Show DiffView before
/writeexecution.
- Show DiffView before
- Create
-
Phase 4: "Noob Friendly" Auto-Drive
- Implement
AutoDrivetoggle in Settings. - Add heuristics: Small changes (<5 lines) auto-applied?
- OR: "Explain then Act" mode where AI explains in simple terms.
- Implement
-
Phase 5: Syntax-Highlighted Input
- Replace
ink-text-inputwith customRichInputcomponent. - Integrate
ink-syntax-highlighton the input buffer.
- Replace
-
Phase 6: Verification
- Test Navigation.
- Test Context selection.
- Test Diff application.