@flowselections/floriday-afhandeling-module 1.0.25 → 1.0.27

package/dist-lib/components/afhandeling/CapacityWarning.d.ts

@@ -0,0 +1,10 @@
+import { type CapacityDay } from "../../lib/logisticsEngine/capacity";
+/**
+ * Waarschuwing bij te weinig pickcapaciteit. Alle cijfers komen letterlijk
+ * uit de Logistics Engine (logistics_capacity_day_check).
+ */
+export declare function CapacityWarning({ day, className, }: {
+    day: CapacityDay | undefined;
+    className?: string;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=CapacityWarning.d.ts.map

package/dist-lib/components/afhandeling/CapacityWarning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapacityWarning.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/CapacityWarning.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAE3F;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,SAAc,GACf,EAAE;IACD,GAAG,EAAE,WAAW,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sCAWA"}

package/dist-lib/components/afhandeling/CapacityWarning.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle } from "lucide-react";
+import { capacityWarningText } from "../../lib/logisticsEngine/capacity";
+/**
+ * Waarschuwing bij te weinig pickcapaciteit. Alle cijfers komen letterlijk
+ * uit de Logistics Engine (logistics_capacity_day_check).
+ */
+export function CapacityWarning({ day, className = "", }) {
+    if (!day || day.shortageMinutes <= 0)
+        return null;
+    return (_jsxs("div", { role: "alert", className: `flex items-start gap-2 rounded-md border border-amber-400 bg-amber-50 px-3 py-2 text-sm text-amber-900 ${className}`, children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: capacityWarningText(day) })] }));
+}

package/dist-lib/components/afhandeling/ControlePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlePage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ControlePage.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAO,+BA+tBpE"}
+{"version":3,"file":"ControlePage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ControlePage.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAO,+BA8uBpE"}

package/dist-lib/components/afhandeling/ControlePage.js

@@ -73,11 +73,16 @@ export function ControlePage({ onExit } = {}) {
     const cartsQ = useQuery({
         queryKey: ["control", "today"],
         queryFn: () => fetchToday(),
+        refetchInterval: 60000,
+        refetchIntervalInBackground: false,
+        refetchOnWindowFocus: true,
     });
     const histQ = useQuery({
         queryKey: ["control", "history"],
         queryFn: () => fetchHistory(),
         enabled: tab === "historie",
+        refetchOnMount: "always",
+        refetchOnWindowFocus: true,
     });
     const draftQ = useQuery({
         queryKey: controlDraftQueryKey,
@@ -402,9 +407,9 @@ export function ControlePage({ onExit } = {}) {
                                                         ? true
                                                         : carts.some((c) => checked.has(controlCartKey(c)))
                                                             ? "indeterminate"
-                                                            : false, onCheckedChange: (v) => toggleAll(!!v) }) }), _jsx(TableHead, { children: "Karnummer" }), _jsx(TableHead, { children: "Ophaaldatum" }), _jsx(TableHead, { children: "Uitgeprint" })] }) }), _jsxs(TableBody, { children: [cartsQ.isLoading && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 4, className: "text-center text-muted-foreground py-8", children: "Laden\u2026" }) })), !cartsQ.isLoading && carts.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 4, className: "text-center text-muted-foreground py-8", children: "Geen karren om vandaag te controleren." }) })), carts.map((c) => {
+                                                            : false, onCheckedChange: (v) => toggleAll(!!v) }) }), _jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Ophaaldatum" }), _jsx(TableHead, { children: "Uitgeprint" })] }) }), _jsxs(TableBody, { children: [cartsQ.isLoading && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 4, className: "text-center text-muted-foreground py-8", children: "Laden\u2026" }) })), !cartsQ.isLoading && carts.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 4, className: "text-center text-muted-foreground py-8", children: "Geen karren om vandaag te controleren." }) })), carts.map((c) => {
                                             const k = controlCartKey(c);
