feat: sprint-switcher overal + PBI auto-toevoeging + cleanups (#163)

* refactor: verplaats sprint-switcher van NavBar naar product-header

Sprint-pulldown zit nu in de bestaande balk op de product backlog
(naast Sprint starten / Instellingen) i.p.v. in het midden van de
NavBar. Alleen zichtbaar wanneer het product ook het actieve product
van de gebruiker is.

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

* chore: sync package-lock.json version naar 1.2.0

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

* refactor: centreer sprint-switcher en verwijder badges uit dropdown items

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

* refactor: vervang sprint-status badge door subtle tekst

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

* feat: toon code + titel + status in sprint-switcher dropdown items

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

* fix: cookie-write uit Server Component (Next.js 16 verbiedt dit)

setActiveSprintCookie werd direct aangeroepen in app/(app)/products/[id]/sprint/[sprintId]/page.tsx,
wat in Next.js 16 een runtime-error oplevert ('Cookies can only be modified in a Server Action
or Route Handler'). Vervangen door een client-side bridge die syncActiveSprintCookieAction
aanroept na mount, zodat de active-sprint cookie nog steeds gesynced blijft met de URL.

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

* feat: filter 'toon afgeronde sprints' in sprint-switcher dropdown

Default verbergt de switcher gesloten/gearchiveerde/mislukte sprints
(toont alleen open + de huidige actieve sprint). Toggle bovenaan de
lijst om alle sprints te tonen.

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

* feat: nieuwe sprint wordt direct geselecteerd zonder redirect

createSprintAction zet nu de active-sprint cookie naar de zojuist
aangemaakte sprint, en de StartSprintButton refresht de huidige
pagina i.p.v. te redirecten naar /sprint. Resultaat: gebruiker blijft
op de product backlog en ziet de nieuwe sprint direct geselecteerd
in de sprint-pulldown.

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

* refactor: verplaats Manual en Admin naar user-menu dropdown

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

* feat: voeg geselecteerde PBI automatisch toe aan nieuwe sprint

Bij sprint-aanmaak wordt de pbi_id uit de selection-store als hidden
form-field meegestuurd. Server-side worden alle stories van die PBI
(zonder sprint) en hun taken aan de nieuwe sprint gekoppeld; stories
krijgen status IN_SPRINT met incrementele sort_order.

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

* feat: sprint-switcher op solo- en sprint-board pagina's

Sprint-switcher is nu beschikbaar op de drie hoofdpagina's: product
backlog, solo board en sprint board. Allen renderen 'm in een
gecentreerde balk net onder de NavBar. Sprint-data via gedeelde helper
getSprintSwitcherData.

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

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Janpeter Visser 2026-05-08 02:32:50 +02:00 committed by GitHub
parent a4a7ef9b8b
commit 3842c05ae9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 265 additions and 89 deletions

View file

@ -3,8 +3,8 @@ import { notFound, redirect } from 'next/navigation'
import { getSession } from '@/lib/auth'
import { getAccessibleProduct } from '@/lib/product-access'
import { prisma } from '@/lib/prisma'
import { pbiStatusToApi, sprintStatusToApi } from '@/lib/task-status'
import { resolveActiveSprint } from '@/lib/active-sprint'
import { pbiStatusToApi } from '@/lib/task-status'
import { getSprintSwitcherData } from '@/lib/sprint-switcher-data'
import { BacklogSplitPane } from '@/components/backlog/backlog-split-pane'
import { PbiList } from '@/components/backlog/pbi-list'
import { StoryPanel } from '@/components/backlog/story-panel'
@ -35,41 +35,12 @@ export default async function ProductBacklogPage({ params, searchParams }: Props
const product = await getAccessibleProduct(id, session.userId)
if (!product) notFound()
const [allSprints, user, resolvedActiveSprint] = await Promise.all([
prisma.sprint.findMany({
where: { product_id: id },
orderBy: { created_at: 'desc' },
select: { id: true, code: true, status: true },
}),
const [user, switcherData] = await Promise.all([
prisma.user.findUnique({ where: { id: session.userId! }, select: { active_product_id: true } }),
resolveActiveSprint(id),
getSprintSwitcherData(id),
])
const hasOpenSprint = allSprints.some(s => s.status === 'OPEN')
let buildingSprintIds: string[] = []
if (allSprints.length > 0) {
const runs = await prisma.sprintRun.findMany({
where: {
sprint_id: { in: allSprints.map(s => s.id) },
status: { in: ['QUEUED', 'RUNNING'] },
},
select: { sprint_id: true },
})
buildingSprintIds = Array.from(new Set(runs.map(r => r.sprint_id)))
}
const sprintItems = allSprints.map(s => ({
id: s.id,
code: s.code,
status: sprintStatusToApi(s.status),
}))
const activeSprintItem = resolvedActiveSprint
? {
id: resolvedActiveSprint.id,
code: resolvedActiveSprint.code,
status: sprintStatusToApi(resolvedActiveSprint.status),
}
: null
const { sprintItems, buildingSprintIds, activeSprintItem } = switcherData
const hasOpenSprint = sprintItems.some(s => s.status === 'open')
const isActiveProduct = user?.active_product_id === id
const pbis = await prisma.pbi.findMany({
@ -127,9 +98,10 @@ export default async function ProductBacklogPage({ params, searchParams }: Props
return (
<div className="flex flex-col h-full">
{/* Product header — sprint-switcher links, actions rechts */}
<div className="px-4 py-3 border-b border-border bg-surface-container-low shrink-0 flex items-center justify-between gap-3">
<div className="flex items-center gap-3">
{/* Product header — sprint-switcher gecentreerd, actions rechts */}
<div className="px-4 py-3 border-b border-border bg-surface-container-low shrink-0 flex items-center gap-3">
<div className="flex-1" />
<div className="flex items-center justify-center">
{isActiveProduct && (
<SprintSwitcher
productId={id}
@ -139,7 +111,7 @@ export default async function ProductBacklogPage({ params, searchParams }: Props
/>
)}
</div>
<div className="flex items-center gap-3">
<div className="flex-1 flex items-center gap-3 justify-end">
{!isActiveProduct && (
<ActivateProductButton productId={id} isDemo={isDemo} redirectTo={`/products/${id}`} />
)}

View file

@ -2,8 +2,10 @@ import { notFound, redirect } from 'next/navigation'
import { getSession } from '@/lib/auth'
import { getAccessibleProduct } from '@/lib/product-access'
import { prisma } from '@/lib/prisma'
import { getSprintSwitcherData } from '@/lib/sprint-switcher-data'
import { SoloBoard } from '@/components/solo/solo-board'
import { NoActiveSprint } from '@/components/solo/no-active-sprint'
import { SprintSwitcher } from '@/components/shared/sprint-switcher'
import type { SoloTask } from '@/components/solo/solo-board'
import type { UnassignedStory } from '@/components/solo/unassigned-stories-sheet'
@ -23,9 +25,23 @@ export default async function SoloProductPage({ params }: Props) {
where: { product_id: id, status: 'OPEN' },
})
const switcherData = await getSprintSwitcherData(id, { activeSprintId: sprint?.id ?? null })
const switcherBar = (
<div className="px-4 py-3 border-b border-border bg-surface-container-low shrink-0 flex items-center justify-center">
<SprintSwitcher
productId={id}
sprints={switcherData.sprintItems}
activeSprint={switcherData.activeSprintItem}
buildingSprintIds={switcherData.buildingSprintIds}
/>
</div>
)
if (!sprint) {
return (
<div className="flex flex-col h-full">
{switcherBar}
<NoActiveSprint productId={id} productName={product.name} />
</div>
)
@ -106,14 +122,19 @@ export default async function SoloProductPage({ params }: Props) {
}))
return (
<SoloBoard
productId={id}
sprintGoal={sprint.sprint_goal}
tasks={tasks}
unassignedStories={unassignedStories}
isDemo={session.isDemo ?? false}
currentUserId={session.userId}
repoUrl={product.repo_url}
/>
<div className="flex flex-col h-full">
{switcherBar}
<div className="flex-1 min-h-0">
<SoloBoard
productId={id}
sprintGoal={sprint.sprint_goal}
tasks={tasks}
unassignedStories={unassignedStories}
isDemo={session.isDemo ?? false}
currentUserId={session.userId}
repoUrl={product.repo_url}
/>
</div>
</div>
)
}

View file

@ -4,8 +4,10 @@ import { getSession } from '@/lib/auth'
import { getAccessibleProduct } from '@/lib/product-access'
import { prisma } from '@/lib/prisma'
import { pbiStatusToApi } from '@/lib/task-status'
import { setActiveSprintCookie } from '@/lib/active-sprint'
import { SprintBoardClient } from '@/components/sprint/sprint-board-client'
import { SyncActiveSprintCookie } from '@/components/sprint/sync-active-sprint-cookie'
import { SprintSwitcher } from '@/components/shared/sprint-switcher'
import { getSprintSwitcherData } from '@/lib/sprint-switcher-data'
import { SprintHeader } from '@/components/sprint/sprint-header'
import { SprintRunControls } from '@/components/sprint/sprint-run-controls'
import { parsePauseContext } from '@/lib/pause-context'
@ -48,7 +50,7 @@ export default async function SprintBoardPage({ params, searchParams }: Props) {
})
if (!sprint) notFound()
await setActiveSprintCookie(id, sprint.id)
const switcherData = await getSprintSwitcherData(id, { activeSprintId: sprint.id })
const activeSprintRun = await prisma.sprintRun.findFirst({
where: {
@ -158,6 +160,15 @@ export default async function SprintBoardPage({ params, searchParams }: Props) {
return (
<div className="flex flex-col h-full">
<SyncActiveSprintCookie productId={id} sprintId={sprint.id} />
<div className="px-4 py-3 border-b border-border bg-surface-container-low shrink-0 flex items-center justify-center">
<SprintSwitcher
productId={id}
sprints={switcherData.sprintItems}
activeSprint={switcherData.activeSprintItem}
buildingSprintIds={switcherData.buildingSprintIds}
/>
</div>
<SprintHeader
productId={id}
productName={product.name}