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/StartSessionInput.tsx

@@ -0,0 +1,88 @@
+import { useState, useRef, useEffect } from 'react'
+import { useNavigate } from 'react-router-dom'
+import { Sparkles, MessageCircle } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+type SessionMode = 'guided' | 'chat'
+
+export function StartSessionInput() {
+  const [mode, setMode] = useState<SessionMode>('guided')
+  const [value, setValue] = useState('')
+  const navigate = useNavigate()
+  const inputRef = useRef<HTMLInputElement>(null)
+
+  useEffect(() => { inputRef.current?.focus() }, [])
+
+  const handleSubmit = () => {
+    const trimmed = value.trim()
+    if (!trimmed) return
+
+    if (mode === 'guided') {
+      navigate('/pilot', { state: { prefill: trimmed } })
+    } else {
+      navigate('/assistant', { state: { prefill: trimmed } })
+    }
+  }
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault()
+      handleSubmit()
+    }
+  }
+
+  return (
+    <div className="glass-card-static overflow-hidden">
+      <div className="px-5 py-4 sm:px-6 sm:py-5">
+        <div className="relative">
+          <Sparkles
+            size={18}
+            className="absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground"
+          />
+          <input
+            ref={inputRef}
+            type="text"
+            value={value}
+            onChange={(e) => setValue(e.target.value)}
+            onKeyDown={handleKeyDown}
+            placeholder="What are you troubleshooting?"
+            className="w-full rounded-xl border border-border bg-background py-3.5 pl-11 pr-4 text-sm text-foreground placeholder:text-muted-foreground focus:border-[rgba(6,182,212,0.3)] focus:outline-hidden focus:ring-1 focus:ring-primary/20"
+          />
+        </div>
+        <div className="mt-3 flex items-center justify-between">
+          <div className="flex items-center gap-1 rounded-lg bg-[rgba(255,255,255,0.04)] p-0.5">
+            <button
+              type="button"
+              onClick={() => setMode('guided')}
+              className={cn(
+                'flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors',
+                mode === 'guided'
+                  ? 'bg-primary/10 text-foreground'
+                  : 'text-muted-foreground hover:text-foreground'
+              )}
+            >
+              <Sparkles size={12} />
+              Guided
+            </button>
+            <button
+              type="button"
+              onClick={() => setMode('chat')}
+              className={cn(
+                'flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors',
+                mode === 'chat'
+                  ? 'bg-primary/10 text-foreground'
+                  : 'text-muted-foreground hover:text-foreground'
+              )}
+            >
+              <MessageCircle size={12} />
+              Open Chat
+            </button>
+          </div>
+          <span className="text-[0.625rem] text-muted-foreground">
+            Press Enter to start
+          </span>
+        </div>
+      </div>
+    </div>
+  )
+}