@flowselections/floriday-afhandeling-module 1.0.30 → 1.0.32

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,+BA8uBpE"}
+{"version":3,"file":"ControlePage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/ControlePage.tsx"],"names":[],"mappings":"AAkHA,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAO,+BAgzBpE"}

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { supabase } from "../../integrations/supabase/client";
-import { Button, Card, Checkbox, Dialog, DialogDescription, DialogTitle, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, Badge, toast, } from "@flowselections/core";
-import { Printer, CheckCircle2, AlertTriangle, History } from "lucide-react";
+import { Button, Card, Checkbox, Dialog, DialogDescription, DialogTitle, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, Badge, toast, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+import { Printer, CheckCircle2, AlertTriangle, History, ChevronLeft, ChevronRight } from "lucide-react";
 import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
@@ -368,6 +368,16 @@ export function ControlePage({ onExit } = {}) {
         const checkedCount = carts.filter((c) => checked.has(controlCartKey(c))).length;
         return { total, printed, checked: checkedCount };
     }, [carts, checked]);
+    // Paginering
+    const [pageSize, setPageSize] = useState(20);
+    const [page, setPage] = useState(1);
+    const pageCount = Math.max(1, Math.ceil(carts.length / pageSize));
+    const currentPage = Math.min(page, pageCount);
+    useEffect(() => {
+        if (page > pageCount)
+            setPage(pageCount);
+    }, [pageCount, page]);
+    const pagedCarts = useMemo(() => carts.slice((currentPage - 1) * pageSize, currentPage * pageSize), [carts, currentPage, pageSize]);
     const pendingProposals = pendingProposal?.proposals ?? [];
     const pendingBlocked = pendingProposal?.blocked ?? [];
     const pendingNotReadyCount = pendingProposals.length + pendingBlocked.length;
