@flowselections/logistiek-engine 1.0.20 → 1.0.22

package/dist-lib/components/PrintjobsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrintjobsCard.d.ts","sourceRoot":"","sources":["../../src/components/PrintjobsCard.tsx"],"names":[],"mappings":"AAiCA,wBAAgB,aAAa,gCAiE5B"}
+{"version":3,"file":"PrintjobsCard.d.ts","sourceRoot":"","sources":["../../src/components/PrintjobsCard.tsx"],"names":[],"mappings":"AAsCA,wBAAgB,aAAa,gCA2G5B"}

package/dist-lib/components/PrintjobsCard.js

@@ -4,8 +4,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // de pickschermen zijn aangemaakt, met de vastgelopen opdrachten bovenaan.
 // ============================================================================
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Skeleton, } from "@flowselections/core";
-import { Printer, RefreshCw } from "lucide-react";
-import { PRINTJOB_STATUS_LABEL, usePrintjobs } from "../hooks/usePrintjobs";
+import { AlertTriangle, Printer, RefreshCw } from "lucide-react";
+import { PRINTJOB_STATUS_LABEL, PRINTJOB_STUCK_MINUTES, formatAge, usePrintjobs, } from "../hooks/usePrintjobs";
 function tijd(value) {
     try {
         return new Date(value).toLocaleString("nl-NL", { dateStyle: "short", timeStyle: "short" });
@@ -24,14 +24,20 @@ function statusVariant(status) {
     return "outline";
 }
 export function PrintjobsCard() {
-    const { jobs, loading, reload } = usePrintjobs();
+    const { jobs, totals, loading, reload } = usePrintjobs();
     const safe = Array.isArray(jobs) ? jobs : [];
     const vastgelopen = safe.filter((j) => j.status === "mislukt");
-    const wachtend = safe.filter((j) => j.status === "wachtend" || j.status === "bezig");
-    const zichtbaar = [...vastgelopen, ...wachtend].slice(0, 10);
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Printer, { className: "h-4 w-4 text-muted-foreground" }), "Printopdrachten"] }), _jsx(CardDescription, { children: vastgelopen.length > 0
-                                    ? `${vastgelopen.length} vastgelopen, ${wachtend.length} nog in de wachtrij.`
-                                    : `${wachtend.length} opdracht(en) in de wachtrij.` })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void reload(), children: [_jsx(RefreshCw, { className: "mr-1 h-4 w-4" }), "Vernieuwen"] })] }), _jsx(CardContent, { className: "space-y-3", children: loading ? (_jsx(Skeleton, { className: "h-24 w-full" })) : zichtbaar.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen openstaande of vastgelopen printopdrachten." })) : (zichtbaar.map((j) => (_jsx("div", { className: "rounded-lg border border-border p-3", children: _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-sm font-semibold", children: [j.documentnaam ?? "Pickdocument", j.documenttype ? ` · ${j.documenttype}` : ""] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [j.printplekNaam
-                                                ? `Printplek: ${j.printplekNaam}`
-                                                : "Nog geen printplek gekoppeld", j.printerNaam ? ` · Printer: ${j.printerNaam}` : "", j.layoutNaam ? ` · Ontwerp: ${j.layoutNaam}` : " · Nog geen ontwerp gekoppeld", " · ", tijd(j.createdAt)] }), j.foutmelding ? (_jsx("p", { className: "mt-1 text-xs text-destructive", children: j.foutmelding })) : null] }), _jsx(Badge, { variant: statusVariant(j.status), children: PRINTJOB_STATUS_LABEL[j.status] ?? j.status })] }) }, j.id)))) })] }));
+    const stuck = safe
+        .filter((j) => j.stuck)
+        .sort((a, b) => b.ageMinutes - a.ageMinutes);
+    const overig = safe.filter((j) => !j.stuck && (j.status === "wachtend" || j.status === "bezig"));
+    const zichtbaar = [...stuck, ...vastgelopen, ...overig].slice(0, 25);
+    const nietGetoond = Math.max(0, totals.wachtend + totals.bezig + totals.mislukt - zichtbaar.length);
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Printer, { className: "h-4 w-4 text-muted-foreground" }), "Printopdrachten"] }), _jsxs(CardDescription, { children: [totals.wachtend, " in de wachtrij, ", totals.bezig, " bezig, ", totals.mislukt, " mislukt.", nietGetoond > 0 ? ` ${nietGetoond} daarvan staan niet in deze lijst.` : ""] })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void reload(), children: [_jsx(RefreshCw, { className: "mr-1 h-4 w-4" }), "Vernieuwen"] })] }), _jsxs(CardContent, { className: "space-y-3", children: [totals.wachtendZonderLayout > 0 && (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 p-3", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-destructive" }), _jsxs("div", { className: "text-sm", children: [_jsxs("p", { className: "font-semibold text-destructive", children: [totals.wachtendZonderLayout, " printopdracht", totals.wachtendZonderLayout === 1 ? "" : "en", " staat al langer dan", " ", PRINTJOB_STUCK_MINUTES, " minuten te wachten zonder ontwerp."] }), _jsx("p", { className: "text-muted-foreground", children: "Deze blijven staan tot er een layout is: maak in de Layout maker een layout voor de genoemde documentsoort aan, of koppel er hier \u00E9\u00E9n aan. Ze verlopen niet vanzelf." })] })] })), loading ? (_jsx(Skeleton, { className: "h-24 w-full" })) : zichtbaar.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen openstaande of vastgelopen printopdrachten." })) : (zichtbaar.map((j) => (_jsx("div", { className: j.stuck
+                            ? "rounded-lg border border-destructive/40 bg-destructive/5 p-3"
+                            : "rounded-lg border border-border p-3", children: _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-sm font-semibold", children: [j.documentnaam ?? "Pickdocument", j.documenttype ? ` · ${j.documenttype}` : ""] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [j.printplekNaam
+                                                    ? `Printplek: ${j.printplekNaam}`
+                                                    : "Nog geen printplek gekoppeld", j.printerNaam ? ` · Printer: ${j.printerNaam}` : "", j.layoutNaam ? ` · Ontwerp: ${j.layoutNaam}` : " · Nog geen ontwerp gekoppeld", " · ", tijd(j.createdAt)] }), j.foutmelding ? (_jsx("p", { className: "mt-1 text-xs text-destructive", children: j.foutmelding })) : null] }), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [_jsx(Badge, { variant: statusVariant(j.status), children: PRINTJOB_STATUS_LABEL[j.status] ?? j.status }), _jsxs("span", { className: j.stuck
+                                                ? "text-xs font-medium text-destructive"
+                                                : "text-xs text-muted-foreground", children: [formatAge(j.ageMinutes), " oud"] })] })] }) }, j.id))))] })] }));
 }

