Skip to content

Redesign client into SaaS-style UI with left sidebar navigation#178

Open
saadelbassiti-code wants to merge 2 commits into
beck-source:mainfrom
saadelbassiti-code:new_features
Open

Redesign client into SaaS-style UI with left sidebar navigation#178
saadelbassiti-code wants to merge 2 commits into
beck-source:mainfrom
saadelbassiti-code:new_features

Conversation

@saadelbassiti-code

Copy link
Copy Markdown

Replace the top nav bar with a left vertical navigation sidebar and apply a consistent design-token system across the shell and shared components:

  • App.vue: sidebar layout ("Catalyst Components" brand), design tokens, consistent spacing and polished professional styling
  • FilterBar, LanguageSwitcher, ProfileMenu: restyled to match the new sidebar shell
  • Add docs/architecture.html documenting the app architecture
  • Add saas-ui-redesign skill used to drive the redesign

Note: App.vue now calls api.getTasks() on mount but the backend has no /tasks route yet (returns 404 on every page). Tracked as a follow-up.

saadelbassiti-code and others added 2 commits July 1, 2026 11:44
Replace the top nav bar with a left vertical navigation sidebar and
apply a consistent design-token system across the shell and shared
components:

- App.vue: sidebar layout ("Catalyst Components" brand), design tokens,
  consistent spacing and polished professional styling
- FilterBar, LanguageSwitcher, ProfileMenu: restyled to match the new
  sidebar shell
- Add docs/architecture.html documenting the app architecture
- Add saas-ui-redesign skill used to drive the redesign

Note: App.vue now calls api.getTasks() on mount but the backend has no
/tasks route yet (returns 404 on every page). Tracked as a follow-up.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The sidebar UI calls api.getTasks/createTask/toggleTask/deleteTask, but
the backend had no /tasks routes, so every page logged a 404 + AxiosError
on mount. Add the missing endpoints against an in-memory task store:

- GET    /api/tasks           list tasks
- POST   /api/tasks           create (starts pending; priority defaults to medium)
- PATCH  /api/tasks/{id}      toggle pending<->completed
- DELETE /api/tasks/{id}      delete

String ids ("task-N") avoid collisions with the frontend's numeric mock
task ids. Adds tests/backend/test_tasks.py (9 tests) covering CRUD, toggle,
404s, and validation. Verified: all 6 routes now load with zero console
errors; full backend suite passes (49 tests).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant