@flowselections/pick-schermen-kwekers 1.0.18 → 1.0.19

package/README.md

@@ -1,24 +1,24 @@
-# pick schermen kwekers
-
-blank project start
-
-This project was built with [Lovable](https://lovable.dev).
-
-## Build with Lovable
-
-Continue developing this project in the [Lovable editor](https://lovable.dev/projects/f7462658-1d60-42f1-8e22-dbefe36f44ef).
-
-- **Ship faster**: describe what you want to build and Lovable handles the code.
-- **Stay in sync**: every change made in Lovable is committed straight to this repository.
-- **Full ownership**: this code is yours. Push to `main` on GitHub and your changes sync back into Lovable, ready for your next prompt.
-
-## Development
-
-Prefer working locally? You need Node.js and npm — [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating).
-
-```sh
-git clone <this-repository-url>
-cd <repository-name>
-npm i
-npm run dev
-```
+# pick schermen kwekers
+
+blank project start
+
+This project was built with [Lovable](https://lovable.dev).
+
+## Build with Lovable
+
+Continue developing this project in the [Lovable editor](https://lovable.dev/projects/f7462658-1d60-42f1-8e22-dbefe36f44ef).
+
+- **Ship faster**: describe what you want to build and Lovable handles the code.
+- **Stay in sync**: every change made in Lovable is committed straight to this repository.
+- **Full ownership**: this code is yours. Push to `main` on GitHub and your changes sync back into Lovable, ready for your next prompt.
+
+## Development
+
+Prefer working locally? You need Node.js and npm — [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating).
+
+```sh
+git clone <this-repository-url>
+cd <repository-name>
+npm i
+npm run dev
+```

package/dist-lib/components/TemplateModulePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TemplateModulePage(): import("react").JSX.Element;
+//# sourceMappingURL=TemplateModulePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateModulePage.d.ts","sourceRoot":"","sources":["../../src/components/TemplateModulePage.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,kBAAkB,gCAmFjC"}

package/dist-lib/components/TemplateModulePage.js

@@ -0,0 +1,44 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// ============================================================================
+// src/components/TemplateModulePage.tsx — EXAMPLE PAGE COMPONENT
+// ============================================================================
+// Pagina-componenten horen in src/components/, NIET alleen in src/routes/.
+// src/routes/ wordt NIET naar npm gepubliceerd (zie tsconfig.build.json exclude).
+//
+// GEEN <Header /> hier — die zit in _authenticated.tsx via staticData.title
+// ============================================================================
+import { useState, useEffect } from "react";
+import { useAuth, supabase, Button, Card, CardContent, CardHeader, CardTitle, toast, } from "@flowselections/core";
+import { TemplateModuleLogo } from './TemplateModuleLogo';
+export function TemplateModulePage() {
+    // Auth is guaranteed — this user is already logged in
+    const { user, isAdmin } = useAuth();
+    // Example state — replace with your own
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        loadData();
+    }, []);
+    const loadData = async () => {
+        setLoading(true);
+        try {
+            // Example query — replace "products" with your table
+            const { data, error } = await supabase
+                .from("products")
+                .select("*")
+                .limit(10);
+            if (error)
+                throw error;
+            // ✅ Altijd Array.isArray bewaken op server-function data
+            // const safeItems = Array.isArray(data?.items) ? data.items : [];
+            setItems(Array.isArray(data) ? data : []);
+        }
+        catch {
+            toast.error("Fout bij het laden van gegevens");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [isAdmin && (_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Ingelogd als admin: ", user?.email] })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Overzicht" }) }), _jsxs(CardContent, { children: [loading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Laden..." })) : items.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen gegevens gevonden." })) : (_jsxs("p", { className: "text-sm", children: [items.length, " items geladen."] })), _jsx(Button, { onClick: loadData, className: "mt-4", disabled: loading, children: "Vernieuwen" })] })] }), _jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(TemplateModuleLogo, { className: "w-6 h-6 text-primary" }), _jsx("span", { children: "SVG-component (voorkeur voor vector-logo's)" })] })] }));
+}

