0ce6076a5c
* feat(solo): orderBy taken per PBI-hiërarchie Voeg pbi.priority en pbi.sort_order toe aan de task.findMany orderBy in de solo-page query zodat taken per PBI gegroepeerd worden vóór story- en task-volgorde. * feat(solo): previewEnqueueAllAction met blocker-detectie Voeg previewEnqueueAllAction toe aan actions/claude-jobs.ts: haalt taken op in PBI-volgorde, filtert actieve jobs, detecteert eerste blocker (REVIEW taak of BLOCKED PBI). Retourneert tasks[], blockerIndex en blockerReason. Tests: 7 nieuwe cases voor alle blocker-scenario's en demo-blokkering. * feat(solo): enqueueClaudeJobsBatchAction met IDOR-check Voeg enqueueClaudeJobsBatchAction toe: accepteert expliciete taskIds[], verifieert dat alle IDs bij de ingelogde gebruiker horen (IDOR-preventie), slaat taken met actieve jobs over (idempotent), en maakt jobs aan in transactie in opgegeven volgorde. 6 nieuwe tests. * feat(solo): BatchEnqueueBlockerDialog component Nieuw dialoogvenster dat gebruiker waarschuwt bij gedetecteerde blocker: toont blockerReason in NL, prefixCount taken vóór blokkade, confirm-knop (disabled met tooltip bij count=0) en annuleer-knop. 7 tests voor rendering, click-handlers en disabled-state. * feat(solo): preview-then-confirm flow in SoloBoard Voer-alle-uit Vervang directe enqueueAllTodoJobsAction door previewEnqueueAllAction + BatchEnqueueBlockerDialog. Geen blocker → enqueueClaudeJobsBatchAction direct. Wel blocker → dialog met prefix-enqueue of annuleer. Loading-state op knop tijdens preview en confirm. 5 integratie-tests. * test(solo): uitgebreide batch-preflight tests met 2 PBI's en 4 taken Nieuw claude-jobs-batch.test.ts: 10 gevallen voor previewEnqueueAllAction (PBI-volgorde, REVIEW/BLOCKED-detectie, active-job-skip met blockerIndex-shift) en enqueueClaudeJobsBatchAction (happy path, IDOR, active-job-skip, demo).
87 lines
2.7 KiB
TypeScript
87 lines
2.7 KiB
TypeScript
'use client'
|
|
|
|
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
|
|
|
|
interface BatchEnqueueBlockerDialogProps {
|
|
open: boolean
|
|
onOpenChange: (v: boolean) => void
|
|
prefixCount: number
|
|
blockerReason: 'task-review' | 'pbi-blocked'
|
|
blockerLabel: string
|
|
onConfirm: () => void
|
|
onCancel: () => void
|
|
}
|
|
|
|
const BLOCKER_REASON_LABELS: Record<BatchEnqueueBlockerDialogProps['blockerReason'], string> = {
|
|
'task-review': "Een taak staat op 'review'",
|
|
'pbi-blocked': 'De PBI is geblokkeerd',
|
|
}
|
|
|
|
export function BatchEnqueueBlockerDialog({
|
|
open,
|
|
onOpenChange,
|
|
prefixCount,
|
|
blockerReason,
|
|
blockerLabel,
|
|
onConfirm,
|
|
onCancel,
|
|
}: BatchEnqueueBlockerDialogProps) {
|
|
const noTasksBeforeBlocker = prefixCount === 0
|
|
|
|
return (
|
|
<Dialog open={open} onOpenChange={onOpenChange}>
|
|
<DialogContent className="sm:max-w-md">
|
|
<DialogHeader>
|
|
<DialogTitle>Blokkade gedetecteerd</DialogTitle>
|
|
</DialogHeader>
|
|
|
|
<div className="space-y-3 py-2 text-sm text-foreground">
|
|
<p>
|
|
{BLOCKER_REASON_LABELS[blockerReason]}:{' '}
|
|
<span className="font-medium">{blockerLabel}</span>.
|
|
</p>
|
|
{noTasksBeforeBlocker ? (
|
|
<p className="text-muted-foreground">Er zijn geen taken vóór de blokkade om in te plannen.</p>
|
|
) : (
|
|
<p>
|
|
{prefixCount === 1
|
|
? `Er is ${prefixCount} taak vóór de blokkade.`
|
|
: `Er zijn ${prefixCount} taken vóór de blokkade.`}
|
|
</p>
|
|
)}
|
|
</div>
|
|
|
|
<div className="flex justify-end gap-2 pt-2 border-t border-outline-variant">
|
|
<Button variant="ghost" onClick={onCancel}>
|
|
Annuleer
|
|
</Button>
|
|
<TooltipProvider>
|
|
<Tooltip>
|
|
<TooltipTrigger
|
|
render={
|
|
<span>
|
|
<Button
|
|
onClick={onConfirm}
|
|
disabled={noTasksBeforeBlocker}
|
|
>
|
|
{prefixCount === 1
|
|
? `Stuur ${prefixCount} taak tot aan blokkade`
|
|
: `Stuur ${prefixCount} taken tot aan blokkade`}
|
|
</Button>
|
|
</span>
|
|
}
|
|
/>
|
|
{noTasksBeforeBlocker && (
|
|
<TooltipContent side="top" className="text-xs">
|
|
Geen taken vóór blokkade
|
|
</TooltipContent>
|
|
)}
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
</div>
|
|
</DialogContent>
|
|
</Dialog>
|
|
)
|
|
}
|