Files
NomadArch/tasks/done/052-folder-info-panels-refactor.md
Gemini AI 157449a9ad restore: recover deleted documentation, CI/CD, and infrastructure files
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)
2025-12-23 13:03:48 +04:00

1.5 KiB

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.