package/dist-lib/components/pick/PickScherm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAOL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAmB7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAcD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BA4uCpD"}
+{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAOL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAmB7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAcD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAwwCpD"}

package/dist-lib/components/pick/PickScherm.js

@@ -35,6 +35,7 @@ export function PickScherm({ station, onBack }) {
     const [busyId, setBusyId] = useState(null);
     const [pending, setPending] = useState(null);
     const [cartPlan, setCartPlan] = useState(null);
+    const [planReason, setPlanReason] = useState(null);
     const [activeCartId, setActiveCartId] = useState(null);
     const [lastPrinted, setLastPrinted] = useState(null);
     const [previewItem, setPreviewItem] = useState(null);
@@ -73,7 +74,7 @@ export function PickScherm({ station, onBack }) {
         return () => clearTimeout(timer);
     }, [searchInput]);
     const effectiveFilters = useMemo(() => ({ ...filters, country: null, sortRules: [] }), [filters]);
-    const { items, total, loading, lockedIds, refresh, pendingCount, printedCount, urgentCount, realtimeOk, pickDay, } = usePickQueue({
+    const { items, total, loading, lockedIds, refresh, pendingCount, printedCount, urgentCount, realtimeOk, pickDay, rebuiltAt, } = usePickQueue({
         stationId: station.id,
         filters: effectiveFilters,
         enabled: lang !== null,
@@ -86,6 +87,21 @@ export function PickScherm({ station, onBack }) {
         day: "numeric",
         month: "short",
     }), [t.lang]);
+    /**
+     * De Engine heeft gemeld dat een buffer is gesloten of dat een order is
+     * losgekoppeld. De regels zijn opnieuw opgebouwd; de openstaande selectie en
+     * het oude karplan gaan weg zodat nooit een verouderde groepering blijft
+     * staan. Kar-id's, karnummers en barcodes van geprinte karren wijzigen niet.
+     */
+    useEffect(() => {
+        if (rebuiltAt === null)
+            return;
+        daySelectionVersion.current += 1;
+        setPending(null);
+        setCartPlan(null);
+        setActiveCartId(null);
+        autoFetched.current = false;
+    }, [rebuiltAt]);
     /** Kiest een andere pickdag en laat de Engine die dag alvast klaarzetten. */
     const chooseDay = useCallback(async (value) => {
         const day = value === "current" ? null : value;
@@ -155,8 +171,18 @@ export function PickScherm({ station, onBack }) {
         if (!plan || plan.carts.length === 0) {
             setCartPlan(null);
             setActiveCartId(null);
+            // De reden komt letterlijk uit de Engine; deze module bedenkt niets.
+            try {
+                const ref = item.order_number ?? item.document_number;
+                const status = ref ? await pickApi.cartPlanStatus(ref) : null;
+                setPlanReason(status && (!status.ready || !status.released) ? status.reason ?? null : null);
+            }
+            catch {
+                setPlanReason(null);
+            }
             return null;
         }
+        setPlanReason(null);
         setCartPlan(plan);
         const printed = new Set(printedCartIdsOf(item));
         setActiveCartId(plan.carts.find((cart) => !printed.has(cart.cartId))?.cartId ?? plan.carts[0].cartId);
@@ -737,7 +763,9 @@ export function PickScherm({ station, onBack }) {
     const jobFailed = jobStatus === "mislukt" || jobStatus === "geannuleerd";
     const batchCompleted = batch?.jobs.filter((entry) => entry.job?.status === "voltooid").length ?? 0;
     const batchFailed = batch?.jobs.filter((entry) => entry.job?.status === "mislukt" || entry.job?.status === "geannuleerd").length ?? 0;
-    return (_jsxs("div", { className: "space-y-4 pb-24 md:pb-0", children: [_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:flex-wrap md:items-center md:justify-between", children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] items-center gap-3", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-12 shrink-0 px-3 sm:px-4", onClick: () => setLang(null), "aria-label": t("changeLanguage"), children: [_jsx(Globe, { className: "h-5 w-5 sm:mr-2" }), _jsx("span", { className: "hidden sm:inline", children: t("changeLanguage") })] }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-lg font-bold text-foreground sm:text-xl", children: station.name }), _jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [pendingCount, " ", t("statusToPrint"), " \u00B7 ", printedCount, " ", t("statusPrinted")] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-12 px-3", onClick: () => shiftDay(-1), disabled: loadingDay || !(chosenDay ?? pickDay), "aria-label": ui.pickDayPrev, children: [_jsx(ChevronLeft, { className: "h-5 w-5 sm:mr-1" }), _jsx("span", { className: "hidden sm:inline", children: ui.pickDayPrev })] }), _jsx("div", { className: "flex h-12 items-center rounded-md border bg-muted px-4 text-sm font-semibold text-foreground", children: chosenDay ? dayLabel(chosenDay) : ui.pickDayToday }), _jsxs(Button, { variant: "outline", size: "lg", className: "h-12 px-3", onClick: () => shiftDay(1), disabled: loadingDay || !(chosenDay ?? pickDay), "aria-label": ui.pickDayNext, children: [_jsx("span", { className: "hidden sm:inline", children: ui.pickDayNext }), _jsx(ChevronRight, { className: "h-5 w-5 sm:ml-1" })] }), chosenDay && (_jsx(Button, { variant: "secondary", size: "lg", className: "h-12 px-4", onClick: () => void chooseDay("current"), disabled: loadingDay, children: ui.pickDayBackToToday }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [!online && (_jsxs(Badge, { className: "bg-destructive text-destructive-foreground", children: [_jsx(WifiOff, { className: "mr-1 h-3.5 w-3.5" }), " ", t("offline")] })), _jsx(Button, { variant: "outline", size: "icon", className: "h-12 w-12 shrink-0", onClick: refresh, "aria-label": t("refresh"), children: _jsx(RefreshCw, { className: "h-4 w-4" }) }), _jsxs(Button, { size: "lg", className: "hidden h-14 px-8 text-lg md:inline-flex", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] })] }), !plekLoading && !printPlek && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border-2 border-destructive/50 bg-destructive/5 p-3 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "Nog geen printplek gekoppeld \u2014 de opdracht blijft in de wachtrij staan." })] })), _jsx(ShippingNoteScan, { stationId: station.id }), !pending && emptyNotice && (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyNotice })), pending && (_jsxs(Card, { className: "border-2 border-primary", children: [_jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:p-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("confirmPrintTitle") }), _jsx("p", { className: "truncate text-xl font-bold text-foreground sm:text-2xl", children: pending.document_number ?? t("document") }), _jsx("p", { className: "truncate text-sm text-muted-foreground", children: [pending.order_number, pending.customer_name].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: cancelPending, disabled: busyId !== null, children: t("cancel") }), _jsxs(Button, { size: "lg", className: "h-14 w-full px-8 text-lg sm:w-auto", onClick: confirmPending, disabled: busyId !== null, children: [busyId === "confirm" ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("print")] })] })] }), !cartPlan && (_jsx(CardContent, { className: "border-t p-4 sm:p-5", children: _jsxs("div", { className: "flex items-start gap-2 rounded-md border bg-muted/30 p-3 text-sm text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "De karplanning voor deze order is nog niet klaar \u2014 de logistiek is automatisch op de hoogte gebracht. Zolang die ontbreekt, wordt de pakbon als \u00E9\u00E9n document geprint." })] }) })), cartPlan && (_jsx(CardContent, { className: "border-t p-4 sm:p-5", children: _jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)]", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: "Karren van deze order" }), _jsx("div", { className: "max-h-72 space-y-2 overflow-y-auto rounded-md border p-2", children: cartPlan.carts.map((cart) => {
+    return (_jsxs("div", { className: "space-y-4 pb-24 md:pb-0", children: [_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:flex-wrap md:items-center md:justify-between", children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] items-center gap-3", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-12 shrink-0 px-3 sm:px-4", onClick: () => setLang(null), "aria-label": t("changeLanguage"), children: [_jsx(Globe, { className: "h-5 w-5 sm:mr-2" }), _jsx("span", { className: "hidden sm:inline", children: t("changeLanguage") })] }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-lg font-bold text-foreground sm:text-xl", children: station.name }), _jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [pendingCount, " ", t("statusToPrint"), " \u00B7 ", printedCount, " ", t("statusPrinted")] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-12 px-3", onClick: () => shiftDay(-1), disabled: loadingDay || !(chosenDay ?? pickDay), "aria-label": ui.pickDayPrev, children: [_jsx(ChevronLeft, { className: "h-5 w-5 sm:mr-1" }), _jsx("span", { className: "hidden sm:inline", children: ui.pickDayPrev })] }), _jsx("div", { className: "flex h-12 items-center rounded-md border bg-muted px-4 text-sm font-semibold text-foreground", children: chosenDay ? dayLabel(chosenDay) : ui.pickDayToday }), _jsxs(Button, { variant: "outline", size: "lg", className: "h-12 px-3", onClick: () => shiftDay(1), disabled: loadingDay || !(chosenDay ?? pickDay), "aria-label": ui.pickDayNext, children: [_jsx("span", { className: "hidden sm:inline", children: ui.pickDayNext }), _jsx(ChevronRight, { className: "h-5 w-5 sm:ml-1" })] }), chosenDay && (_jsx(Button, { variant: "secondary", size: "lg", className: "h-12 px-4", onClick: () => void chooseDay("current"), disabled: loadingDay, children: ui.pickDayBackToToday }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [!online && (_jsxs(Badge, { className: "bg-destructive text-destructive-foreground", children: [_jsx(WifiOff, { className: "mr-1 h-3.5 w-3.5" }), " ", t("offline")] })), _jsx(Button, { variant: "outline", size: "icon", className: "h-12 w-12 shrink-0", onClick: refresh, "aria-label": t("refresh"), children: _jsx(RefreshCw, { className: "h-4 w-4" }) }), _jsxs(Button, { size: "lg", className: "hidden h-14 px-8 text-lg md:inline-flex", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] })] }), !plekLoading && !printPlek && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border-2 border-destructive/50 bg-destructive/5 p-3 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "Nog geen printplek gekoppeld \u2014 de opdracht blijft in de wachtrij staan." })] })), _jsx(ShippingNoteScan, { stationId: station.id }), !pending && emptyNotice && (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyNotice })), pending && (_jsxs(Card, { className: "border-2 border-primary", children: [_jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:p-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("confirmPrintTitle") }), _jsx("p", { className: "truncate text-xl font-bold text-foreground sm:text-2xl", children: pending.document_number ?? t("document") }), _jsx("p", { className: "truncate text-sm text-muted-foreground", children: [pending.order_number, pending.customer_name].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: cancelPending, disabled: busyId !== null, children: t("cancel") }), _jsxs(Button, { size: "lg", className: "h-14 w-full px-8 text-lg sm:w-auto", onClick: confirmPending, disabled: busyId !== null, children: [busyId === "confirm" ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("print")] })] })] }), !cartPlan && (_jsx(CardContent, { className: "border-t p-4 sm:p-5", children: _jsxs("div", { className: "flex items-start gap-2 rounded-md border bg-muted/30 p-3 text-sm text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: planReason
+                                        ? `${planReason} De logistiek is automatisch op de hoogte gebracht.`
+                                        : "De karplanning voor deze order is nog niet klaar — de logistiek is automatisch op de hoogte gebracht. Zolang die ontbreekt, wordt de pakbon als één document geprint." })] }) })), cartPlan && (_jsx(CardContent, { className: "border-t p-4 sm:p-5", children: _jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)]", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: "Karren van deze order" }), _jsx("div", { className: "max-h-72 space-y-2 overflow-y-auto rounded-md border p-2", children: cartPlan.carts.map((cart) => {
                                                 const done = printedCartIdsOf(pending).includes(cart.cartId);
                                                 const active = cart.cartId === activeCartId;
                                                 return (_jsxs("div", { role: "button", tabIndex: 0, onClick: () => setActiveCartId(cart.cartId), onKeyDown: (event) => {

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

@@ -33,6 +33,8 @@ export declare function usePickQueue(args: {
     error: string | null;
     lockedIds: Set<string>;
     realtimeOk: boolean;
+    /** Tijdstip van de laatste heropbouw na een buffer-seintje van de Engine. */
+    rebuiltAt: number | null;
     refresh: () => void;
 };
 /** Houdt bij dat dit scherm online is en ruimt verlopen locks op. */

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

@@ -1 +1 @@
-{"version":3,"file":"usePickQueue.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickQueue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG9E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,YAS5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;;;;;;;;;;;;EAoJA;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;EAuBhG;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,0FAOnF;AACD,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,OAAO,UAAO;;;aAQzC"}
+{"version":3,"file":"usePickQueue.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickQueue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG9E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,YAS5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;;;;;;;;;;;IAgLG,6EAA6E;;;EAIhF;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;EAuBhG;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,0FAOnF;AACD,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,OAAO,UAAO;;;aAQzC"}

package/dist-lib/hooks/usePickQueue.js

@@ -39,6 +39,20 @@ export function usePickQueue(args) {
         refetchInterval: 60000,
         retry: false,
     });
+    /**
+     * Seintjes van de Engine: een gesloten buffer of een losgekoppelde order.
+     * Zodra er zo'n seintje is, worden de regels opnieuw opgebouwd vanuit de
+     * Engine — de oude groepering per eenheid wordt niet meer getoond.
+     */
+    const bufferEventsQuery = useQuery({
+        queryKey: ["pick", "bufferEvents"],
+        enabled,
+        queryFn: () => pickApi.applyBufferEvents(),
+        refetchInterval: 15000,
+        retry: false,
+    });
+    const rebuildCount = bufferEventsQuery.data?.events ?? 0;
+    const [rebuiltAt, setRebuiltAt] = useState(null);
     const pickDayQuery = useQuery({
         queryKey: ["pick", "pickDay"],
         enabled: enabled && !syncQuery.isLoading,
@@ -54,6 +68,20 @@ export function usePickQueue(args) {
         queryClient.invalidateQueries({ queryKey: ["pick", "queue"] });
         queryClient.invalidateQueries({ queryKey: ["pick", "dayCounts"] });
     }, [syncQuery.data, queryClient]);
+    /**
+     * Na een buffer-seintje: de oude regels uit het geheugen gooien en alles
+     * opnieuw ophalen bij de Engine. Niets uit cache tonen.
+     */
+    useEffect(() => {
+        if (rebuildCount <= 0)
+            return;
+        queryClient.removeQueries({ queryKey: ["pick", "queue"] });
+        queryClient.invalidateQueries({ queryKey: ["pick", "pickDay"] });
+        queryClient.invalidateQueries({ queryKey: ["pick", "pickDays"] });
+        queryClient.invalidateQueries({ queryKey: ["pick", "dayCounts"] });
+        queryClient.invalidateQueries({ queryKey: ["pick", "countryCounts"] });
+        setRebuiltAt(Date.now());
+    }, [rebuildCount, bufferEventsQuery.dataUpdatedAt, queryClient]);
     const key = useMemo(() => ["pick", "queue", stationId ?? "-", screenId ?? "-", pickDay ?? "-", filters], [stationId, screenId, pickDay, filters]);
     const queueQuery = useQuery({
         queryKey: key,
@@ -142,6 +170,8 @@ export function usePickQueue(args) {
         error: queueQuery.error instanceof Error ? queueQuery.error.message : null,
         lockedIds,
         realtimeOk,
+        /** Tijdstip van de laatste heropbouw na een buffer-seintje van de Engine. */
+        rebuiltAt,
         refresh: invalidateNow,
     };
 }

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

@@ -2155,6 +2155,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     created_at: string;
                     currency: string;
                     distribute_over: string | null;
+                    external_id: string | null;
+                    external_synced_at: string | null;
                     group_type: string;
                     handling_fee: number | null;
                     id: string;
@@ -2167,6 +2169,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     rounding: string;
                     rounding_step: number;
                     sort_order: number;
+                    source: string;
                     unit: string;
                     updated_at: string;
                 };
@@ -2177,6 +2180,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     created_at?: string;
                     currency?: string;
                     distribute_over?: string | null;
+                    external_id?: string | null;
+                    external_synced_at?: string | null;
                     group_type?: string;
                     handling_fee?: number | null;
                     id?: string;
@@ -2189,6 +2194,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     rounding?: string;
                     rounding_step?: number;
                     sort_order?: number;
+                    source?: string;
                     unit?: string;
                     updated_at?: string;
                 };
@@ -2199,6 +2205,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     created_at?: string;
                     currency?: string;
                     distribute_over?: string | null;
+                    external_id?: string | null;
+                    external_synced_at?: string | null;
                     group_type?: string;
                     handling_fee?: number | null;
                     id?: string;
@@ -2211,6 +2219,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     rounding?: string;
                     rounding_step?: number;
                     sort_order?: number;
+                    source?: string;
                     unit?: string;
                     updated_at?: string;
                 };
@@ -9074,6 +9083,30 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     referencedColumns: ["id"];
                 }];
             };
+            job_locks: {
+                Row: {
+                    created_at: string;
+                    lock_key: string;
+                    locked_until: string;
+                    owner: string | null;
+                    updated_at: string;
+                };
+                Insert: {
+                    created_at?: string;
+                    lock_key: string;
+                    locked_until: string;
+                    owner?: string | null;
+                    updated_at?: string;
+                };
+                Update: {
+                    created_at?: string;
+                    lock_key?: string;
+                    locked_until?: string;
+                    owner?: string | null;
+                    updated_at?: string;
+                };
+                Relationships: [];
+            };
             layout_logos: {
                 Row: {
                     bestand_url: string;
@@ -10236,6 +10269,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     next_attempt_at: string;
                     order_id: string;
                     reason: string;
+                    reason_code: string | null;
                     status: string;
                     updated_at: string;
                 };
@@ -10248,6 +10282,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     next_attempt_at?: string;
                     order_id: string;
                     reason?: string;
+                    reason_code?: string | null;
                     status?: string;
                     updated_at?: string;
                 };
@@ -10260,6 +10295,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     next_attempt_at?: string;
                     order_id?: string;
                     reason?: string;
+                    reason_code?: string | null;
                     status?: string;
                     updated_at?: string;
                 };
