feat(PBI-63): meerdere sprints per product + EXCLUDED + sprint-switcher (#161)

- Sprint lifecycle: ACTIVE→OPEN, COMPLETED→CLOSED, +ARCHIVED (FAILED behouden)
- TaskStatus: +EXCLUDED (overgeslagen door agent-loop via bestaande TO_DO filter)
- Cookie-gebaseerde actieve sprint per product (lib/active-sprint.ts)
- Route splitsen: /products/[id]/sprint/[sprintId] + /sprint redirect-page
- NavBar: gestapelde product/sprint dropdowns + BUILDING-badge derivatie
- Backlog selectie-modus + nieuwe-sprint-dialog (createSprintWithPbisAction)
- Migratie 20260507210000_sprint_lifecycle: ALTER TYPE RENAME (geen data-rewrite)
- Version bump 1.0.0 → 1.2.0

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

components/shared/nav-bar.tsx

@@ -20,6 +20,10 @@ import { NotificationsBell } from '@/components/shared/notifications-bell'
 import { SoloNavStatusIndicators } from '@/components/solo/nav-status-indicators'
 import { cn } from '@/lib/utils'
 import { setActiveProductAction } from '@/actions/active-product'
+import { setActiveSprintAction } from '@/actions/active-sprint'
+import type { SprintStatusApi } from '@/lib/task-status'
+
+type SprintItem = { id: string; code: string; status: SprintStatusApi }
 
 interface NavBarProps {
   isDemo: boolean
@@ -29,10 +33,26 @@ interface NavBarProps {
   email: string | null
   activeProduct: { id: string; name: string } | null
   products: { id: string; name: string }[]
-  hasActiveSprint: boolean
+  sprints: SprintItem[]
+  activeSprint: SprintItem | null
+  buildingSprintIds: string[]
   minQuotaPct: number
 }
 
+const SPRINT_STATUS_LABEL: Record<SprintStatusApi, string> = {
+  open: 'Open',
+  closed: 'Gesloten',
+  archived: 'Gearchiveerd',
+  failed: 'Mislukt',
+}
+
+const SPRINT_STATUS_BADGE: Record<SprintStatusApi, string> = {
+  open: 'bg-status-in-progress text-foreground',
+  closed: 'bg-status-done text-foreground',
+  archived: 'bg-surface-container text-muted-foreground',
+  failed: 'bg-status-failed text-foreground',
+}
+
 export function NavBar({
   isDemo,
   roles,
@@ -41,12 +61,16 @@ export function NavBar({
   email,
   activeProduct,
   products,
-  hasActiveSprint,
+  sprints,
+  activeSprint,
+  buildingSprintIds,
   minQuotaPct,
 }: NavBarProps) {
   const pathname = usePathname()
   const router = useRouter()
   const [isPending, startTransition] = useTransition()
+  const buildingSet = new Set(buildingSprintIds)
+  const hasActiveSprint = !!activeSprint
 
   function handleSwitchProduct(productId: string) {
     startTransition(async () => {
@@ -61,6 +85,23 @@ export function NavBar({
     })
   }
 
+  function handleSwitchSprint(sprintId: string) {
+    if (!activeProduct) return
+    if (sprintId === activeSprint?.id) return
+    startTransition(async () => {
+      const result = await setActiveSprintAction(activeProduct.id, sprintId)
+      if (result?.error) {
+        toast.error(typeof result.error === 'string' ? result.error : 'Wisselen mislukt')
+        return
+      }
+      if (pathname.includes('/sprint')) {
+        router.push(`/products/${activeProduct.id}/sprint/${sprintId}`)
+      } else {
+        router.refresh()
+      }
+    })
+  }
+
   const activeId = activeProduct?.id ?? null
 
   // Nav link helpers
@@ -90,7 +131,6 @@ export function NavBar({
 
   const sprintNode = () => {
     if (!activeId) return disabledSpan('Sprint')
-    const href = `/products/${activeId}/sprint`
     const isActive = pathname.includes('/sprint')
     if (!hasActiveSprint) {
       return (
@@ -107,6 +147,7 @@ export function NavBar({
         </TooltipProvider>
       )
     }
+    const href = `/products/${activeId}/sprint/${activeSprint!.id}`
     return navLink(href, 'Sprint', isActive)
   }
 
@@ -149,8 +190,8 @@ export function NavBar({
         </nav>
       </div>
 
-      {/* Midden: actief product dropdown */}
-      <div className="flex items-center justify-center">
+      {/* Midden: actief product + sprint, gestapeld */}
+      <div className="flex flex-col items-center justify-center gap-0.5">
         {activeProduct ? (
           <DropdownMenu>
             <DropdownMenuTrigger
@@ -187,6 +228,70 @@ export function NavBar({
         ) : (
           <span className="text-sm text-muted-foreground/50 select-none">Geen actief product</span>
         )}
+
+        {activeProduct && (
+          sprints.length === 0 ? (
+            <TooltipProvider>
+              <Tooltip>
+                <TooltipTrigger
+                  className="text-xs text-muted-foreground/50 px-2 cursor-not-allowed select-none"
+                  aria-disabled="true"
+                >
+                  Geen sprints
+                </TooltipTrigger>
+                <TooltipContent>Maak een sprint aan vanuit de Product Backlog</TooltipContent>
+              </Tooltip>
+            </TooltipProvider>
+          ) : (
+            <DropdownMenu>
+              <DropdownMenuTrigger
+                disabled={isPending}
+                className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors px-2 rounded-md hover:bg-surface-container focus:outline-none"
+              >
+                <span className="truncate max-w-[160px]">
+                  {activeSprint ? activeSprint.code : 'Selecteer sprint'}
+                </span>
+                {activeSprint && (
+                  <Badge
+                    className={cn(
+                      'text-[10px] px-1.5 py-0',
+                      buildingSet.has(activeSprint.id)
+                        ? 'bg-warning text-warning-foreground'
+                        : SPRINT_STATUS_BADGE[activeSprint.status],
+                    )}
+                  >
+                    {buildingSet.has(activeSprint.id) ? 'BUILDING' : SPRINT_STATUS_LABEL[activeSprint.status]}
+                  </Badge>
+                )}
+                <ChevronDown className="w-3 h-3 shrink-0 text-muted-foreground" />
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="center" className="w-64">
+                {sprints.map(s => (
+                  <DropdownMenuItem
+                    key={s.id}
+                    onClick={() => handleSwitchSprint(s.id)}
+                    className={cn(
+                      'flex items-center justify-between gap-2',
+                      s.id === activeSprint?.id && 'bg-primary-container text-primary-container-foreground font-medium',
+                    )}
+                  >
+                    <span className="truncate">{s.code}</span>
+                    <Badge
+                      className={cn(
+                        'text-[10px] px-1.5 py-0 shrink-0',
+                        buildingSet.has(s.id)
+                          ? 'bg-warning text-warning-foreground'
+                          : SPRINT_STATUS_BADGE[s.status],
+                      )}
+                    >
+                      {buildingSet.has(s.id) ? 'BUILDING' : SPRINT_STATUS_LABEL[s.status]}
+                    </Badge>
+                  </DropdownMenuItem>
+                ))}
+              </DropdownMenuContent>
+            </DropdownMenu>
+          )
+        )}
       </div>
 
       {/* Rechts: solo-status + notifications + account-menu */}