feat: add Quick Launch modal with actions and recent flows

- Zap button opens Quick Launch with create/navigate shortcuts
- Shows recent flows for quick session start
- Keyboard navigation support (arrows + enter)

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

frontend/src/components/layout/TopBar.tsx

@@ -7,6 +7,7 @@ import { useWorkspaceStore } from '@/store/workspaceStore'
 import { getWorkspaceLabels } from '@/constants/workspaceLabels'
 import { BrandLogo } from '@/components/common/BrandLogo'
 import { CommandPalette } from './CommandPalette'
+import { QuickLaunch } from './QuickLaunch'
 import { cn } from '@/lib/utils'
 
 export function TopBar() {
@@ -19,6 +20,7 @@ export function TopBar() {
 
   const [userMenuOpen, setUserMenuOpen] = useState(false)
   const [commandPaletteOpen, setCommandPaletteOpen] = useState(false)
+  const [quickLaunchOpen, setQuickLaunchOpen] = useState(false)
   const menuRef = useRef<HTMLDivElement>(null)
 
   const handleLogout = async () => {
@@ -94,7 +96,11 @@ export function TopBar() {
 
         {/* Action buttons */}
         <div className="flex items-center gap-1">
-          <button className="rounded-lg p-2 text-muted-foreground hover:bg-card hover:text-foreground transition-colors" title="Quick Launch">
+          <button
+            onClick={() => setQuickLaunchOpen(true)}
+            className="rounded-lg p-2 text-muted-foreground hover:bg-card hover:text-foreground transition-colors"
+            title="Quick Launch"
+          >
             <Zap size={18} />
           </button>
           <button className="relative rounded-lg p-2 text-muted-foreground hover:bg-card hover:text-foreground transition-colors" title="Notifications">
@@ -168,6 +174,7 @@ export function TopBar() {
 
       {/* Command Palette */}
       <CommandPalette open={commandPaletteOpen} onClose={() => setCommandPaletteOpen(false)} />
+      <QuickLaunch open={quickLaunchOpen} onClose={() => setQuickLaunchOpen(false)} />
     </>
   )
 }