alex
fb0f2f7b9b
- Remove inline edit modal from projects listing page - Add Settings link to project cards navigating to /projects/:id/settings - Reposition Open Workspace button to rightmost action for easier access - Update tests for new UI flow - Update documentation to reflect new editing workflow - Sync specs: frontend-foundation and project-management Quality gates: npm run lint passed
27 lines
1.6 KiB
Markdown
27 lines
1.6 KiB
Markdown
## Why
|
|
|
|
The current projects listing page mixes project management actions (create, edit, delete) with workspace navigation, leading to a cluttered UI. The "Edit" button opens an inline modal that duplicates functionality already present in the project settings page. Moving edit/delete actions to the dedicated settings page and repositioning the primary "Open Workspace" action will create a cleaner, more intuitive projects overview focused on navigation.
|
|
|
|
## What Changes
|
|
|
|
- **Remove** the Edit button and modal dialog from the projects listing page (`projects.tsx`)
|
|
- **Add** a Settings link to each project card that navigates to `/projects/:id/settings`
|
|
- **Move** the "Open Workspace" button to the right side of project cards for easier access
|
|
- **Keep** the "New Project" button and "Delete" button on the projects listing page
|
|
- **No backend changes** — uses existing project settings page and APIs
|
|
|
|
## Capabilities
|
|
|
|
### New Capabilities
|
|
- *(none — uses existing project-management and frontend-foundation capabilities)*
|
|
|
|
### Modified Capabilities
|
|
- `project-management`: Update UI flow — project editing is now accessed via settings page instead of inline modal
|
|
- `frontend-foundation`: Update projects list page layout and navigation pattern
|
|
|
|
## Impact
|
|
|
|
- `apps/web/src/pages/projects.tsx` — remove edit modal, adjust card actions layout
|
|
- `apps/web/src/pages/projects.test.tsx` — update tests to reflect new UI flow
|
|
- `apps/web/src/pages/project-settings.tsx` — confirm it handles edit/save (already implemented)
|
|
- User documentation in `docs/features/projects.md` — update editing instructions |