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)
2.0 KiB
2.0 KiB
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
- Inventory remaining global selectors in
src/index.cssassociated with the stream/tool-call UI. - Update component markup to use Tailwind classes, creating shared helpers in
src/styles/components.csswhen patterns repeat. - Remove or rewrite the corresponding CSS blocks in
src/index.cssto avoid duplication. - 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.tsxhas since been replaced bymessage-stream-v2.tsxusing the normalized message store.