@@ -403,14 +413,17 @@ export function ControlePage({ onExit } = {}) {
             supabase.removeChannel(channel);
         };
     }, [qc]);
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Controle karren" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Dagelijkse eindcontrole \u2014 vandaag ", new Date().toLocaleDateString("nl-NL")] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setShowPrint(true), children: [_jsx(Printer, { className: "h-4 w-4 mr-2" }), "Controlelijst afdrukken"] }), _jsxs(Button, { onClick: runControl, disabled: submitM.isPending || proposalM.isPending || carts.length === 0 || tab !== "controle", children: [_jsx(CheckCircle2, { className: "h-4 w-4 mr-2" }), proposalM.isPending ? "Controleren…" : "Controle uitvoeren"] })] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: tab === "controle" ? "default" : "outline", onClick: () => setTab("controle"), children: "Controle" }), _jsxs(Button, { variant: tab === "historie" ? "default" : "outline", onClick: () => setTab("historie"), children: [_jsx(History, { className: "h-4 w-4 mr-2" }), "Historie"] })] }), tab === "controle" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap gap-3 items-center", children: [_jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Totaal karren vandaag" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.total })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Geprint" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.printed })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Aangevinkt" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.checked })] })] }), _jsx(Card, { className: "p-0 overflow-hidden", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-12", children: _jsx(Checkbox, { checked: carts.length > 0 && carts.every((c) => checked.has(controlCartKey(c)))
-                                                        ? true
-                                                        : carts.some((c) => checked.has(controlCartKey(c)))
-                                                            ? "indeterminate"
-                                                            : 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.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"
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Controle karren" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Dagelijkse eindcontrole \u2014 vandaag ", new Date().toLocaleDateString("nl-NL")] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setShowPrint(true), children: [_jsx(Printer, { className: "h-4 w-4 mr-2" }), "Controlelijst afdrukken"] }), _jsxs(Button, { onClick: runControl, disabled: submitM.isPending || proposalM.isPending || carts.length === 0 || tab !== "controle", children: [_jsx(CheckCircle2, { className: "h-4 w-4 mr-2" }), proposalM.isPending ? "Controleren…" : "Controle uitvoeren"] })] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: tab === "controle" ? "default" : "outline", onClick: () => setTab("controle"), children: "Controle" }), _jsxs(Button, { variant: tab === "historie" ? "default" : "outline", onClick: () => setTab("historie"), children: [_jsx(History, { className: "h-4 w-4 mr-2" }), "Historie"] })] }), tab === "controle" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap gap-3 items-center", children: [_jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Totaal karren vandaag" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.total })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Geprint" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.printed })] }), _jsxs(Card, { className: "p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Aangevinkt" }), _jsx("div", { className: "text-2xl font-semibold", children: stats.checked })] })] }), _jsxs(Card, { className: "p-0 overflow-hidden", children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-12", children: _jsx(Checkbox, { checked: carts.length > 0 && carts.every((c) => checked.has(controlCartKey(c)))
+                                                            ? true
+                                                            : carts.some((c) => checked.has(controlCartKey(c)))
+                                                                ? "indeterminate"
+                                                                : 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." }) })), pagedCarts.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.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));
+                                            })] })] }), carts.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t bg-muted/20 px-4 py-3 text-sm", children: [_jsxs("span", { className: "text-muted-foreground", children: [carts.length, " resultaten"] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-muted-foreground", children: "Resultaten per pagina" }), _jsxs(Select, { value: String(pageSize), onValueChange: (v) => {
+                                                    setPageSize(Number(v));
+                                                    setPage(1);
+                                                }, children: [_jsx(SelectTrigger, { className: "h-8 w-[80px]", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: [10, 20, 50, 100].map((n) => (_jsx(SelectItem, { value: String(n), children: n }, n))) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "icon", className: "h-8 w-8", "aria-label": "Vorige pagina", disabled: currentPage <= 1, onClick: () => setPage((p) => Math.max(1, p - 1)), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("span", { className: "tabular-nums", children: [currentPage, " / ", pageCount] }), _jsx(Button, { variant: "outline", size: "icon", className: "h-8 w-8", "aria-label": "Volgende pagina", disabled: currentPage >= pageCount, onClick: () => setPage((p) => Math.min(pageCount, p + 1)), children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] })] }))] }), _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"
                                                 ? "Voortgang automatisch opgeslagen"

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":"AAeA,wBAAgB,cAAc,gCA+E7B"}
+{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,gCA8B7B"}

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

@@ -1,29 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+import { Button } from "@flowselections/core";
 import { WeekAgendaView } from "./WeekAgendaView";
 import { useOrderPlanning } from "../../hooks/useOrderPlanning";
-const ALL = "__all__";
+import { agendaRange, currentWeekStart } from "../../lib/agendaRange";
 export function LeveringenPage() {
-    const { planned, isLoading, error, warning, refetch } = useOrderPlanning();
-    const [customer, setCustomer] = useState(ALL);
-    const [deliveryType, setDeliveryType] = useState(ALL);
-    const [dateFrom, setDateFrom] = useState("");
-    const [dateTo, setDateTo] = useState("");
-    const customers = useMemo(() => Array.from(new Set(planned.map((p) => p.order.customerName).filter(Boolean))).sort(), [planned]);
-    const deliveryTypes = useMemo(() => Array.from(new Set(planned.map((p) => p.order.deliveryType).filter(Boolean))).sort(), [planned]);
-    const filtered = useMemo(() => {
-        return planned.filter(({ order: o }) => {
-            if (customer !== ALL && o.customerName !== customer)
-                return false;
-            if (deliveryType !== ALL && o.deliveryType !== deliveryType)
-                return false;
-            if (dateFrom && (!o.deliveryDate || o.deliveryDate < dateFrom))
-                return false;
-            if (dateTo && (!o.deliveryDate || o.deliveryDate > dateTo + "T23:59:59"))
-                return false;
-            return true;
-        });
-    }, [planned, customer, deliveryType, dateFrom, dateTo]);
-    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 }))] }));
+    const [weekStart, setWeekStart] = useState(() => currentWeekStart());
+    const range = useMemo(() => agendaRange(weekStart), [weekStart]);
+    const { planned, nearestDeliveryDate, isLoading, error, warning, refetch } = useOrderPlanning(range);
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [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: planned, mode: "delivery", isLoading: isLoading, showPrintButtons: true, onWeekChange: setWeekStart, jumpToDate: nearestDeliveryDate }))] }));
 }

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":"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"}
+{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,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,+BAwEnE"}

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

@@ -1,32 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+import { Button } from "@flowselections/core";
 import { WeekAgendaView } from "./WeekAgendaView";
 import { DagDetailDialog } from "./DagDetailDialog";
 import { useOrderPlanning } from "../../hooks/useOrderPlanning";
-const ALL = "__all__";
+import { agendaRange, currentWeekStart } from "../../lib/agendaRange";
 export function PickAgendaView({ onOrderClick }) {
-    const { planned, awaiting, isLoading, error, warning, refetch } = useOrderPlanning();
+    const [weekStart, setWeekStart] = useState(() => currentWeekStart());
+    const range = useMemo(() => agendaRange(weekStart), [weekStart]);
+    const { planned, awaiting, nearestDeliveryDate, signalError, lastEngineRun, isLoading, error, warning, refetch } = useOrderPlanning(range);
     const awaitingCount = awaiting.length;
+    const awaitingRefs = awaiting
+        .map((p) => p.order.orderNumber || p.order.id)
+        .filter(Boolean)
+        .slice(0, 8);
+    const lastRunLabel = lastEngineRun
+        ? new Date(lastEngineRun).toLocaleString("nl-NL", {
+            timeZone: "Europe/Amsterdam",
+            dateStyle: "short",
+            timeStyle: "short",
+        })
+        : null;
     const [dayDetailDate, setDayDetailDate] = useState(null);
-    const [customer, setCustomer] = useState(ALL);
-    const [deliveryType, setDeliveryType] = useState(ALL);
-    const [dateFrom, setDateFrom] = useState("");
-    const [dateTo, setDateTo] = useState("");
-    const customers = useMemo(() => Array.from(new Set(planned.map((p) => p.order.customerName).filter(Boolean))).sort(), [planned]);
-    const deliveryTypes = useMemo(() => Array.from(new Set(planned.map((p) => p.order.deliveryType).filter(Boolean))).sort(), [planned]);
-    const filtered = useMemo(() => {
-        return planned.filter(({ order: o }) => {
-            if (customer !== ALL && o.customerName !== customer)
-                return false;
-            if (deliveryType !== ALL && o.deliveryType !== deliveryType)
-                return false;
-            if (dateFrom && (!o.deliveryDate || o.deliveryDate < dateFrom))
-                return false;
-            if (dateTo && (!o.deliveryDate || o.deliveryDate > dateTo + "T23:59:59"))
-                return false;
-            return true;
-        });
-    }, [planned, customer, deliveryType, dateFrom, dateTo]);
-    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) })] }));
+    return (_jsxs("div", { className: "space-y-6", children: [awaitingCount > 0 && (_jsxs("div", { className: "space-y-1 rounded-md border border-sky-300 bg-sky-50 p-4 text-sm text-sky-900", children: [_jsxs("div", { children: [awaitingCount, " order", awaitingCount === 1 ? "" : "s", " wacht", awaitingCount === 1 ? "" : "en", " op een indeling van de Logistics Engine en ", awaitingCount === 1 ? "wordt" : "worden", " daarom nog niet in de agenda gepland: ", awaitingRefs.join(", "), awaitingCount > awaitingRefs.length ? ` en ${awaitingCount - awaitingRefs.length} meer` : "", "."] }), _jsxs("div", { className: "text-xs", children: [lastRunLabel
+                                ? `Laatste indeling door de Engine: ${lastRunLabel}.`
+                                : "Er is nog geen indeling van de Engine bekend voor deze periode.", " ", signalError
+                                ? `Melding vanuit deze module is mislukt: ${signalError}`
+                                : "Melding vanuit deze module is verstuurd; het inplannen gebeurt door de Logistics Engine."] })] })), 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: planned, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick, onDayClick: setDayDetailDate, onWeekChange: setWeekStart, jumpToDate: nearestDeliveryDate })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: planned, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
 }

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

@@ -1,2 +1,9 @@
-export declare function VervoerdersPage(): import("react").JSX.Element;
+/**
+ * Bewerken gebeurt via een searchparam (?id=<uuid>) i.p.v. een dynamisch
+ * URL-segment, zodat het ook werkt in hosts/shells die alleen statische
+ * module-routes registreren.
+ */
+export declare function VervoerdersPage({ carrierId }?: {
+    carrierId?: string | null;
+}): import("react").JSX.Element;
 //# sourceMappingURL=VervoerdersPage.d.ts.map

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":"AA8BA,wBAAgB,eAAe,gCA2L9B"}
+{"version":3,"file":"VervoerdersPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerdersPage.tsx"],"names":[],"mappings":"AA+BA;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAO,+BAShF"}

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

