feat(M9): active product backlog — persistent active PB, NavBar splits, sprint card styling (#10)

* feat(tooling): extend backlog parser to support PBI-x milestone headers

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

* chore(backlog): mark ST-801–806 as done

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

* feat(backlog): sorteer PBI's en stories op prio/code/datum, onthoud keuze in localStorage; vergroot sprint-afronden dialoog

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

* feat(ST-901): add user.active_product_id with FK to Product

- Nullable relation User → Product with onDelete: SetNull
- Index on active_product_id for join performance
- Migration: 20260427165329_add_user_active_product_id
- Install @tanstack/react-table (was missing from node_modules)
- Fix PRIORITY_COLORS ref removed in earlier refactor
- Note: User schema change affects vendor/scrum4me-mcp submodule — run prisma generate + tsc --noEmit there after merge

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

* fix: restore priority color on PBI filter pill

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

* feat(ST-902): add setActiveProduct + clearActiveProduct server actions

- actions/active-product.ts: setActiveProductAction validates access via
  productAccessFilter, rejects archived products and demo users
- archiveProductAction: clears active_product_id for all affected users in transaction
- removeProductMemberAction: clears active_product_id for removed member
- leaveProductAction: clears active_product_id for leaving user

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

* feat(ST-903): load active product in layout, replace cookie with DB lookup in solo

- layout.tsx: fetch active_product_id, resolve product, clear stale ref server-side
- NavBar: add activeProduct prop (rendering changes in ST-904)
- solo/page.tsx: redirect via user.active_product_id instead of lastProductId cookie
- proxy.ts: remove lastProductId cookie logic
- lib/cookies.ts: deleted (no longer used)

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

* feat(ST-904): split NavBar into 5 tabs with disabled-states and product-switcher dropdown

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

* feat(ST-905): add Activeer button per product row in dashboard and product header

* feat(ST-906): redirect to dashboard with toast when active product becomes inaccessible

* feat(ST-907): tests for active-product actions and functional spec update for M9

* docs(M9): add implementation plan document and link from backlog

* feat: active PB indicator, Maak actief button and new product link in settings

* feat: apply priority-color card style to sprint story rows

* fix: move add-to-sprint click from entire card to + Toevoegen button

* feat: apply priority-color card style to sprint task rows

* fix(sprint-backlog): prevent text selection on PBI collapse button

* chore: bump version to 0.4.0 (M9 active product backlog)

* fix(landing): align logged-in nav left to match app NavBar

---------

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

actions/active-product.ts

@@ -0,0 +1,51 @@
+'use server'
+
+import { revalidatePath } from 'next/cache'
+import { cookies } from 'next/headers'
+import { getIronSession } from 'iron-session'
+import { z } from 'zod'
+import { prisma } from '@/lib/prisma'
+import { SessionData, sessionOptions } from '@/lib/session'
+import { productAccessFilter } from '@/lib/product-access'
+
+async function getSession() {
+  return getIronSession<SessionData>(await cookies(), sessionOptions)
+}
+
+const setSchema = z.object({ productId: z.string().min(1) })
+
+export async function setActiveProductAction(productId: string) {
+  const session = await getSession()
+  if (!session.userId) return { error: 'Niet ingelogd' }
+  if (session.isDemo) return { error: 'Niet beschikbaar in demo-modus' }
+
+  const parsed = setSchema.safeParse({ productId })
+  if (!parsed.success) return { error: 'Ongeldig product-id' }
+
+  const product = await prisma.product.findFirst({
+    where: { id: parsed.data.productId, archived: false, ...productAccessFilter(session.userId) },
+  })
+  if (!product) return { error: 'Product niet gevonden of niet toegankelijk' }
+
+  await prisma.user.update({
+    where: { id: session.userId },
+    data: { active_product_id: parsed.data.productId },
+  })
+
+  revalidatePath('/', 'layout')
+  return { success: true, productId: parsed.data.productId }
+}
+
+export async function clearActiveProductAction() {
+  const session = await getSession()
+  if (!session.userId) return { error: 'Niet ingelogd' }
+  if (session.isDemo) return { error: 'Niet beschikbaar in demo-modus' }
+
+  await prisma.user.update({
+    where: { id: session.userId },
+    data: { active_product_id: null },
+  })
+
+  revalidatePath('/', 'layout')
+  return { success: true }
+}

actions/products.ts

@@ -148,9 +148,16 @@ export async function archiveProductAction(id: string) {
   })
   if (!product) return { error: 'Product niet gevonden' }
 
-  await prisma.product.update({ where: { id }, data: { archived: true } })
+  await prisma.$transaction([
+    // Clear active_product_id for all users who had this product active
+    prisma.user.updateMany({
+      where: { active_product_id: id },
+      data: { active_product_id: null },
+    }),
+    prisma.product.update({ where: { id }, data: { archived: true } }),
+  ])
 
-  revalidatePath('/dashboard')
+  revalidatePath('/', 'layout')
   redirect('/dashboard')
 }
 
@@ -215,7 +222,13 @@ export async function removeProductMemberAction(productId: string, memberId: str
   const product = await prisma.product.findFirst({ where: { id: productId, user_id: session.userId } })
   if (!product) return { error: 'Product niet gevonden of geen eigenaar' }
 
-  await prisma.productMember.deleteMany({ where: { product_id: productId, user_id: memberId } })
+  await prisma.$transaction([
+    prisma.user.updateMany({
+      where: { id: memberId, active_product_id: productId },
+      data: { active_product_id: null },
+    }),
+    prisma.productMember.deleteMany({ where: { product_id: productId, user_id: memberId } }),
+  ])
 
   revalidatePath(`/products/${productId}/settings`)
   return { success: true }
@@ -225,8 +238,15 @@ export async function leaveProductAction(productId: string) {
   const session = await getSession()
   if (!session.userId) return { error: 'Niet ingelogd' }
 
-  await prisma.productMember.deleteMany({ where: { product_id: productId, user_id: session.userId } })
+  await prisma.$transaction([
+    prisma.user.updateMany({
+      where: { id: session.userId, active_product_id: productId },
+      data: { active_product_id: null },
+    }),
+    prisma.productMember.deleteMany({ where: { product_id: productId, user_id: session.userId } }),
+  ])
 
+  revalidatePath('/', 'layout')
   revalidatePath('/settings')
   return { success: true }
 }