package/dist-lib/components/RuleEnginePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuleEnginePage.d.ts","sourceRoot":"","sources":["../../src/components/RuleEnginePage.tsx"],"names":[],"mappings":"AAmEA,MAAM,WAAW,mBAAmB;IAClC,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAQD,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EAAE,cAAqB,EACjC,YAAY,EAAE,gBAAuB,GACtC,GAAE,mBAAwB,+BAuZ1B"}
+{"version":3,"file":"RuleEnginePage.d.ts","sourceRoot":"","sources":["../../src/components/RuleEnginePage.tsx"],"names":[],"mappings":"AAmEA,MAAM,WAAW,mBAAmB;IAClC,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAQD,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EAAE,cAAqB,EACjC,YAAY,EAAE,gBAAuB,GACtC,GAAE,mBAAwB,+BAyZ1B"}

package/dist-lib/components/RuleEnginePage.js

@@ -129,6 +129,6 @@ export function RuleEnginePage({ strategyId: strategyIdProp = null, strategyName
                                             const basicFields = visibleFields.filter((f) => !isAdvancedField(f));
                                             const advancedFields = visibleFields.filter((f) => isAdvancedField(f));
                                             const isLastGroup = groupIndex === step.groups.length - 1;
-                                            return (_jsxs(CollapsibleGroup, { title: group.label, help: group.description, summary: groupSummary(group, stepValues), defaultOpen: groupIndex === 0, children: [basicFields.length > 0 && (_jsx("div", { className: "grid gap-4 md:grid-cols-2", children: basicFields.map((field) => (_jsx("div", { className: fieldClass(field), children: _jsx(RuleFieldInput, { field: field, value: stepValues[field.key], onChange: (value) => setFieldValue(field.key, value) }) }, field.key))) })), (advancedFields.length > 0 || (step.showConditions && isLastGroup)) && (_jsxs("details", { className: "rounded-lg border border-dashed border-border", children: [_jsx("summary", { className: "cursor-pointer px-3 py-2 text-sm font-medium text-muted-foreground", children: "Geavanceerd" }), _jsxs("div", { className: "space-y-4 border-t border-border px-3 py-4", children: [advancedFields.length > 0 && (_jsx("div", { className: "grid gap-4 md:grid-cols-2", children: advancedFields.map((field) => (_jsx("div", { className: fieldClass(field), children: _jsx(RuleFieldInput, { field: field, value: stepValues[field.key], onChange: (value) => setFieldValue(field.key, value) }) }, field.key))) })), step.showConditions && isLastGroup && (_jsx(ConditionsEditor, { conditions: stepConditions, onChange: setConditions }))] })] }))] }, group.id));
+                                            return (_jsxs(CollapsibleGroup, { title: group.label, help: group.description, summary: groupSummary(group, stepValues), defaultOpen: groupIndex === 0, children: [basicFields.length > 0 && (_jsx("div", { className: "grid gap-4 md:grid-cols-2", children: basicFields.map((field) => (_jsx("div", { className: fieldClass(field), children: _jsx(RuleFieldInput, { field: field, value: stepValues[field.key], stepValues: stepValues, onChange: (value) => setFieldValue(field.key, value) }) }, field.key))) })), (advancedFields.length > 0 || (step.showConditions && isLastGroup)) && (_jsxs("details", { className: "rounded-lg border border-dashed border-border", children: [_jsx("summary", { className: "cursor-pointer px-3 py-2 text-sm font-medium text-muted-foreground", children: "Geavanceerd" }), _jsxs("div", { className: "space-y-4 border-t border-border px-3 py-4", children: [advancedFields.length > 0 && (_jsx("div", { className: "grid gap-4 md:grid-cols-2", children: advancedFields.map((field) => (_jsx("div", { className: fieldClass(field), children: _jsx(RuleFieldInput, { field: field, value: stepValues[field.key], stepValues: stepValues, onChange: (value) => setFieldValue(field.key, value) }) }, field.key))) })), step.showConditions && isLastGroup && (_jsx(ConditionsEditor, { conditions: stepConditions, onChange: setConditions }))] })] }))] }, group.id));
                                         }) })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setStepIndex((i) => Math.max(0, i - 1)), disabled: stepIndex === 0, children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), "Vorige"] }), _jsxs(Button, { variant: "outline", onClick: () => setStepIndex((i) => Math.min(WIZARD_STEPS.length - 1, i + 1)), disabled: stepIndex === WIZARD_STEPS.length - 1, children: ["Volgende", _jsx(ChevronRight, { className: "h-4 w-4" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Button, { variant: "outline", disabled: saving, onClick: () => saveConfig(activeConfig), children: [_jsx(Save, { className: "h-4 w-4" }), "Opslaan"] }), _jsxs(Button, { disabled: saving || activeConfig.is_active, onClick: () => activateConfig(activeConfig.id), children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), activeConfig.is_active ? "Actief" : "Activeren"] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Meer acties", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: _jsxs(DropdownMenuItem, { onClick: () => deleteConfig(activeConfig.id), children: [_jsx(Trash2, { className: "h-4 w-4" }), "Werkwijze verwijderen"] }) })] })] })] })] }), _jsx("div", { className: "lg:min-h-0 lg:overflow-y-auto lg:pr-1", children: _jsxs(Tabs, { defaultValue: "impact", children: [_jsxs(TabsList, { className: "w-full", children: [_jsx(TabsTrigger, { className: "flex-1", value: "impact", children: "Aandachtspunten" }), _jsx(TabsTrigger, { className: "flex-1", value: "versies", children: "Eerdere versies" })] }), _jsx(TabsContent, { value: "impact", className: "mt-3", children: _jsx(ImpactPanel, { settings: settings }) }), _jsx(TabsContent, { value: "versies", className: "mt-3", children: _jsx(VersionsPanel, { versions: versions, currentSettings: settings, onRestore: restoreVersion }) })] }) })] })), _jsx(Dialog, { open: createOpen, onOpenChange: setCreateOpen, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Nieuwe werkwijze" }), _jsx(DialogDescription, { children: "Elke werkwijze beschrijft hoe orders bij jou verwerkt worden." })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Naam" }), _jsx(Input, { value: newName, onChange: (e) => setNewName(e.target.value), placeholder: "Bijv. Standaard werkwijze" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving" }), _jsx(Textarea, { value: newDescription, onChange: (e) => setNewDescription(e.target.value), placeholder: "Waarvoor gebruik je deze werkwijze?" })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setCreateOpen(false), children: "Annuleren" }), _jsx(Button, { onClick: handleCreate, disabled: !newName.trim(), children: "Aanmaken" })] })] }) })] }));
 }

