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)
35 lines
1.5 KiB
Markdown
35 lines
1.5 KiB
Markdown
# Task 052 - Folder Selection & Info Panels Refactor
|
|
|
|
## Goal
|
|
Migrate the folder selection view, info view, and logs view to token-driven utilities, removing bespoke gray styling blocks.
|
|
|
|
## Prerequisites
|
|
- Task 051 complete (modal/kbd helpers ready).
|
|
|
|
## Acceptance Criteria
|
|
- [ ] `src/components/folder-selection-view.tsx`, `src/components/info-view.tsx`, and `src/components/logs-view.tsx` use token-backed utilities or shared helpers from `components.css`.
|
|
- [ ] Panel surfaces, headers, section dividers, and scroll containers reference tokens rather than raw Tailwind color values.
|
|
- [ ] `.session-view` global rule in `src/index.css` is replaced with a utility/helper equivalent.
|
|
- [ ] Loading/empty states and action buttons keep their existing behavior and contrast in both themes.
|
|
|
|
## Steps
|
|
1. Catalog remaining raw color classes in the three components.
|
|
2. Add reusable panel helpers (e.g., `.panel`, `.panel-header`, `.panel-body`) to `components.css` if helpful.
|
|
3. Update component markup to use helpers and token-aware Tailwind classes.
|
|
4. Remove residual `bg-gray-*` / `text-gray-*` from these components and clean up `index.css`.
|
|
|
|
## Testing Checklist
|
|
- [ ] Run `npm run build`.
|
|
- [ ] Manual spot check: recent folders list, info view logs, logs view streaming; confirm hover states and CTAs.
|
|
|
|
## Dependencies
|
|
- Depends on Task 051.
|
|
- Blocks final markdown/global CSS cleanup.
|
|
|
|
## Estimated Time
|
|
1.25 hours
|
|
|
|
## Notes
|
|
- Branch suggestion: `feature/task-052-folder-info-panels-refactor`.
|
|
- Capture screenshots (light/dark) of folder selection and logs panels for review.
|