157449a9ad
Restored from origin/main (b4663fb): - .github/ workflows and issue templates - .gitignore (proper exclusions) - .opencode/agent/web_developer.md - AGENTS.md, BUILD.md, PROGRESS.md - dev-docs/ (9 architecture/implementation docs) - docs/screenshots/ (4 UI screenshots) - images/ (CodeNomad icons) - package-lock.json (dependency lockfile) - tasks/ (25+ project task files) Also restored original source files that were modified: - packages/ui/src/App.tsx - packages/ui/src/lib/logger.ts - packages/ui/src/stores/instances.ts - packages/server/src/server/routes/workspaces.ts - packages/server/src/workspaces/manager.ts - packages/server/src/workspaces/runtime.ts - packages/server/package.json Kept new additions: - Install-*.bat/.sh (enhanced installers) - Launch-*.bat/.sh (new launchers) - README.md (SEO optimized with GLM 4.7)
36 lines
2.0 KiB
Markdown
36 lines
2.0 KiB
Markdown
# Task 048 - Message Stream & Tool Call Refactor
|
|
|
|
## Goal
|
|
Finish migrating the message stream container, tool call blocks, and reasoning UI to Tailwind utilities and shared tokens.
|
|
|
|
## Prerequisites
|
|
- Tasks 045-047 complete (message item, prompt input, and tabs refactored).
|
|
|
|
## Acceptance Criteria
|
|
- [ ] `src/components/message-stream.tsx`, `src/components/message-part.tsx`, and tool call subcomponents no longer depend on legacy classes (`.message-stream`, `.tool-call-message`, `.tool-call`, `.tool-call-header`, `.tool-call-preview`, `.tool-call-details`, `.reasoning-*`, `.scroll-to-bottom`, etc.).
|
|
- [ ] Global CSS definitions for these selectors are removed from `src/index.css`, replaced by Tailwind utilities and token-aware helpers.
|
|
- [ ] Scroll behavior (auto-scroll, “scroll to bottom” button) and collapsing/expanding tool calls behave as before in light/dark modes.
|
|
- [ ] Markdown/code blocks continue to render properly within the new layout.
|
|
|
|
## Steps
|
|
1. Inventory remaining global selectors in `src/index.css` associated with the stream/tool-call UI.
|
|
2. Update component markup to use Tailwind classes, creating shared helpers in `src/styles/components.css` when patterns repeat.
|
|
3. Remove or rewrite the corresponding CSS blocks in `src/index.css` to avoid duplication.
|
|
4. Validate tool call states (pending/running/success/error), reasoning blocks, and markdown rendering visually.
|
|
|
|
## Testing Checklist
|
|
- [ ] Run `npm run build`.
|
|
- [ ] In dev mode, stream a message with tool calls and reasoning to ensure toggles and scroll helpers work.
|
|
|
|
## Dependencies
|
|
- Depends on prompt input and tab refactors to reduce merge conflicts.
|
|
- Unlocks subsequent layout cleanups for logs and empty states.
|
|
|
|
## Estimated Time
|
|
1.25 hours
|
|
|
|
## Notes
|
|
- Branch suggestion: `feature/task-048-message-stream-refactor`.
|
|
- Capture short screen recording or screenshots if tool call layout adjustments were required.
|
|
- Legacy `message-stream.tsx` has since been replaced by `message-stream-v2.tsx` using the normalized message store.
|