Summary
Improve the projects list page by moving the always-visible create form into a Dialog, adding search/filter, and replacing text-only links with proper Button components.
Current Defect
- Create form occupies 380px permanently — wastes space after projects exist
- No search or filtering on project cards
- "Back to project" text link is plain
text-cyan-300 — not a Button
- Card hover effects use hardcoded
border-cyan-400/40 instead of semantic tokens
- Success/error feedback uses inline
<p> tags instead of toasts
Solution
- Move ProjectCreateForm into a
<Dialog> triggered by a "New Project" CTA Button
- Add search Input above project cards grid
- Replace
text-cyan-300 links with <Button variant="outline" asChild><Link>
- Card hover:
hover:border-primary/40 instead of hover:border-cyan-400/40
- Add Sonner toasts for create success/error in ProjectCreateForm
Files to Modify
- Modify:
apps/platform/app/projects/page.tsx
- Modify:
apps/platform/components/project-create-form.tsx
Acceptance Criteria
Depends on #95, #96
Part of #dashboard-ui-modernization
Summary
Improve the projects list page by moving the always-visible create form into a Dialog, adding search/filter, and replacing text-only links with proper Button components.
Current Defect
text-cyan-300— not a Buttonborder-cyan-400/40instead of semantic tokens<p>tags instead of toastsSolution
<Dialog>triggered by a "New Project" CTA Buttontext-cyan-300links with<Button variant="outline" asChild><Link>hover:border-primary/40instead ofhover:border-cyan-400/40Files to Modify
apps/platform/app/projects/page.tsxapps/platform/components/project-create-form.tsxAcceptance Criteria
Depends on #95, #96
Part of #dashboard-ui-modernization