feat: analytics dashboards & two-tier feedback system (#78)

* docs: add analytics & user feedback design document

Covers team analytics, personal analytics, flow analytics,
step-level thumbs up/down feedback, and flow CSAT ratings.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* docs: add analytics & feedback implementation plan

12-task TDD plan covering session ratings, step feedback,
team/personal/flow analytics endpoints, and frontend pages.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add session_ratings table and analytics indexes

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add SessionRating model and analytics schemas

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add session CSAT rating endpoint with tests

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add step thumbs feedback and /ratings alias routes

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add team, personal, and flow analytics endpoints

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add recharts, analytics types, and API client

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add inline step thumbs up/down feedback during sessions

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add CSAT rating modal after session completion

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add Team Analytics page with charts and leaderboards

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add Flow Analytics panel with step dropoff and CSAT data

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* feat: add My Analytics page with personal stats and charts

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/pages/ProceduralNavigationPage.tsx

@@ -11,6 +11,8 @@ import { ProgressBar } from '@/components/procedural/ProgressBar'
 import { CompletionSummary } from '@/components/procedural/CompletionSummary'
 import { cn } from '@/lib/utils'
 import { toast } from '@/lib/toast'
+import { StepFeedback } from '@/components/session/StepFeedback'
+import { CSATModal, hasBeenRated } from '@/components/session/CSATModal'
 
 interface StepState {
   notes: string
@@ -35,6 +37,7 @@ export function ProceduralNavigationPage() {
   const [completedAt, setCompletedAt] = useState<string>('')
   const [sidebarOpen, setSidebarOpen] = useState(true)
   const [paramsOpen, setParamsOpen] = useState(false)
+  const [showCsatModal, setShowCsatModal] = useState(false)
   const [elapsedMinutes, setElapsedMinutes] = useState(0)
   const timerRef = useRef<ReturnType<typeof setInterval> | null>(null)
 
@@ -244,6 +247,9 @@ export function ProceduralNavigationPage() {
         })
         setCompletedAt(completedTime)
         setIsComplete(true)
+        if (!hasBeenRated(session.id)) {
+          setShowCsatModal(true)
+        }
       } else {
         setCurrentStepIndex(currentStepIndex + 1)
       }
@@ -274,6 +280,10 @@ export function ProceduralNavigationPage() {
     })
   }
 
+  const handleCsatClose = () => {
+    setShowCsatModal(false)
+  }
+
   // Loading state
   if (isLoading) {
     return (
@@ -406,9 +416,23 @@ export function ProceduralNavigationPage() {
               isLast={currentStepIndex === procedureSteps.length - 1}
             />
           )}
+          {session && currentStep && (
+            <div className="mt-3 flex justify-end">
+              <StepFeedback stepId={currentStep.id} sessionId={session.id} />
+            </div>
+          )}
         </div>
       </div>
 
+      {/* CSAT Modal */}
+      {session && (
+        <CSATModal
+          isOpen={showCsatModal}
+          onClose={handleCsatClose}
+          sessionId={session.id}
+        />
+      )}
+
       {/* Parameters popover */}
       {paramsOpen && (
         <div className="fixed inset-0 z-50 flex items-center justify-center">