feat(dashboard): FlowPilot cockpit dashboard + sidebar redesign

- Replace QuickStartPage with FlowPilot-centric dashboard
- Add StartSessionInput with Guided/Chat mode toggle
- Add PendingEscalations, ActiveFlowPilotSessions, PerformanceCards
- Add KnowledgeBaseCards, TeamSummary, RecentFlowPilotSessions
- Every number/card is a portal to its detail page
- Restructure sidebar: Resolve/Knowledge/Insights sections
- Remove redundant nav items (FlowPilot, Flow Editor, Flow Assist, etc.)
- Wire prefill from dashboard input to FlowPilot intake
- Update mobile nav to match new sidebar structure

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

frontend/src/components/dashboard/RecentFlowPilotSessions.tsx

@@ -0,0 +1,85 @@
+import { useState, useEffect } from 'react'
+import { Link, useNavigate } from 'react-router-dom'
+import { CheckCircle, AlertTriangle, XCircle, ArrowRight } from 'lucide-react'
+import { aiSessionsApi } from '@/api/aiSessions'
+import type { AISessionSummary } from '@/types/ai-session'
+
+function timeAgo(dateStr: string): string {
+  const diffMs = Date.now() - new Date(dateStr).getTime()
+  const minutes = Math.floor(diffMs / 60000)
+  if (minutes < 1) return 'just now'
+  if (minutes < 60) return `${minutes}m ago`
+  const hours = Math.floor(minutes / 60)
+  if (hours < 24) return `${hours}h ago`
+  const days = Math.floor(hours / 24)
+  if (days === 1) return 'yesterday'
+  return `${days}d ago`
+}
+
+const STATUS_CONFIG: Record<string, { icon: typeof CheckCircle; color: string }> = {
+  resolved: { icon: CheckCircle, color: '#34d399' },
+  escalated: { icon: AlertTriangle, color: '#fbbf24' },
+  abandoned: { icon: XCircle, color: '#8891a0' },
+}
+
+export function RecentFlowPilotSessions() {
+  const [sessions, setSessions] = useState<AISessionSummary[]>([])
+  const navigate = useNavigate()
+
+  useEffect(() => {
+    Promise.all([
+      aiSessionsApi.listSessions({ status: 'resolved', limit: 5 }).catch(() => []),
+      aiSessionsApi.listSessions({ status: 'escalated', limit: 3 }).catch(() => []),
+    ]).then(([resolved, escalated]) => {
+      const all = [...resolved, ...escalated]
+        .sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime())
+        .slice(0, 5)
+      setSessions(all)
+    })
+  }, [])
+
+  if (sessions.length === 0) return null
+
+  return (
+    <div className="glass-card-static">
+      <div
+        className="flex items-center justify-between px-5 py-3"
+        style={{ borderBottom: '1px solid var(--glass-border)' }}
+      >
+        <h3 className="font-heading text-sm font-bold text-foreground">Recent Sessions</h3>
+        <Link
+          to="/sessions"
+          className="flex items-center gap-1 text-[0.6875rem] text-muted-foreground hover:text-foreground transition-colors"
+        >
+          History <ArrowRight size={10} />
+        </Link>
+      </div>
+      <div>
+        {sessions.map((session, i) => {
+          const config = STATUS_CONFIG[session.status] || STATUS_CONFIG.abandoned
+          const StatusIcon = config.icon
+          return (
+            <button
+              key={session.id}
+              onClick={() => navigate(`/pilot/${session.id}`)}
+              className="flex w-full items-center gap-3 px-5 py-3 text-left hover:bg-[rgba(255,255,255,0.02)] transition-colors"
+              style={{
+                borderBottom: i < sessions.length - 1 ? '1px solid var(--glass-border)' : undefined,
+              }}
+            >
+              <StatusIcon size={14} style={{ color: config.color }} className="shrink-0" />
+              <div className="flex-1 min-w-0">
+                <p className="text-sm text-foreground truncate">
+                  {session.problem_summary || 'Session'}
+                </p>
+              </div>
+              <span className="shrink-0 font-label text-[0.625rem] text-muted-foreground">
+                {timeAgo(session.resolved_at || session.created_at)}
+              </span>
+            </button>
+          )
+        })}
+      </div>
+    </div>
+  )
+}