@@ -9,7 +9,22 @@ 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() {
+import { VervoerderForm } from "./VervoerderForm";
+/**
+ * Bewerken gebeurt via een searchparam (?id=<uuid>) i.p.v. een dynamisch
+ * URL-segment, zodat het ook werkt in hosts/shells die alleen statische
+ * module-routes registreren.
+ */
+export function VervoerdersPage({ carrierId } = {}) {
+    const idFromUrl = carrierId ??
+        (typeof window !== "undefined"
+            ? new URLSearchParams(window.location.search).get("id")
+            : null);
+    if (idFromUrl)
+        return _jsx(VervoerderForm, { carrierId: idFromUrl });
+    return _jsx(VervoerdersLijst, {});
+}
+function VervoerdersLijst() {
     const queryClient = useQueryClient();
     const fetchList = useServerFn(listCarriers);
     const removeCarrier = useServerFn(deleteCarrier);
@@ -54,5 +69,5 @@ export function VervoerdersPage() {
         [ids[index], ids[target]] = [ids[target], ids[index]];
         reorderMutation.mutate(ids);
     };
-    return (_jsxs("div", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Vervoerders" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Beheer vervoerders en hun verzendtarieven per land." })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/vervoerders/nieuw", children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Vervoerder toevoegen"] }) })] }), _jsx("div", { className: "border rounded-md bg-card", children: isLoading ? (_jsx("div", { className: "p-12 text-center text-muted-foreground", children: "Laden..." })) : error ? (_jsxs("div", { className: "p-12 text-center space-y-3", children: [_jsxs("div", { className: "text-destructive", children: ["Fout bij laden: ", error.message] }), _jsx(Button, { variant: "outline", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : carriers.length === 0 ? (_jsxs("div", { className: "p-12 text-center space-y-3", children: [_jsx(Truck, { className: "w-10 h-10 mx-auto text-muted-foreground" }), _jsx("div", { className: "font-medium", children: "Nog geen vervoerders" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "Voeg een vervoerder toe om verzendtarieven in te stellen." }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/vervoerders/nieuw", children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Vervoerder toevoegen"] }) })] })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-32", children: "Prioriteit" }), _jsx(TableHead, { children: "Bedrijfsnaam" }), _jsx(TableHead, { children: "Contactpersoon" }), _jsx(TableHead, { children: "E-mail" }), _jsx(TableHead, { children: "Telefoon" }), _jsx(TableHead, { children: "Levertijd" }), _jsx(TableHead, { children: "Landen" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: carriers.map((c, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "w-6 text-sm font-medium tabular-nums text-muted-foreground", children: index + 1 }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => move(index, -1), disabled: index === 0 || reorderMutation.isPending, "aria-label": "Hoger", children: _jsx(ArrowUp, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => move(index, 1), disabled: index === carriers.length - 1 || reorderMutation.isPending, "aria-label": "Lager", children: _jsx(ArrowDown, { className: "w-4 h-4" }) })] }) }), _jsx(TableCell, { className: "font-medium", children: c.name }), _jsx(TableCell, { children: c.contact_person ?? "—" }), _jsx(TableCell, { children: c.email ?? "—" }), _jsx(TableCell, { children: c.phone ?? "—" }), _jsxs(TableCell, { children: [carrierLeadDaysFromMoments(c.pickup_moments), " werkdagen"] }), _jsx(TableCell, { children: c.rate_count }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsx(Link, { to: "/afhandeling/vervoerders/$carrierId/bewerken", params: { carrierId: c.id }, children: _jsx(Pencil, { className: "w-4 h-4" }) }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setDeletingId(c.id), className: "text-destructive hover:text-destructive", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }) })] }, c.id))) })] })) }), _jsx(AlertDialog, { open: !!deletingId, onOpenChange: (o) => !o && setDeletingId(null), children: _jsxs(ResponsiveAlertDialogContent, { size: "sm", children: [_jsx(ResponsiveAlertDialogHeader, { children: _jsx(AlertDialogTitle, { children: "Vervoerder verwijderen?" }) }), _jsx(ResponsiveAlertDialogBody, { children: _jsx(AlertDialogDescription, { children: "Deze actie kan niet ongedaan gemaakt worden. Alle verzendtarieven worden ook verwijderd." }) }), _jsxs(ResponsiveAlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => deletingId && deleteMutation.mutate(deletingId), className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Verwijderen" })] })] }) })] }));
+    return (_jsxs("div", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Vervoerders" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Beheer vervoerders en hun verzendtarieven per land." })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/vervoerders/nieuw", children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Vervoerder toevoegen"] }) })] }), _jsx("div", { className: "border rounded-md bg-card", children: isLoading ? (_jsx("div", { className: "p-12 text-center text-muted-foreground", children: "Laden..." })) : error ? (_jsxs("div", { className: "p-12 text-center space-y-3", children: [_jsxs("div", { className: "text-destructive", children: ["Fout bij laden: ", error.message] }), _jsx(Button, { variant: "outline", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : carriers.length === 0 ? (_jsxs("div", { className: "p-12 text-center space-y-3", children: [_jsx(Truck, { className: "w-10 h-10 mx-auto text-muted-foreground" }), _jsx("div", { className: "font-medium", children: "Nog geen vervoerders" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "Voeg een vervoerder toe om verzendtarieven in te stellen." }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/vervoerders/nieuw", children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Vervoerder toevoegen"] }) })] })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-32", children: "Prioriteit" }), _jsx(TableHead, { children: "Bedrijfsnaam" }), _jsx(TableHead, { children: "Contactpersoon" }), _jsx(TableHead, { children: "E-mail" }), _jsx(TableHead, { children: "Telefoon" }), _jsx(TableHead, { children: "Levertijd" }), _jsx(TableHead, { children: "Landen" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: carriers.map((c, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "w-6 text-sm font-medium tabular-nums text-muted-foreground", children: index + 1 }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => move(index, -1), disabled: index === 0 || reorderMutation.isPending, "aria-label": "Hoger", children: _jsx(ArrowUp, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => move(index, 1), disabled: index === carriers.length - 1 || reorderMutation.isPending, "aria-label": "Lager", children: _jsx(ArrowDown, { className: "w-4 h-4" }) })] }) }), _jsx(TableCell, { className: "font-medium", children: c.name }), _jsx(TableCell, { children: c.contact_person ?? "—" }), _jsx(TableCell, { children: c.email ?? "—" }), _jsx(TableCell, { children: c.phone ?? "—" }), _jsxs(TableCell, { children: [carrierLeadDaysFromMoments(c.pickup_moments), " werkdagen"] }), _jsx(TableCell, { children: c.rate_count }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsx(Link, { to: "/afhandeling/vervoerders", search: { id: c.id }, children: _jsx(Pencil, { className: "w-4 h-4" }) }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setDeletingId(c.id), className: "text-destructive hover:text-destructive", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }) })] }, c.id))) })] })) }), _jsx(AlertDialog, { open: !!deletingId, onOpenChange: (o) => !o && setDeletingId(null), children: _jsxs(ResponsiveAlertDialogContent, { size: "sm", children: [_jsx(ResponsiveAlertDialogHeader, { children: _jsx(AlertDialogTitle, { children: "Vervoerder verwijderen?" }) }), _jsx(ResponsiveAlertDialogBody, { children: _jsx(AlertDialogDescription, { children: "Deze actie kan niet ongedaan gemaakt worden. Alle verzendtarieven worden ook verwijderd." }) }), _jsxs(ResponsiveAlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => deletingId && deleteMutation.mutate(deletingId), className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Verwijderen" })] })] }) })] }));
 }

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

