[PR #121] [MERGED] feat: group frontend navigation into collapsible task-based sections #121

New issue

Closed

opened 2026-08-18 07:31:08 +02:00 by zaph0d · 0 comments

zaph0d commented

2026-08-18 07:31:08 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/niels-emmer/myace/pull/121
Author: @niels-emmer
Created: 8/17/2026
Status: ✅ Merged
Merged: 8/17/2026
Merged by: @niels-emmer

Base: main ← Head: feat/grouped-navigation

📝 Commits (4)

38bba73 feat: group frontend navigation into task-based sections with hub pages
41ef98d feat: collapsible sidebar groups, Settings restructure, sync pi-dev adapter docs
9b93aee feat: richer hub page descriptions, less clinical Dashboard copy
60f2c15 docs: refresh README screenshots for the new grouped navigation

📊 Changes

29 files changed (+830 additions, -122 deletions)

View changed files

📝 AGENTS.md (+83 -3)
📝 README.md (+10 -8)
📝 docs/images/collections.png (+0 -0)
📝 docs/images/compile.png (+0 -0)
📝 docs/images/dashboard.png (+0 -0)
📝 docs/images/login.png (+0 -0)
➕ frontend/src/App.routes.test.tsx (+88 -0)
📝 frontend/src/App.tsx (+49 -17)
➕ frontend/src/components/Layout.test.tsx (+72 -0)
📝 frontend/src/components/Layout.tsx (+84 -73)
📝 frontend/src/components/LocalCompanionSetup.tsx (+1 -1)
➕ frontend/src/components/SectionHub.test.tsx (+40 -0)
➕ frontend/src/components/SectionHub.tsx (+37 -0)
➕ frontend/src/lib/navigation.ts (+165 -0)
➕ frontend/src/pages/BuildHub.test.tsx (+27 -0)
➕ frontend/src/pages/BuildHub.tsx (+6 -0)
➕ frontend/src/pages/CollectionsHub.test.tsx (+23 -0)
➕ frontend/src/pages/CollectionsHub.tsx (+6 -0)
📝 frontend/src/pages/CollectionsManager.tsx (+5 -5)
📝 frontend/src/pages/CommunityCollections.tsx (+1 -1)

...and 9 more files

📄 Description

Summary

Replace the flat 9-item sidebar with 4 collapsible, task-based groups — Collections (My Collections, Community), Build (Profiles, Orchestration, Compile & Export), My Machine (Import, Setup Audit, Sync), Settings (Account, Moderation, System) — each collapsed by default, auto-expanding for the active route, with a chevron toggle and indented children.
Give each group a hub landing page (SectionHub) with descriptive copy explaining what it's for, driven by a single source of truth (frontend/src/lib/navigation.ts) shared with the sidebar.
Rename the old "Account" group to Settings, with its personal-account page renamed to Account at /settings/account; old top-level paths (/profiles, /compile, /import, /setup-audit, /sync, /orchestration, /orchestration/build, /moderation, /admin/system, /export) all redirect to their new grouped locations.
Rewrite the Dashboard subtitle to pitch the product instead of a flat "manage your configurations" line.
Fix four stale "11 adapters"/"11 coding environments" mentions in AGENTS.md/README.md left over from the already-merged pi.dev adapter PR.
Refresh all four README screenshots (login/dashboard/collections/compile) to reflect the new UI.

Test plan

npm run lint / npm run build clean
npm run test — 70/70 passing (5 new test files: SectionHub, CollectionsHub, BuildHub, MachineHub, SettingsHub, Layout, App.routes)
Manually verified in-browser: every sidebar group expand/collapse + auto-expand-on-route, all hub pages, all legacy redirects (including the param-preserving /profiles/:id), mobile viewport layout, and role-gated Settings children (regular user / moderator / admin)

🤖 Generated with Claude Code

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/niels-emmer/myace/pull/121 **Author:** [@niels-emmer](https://github.com/niels-emmer) **Created:** 8/17/2026 **Status:** ✅ Merged **Merged:** 8/17/2026 **Merged by:** [@niels-emmer](https://github.com/niels-emmer) **Base:** `main` ← **Head:** `feat/grouped-navigation` --- ### 📝 Commits (4) - [`38bba73`](https://github.com/niels-emmer/myace/commit/38bba73ceb11749d0ab3f139f735a8f848544e0a) feat: group frontend navigation into task-based sections with hub pages - [`41ef98d`](https://github.com/niels-emmer/myace/commit/41ef98d9c686872891f64dd6c898c4bc5b5d2e6f) feat: collapsible sidebar groups, Settings restructure, sync pi-dev adapter docs - [`9b93aee`](https://github.com/niels-emmer/myace/commit/9b93aee4231f455ce3ea25f4c4560f7f6cc0c92f) feat: richer hub page descriptions, less clinical Dashboard copy - [`60f2c15`](https://github.com/niels-emmer/myace/commit/60f2c15eb50734036e1d9dfc2ebb64d643ccdeed) docs: refresh README screenshots for the new grouped navigation ### 📊 Changes **29 files changed** (+830 additions, -122 deletions) <details> <summary>View changed files</summary> 📝 `AGENTS.md` (+83 -3) 📝 `README.md` (+10 -8) 📝 `docs/images/collections.png` (+0 -0) 📝 `docs/images/compile.png` (+0 -0) 📝 `docs/images/dashboard.png` (+0 -0) 📝 `docs/images/login.png` (+0 -0) ➕ `frontend/src/App.routes.test.tsx` (+88 -0) 📝 `frontend/src/App.tsx` (+49 -17) ➕ `frontend/src/components/Layout.test.tsx` (+72 -0) 📝 `frontend/src/components/Layout.tsx` (+84 -73) 📝 `frontend/src/components/LocalCompanionSetup.tsx` (+1 -1) ➕ `frontend/src/components/SectionHub.test.tsx` (+40 -0) ➕ `frontend/src/components/SectionHub.tsx` (+37 -0) ➕ `frontend/src/lib/navigation.ts` (+165 -0) ➕ `frontend/src/pages/BuildHub.test.tsx` (+27 -0) ➕ `frontend/src/pages/BuildHub.tsx` (+6 -0) ➕ `frontend/src/pages/CollectionsHub.test.tsx` (+23 -0) ➕ `frontend/src/pages/CollectionsHub.tsx` (+6 -0) 📝 `frontend/src/pages/CollectionsManager.tsx` (+5 -5) 📝 `frontend/src/pages/CommunityCollections.tsx` (+1 -1) _...and 9 more files_ </details> ### 📄 Description ## Summary - Replace the flat 9-item sidebar with 4 collapsible, task-based groups — **Collections** (My Collections, Community), **Build** (Profiles, Orchestration, Compile & Export), **My Machine** (Import, Setup Audit, Sync), **Settings** (Account, Moderation, System) — each collapsed by default, auto-expanding for the active route, with a chevron toggle and indented children. - Give each group a hub landing page (`SectionHub`) with descriptive copy explaining what it's for, driven by a single source of truth (`frontend/src/lib/navigation.ts`) shared with the sidebar. - Rename the old "Account" group to **Settings**, with its personal-account page renamed to **Account** at `/settings/account`; old top-level paths (`/profiles`, `/compile`, `/import`, `/setup-audit`, `/sync`, `/orchestration`, `/orchestration/build`, `/moderation`, `/admin/system`, `/export`) all redirect to their new grouped locations. - Rewrite the Dashboard subtitle to pitch the product instead of a flat "manage your configurations" line. - Fix four stale "11 adapters"/"11 coding environments" mentions in `AGENTS.md`/`README.md` left over from the already-merged pi.dev adapter PR. - Refresh all four README screenshots (login/dashboard/collections/compile) to reflect the new UI. ## Test plan - [x] `npm run lint` / `npm run build` clean - [x] `npm run test` — 70/70 passing (5 new test files: `SectionHub`, `CollectionsHub`, `BuildHub`, `MachineHub`, `SettingsHub`, `Layout`, `App.routes`) - [x] Manually verified in-browser: every sidebar group expand/collapse + auto-expand-on-route, all hub pages, all legacy redirects (including the param-preserving `/profiles/:id`), mobile viewport layout, and role-gated Settings children (regular user / moderator / admin) 🤖 Generated with [Claude Code](https://claude.com/claude-code) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

zaph0d

2026-08-18 07:31:08 +02:00