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)
1.7 KiB
1.7 KiB
Task 053 - Markdown & Code Block Styling Refactor
Goal
Extract the remaining markdown/code-block styling from src/index.css into token-aware utilities and ensure all prose rendering uses the shared system.
Prerequisites
- Task 052 complete (panels cleaned up).
Acceptance Criteria
src/index.cssno longer contains.prose,.markdown-code-block,.code-block-header,.code-block-copy, or.code-block-inlineblocks; equivalent styling lives in a newsrc/styles/markdown.css(imported fromindex.css) and/or token helpers.- New markdown helpers rely on tokens for colors, borders, and typography (no hard-coded hex values).
- Code block copy button, language label, and inline code maintain current interaction and contrast in both themes.
MessagePartmarkdown rendering (src/components/markdown.tsx) automatically picks up the new styling without component changes.
Steps
- Move markdown-related CSS into a dedicated
styles/markdown.cssfile, rewriting colors with tokens. - Replace any legacy values (e.g.,
text-gray-700) with token references. - Update
src/index.cssto import the new stylesheet after tokens/components layers. - Verify formatted markdown in the message stream (headings, lists, code blocks, copy button).
Testing Checklist
- Run
npm run build. - Manually view messages with markdown (headings, inline code, block code, tables) in both themes.
Dependencies
- Depends on Task 052.
- Blocks final cleanup task for attachment/keyboard chips.
Estimated Time
0.75 hours
Notes
- Branch suggestion:
feature/task-053-markdown-style-refactor. - If additional tokens are needed (e.g.,
--surface-prose), document them in the PR.