@@ -10,6 +10,10 @@ export interface WeekAgendaViewProps {
     title?: string;
     /** Toon "Afleverbrief" print-knoppen (per order + per dag). */
     showPrintButtons?: boolean;
+    /** Meld de zichtbare week zodat de pagina alleen die periode ophaalt. */
+    onWeekChange?: (weekStart: Date, weekEnd: Date) => void;
+    /** Dichtstbijzijnde datum met data buiten de zichtbare week (auto-jump). */
+    jumpToDate?: string | null;
 }
-export declare function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, showPrintButtons, }: WeekAgendaViewProps): import("react").JSX.Element;
+export declare function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, showPrintButtons, onWeekChange, jumpToDate, }: WeekAgendaViewProps): import("react").JSX.Element;
 //# sourceMappingURL=WeekAgendaView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WeekAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WeekAgendaView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAUjE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA8DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,gBAAgB,GACjB,EAAE,mBAAmB,+BAiKrB"}
+{"version":3,"file":"WeekAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WeekAgendaView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAUjE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yEAAyE;IACzE,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACxD,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AA+DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,EAAE,mBAAmB,+BAyJrB"}

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

@@ -41,44 +41,34 @@ const MODE_LABELS = {
     "transport-register": { summary: "Aanmeldingen deze week" },
     pick: { summary: "Te picken deze week" },
 };