-                                            return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Checkbox, { checked: checked.has(k), onCheckedChange: (v) => toggle(k, !!v) }) }), _jsx(TableCell, { className: "font-mono font-semibold", children: c.cartNumber ?? "—" }), _jsx(TableCell, { children: fmtDate(c.pickupDate) }), _jsx(TableCell, { children: (c.printedCount ?? 0) > 0 ? (_jsx(Badge, { variant: "secondary", children: "Ja" })) : (_jsx(Badge, { variant: "outline", children: "Nee" })) })] }, k));
+                                            return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Checkbox, { checked: checked.has(k), onCheckedChange: (v) => toggle(k, !!v) }) }), _jsx(TableCell, { className: "font-mono font-semibold", children: (c.orderNumbers?.length ?? 0) > 0 ? (_jsx("div", { className: "flex flex-col gap-0.5", children: c.orderNumbers.map((n) => (_jsx("span", { children: n }, n))) })) : (c.orderNumber || "—") }), _jsx(TableCell, { children: fmtDate(c.pickupDate) }), _jsx(TableCell, { children: (c.printedCount ?? 0) > 0 ? (_jsx(Badge, { variant: "secondary", children: "Ja" })) : (_jsx(Badge, { variant: "outline", children: "Nee" })) })] }, k));
                                         })] })] }) }), _jsxs("div", { className: "max-w-xl", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("label", { className: "text-sm font-medium", children: "Opmerkingen bij deze controle" }), _jsx("span", { className: "text-xs text-muted-foreground", "aria-live": "polite", children: savingState === "saving"
                                             ? "Opslaan…"
                                             : savingState === "saved"

package/dist-lib/components/afhandeling/DagDetailDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DagDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/DagDetailDialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AA6BjE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAID,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,oBAAoB,sCA2E1F"}
+{"version":3,"file":"DagDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/DagDetailDialog.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAwCjE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAID,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,oBAAoB,sCA8E1F"}

package/dist-lib/components/afhandeling/DagDetailDialog.js

@@ -1,17 +1,22 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
-import { Badge, Button, Dialog, DialogTitle, DialogDescription, Input, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
-import { ChevronDown, ChevronRight, MoveRight, Printer, Truck } from "lucide-react";
+import { Badge, Checkbox, Button, Dialog, DialogTitle, DialogDescription, Input, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
+import { CalendarClock, ChevronDown, ChevronRight, Printer, Users } from "lucide-react";
 import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog";
 import { isSameDay } from "../../lib/pickDate";
-import { getOrderLines, moveCart as moveCartFn, } from "../../lib/cartAssignments.functions";
-import { evaluateCartMove } from "../../lib/cartMoveImpact";
+import { getOrderLines, } from "../../lib/cartAssignments.functions";
 import { renderPakbonHtml } from "../pickstation/PakbonTemplate";
 import { printHtml } from "../pickstation/printDocuments";
 import { printDeliveryNotesMerged } from "../../lib/deliveryNotePrint";
 import { AutoProcessStatus } from "./AutoProcessStatus";
+import { CapacityWarning } from "./CapacityWarning";
+import { useCapacityCheck } from "../../hooks/useCapacityCheck";
+import { toDayKey } from "../../lib/logisticsEngine/capacity";
+import { VerzetOrderDialog } from "./VerzetOrderDialog";
+import { setPickDay } from "../../lib/logisticsEngine/reschedule";
+import { clearDayStaffPlan, computeCapacity, getDayStaffPlan, getEngineStaffDefaults, setDayStaffPlan, toDateKey, } from "../../lib/logisticsEngine/staffPlanning";
 const NL_DATE = new Intl.DateTimeFormat("nl-NL", { dateStyle: "full" });
 export function DagDetailDialog({ open, date, planned, onOpenChange }) {
     if (!date)
@@ -55,7 +60,79 @@ export function DagDetailDialog({ open, date, planned, onOpenChange }) {
             runningIdx += a.cartCount;
         }
     }
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { size: "xl", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsxs(DialogTitle, { children: ["Dagdetails \u2014 ", NL_DATE.format(date)] }), _jsxs(DialogDescription, { children: [ordersOnDay.length, " bestellingen \u00B7 ", cartRows.length, " karren"] })] }), _jsx(ResponsiveDialogBody, { children: _jsxs(Tabs, { defaultValue: "bestellingen", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "bestellingen", children: ["Bestellingen (", ordersOnDay.length, ")"] }), _jsxs(TabsTrigger, { value: "karren", children: ["Karren (", cartRows.length, ")"] })] }), _jsx(TabsContent, { value: "bestellingen", className: "mt-4", children: _jsx(BestellingenTab, { orders: ordersOnDay, date: date }) }), _jsx(TabsContent, { value: "karren", className: "mt-4", children: _jsx(KarrenTab, { carts: cartRows, currentDate: date }) })] }) }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Sluiten" }) })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { size: "xl", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsxs(DialogTitle, { children: ["Dagdetails \u2014 ", NL_DATE.format(date)] }), _jsxs(DialogDescription, { children: [ordersOnDay.length, " bestellingen \u00B7 ", cartRows.length, " karren"] })] }), _jsxs(ResponsiveDialogBody, { children: [_jsx(DayCapacityWarning, { date: date }), _jsx(BezettingCard, { date: date, cartsToday: cartRows.length }), _jsxs(Tabs, { defaultValue: "bestellingen", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "bestellingen", children: ["Bestellingen (", ordersOnDay.length, ")"] }), _jsxs(TabsTrigger, { value: "karren", children: ["Karren (", cartRows.length, ")"] })] }), _jsx(TabsContent, { value: "bestellingen", className: "mt-4", children: _jsx(BestellingenTab, { orders: ordersOnDay, date: date }) }), _jsx(TabsContent, { value: "karren", className: "mt-4", children: _jsx(KarrenTab, { carts: cartRows }) })] })] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Sluiten" }) })] }) }));
+}
+function BezettingCard({ date, cartsToday }) {
+    const queryClient = useQueryClient();
+    const dateKey = toDateKey(date);
+    const defaultsQuery = useQuery({
+        queryKey: ["engine-staff-defaults"],
+        queryFn: getEngineStaffDefaults,
+    });
+    const dayQuery = useQuery({
+        queryKey: ["engine-staff-day", dateKey],
+        queryFn: () => getDayStaffPlan(date),
+    });
+    const defaults = defaultsQuery.data;
+    const dayPlan = dayQuery.data ?? null;
+    const [editing, setEditing] = useState(false);
+    const [staff, setStaff] = useState("");
+    const [from, setFrom] = useState("");
+    const [to, setTo] = useState("");
+    const [saving, setSaving] = useState(false);
+    const effStaff = dayPlan?.staffCount ?? defaults?.avgStaff ?? null;
+    const effFrom = (dayPlan?.startTime ?? defaults?.startTime ?? "06:00").slice(0, 5);
+    const effTo = (dayPlan?.endTime ?? defaults?.endTime ?? "16:00").slice(0, 5);
+    const capacity = effStaff !== null
+        ? computeCapacity({
+            staffCount: effStaff,
+            startTime: effFrom,
+            endTime: effTo,
+            minutesPerCart: defaults?.minutesPerCart ?? null,
+        })
+        : null;
+    const startEdit = () => {
+        setStaff(String(effStaff ?? 0));
+        setFrom(effFrom);
+        setTo(effTo);
+        setEditing(true);
+    };
+    const save = async () => {
+        setSaving(true);
+        try {
+            await setDayStaffPlan({
+                date,
+                staffCount: Number(staff) || 0,
+                startTime: from || "06:00",
+                endTime: to || "16:00",
+            });
+            await queryClient.invalidateQueries({ queryKey: ["engine-staff-day", dateKey] });
+            setEditing(false);
+            toast.success("Bezetting voor deze dag opgeslagen");
+        }
+        catch (err) {
+            toast.error(err instanceof Error ? err.message : "Opslaan mislukt");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const reset = async () => {
+        setSaving(true);
+        try {
+            await clearDayStaffPlan(date);
+            await queryClient.invalidateQueries({ queryKey: ["engine-staff-day", dateKey] });
+            setEditing(false);
+            toast.success("Terug naar standaardbezetting van de Logistiek Engine");
+        }
+        catch (err) {
+            toast.error(err instanceof Error ? err.message : "Herstellen mislukt");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs("div", { className: "mb-4 rounded-lg border bg-muted/30 p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-4 w-4 text-muted-foreground" }), _jsxs("div", { children: [_jsx("div", { className: "text-lg font-bold leading-none", children: defaultsQuery.isLoading || dayQuery.isLoading ? "…" : (effStaff ?? "—") }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["medewerkers ", dayPlan ? "(aangepast voor deze dag)" : "(gemiddelde uit Engine)"] })] })] }), _jsxs("div", { children: [_jsxs("div", { className: "text-lg font-bold leading-none", children: [effFrom, "\u2013", effTo] }), _jsx("div", { className: "text-xs text-muted-foreground", children: "werktijden" })] }), capacity?.capacityCarts !== null && capacity !== null && (_jsxs("div", { children: [_jsxs("div", { className: "text-lg font-bold leading-none", children: [cartsToday, " / ", capacity.capacityCarts] }), _jsx("div", { className: "text-xs text-muted-foreground", children: "karren gepland / capaciteit" })] }))] }), !editing && (_jsx(Button, { size: "sm", variant: "outline", onClick: startEdit, children: "Bezetting aanpassen" }))] }), editing && (_jsxs("div", { className: "mt-4 flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Medewerkers" }), _jsx(Input, { type: "number", min: 0, step: 1, value: staff, onChange: (e) => setStaff(e.target.value), className: "w-28" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Van" }), _jsx(Input, { type: "time", value: from, onChange: (e) => setFrom(e.target.value), className: "w-32" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Tot" }), _jsx(Input, { type: "time", value: to, onChange: (e) => setTo(e.target.value), className: "w-32" })] }), _jsx(Button, { size: "sm", onClick: save, disabled: saving, children: saving ? "Opslaan…" : "Opslaan" }), dayPlan && (_jsx(Button, { size: "sm", variant: "ghost", onClick: reset, disabled: saving, children: "Standaard herstellen" })), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setEditing(false), disabled: saving, children: "Annuleren" })] }))] }));
 }
 function BestellingenTab({ orders, date }) {
     if (orders.length === 0) {
@@ -69,6 +146,7 @@ function BestellingenTab({ orders, date }) {
 function OrderRow({ planned: p, cartsToday }) {
     const [open, setOpen] = useState(false);
     const [printing, setPrinting] = useState(false);
+    const [verzetOpen, setVerzetOpen] = useState(false);
     const source = p.order.source;
     const fetchLines = useServerFn(getOrderLines);
     const linesQuery = useQuery({
@@ -165,7 +243,15 @@ function OrderRow({ planned: p, cartsToday }) {
                                 const src = p.order.source === "floriday" ? "floriday" : "manual";
                                 const soId = p.order.salesOrderId ?? (src === "floriday" ? p.order.id : null);
                                 return soId ? (_jsx(AutoProcessStatus, { salesOrderId: soId })) : null;
-                            })(), _jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintAll, disabled: printing, title: "Alle pakbonnen en afleverbrieven van deze bestelling afdrukken", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "Bezig…" : "Alle documenten afdrukken"] })] })] }), open && (_jsxs("div", { className: "border-t px-4 py-3 space-y-3", children: [_jsxs("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-3 text-sm", children: [_jsx(Field, { label: "Afleverlocatie", value: "\u2014" }), _jsx(Field, { label: "Ophaallocatie (tuin)", value: "\u2014" }), _jsx(Field, { label: "Vervoerder", value: "\u2014" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Orderregels" }), linesQuery.isLoading && _jsx("p", { className: "text-xs", children: "Regels laden\u2026" }), linesQuery.data && _jsx(OrderLinesTable, { lines: linesQuery.data.lines }), linesQuery.error && _jsx("p", { className: "text-xs text-destructive", children: "Kon regels niet laden" })] })] }))] }));
+                            })(), _jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintAll, disabled: printing, title: "Alle pakbonnen en afleverbrieven van deze bestelling afdrukken", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "Bezig…" : "Alle documenten afdrukken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: (e) => {
+                                    e.stopPropagation();
+                                    setVerzetOpen(true);
+                                }, title: "Ophaaldag of ophaaltijd van deze order wijzigen", children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Verzetten"] })] })] }), _jsx(VerzetOrderDialog, { open: verzetOpen, orderRef: p.order.orderNumber, carrierTarget: {
+                    carrierId: p.order.carrierId ?? null,
+                    country: p.order.country ?? null,
+                    province: p.order.province ?? null,
+                    city: p.order.city ?? null,
+                }, onOpenChange: setVerzetOpen }), open && (_jsxs("div", { className: "border-t px-4 py-3 space-y-3", children: [_jsxs("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-3 text-sm", children: [_jsx(Field, { label: "Afleverlocatie", value: "\u2014" }), _jsx(Field, { label: "Ophaallocatie (tuin)", value: "\u2014" }), _jsx(Field, { label: "Vervoerder", value: "\u2014" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Orderregels" }), linesQuery.isLoading && _jsx("p", { className: "text-xs", children: "Regels laden\u2026" }), linesQuery.data && _jsx(OrderLinesTable, { lines: linesQuery.data.lines }), linesQuery.error && _jsx("p", { className: "text-xs text-destructive", children: "Kon regels niet laden" })] })] }))] }));
 }
 function Field({ label, value }) {
     return (_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: label }), _jsx("div", { children: value })] }));
@@ -176,66 +262,76 @@ function OrderLinesTable({ lines }) {
     }
     return (_jsx("div", { className: "grid gap-2", children: lines.map((l) => (_jsxs("div", { className: "grid gap-2 rounded-md border p-2 text-sm md:grid-cols-[minmax(0,1fr)_auto_auto_auto] md:items-center", children: [_jsx("div", { className: "min-w-0 truncate font-medium", title: l.article, children: l.article }), _jsx(Metric, { label: "Planten", value: l.plants }), _jsx(Metric, { label: "Fusten", value: l.crates ?? "—" }), _jsx(Metric, { label: "Overig", value: l.otherUnits ?? "—" })] }, l.id))) }));
 }
-function KarrenTab({ carts, currentDate }) {
-    const [moveCartRow, setMoveCartRow] = useState(null);
+function KarrenTab({ carts }) {
+    const [selected, setSelected] = useState(new Set());
+    const [bulkOpen, setBulkOpen] = useState(false);
     if (carts.length === 0) {
         return _jsx("p", { className: "text-sm text-muted-foreground", children: "Geen karren ingepland op deze dag." });
     }
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid gap-3", children: carts.map((c) => (_jsx("div", { className: "rounded-md border p-3", children: _jsxs("div", { className: "grid gap-3 lg:grid-cols-[1fr_1.4fr_1fr_auto_auto] lg:items-center", children: [_jsx(Field, { label: "Karnummer", value: c.cartNumber }), _jsx(Field, { label: "Klant", value: c.order.order.customerName }), _jsx(Field, { label: "Bestelling", value: c.order.order.orderNumber }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Badge, { variant: "secondary", children: "Nog te picken" }), _jsxs(Badge, { variant: "outline", children: [c.occupancy, "%"] }), _jsxs(Badge, { variant: "outline", children: [c.layers, " lagen"] }), _jsxs(Badge, { variant: "outline", children: [c.plants, " planten"] })] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setMoveCartRow(c), children: [_jsx(MoveRight, { className: "mr-1 h-3.5 w-3.5" }), " Verplaatsen"] })] }) }, c.key))) }), _jsx(VerplaatsKarDialog, { cart: moveCartRow, currentDate: currentDate, onClose: () => setMoveCartRow(null) })] }));
+    const toggle = (key) => setSelected((prev) => {
+        const next = new Set(prev);
+        if (next.has(key))
+            next.delete(key);
+        else
+            next.add(key);
+        return next;
+    });
+    const allSelected = selected.size === carts.length;
+    const toggleAll = () => setSelected(allSelected ? new Set() : new Set(carts.map((c) => c.key)));
+    const selectedCarts = carts.filter((c) => selected.has(c.key));
+    const selectedOrders = Array.from(new Map(selectedCarts.map((c) => [c.order.order.orderNumber, c.order])).values());
+    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "mb-3 text-xs text-muted-foreground", children: "De indeling komt uit de Logistics Engine. Verzetten gebeurt per bestelling: alle karren van die bestelling schuiven mee." }), _jsxs("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-3 rounded-md border bg-muted/30 px-3 py-2", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: allSelected, onCheckedChange: toggleAll }), _jsx("span", { children: selected.size > 0
+                                    ? `${selected.size} kar${selected.size === 1 ? "" : "ren"} geselecteerd · ${selectedOrders.length} bestelling${selectedOrders.length === 1 ? "" : "en"}`
+                                    : "Alles selecteren" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [selected.size > 0 && (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setSelected(new Set()), children: "Selectie wissen" })), _jsxs(Button, { size: "sm", disabled: selected.size === 0, onClick: () => setBulkOpen(true), children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Geselecteerde verzetten"] })] })] }), _jsx("div", { className: "grid gap-3", children: carts.map((c) => (_jsx(KarRow, { cart: c, selected: selected.has(c.key), onToggle: () => toggle(c.key) }, c.key))) }), _jsx(BulkVerzetDialog, { open: bulkOpen, orders: selectedOrders, cartCount: selected.size, onOpenChange: setBulkOpen, onDone: () => setSelected(new Set()) })] }));
+}
+function BulkVerzetDialog({ open, orders, cartCount, onOpenChange, onDone, }) {
+    const [day, setDay] = useState("");
+    const [busy, setBusy] = useState(false);
+    const submit = async () => {
+        if (!day)
+            return;
+        setBusy(true);
+        let ok = 0;
+        const failed = [];
+        for (const p of orders) {
+            const ref = p.order.orderNumber || p.order.id;
+            try {
+                const res = await setPickDay(ref, day);
+                if (res.ok)
+                    ok++;
+                else
+                    failed.push(ref);
+            }
+            catch {
+                failed.push(ref);
+            }
+        }
+        setBusy(false);
+        if (ok > 0)
+            toast.success(`${ok} bestelling${ok === 1 ? "" : "en"} verzet naar ${day}.`);
+        if (failed.length > 0)
+            toast.error(`Niet gelukt voor: ${failed.join(", ")}`);
+        if (failed.length === 0) {
+            onDone();
+            onOpenChange(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { children: [_jsxs(ResponsiveDialogHeader, { children: [_jsx(DialogTitle, { children: "Karren verzetten" }), _jsxs(DialogDescription, { children: [cartCount, " kar", cartCount === 1 ? "" : "ren", " uit ", orders.length, " bestelling", orders.length === 1 ? "" : "en", ". Alle karren van deze bestellingen verschuiven mee."] })] }), _jsx(ResponsiveDialogBody, { children: _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Nieuwe pickdag" }), _jsx(Input, { type: "date", value: day, onChange: (e) => setDay(e.target.value), className: "w-48" }), _jsx("ul", { className: "mt-3 max-h-40 space-y-1 overflow-y-auto text-sm", children: orders.map((p) => (_jsxs("li", { className: "text-muted-foreground", children: [p.order.orderNumber, " \u2014 ", p.order.customerName] }, p.order.id))) })] }) }), _jsxs(ResponsiveDialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: busy, children: "Annuleren" }), _jsx(Button, { onClick: submit, disabled: busy || !day, children: busy ? "Bezig…" : "Verzetten" })] })] }) }));
+}
+function KarRow({ cart: c, selected, onToggle, }) {
+    const [verzetOpen, setVerzetOpen] = useState(false);
+    return (_jsxs("div", { className: `rounded-md border p-3 ${selected ? "border-primary bg-primary/5" : ""}`, children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Checkbox, { checked: selected, onCheckedChange: onToggle, className: "mt-1" }), _jsxs("div", { className: "grid flex-1 gap-3 lg:grid-cols-[1fr_1.4fr_1fr_auto] lg:items-center", children: [_jsx(Field, { label: "Karnummer", value: c.cartNumber }), _jsx(Field, { label: "Klant", value: c.order.order.customerName }), _jsx(Field, { label: "Bestelling", value: c.order.order.orderNumber }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: "secondary", children: "Nog te picken" }), _jsxs(Badge, { variant: "outline", children: [c.occupancy, "%"] }), _jsxs(Badge, { variant: "outline", children: [c.layers, " lagen"] }), _jsxs(Badge, { variant: "outline", children: [c.plants, " planten"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setVerzetOpen(true), title: "Ophaaldag of ophaaltijd van de bestelling van deze kar wijzigen", children: [_jsx(CalendarClock, { className: "mr-1 h-3.5 w-3.5" }), "Verzetten"] })] })] })] }), _jsx(VerzetOrderDialog, { open: verzetOpen, orderRef: c.order.order.orderNumber, carrierTarget: {
+                    carrierId: c.order.order.carrierId ?? null,
+                    country: c.order.order.country ?? null,
+                    province: c.order.order.province ?? null,
+                    city: c.order.order.city ?? null,
+                }, onOpenChange: setVerzetOpen })] }));
 }
 function Metric({ label, value }) {
     return (_jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2 md:block md:text-right", children: [_jsx("span", { className: "text-xs text-muted-foreground md:block", children: label }), _jsx("span", { className: "font-medium", children: value })] }));
 }
-function VerplaatsKarDialog({ cart, currentDate, onClose, }) {
-    const [newDate, setNewDate] = useState("");
-    const move = useServerFn(moveCartFn);
-    const qc = useQueryClient();
-    const mutation = useMutation({
-        mutationFn: async () => {
-            if (!cart)
-                throw new Error("Geen kar geselecteerd");
-            if (!newDate)
-                throw new Error("Kies eerst een nieuwe pickdatum");
-            return move({
-                data: {
-                    orderId: cart.orderId,
-                    orderSource: cart.orderSource,
-                    cartIndex: cart.cartIndex,
-                    newDate,
-                    fromDate: currentDate,
-                },
-            });
-        },
-        onSuccess: async (res) => {
-            const target = new Date(newDate).toLocaleDateString("nl-NL", {
-                weekday: "long", day: "numeric", month: "long",
-            });
-            toast.success(`Kar ${cart?.cartNumber ?? ""} verplaatst naar ${target}`);
-            qc.setQueryData(["cart-overrides"], (current) => {
-                const overrides = current?.overrides ?? [];
-                const next = overrides.filter((o) => !(o.order_id === res.override.order_id &&
-                    o.order_source === res.override.order_source &&
-                    o.cart_index === res.override.cart_index));
-                return { overrides: [...next, res.override] };
-            });
-            await Promise.all([
-                qc.invalidateQueries({ queryKey: ["floriday", "orders"] }),
-                qc.invalidateQueries({ queryKey: ["cart-overrides"] }),
-            ]);
-            await qc.refetchQueries({ queryKey: ["cart-overrides"], type: "active" });
-            setNewDate("");
-            onClose();
-            return res;
-        },
-        onError: (e) => {
-            const msg = e instanceof Error ? e.message : "Verplaatsen mislukt";
-            toast.error(msg);
-            console.error("[moveCart]", e);
-        },
-    });
-    if (!cart)
-        return null;
-    const parsed = newDate ? new Date(newDate) : null;
-    const impact = parsed ? evaluateCartMove(parsed, currentDate, cart.order.planning) : null;
-    return (_jsx(Dialog, { open: !!cart, onOpenChange: (o) => !o && onClose(), children: _jsxs(ResponsiveDialogContent, { size: "sm", children: [_jsx(ResponsiveDialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(Truck, { className: "h-4 w-4" }), " Kar verplaatsen"] }) }), _jsxs(ResponsiveDialogBody, { className: "space-y-3 text-sm", children: [_jsxs("div", { className: "rounded-md border bg-muted/40 p-3", children: [_jsx("div", { className: "font-medium", children: cart.cartNumber }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [cart.order.order.customerName, " \u00B7 ", cart.order.order.orderNumber] })] }), _jsxs("div", { children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Nieuwe pickdatum" }), _jsx(Input, { type: "date", value: newDate, onChange: (e) => setNewDate(e.target.value) })] }), impact && (_jsxs("div", { className: "space-y-1", children: [impact.blockers.map((b, i) => (_jsxs("p", { className: "text-xs text-destructive", children: ["\u26A0 ", b] }, `b${i}`))), impact.warnings.map((w, i) => (_jsxs("p", { className: "text-xs text-amber-600", children: ["! ", w] }, `w${i}`))), impact.ok && impact.warnings.length === 0 && (_jsx("p", { className: "text-xs text-green-600", children: "\u2713 Verplaatsing is logistiek haalbaar." }))] }))] }), _jsxs(ResponsiveDialogFooter, { children: [_jsx(Button, { variant: "ghost", onClick: onClose, children: "Annuleren" }), _jsx(Button, { onClick: () => mutation.mutate(), disabled: !newDate || (impact ? !impact.ok : false) || mutation.isPending, children: mutation.isPending ? "Bezig…" : "Bevestig verplaatsing" })] })] }) }));
+function DayCapacityWarning({ date }) {
+    const key = toDayKey(date);
+    const { byDate } = useCapacityCheck(key, key);
+    return _jsx(CapacityWarning, { day: byDate.get(key), className: "mb-3" });
 }

package/dist-lib/components/afhandeling/LeveringenPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,cAAc,gCA2F7B"}
+{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AAeA,wBAAgB,cAAc,gCA+E7B"}

package/dist-lib/components/afhandeling/LeveringenPage.js

@@ -1,19 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { useQueryClient } from "@tanstack/react-query";
-import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
-import { RefreshCw } from "lucide-react";
+import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { WeekAgendaView } from "./WeekAgendaView";
 import { useOrderPlanning } from "../../hooks/useOrderPlanning";
-import { invalidatePlanning } from "../../lib/invalidatePlanning";
 const ALL = "__all__";
 export function LeveringenPage() {
     const { planned, isLoading, error, warning, refetch } = useOrderPlanning();
-    const qc = useQueryClient();
-    const handleRecalc = async () => {
-        await invalidatePlanning(qc);
-        toast.success("Planning herberekend met actuele instellingen");
-    };
     const [customer, setCustomer] = useState(ALL);
     const [deliveryType, setDeliveryType] = useState(ALL);
     const [dateFrom, setDateFrom] = useState("");
@@ -33,5 +25,5 @@ export function LeveringenPage() {
             return true;
         });
     }, [planned, customer, deliveryType, dateFrom, dateTo]);
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx("div", { className: "flex items-end gap-2", children: _jsxs(Button, { variant: "outline", onClick: handleRecalc, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Herbereken planning"] }) })] }), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "delivery", isLoading: isLoading, showPrintButtons: true }))] }));
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsx("div", { className: "flex flex-wrap items-end justify-between gap-3", children: _jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }) }), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "delivery", isLoading: isLoading, showPrintButtons: true }))] }));
 }

package/dist-lib/components/afhandeling/PickAgendaView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAIlE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAAE,YAAY,EAAE,EAAE,mBAAmB,+BAmGnE"}
+{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAIlE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAAE,YAAY,EAAE,EAAE,mBAAmB,+BAgGnE"}

package/dist-lib/components/afhandeling/PickAgendaView.js

@@ -1,21 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { useQueryClient } from "@tanstack/react-query";
-import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
-import { RefreshCw } from "lucide-react";
+import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { WeekAgendaView } from "./WeekAgendaView";
 import { DagDetailDialog } from "./DagDetailDialog";
 import { useOrderPlanning } from "../../hooks/useOrderPlanning";
-import { invalidatePlanning } from "../../lib/invalidatePlanning";
 const ALL = "__all__";
 export function PickAgendaView({ onOrderClick }) {
-    const { planned, isLoading, error, warning, refetch } = useOrderPlanning();
-    const qc = useQueryClient();
+    const { planned, awaiting, isLoading, error, warning, refetch } = useOrderPlanning();
+    const awaitingCount = awaiting.length;
     const [dayDetailDate, setDayDetailDate] = useState(null);
-    const handleRecalc = async () => {
-        await invalidatePlanning(qc);
-        toast.success("Planning herberekend met actuele instellingen");
-    };
     const [customer, setCustomer] = useState(ALL);
     const [deliveryType, setDeliveryType] = useState(ALL);
     const [dateFrom, setDateFrom] = useState("");
@@ -35,5 +28,5 @@ export function PickAgendaView({ onOrderClick }) {
             return true;
         });
     }, [planned, customer, deliveryType, dateFrom, dateTo]);
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx("div", { className: "flex items-end gap-2", children: _jsxs(Button, { variant: "outline", onClick: handleRecalc, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Herbereken planning"] }) })] }), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick, onDayClick: setDayDetailDate })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: filtered, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx("div", { className: "flex flex-wrap items-end justify-between gap-3", children: _jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }) }), awaitingCount > 0 && (_jsxs("div", { className: "rounded-md border border-sky-300 bg-sky-50 p-4 text-sm text-sky-900", children: [awaitingCount, " order", awaitingCount === 1 ? "" : "s", " wacht", awaitingCount === 1 ? "" : "en", " op een indeling van de Logistics Engine en worden daarom nog niet in de agenda gepland."] })), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick, onDayClick: setDayDetailDate })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: filtered, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
 }

package/dist-lib/components/afhandeling/VervoerdersPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VervoerdersPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerdersPage.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,eAAe,gCA+L9B"}
+{"version":3,"file":"VervoerdersPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerdersPage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,eAAe,gCA2L9B"}

package/dist-lib/components/afhandeling/VervoerdersPage.js

@@ -6,6 +6,7 @@ import { ResponsiveAlertDialogBody, ResponsiveAlertDialogContent, ResponsiveAler
 import { Link } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { toServerFnError } from "../../lib/serverFnError";
 import { listCarriers, deleteCarrier, reorderCarriers } from "../../lib/carriers.functions";
 import { carrierLeadDaysFromMoments } from "../../lib/carrierPlanning";
 export function VervoerdersPage() {
@@ -21,11 +22,7 @@ export function VervoerdersPage() {
                 return await fetchList();
             }
             catch (e) {
-                if (e instanceof Response) {
-                    const text = await e.text().catch(() => e.statusText);
-                    throw new Error(`${e.status}: ${text}`);
-                }
-                throw e;
+                throw await toServerFnError(e);
             }
         },
         retry: false,

package/dist-lib/components/afhandeling/VerzetOrderDialog.d.ts

@@ -0,0 +1,14 @@
+export interface VerzetOrderDialogProps {
+    open: boolean;
+    orderRef: string;
+    /** Order-context om de gekoppelde vervoerder (en diens aanmeldtijden) te bepalen. */
+    carrierTarget?: {
+        carrierId?: string | null;
+        country?: string | null;
+        province?: string | null;
+        city?: string | null;
+    };
+    onOpenChange: (open: boolean) => void;
+}
+export declare function VerzetOrderDialog({ open, orderRef, carrierTarget, onOpenChange }: VerzetOrderDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=VerzetOrderDialog.d.ts.map

package/dist-lib/components/afhandeling/VerzetOrderDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerzetOrderDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VerzetOrderDialog.tsx"],"names":[],"mappings":"AA6CA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,qFAAqF;IACrF,aAAa,CAAC,EAAE;QACd,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC;IACF,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAmBD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,sBAAsB,+BAkWxG"}