package/dist-lib/components/rule-engine/RuleFieldInput.d.ts

@@ -3,7 +3,9 @@ interface Props {
     field: RuleField;
     value: unknown;
     onChange: (value: unknown) => void;
+    /** Alle waarden van deze stap, nodig om een terugval zichtbaar te maken. */
+    stepValues?: Record<string, unknown>;
 }
-export declare function RuleFieldInput({ field, value, onChange }: Props): import("react").JSX.Element | null;
+export declare function RuleFieldInput({ field, value, onChange, stepValues }: Props): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=RuleFieldInput.d.ts.map

package/dist-lib/components/rule-engine/RuleFieldInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuleFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/RuleFieldInput.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAM3E,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,sCA2S/D"}
+{"version":3,"file":"RuleFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/RuleFieldInput.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAM3E,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,KAAK,sCAwT3E"}

package/dist-lib/components/rule-engine/RuleFieldInput.js

@@ -10,7 +10,7 @@ import { fieldHelp } from "../../lib/ruleEngineWizard";
 import { FieldHelp, FieldLabel } from "./FieldHelp";
 import { usePickstations } from "../../hooks/usePickstations";
 import { useDocumentLayouts } from "../../hooks/useDocumentLayouts";
-export function RuleFieldInput({ field, value, onChange }) {
+export function RuleFieldInput({ field, value, onChange, stepValues }) {
     const { stations, types, loading } = usePickstations();
     const { layouts: matching, allLayouts, autoLayout, loading: layoutsLoading, } = useDocumentLayouts(field.layoutTypes);
     const help = fieldHelp(field);
@@ -24,7 +24,11 @@ export function RuleFieldInput({ field, value, onChange }) {
         const others = allLayouts.filter((l) => !matching.some((m) => m.id === l.id));
         const options = [...matching, ...others];
         const isAuto = !value;
-        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsxs(Select, { value: String(value ?? ""), onValueChange: (v) => onChange(v === "__none__" ? "" : v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: layoutsLoading ? "Laden…" : "Automatisch — de layout uit de Layout maker" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "Automatisch \u2014 de layout uit de Layout maker" }), options.map((layout) => (_jsxs(SelectItem, { value: layout.id, children: [layout.name, " \u00B7 ", layout.documentType, " \u00B7 v", layout.version, layout.active ? "" : " (inactief)"] }, layout.id)))] })] }), !layoutsLoading && isAuto && autoLayout && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Nu wordt \u201C", autoLayout.name, "\u201D gebruikt \u2014 de layout die in de Layout maker op actief staat."] })), !layoutsLoading && isAuto && !autoLayout && (_jsx("p", { className: "text-xs text-destructive", children: "Er staat nog geen layout op actief in de Layout maker. Maak daar een layout aan en zet die op actief, anders blijft het printen wachten." })), !layoutsLoading && options.length === 0 && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Er staan nog geen layouts klaar om te kiezen." }))] }));
+        const fallbackValue = field.fallbackKey ? stepValues?.[field.fallbackKey] : undefined;
+        const fallbackId = typeof fallbackValue === "string" ? fallbackValue : "";
+        const fallbackLayout = fallbackId ? allLayouts.find((l) => l.id === fallbackId) : undefined;
+        const fallbackActive = Boolean(field.fallbackKey && isAuto && fallbackId);
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsxs(Select, { value: String(value ?? ""), onValueChange: (v) => onChange(v === "__none__" ? "" : v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: layoutsLoading ? "Laden…" : "Automatisch — de layout uit de Layout maker" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "Automatisch \u2014 de layout uit de Layout maker" }), options.map((layout) => (_jsxs(SelectItem, { value: layout.id, children: [layout.name, " \u00B7 ", layout.documentType, " \u00B7 v", layout.version, layout.active ? "" : " (inactief)"] }, layout.id)))] })] }), !layoutsLoading && fallbackActive && (_jsxs("p", { className: "rounded-md border border-dashed border-border bg-muted/40 px-2 py-1.5 text-xs text-muted-foreground", children: ["Dit veld is leeg, dus dit document volgt nu de instelling voor", " ", field.fallbackLabel ?? "verzendbrieven", fallbackLayout ? `: “${fallbackLayout.name}”` : "", ". Kies hier een eigen layout om dat onderscheid w\u00E9l te maken."] })), !layoutsLoading && isAuto && !fallbackActive && autoLayout && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Nu wordt \u201C", autoLayout.name, "\u201D gebruikt \u2014 de layout die in de Layout maker op actief staat."] })), !layoutsLoading && isAuto && !fallbackActive && !autoLayout && (_jsx("p", { className: "text-xs text-destructive", children: "Er staat nog geen layout op actief in de Layout maker. Maak daar een layout aan en zet die op actief, anders blijft het printen wachten." })), !layoutsLoading && options.length === 0 && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Er staan nog geen layouts klaar om te kiezen." }))] }));
     }
     if (field.type === "pickstation") {
         const options = field.type === "pickstation" ? stations : types;

package/dist-lib/hooks/usePrintjobs.d.ts

@@ -1,3 +1,5 @@
+/** Vanaf hoeveel minuten een wachtende job zonder layout als vastgelopen telt. */
+export declare const PRINTJOB_STUCK_MINUTES = 15;
 export interface Printjob {
     id: string;
     documentnaam: string | null;
@@ -6,14 +8,31 @@ export interface Printjob {
     foutmelding: string | null;
     pogingen: number;
     printerNaam: string | null;
+    layoutId: string | null;
     layoutNaam: string | null;
     printplekNaam: string | null;
     externJobId: string | null;
     createdAt: string;
+    /** Leeftijd in minuten op het moment van ophalen. */
+    ageMinutes: number;
+    /** Wachtend, geen layout gekoppeld en ouder dan de drempel. */
+    stuck: boolean;
+}
+export interface PrintjobTotals {
+    /** Alle jobs met status 'wachtend', over de hele tabel. */
+    wachtend: number;
+    /** Alle jobs met status 'bezig', over de hele tabel. */
+    bezig: number;
+    /** Alle jobs met status 'mislukt', over de hele tabel. */
+    mislukt: number;
+    /** Wachtend zonder layout_id en ouder dan PRINTJOB_STUCK_MINUTES. */
+    wachtendZonderLayout: number;
 }
 export declare const PRINTJOB_STATUS_LABEL: Record<string, string>;
+export declare function formatAge(minutes: number): string;
 export declare function usePrintjobs(limit?: number): {
     jobs: Printjob[];
+    totals: PrintjobTotals;
     loading: boolean;
     reload: () => Promise<void>;
 };

package/dist-lib/hooks/usePrintjobs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePrintjobs.d.ts","sourceRoot":"","sources":["../../src/hooks/usePrintjobs.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMxD,CAAC;AAIF,wBAAgB,YAAY,CAAC,KAAK,SAAK;;;;EA2EtC"}
+{"version":3,"file":"usePrintjobs.d.ts","sourceRoot":"","sources":["../../src/hooks/usePrintjobs.ts"],"names":[],"mappings":"AAeA,kFAAkF;AAClF,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,OAAO,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMxD,CAAC;AAaF,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAOjD;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAK;;;;;EA4HtC"}

package/dist-lib/hooks/usePrintjobs.js

@@ -2,9 +2,17 @@
 // src/hooks/usePrintjobs.ts — status van printopdrachten die vanuit de
 // pickschermen zijn aangemaakt. Alleen lezen; het printen zelf gebeurt in de
 // Layout maker via de PrintNode API.
+//
+// De Layout maker heeft een vervalcontrole voor jobs op 'bezig'. Voor
+// 'wachtend' bestaat die niet: een job zonder layout blijft daar staan tot
+// iemand de layout aanmaakt. Daarom telt deze hook de wachtende jobs over de
+// HELE tabel (niet over de opgehaalde rijen) en markeert hij de jobs die
+// zonder layout te lang blijven staan.
 // ============================================================================
 import { useCallback, useEffect, useState } from "react";
 import { supabase } from "@flowselections/core";
+/** Vanaf hoeveel minuten een wachtende job zonder layout als vastgelopen telt. */
+export const PRINTJOB_STUCK_MINUTES = 15;
 export const PRINTJOB_STATUS_LABEL = {
     wachtend: "In de wachtrij",
     bezig: "Bezig",
@@ -13,19 +21,66 @@ export const PRINTJOB_STATUS_LABEL = {
     geannuleerd: "Geannuleerd",
 };
 const db = () => supabase;
-export function usePrintjobs(limit = 25) {
+const SELECT = "id, documentnaam, documenttype, status, foutmelding, pogingen, layout_id, extern_job_id, created_at, payload, printers(naam), document_layouts(naam)";
+function minutesSince(iso) {
+    const t = Date.parse(iso);
+    if (!Number.isFinite(t))
+        return 0;
+    return Math.max(0, Math.round((Date.now() - t) / 60000));
+}
+export function formatAge(minutes) {
+    if (minutes < 1)
+        return "zojuist";
+    if (minutes < 60)
+        return `${minutes} min`;
+    const uren = Math.floor(minutes / 60);
+    if (uren < 24)
+        return `${uren} uur`;
+    const dagen = Math.floor(uren / 24);
+    return `${dagen} dag${dagen === 1 ? "" : "en"}`;
+}
+export function usePrintjobs(limit = 50) {
     const [jobs, setJobs] = useState([]);
+    const [totals, setTotals] = useState({
+        wachtend: 0,
+        bezig: 0,
+        mislukt: 0,
+        wachtendZonderLayout: 0,
+    });
     const [loading, setLoading] = useState(true);
     const reload = useCallback(async () => {
         setLoading(true);
         try {
-            const { data } = await db()
-                .from("print_jobs")
-                .select("id, documentnaam, documenttype, status, foutmelding, pogingen, extern_job_id, created_at, payload, printers(naam), document_layouts(naam)")
-                .order("created_at", { ascending: false })
-                .limit(limit);
-            const rows = Array.isArray(data) ? data : [];
-            const plekIds = Array.from(new Set(rows
+            const stuckBefore = new Date(Date.now() - PRINTJOB_STUCK_MINUTES * 60000).toISOString();
+            // Recente rijen + de OUDSTE wachtende rijen, zodat een stapel de oudste
+            // job niet uit beeld duwt.
+            const [recentRes, oudsteRes, wachtendRes, bezigRes, misluktRes, zonderLayoutRes] = await Promise.all([
+                db().from("print_jobs").select(SELECT).order("created_at", { ascending: false }).limit(limit),
+                db()
+                    .from("print_jobs")
+                    .select(SELECT)
+                    .in("status", ["wachtend", "bezig"])
+                    .order("created_at", { ascending: true })
+                    .limit(limit),
+                db().from("print_jobs").select("id", { count: "exact", head: true }).eq("status", "wachtend"),
+                db().from("print_jobs").select("id", { count: "exact", head: true }).eq("status", "bezig"),
+                db().from("print_jobs").select("id", { count: "exact", head: true }).eq("status", "mislukt"),
+                db()
+                    .from("print_jobs")
+                    .select("id", { count: "exact", head: true })
+                    .eq("status", "wachtend")
+                    .is("layout_id", null)
+                    .lt("created_at", stuckBefore),
+            ]);
+            const rows = [
+                ...(Array.isArray(recentRes?.data) ? recentRes.data : []),
+                ...(Array.isArray(oudsteRes?.data) ? oudsteRes.data : []),
+            ];
+            const uniek = new Map();
+            for (const r of rows)
+                uniek.set(String(r.id), r);
+            const alle = Array.from(uniek.values());
+            const plekIds = Array.from(new Set(alle
                 .map((r) => r?.payload?.print_plek_id)
                 .filter((v) => typeof v === "string" && v.length > 0)));
             const plekNamen = new Map();
@@ -38,21 +93,35 @@ export function usePrintjobs(limit = 25) {
                     plekNamen.set(String(p.id), String(p.naam ?? ""));
                 }
             }
-            setJobs(rows.map((r) => ({
-                id: String(r.id),
-                documentnaam: r.documentnaam ?? null,
-                documenttype: r.documenttype ?? null,
-                status: String(r.status ?? ""),
-                foutmelding: r.foutmelding ?? null,
-                pogingen: Number(r.pogingen ?? 0),
-                printerNaam: r.printers?.naam ?? null,
-                layoutNaam: r.document_layouts?.naam ?? null,
-                printplekNaam: typeof r?.payload?.print_plek_id === "string"
-                    ? (plekNamen.get(r.payload.print_plek_id) ?? null)
-                    : null,
-                externJobId: r.extern_job_id ?? null,
-                createdAt: String(r.created_at ?? ""),
-            })));
+            setJobs(alle.map((r) => {
+                const createdAt = String(r.created_at ?? "");
+                const ageMinutes = minutesSince(createdAt);
+                const status = String(r.status ?? "");
+                return {
+                    id: String(r.id),
+                    documentnaam: r.documentnaam ?? null,
+                    documenttype: r.documenttype ?? null,
+                    status,
+                    foutmelding: r.foutmelding ?? null,
+                    pogingen: Number(r.pogingen ?? 0),
+                    printerNaam: r.printers?.naam ?? null,
+                    layoutId: r.layout_id ?? null,
+                    layoutNaam: r.document_layouts?.naam ?? null,
+                    printplekNaam: typeof r?.payload?.print_plek_id === "string"
+                        ? (plekNamen.get(r.payload.print_plek_id) ?? null)
+                        : null,
+                    externJobId: r.extern_job_id ?? null,
+                    createdAt,
+                    ageMinutes,
+                    stuck: status === "wachtend" && !r.layout_id && ageMinutes >= PRINTJOB_STUCK_MINUTES,
+                };
+            }));
+            setTotals({
+                wachtend: Number(wachtendRes?.count ?? 0),
+                bezig: Number(bezigRes?.count ?? 0),
+                mislukt: Number(misluktRes?.count ?? 0),
+                wachtendZonderLayout: Number(zonderLayoutRes?.count ?? 0),
+            });
         }
         finally {
             setLoading(false);
@@ -61,6 +130,11 @@ export function usePrintjobs(limit = 25) {
     useEffect(() => {
         void reload();
     }, [reload]);
+    // Leeftijden lopen door zonder dat er iets in de database verandert.
+    useEffect(() => {
+        const timer = setInterval(() => void reload(), 60000);
+        return () => clearInterval(timer);
+    }, [reload]);
     useEffect(() => {
         const channel = supabase
             .channel("logistiek-engine-printjobs")
@@ -72,5 +146,5 @@ export function usePrintjobs(limit = 25) {
             supabase.removeChannel(channel);
         };
     }, [reload]);
-    return { jobs, loading, reload };
+    return { jobs, totals, loading, reload };
 }

package/dist-lib/integrations/supabase/auth-middleware.d.ts

@@ -10736,6 +10736,24 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            maps_job_lease: {
+                Row: {
+                    job: string;
+                    locked_until: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    job: string;
+                    locked_until?: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    job?: string;
+                    locked_until?: string;
+                    updated_at?: string;
+                };
+                Relationships: [];
+            };
             maps_request_queue: {
                 Row: {
                     attempts: number;
@@ -13597,6 +13615,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding: string | null;
                     gebruiker_id: string | null;
                     gebruiker_naam: string;
+                    gebruikte_bron: string | null;
+                    gebruikte_layout_id: string | null;
                     gestart_op: string | null;
                     herkomst: string | null;
                     id: string;
@@ -13627,6 +13647,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding?: string | null;
                     gebruiker_id?: string | null;
                     gebruiker_naam?: string;
+                    gebruikte_bron?: string | null;
+                    gebruikte_layout_id?: string | null;
                     gestart_op?: string | null;
                     herkomst?: string | null;
                     id?: string;
@@ -13657,6 +13679,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding?: string | null;
                     gebruiker_id?: string | null;
                     gebruiker_naam?: string;
+                    gebruikte_bron?: string | null;
+                    gebruikte_layout_id?: string | null;
                     gestart_op?: string | null;
                     herkomst?: string | null;
                     id?: string;
@@ -20326,6 +20350,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding: string | null;
                     gebruiker_id: string | null;
                     gebruiker_naam: string;
+                    gebruikte_bron: string | null;
+                    gebruikte_layout_id: string | null;
                     gestart_op: string | null;
                     herkomst: string | null;
                     id: string;
@@ -20447,6 +20473,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     foutmelding: string | null;
                     gebruiker_id: string | null;
                     gebruiker_naam: string;
+                    gebruikte_bron: string | null;
+                    gebruikte_layout_id: string | null;
                     gestart_op: string | null;
                     herkomst: string | null;
                     id: string;
@@ -21503,6 +21531,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: string;
             };
+            logistics_document_type_map: {
+                Args: {
+                    _document_code: string;
+                };
+                Returns: Database["public"]["Enums"]["doc_layout_type"][];
+            };
             logistics_emit_event: {
                 Args: {
                     p_event_type: string;
@@ -21966,6 +22000,14 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: string;
             };
+            maps_cron_token: {
+                Args: never;
+                Returns: string;
+            };
+            maps_kick_queue: {
+                Args: never;
+                Returns: undefined;
+            };
             mark_offer_clicked: {
                 Args: {
                     p_code: string;