-export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, showPrintButtons, }) {
+export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, showPrintButtons, onWeekChange, jumpToDate, }) {
     const [cursor, setCursor] = useState(() => {
         const d = new Date();
         d.setHours(0, 0, 0, 0);
         return startOfWeek(d);
     });
-    // Als er in de huidige week niks staat maar er zijn wél orders in de
-    // toekomst, spring dan éénmalig naar de eerstvolgende week met data zodat
-    // gebruikers hun orders direct zien in plaats van een lege week.
-    const autoJumpedRef = useRef(false);
+    const weekStart = useMemo(() => startOfWeek(cursor), [cursor]);
+    const weekEnd = useMemo(() => addDays(weekStart, 6), [weekStart]);
+    const weekNumber = useMemo(() => getISOWeek(weekStart), [weekStart]);
+    // Meld de zichtbare week zodat de pagina alleen die periode ophaalt.
     useEffect(() => {
-        if (autoJumpedRef.current)
+        onWeekChange?.(weekStart, weekEnd);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [weekStart.getTime()]);
+    // Is de week leeg maar bestaat er wél data elders, spring dan éénmalig naar
+    // de dichtstbijzijnde week met orders.
+    const jumpedToRef = useRef(null);
+    useEffect(() => {
+        if (isLoading || planned.length > 0 || !jumpToDate)
             return;
-        if (!planned.length)
+        if (jumpedToRef.current === jumpToDate)
             return;
-        const today = new Date();
-        today.setHours(0, 0, 0, 0);
-        const currentWeekStart = startOfWeek(today);
-        const currentWeekEnd = addDays(currentWeekStart, 6);
-        const dates = planned
-            .map((p) => dateForPlanned(p, mode))
-            .filter((d) => !!d);
-        const hasCurrent = dates.some((d) => d >= currentWeekStart && d <= new Date(currentWeekEnd.getTime() + 86399999));
-        if (hasCurrent) {
-            autoJumpedRef.current = true;
+        const target = new Date(jumpToDate);
+        if (Number.isNaN(target.getTime()))
             return;
-        }
-        const future = dates
-            .filter((d) => d > currentWeekEnd)
-            .sort((a, b) => a.getTime() - b.getTime());
-        if (future.length > 0) {
-            setCursor(startOfWeek(future[0]));
-            autoJumpedRef.current = true;
-        }
-    }, [planned, mode]);
-    const weekStart = useMemo(() => startOfWeek(cursor), [cursor]);
-    const weekEnd = useMemo(() => addDays(weekStart, 6), [weekStart]);
-    const weekNumber = useMemo(() => getISOWeek(weekStart), [weekStart]);
+        jumpedToRef.current = jumpToDate;
+        setCursor(startOfWeek(target));
+    }, [jumpToDate, planned.length, isLoading]);
     const days = useMemo(() => {
         return Array.from({ length: 7 }, (_, i) => {
             const date = addDays(weekStart, i);

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

@@ -3,6 +3,8 @@ export declare const ENGINE_TASKS_KEY: string[];
 export declare function useEngineTasks(options?: {
     taskTypes?: string[];
     statuses?: string[];
+    plannedFrom?: string | null;
+    plannedTo?: string | null;
 }): {
     tasks: EngineTask[];
     isLoading: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useEngineTasks.d.ts","sourceRoot":"","sources":["../../src/hooks/useEngineTasks.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,eAAO,MAAM,gBAAgB,UAAsB,CAAC;AAIpD,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE;;;;;EAsCrF;AAED,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAShF"}
+{"version":3,"file":"useEngineTasks.d.ts","sourceRoot":"","sources":["../../src/hooks/useEngineTasks.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,eAAO,MAAM,gBAAgB,UAAsB,CAAC;AAIpD,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE;IACvC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;;;;;EAmDA;AAED,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAShF"}

package/dist-lib/hooks/useEngineTasks.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/client";
 import { listEngineTasks } from "../lib/logisticsEngine/engine";
@@ -8,22 +8,37 @@ export function useEngineTasks(options) {
     const qc = useQueryClient();
     const taskTypes = options?.taskTypes;
     const statuses = options?.statuses ?? OPEN_STATUSES;
+    const plannedFrom = options?.plannedFrom ?? null;
+    const plannedTo = options?.plannedTo ?? null;
     const query = useQuery({
-        queryKey: [...ENGINE_TASKS_KEY, taskTypes ?? "all", statuses],
-        queryFn: () => listEngineTasks({ taskTypes, statuses }),
+        queryKey: [...ENGINE_TASKS_KEY, taskTypes ?? "all", statuses, plannedFrom, plannedTo],
+        queryFn: () => listEngineTasks({ taskTypes, statuses, plannedFrom, plannedTo }),
         retry: false,
+        staleTime: 30000,
+        placeholderData: (prev) => prev,
         refetchInterval: 60000,
         refetchIntervalInBackground: false,
         refetchOnWindowFocus: true,
     });
+    // Realtime-updates komen in bursts binnen als de Engine een batch plant;
+    // daarom gebundeld invalideren in plaats van per rij.
+    const timerRef = useRef(null);
     useEffect(() => {
         const channel = supabase
             .channel("engine-tasks")
             .on("postgres_changes", { event: "*", schema: "public", table: "logistics_tasks" }, () => {
-            void qc.invalidateQueries({ queryKey: ENGINE_TASKS_KEY });
+            if (timerRef.current)
+                return;
+            timerRef.current = setTimeout(() => {
+                timerRef.current = null;
+                void qc.invalidateQueries({ queryKey: ENGINE_TASKS_KEY });
+            }, 2000);
         })
             .subscribe();
         return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+            timerRef.current = null;
             void supabase.removeChannel(channel);
         };
     }, [qc]);

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

@@ -12,12 +12,23 @@ export interface PlannedOrder {
 }
 export interface UseOrderPlanningResult {
     planned: PlannedOrder[];
+    /** Dichtstbijzijnde leverdatum buiten het venster (leeg venster → auto-jump). */
+    nearestDeliveryDate?: string | null;
     /** Orders die op een Engine-taak wachten en dus niet zijn ingedeeld. */
     awaiting: PlannedOrder[];
+    /** Foutmelding als het signaal naar de Engine niet verstuurd kon worden. */
+    signalError?: string | null;
+    /** Tijdstip van de laatst bekende Engine-ronde (nieuwste taak). */
+    lastEngineRun?: string | null;
     isLoading: boolean;
     error?: string;
     warning?: string;
     refetch: () => void;
 }
-export declare function useOrderPlanning(): UseOrderPlanningResult;
+export interface UseOrderPlanningOptions {
+    /** Leverdatumvenster (YYYY-MM-DD). Zonder venster laadt de module te veel. */
+    from?: string;
+    to?: string;
+}
+export declare function useOrderPlanning(range?: UseOrderPlanningOptions): UseOrderPlanningResult;
 //# sourceMappingURL=useOrderPlanning.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOrderPlanning.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderPlanning.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,qEAAqE;IACrE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,uEAAuE;IACvE,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wEAAwE;IACxE,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,wBAAgB,gBAAgB,IAAI,sBAAsB,CA6LzD"}
+{"version":3,"file":"useOrderPlanning.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderPlanning.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,qEAAqE;IACrE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,uEAAuE;IACvE,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,wEAAwE;IACxE,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,WAAW,uBAAuB;IACtC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,uBAAuB,GAAG,sBAAsB,CAwOxF"}

package/dist-lib/hooks/useOrderPlanning.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { getFloridayOrders } from "../lib/floriday.functions";
@@ -12,15 +12,17 @@ import { emitEngineEvent } from "../lib/logisticsEngine/engine";
 function orderRefsFor(order) {
     return [order.orderNumber, order.id].filter((v) => Boolean(v));
 }
-export function useOrderPlanning() {
+export function useOrderPlanning(range) {
+    const from = range?.from ?? null;
+    const to = range?.to ?? null;
     const fetchOrders = useServerFn(getFloridayOrders);
     const fetchSettings = useServerFn(getAfhandelingSettings);
     const fetchCarriers = useServerFn(listCarriers);
     const ordersQuery = useQuery({
-        queryKey: ["floriday", "orders"],
+        queryKey: ["floriday", "orders", from, to],
         queryFn: async () => {
             try {
-                const result = await fetchOrders();
+                const result = await fetchOrders({ data: { from: from ?? undefined, to: to ?? undefined } });
                 if (result.error) {
                     console.warn("[useOrderPlanning] orders loaded with warning", {
                         message: result.error,
@@ -48,7 +50,9 @@ export function useOrderPlanning() {
                 return { orders: [], error: message };
             }
         },
-        retry: false,
+        retry: 1,
+        staleTime: 30000,
+        placeholderData: (prev) => prev,
         refetchInterval: 60000,
         refetchIntervalInBackground: false,
         refetchOnWindowFocus: true,
@@ -77,6 +81,8 @@ export function useOrderPlanning() {
     });
     const { tasks: engineTasks, isLoading: tasksLoading, refetch: refetchTasks } = useEngineTasks({
         taskTypes: ["load.compose", "pick.execute"],
+        plannedFrom: from,
+        plannedTo: to,
     });
     const { composeByRef, pickByRef } = useMemo(() => {
         const compose = new Map();
@@ -155,33 +161,66 @@ export function useOrderPlanning() {
         });
     }, [ordersQuery.data, settingsQuery.data, carriersQuery.data, composeByRef, pickByRef]);
     // Orders zonder taak melden we bij de Engine; zelf indelen mag niet.
+    // Alleen bij succes markeren als gemeld, zodat een mislukte melding
+    // bij de volgende ronde opnieuw geprobeerd wordt.
     const announced = useRef(new Set());
+    const inFlight = useRef(new Set());
+    const [signalError, setSignalError] = useState(null);
     useEffect(() => {
-        for (const item of planned) {
-            if (!item.awaitingEngine || item.engineTask)
-                continue;
-            const ref = item.order.orderNumber || item.order.id;
-            if (!ref || announced.current.has(ref))
-                continue;
-            announced.current.add(ref);
-            void emitEngineEvent({
-                eventType: "order.received",
-                orderRef: ref,
-                shadow: true,
-                payload: {
-                    source: item.order.source,
-                    customerRef: item.order.customerName,
-                    deliveryDate: item.order.deliveryDate,
-                    deliveryType: item.order.deliveryType,
-                    lineCount: item.order.lineCount,
-                    hasStickers: Boolean(item.order.hasStickers),
-                },
-            });
-        }
+        let cancelled = false;
+        void (async () => {
+            for (const item of planned) {
+                if (!item.awaitingEngine || item.engineTask)
+                    continue;
+                const ref = item.order.orderNumber || item.order.id;
+                if (!ref || announced.current.has(ref) || inFlight.current.has(ref))
+                    continue;
+                inFlight.current.add(ref);
+                const result = await emitEngineEvent({
+                    eventType: "order.received",
+                    orderRef: ref,
+                    shadow: true,
+                    payload: {
+                        source: item.order.source,
+                        customerRef: item.order.customerName,
+                        deliveryDate: item.order.deliveryDate,
+                        deliveryType: item.order.deliveryType,
+                        lineCount: item.order.lineCount,
+                        hasStickers: Boolean(item.order.hasStickers),
+                    },
+                });
+                inFlight.current.delete(ref);
+                if (cancelled)
+                    return;
+                if (result.ok) {
+                    announced.current.add(ref);
+                    setSignalError(null);
+                }
+                else {
+                    setSignalError(result.error ?? "Melding aan de Logistics Engine is mislukt.");
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
     }, [planned]);
+    // Tijdstip van de laatste Engine-ronde: nieuwste taak die we kennen.
+    const lastEngineRun = useMemo(() => {
+        let latest = null;
+        for (const t of engineTasks) {
+            const ts = t.created_at ?? null;
+            if (ts && (!latest || ts > latest))
+                latest = ts;
+        }
+        return latest;
+    }, [engineTasks]);
     return {
         planned,
+        nearestDeliveryDate: ordersQuery.data?.nearestDeliveryDate ?? null,
         awaiting: planned.filter((p) => p.awaitingEngine),
+        signalError,
+        lastEngineRun,
         isLoading: ordersQuery.isLoading || settingsQuery.isLoading || carriersQuery.isLoading || tasksLoading,
         error: ordersQuery.data?.orders?.length ? undefined : ordersQuery.data?.error,
         warning: ordersQuery.data?.orders?.length ? ordersQuery.data?.error : undefined,