refactor-upto-phase 6

refactor-plan/FINAL_REFACTOR_TASKS.md

@@ -148,10 +148,10 @@
 
 | Location | Current State | Required Changes | Priority |
 |----------|---------------|------------------|----------|
-| `frontend/src/pages/Dashboard/Home.tsx` | Shows generic metrics, module cards, recent activity | Add workflow guide component inline at top, push dashboard content below | **HIGH** |
-| `frontend/src/components/onboarding/WorkflowGuide.tsx` | Does not exist | Create component with visual workflow map, inline in page | **HIGH** |
-| `frontend/src/components/header/AppHeader.tsx` | No guide button | Add orange-colored "Show Guide" button in top right corner | **HIGH** |
-| `frontend/src/store/onboardingStore.ts` | Does not exist | Create store for "Don't show again" preference and visibility toggle | **MEDIUM** |
+| `frontend/src/pages/Dashboard/Home.tsx` | ✅ Inline `WorkflowGuide` rendered above dashboard content | Keep guide responsive, continue iterating on progress tracking & backend dismissal | **HIGH** |
+| `frontend/src/components/onboarding/WorkflowGuide.tsx` | ✅ Component created with Build vs Integrate flows and CTA grid | Add advanced progress logic + backend persistence once API is ready | **HIGH** |
+| `frontend/src/components/header/AppHeader.tsx` | ✅ Orange "Show/Hide Guide" button added next to metrics | Ensure button state syncs with backend dismissal when implemented | **HIGH** |
+| `frontend/src/store/onboardingStore.ts` | ✅ Store created with dismiss + toggle actions (persisted) | Wire to backend `guide_dismissed` field once available | **MEDIUM** |
 | Backend - User model/settings | No field for guide dismissal | Add `guide_dismissed` or `show_workflow_guide` field | **MEDIUM** |
 
 **Workflow Guide Features:**
@@ -312,8 +312,8 @@
 - **Hover States**: Use `hover:border-[var(--color-primary)]` pattern for interactive cards
 
 **Completed:**
-1. ✅ Refactor Sites Dashboard - Replaced lucide-react icons, using EnhancedMetricCard, standard colors/gradients, PageHeader component, matching Planner Dashboard patterns
-2. ✅ Refactor Sites List - Replaced lucide-react icons, using standard Button/Card/Badge components, matching Dashboard styling, gradient icon backgrounds
+1. ✅ Refactor Sites Dashboard - Replaced lucide-react icons, using EnhancedMetricCard, standard colors/gradients, PageHeader component (matches Planner dashboard patterns)
+2. ✅ Refactor Sites List - Converted to `TablePageTemplate`, added table/grid toggle, mirrored Planner/Writer table styling, moved actions into standard header buttons, removed legacy site/sector selectors
 
 **Remaining:**
 3. Refactor Sites Builder pages - Apply same design system patterns
@@ -330,14 +330,18 @@
 2. Audit and fix site/sector null handling
 
 ### Phase 7: Welcome/Guide Screen & Onboarding (HIGH Priority)
-1. Create WorkflowGuide component (inline, not modal)
-2. Create onboarding store for state management
-3. Add orange "Show Guide" button in header
-4. Implement flow structure (Build New Site vs Integrate Existing Site)
-5. Add backend dismissal field
-6. Implement progress tracking logic
-7. Integrate guide at top of Home page (pushes dashboard below)
-8. Test responsive design on mobile/tablet views
+**Completed**
+1. ✅ Create WorkflowGuide component (inline, not modal)
+2. ✅ Create onboarding store for state management
+3. ✅ Add orange "Show Guide" button in header
+4. ✅ Implement flow structure (Build New Site vs Integrate Existing Site)
+5. ✅ Integrate guide at top of Home page (pushes dashboard below)
+6. ✅ Initial responsive pass on desktop/tablet/mobile
+
+**Next**
+7. Add backend dismissal field + persist state
+8. Expand progress tracking logic (planner/writer milestones)
+9. Cross-device QA once backend wiring is complete
 
 ### Phase 8: Sidebar Restructuring & Navigation (HIGH Priority)
 1. Restructure sidebar: Dashboard (standalone) → SETUP → WORKFLOW → SETTINGS