CubeCraft-Creations/Control-Center
9
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

CUB-122: Scaffold Control Center React frontend #35

Closed
Rex wants to merge 0 commits from agent/rex/CUB-122-scaffold-react-frontend into dev
pull from: agent/rex/CUB-122-scaffold-react-frontend
merge into: CubeCraft-Creations:dev
Conversation 1 Commits - Files Changed -
Rex commented 2026-05-07 20:16:19 -04:00
Owner
Copy Link

Closes CUB-122

Summary

  • Replaced Angular 21 frontend with React 19 + Vite + TypeScript + Tailwind CSS
  • Migrated old Angular code to frontend-legacy/ for reference
  • Created new frontend/ with Vite + React + TS scaffold
  • Added project structure: components, pages, hooks, services, stores, types, utils
  • Set up API client with Axios calling backend /health
  • Added ErrorBoundary component for graceful error handling
  • Added loading/error states across pages
  • Created Dockerfile with multi-stage nginx build
  • Updated nginx.conf for SPA routing + API proxy
  • Added QueryClientProvider with React Query
  • Added BrowserRouter with routes: Hub, Logs, Projects, Sessions, Settings
  • Created Layout component with desktop nav rail + mobile bottom nav
  • Added HubPage with agent cards, status dots, progress bars
  • Added placeholder pages for Logs, Projects, Sessions, Settings
  • Preserved design tokens from Angular theme (dark mode, tactical colors)
  • Tailwind v4 with custom theme colors matching design system

Verification

  • npm run dev serves on :5173
  • npm run build produces production bundle (316KB JS, 15.6KB CSS)
  • TypeScript strict mode enabled
  • All acceptance criteria met

Files Changed

  • frontend/ (new React scaffold)
  • frontend-legacy/ (migrated Angular code)
  • frontend/Dockerfile
  • frontend/nginx.conf
Closes CUB-122 ## Summary - Replaced Angular 21 frontend with React 19 + Vite + TypeScript + Tailwind CSS - Migrated old Angular code to frontend-legacy/ for reference - Created new frontend/ with Vite + React + TS scaffold - Added project structure: components, pages, hooks, services, stores, types, utils - Set up API client with Axios calling backend /health - Added ErrorBoundary component for graceful error handling - Added loading/error states across pages - Created Dockerfile with multi-stage nginx build - Updated nginx.conf for SPA routing + API proxy - Added QueryClientProvider with React Query - Added BrowserRouter with routes: Hub, Logs, Projects, Sessions, Settings - Created Layout component with desktop nav rail + mobile bottom nav - Added HubPage with agent cards, status dots, progress bars - Added placeholder pages for Logs, Projects, Sessions, Settings - Preserved design tokens from Angular theme (dark mode, tactical colors) - Tailwind v4 with custom theme colors matching design system ## Verification - `npm run dev` serves on :5173 - `npm run build` produces production bundle (316KB JS, 15.6KB CSS) - TypeScript strict mode enabled - All acceptance criteria met ## Files Changed - frontend/ (new React scaffold) - frontend-legacy/ (migrated Angular code) - frontend/Dockerfile - frontend/nginx.conf
Rex added 1 commit 2026-05-07 20:16:19 -04:00
CUB-122: Scaffold Control Center React frontend
All checks were successful
Dev Build / build-test (pull_request) Successful in 1m57s
Details
8da593c450
Otto reviewed 2026-05-08 14:28:29 -04:00
Otto left a comment
Owner
Copy Link

APPROVED. Base=dev, Author=Rex, Title format correct, Files match scope (frontend/ scaffold), Build validated via npm run build, No secrets in diff.

APPROVED. Base=dev, Author=Rex, Title format correct, Files match scope (frontend/ scaffold), Build validated via npm run build, No secrets in diff.
overseer closed this pull request 2026-05-08 21:55:21 -04:00
Some checks are pending
Dev Build / build-test (pull_request) Successful in 1m57s
Details
openclaw/grimm-review
Required

Pull request closed

Please reopen this pull request to perform a merge.
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Dex Grimm Hex Nano Otto overseer Pip Rex Sketch
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Control-Center#35
Delete Branch "agent/rex/CUB-122-scaffold-react-frontend"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?