@@ -10964,6 +11000,21 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     referencedColumns: ["id"];
                 }];
             };
+            logistics_tick_heartbeat: {
+                Row: {
+                    id: boolean;
+                    last_tick_at: string;
+                };
+                Insert: {
+                    id?: boolean;
+                    last_tick_at?: string;
+                };
+                Update: {
+                    id?: boolean;
+                    last_tick_at?: string;
+                };
+                Relationships: [];
+            };
             logistics_variables: {
                 Row: {
                     created_at: string;
@@ -13601,6 +13652,27 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            pick_buffer_event_cursor: {
+                Row: {
+                    created_at: string;
+                    id: boolean;
+                    last_event_at: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    created_at?: string;
+                    id?: boolean;
+                    last_event_at?: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    created_at?: string;
+                    id?: boolean;
+                    last_event_at?: string;
+                    updated_at?: string;
+                };
+                Relationships: [];
+            };
             pick_countries: {
                 Row: {
                     active: boolean;
@@ -22846,6 +22918,30 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: import("./types").Json;
             };
+            logistics_block_reason_code: {
+                Args: {
+                    p_details?: import("./types").Json;
+                    p_reason: string;
+                };
+                Returns: string;
+            };
+            logistics_blocked_orders: {
+                Args: never;
+                Returns: {
+                    attempts: number;
+                    blocked_since: string;
+                    delivery_date: string;
+                    order_id: string;
+                    order_ref: string;
+                    queue_id: string;
+                    reason: string;
+                    reason_code: string;
+                }[];
+            };
+            logistics_blocked_overview: {
+                Args: never;
+                Returns: import("./types").Json;
+            };
             logistics_buffer_criteria: {
                 Args: {
                     p_settings: import("./types").Json;
@@ -22860,6 +22956,39 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: import("./types").Json;
             };
+            logistics_buffer_detach_late_orders: {
+                Args: {
+                    p_buffer?: string;
+                };
+                Returns: import("./types").Json;
+            };
+            logistics_buffer_frozen_order: {
+                Args: {
+                    p_order_id: string;
+                };
+                Returns: boolean;
+            };
+            logistics_buffer_handled: {
+                Args: {
+                    p_buffer: string;
+                };
+                Returns: boolean;
+            };
+            logistics_buffer_notify: {
+                Args: {
+                    p_event_type: string;
+                    p_idempotency_key: string;
+                    p_order_ref: string;
+                    p_payload: import("./types").Json;
+                };
+                Returns: string;
+            };
+            logistics_buffer_open_key: {
+                Args: {
+                    p_base_key: string;
+                };
+                Returns: string;
+            };
             logistics_buffer_simulate: {
                 Args: {
                     p_orders?: import("./types").Json;
@@ -22949,6 +23078,25 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 Args: never;
                 Returns: import("./types").Json;
             };
+            logistics_cart_plan_overview: {
+                Args: {
+                    p_days?: number;
+                };
+                Returns: {
+                    cart_total: number;
+                    delivery_date: string;
+                    order_ref: string;
+                    plan_ready: boolean;
+                    reason: string;
+                    released: boolean;
+                }[];
+            };
+            logistics_cart_plan_status: {
+                Args: {
+                    p_ref: string;
+                };
+                Returns: import("./types").Json;
+            };
             logistics_cart_seq: {
                 Args: {
                     p_order_uuid?: string;
@@ -23482,6 +23630,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: boolean;
             };
+            logistics_link_order_items: {
+                Args: {
+                    p_order?: string;
+                };
+                Returns: import("./types").Json;
+            };
             logistics_live_carriers: {
                 Args: {
                     p_order_ref: string;
@@ -23508,6 +23662,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: string;
             };
+            logistics_normalize_product_label: {
+                Args: {
+                    p_label: string;
+                };
+                Returns: string;
+            };
             logistics_not_past: {
                 Args: {
                     p_ts: string;
@@ -23696,6 +23856,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 Args: never;
                 Returns: number;
             };
+            logistics_plan_retry: {
+                Args: {
+                    p_order_ids: string[];
+                };
+                Returns: number;
+            };
             logistics_plan_setting: {
                 Args: {
                     p_default: number;
@@ -23802,6 +23968,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: import("./types").Json;
             };
+            logistics_resolve_product_id: {
+                Args: {
+                    p_label: string;
+                };
+                Returns: string;
+            };
             logistics_resolve_settings: {
                 Args: {
                     p_config_id: string;
@@ -23931,6 +24103,10 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: number;
             };
+            logistics_tick_ping: {
+                Args: never;
+                Returns: string;
+            };
             logistics_upsert_task: {
                 Args: {
                     p_buffer_ref: string;
@@ -24115,6 +24291,10 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     online: boolean;
                 }[];
             };
+            pick_apply_buffer_events: {
+                Args: never;
+                Returns: import("./types").Json;
+            };
             pick_available_pick_days: {
                 Args: {
                     _max_days?: number;
@@ -25042,6 +25222,12 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: boolean;
             };
+            release_job_lock: {
+                Args: {
+                    _key: string;
+                };
+                Returns: undefined;
+            };
             release_local_pdf_job: {
                 Args: {
                     _job_id: string;
@@ -25730,6 +25916,14 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     row_count: number;
                 }[];
             };
+            try_acquire_job_lock: {
+                Args: {
+                    _key: string;
+                    _owner?: string;
+                    _seconds?: number;
+                };
+                Returns: boolean;
+            };
             try_debtor_lock: {
                 Args: {
                     _group_key: string;