@flowselections/pick-schermen-kwekers 1.0.21 → 1.0.23

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":"AAqCA,OAAO,EAUL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AA0B7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAeD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAgrDpD"}
+{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAUL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AA2B7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAeD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAotDpD"}

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

@@ -11,6 +11,7 @@ import { getSessionId, pickApi } from "../../lib/pickApi";
 import { sendLogisticsEvent } from "../../lib/logisticsApi";
 import { completeLogisticsTaskForItem } from "../../lib/pickPrint";
 import { isPdfOnlyFailure, pickReadiness, printedCartIdsOf, pdfSaveWarning, unitRefOf, unitTitleOf, } from "../../lib/pickTypes";
+import { rowFingerprint, rowsToVerify } from "../../lib/pickVerify";
 import { getPickTranslator } from "../../lib/pickI18n";
 import { friendlyPickError, getPickUiTexts } from "../../lib/pickUiText";
 import { getPrintJobTexts, printJobStatusLabel } from "../../lib/pickPrintJobText";
@@ -139,12 +140,20 @@ 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, rebuiltAt, } = usePickQueue({
+    const { items, total, loading, lockedIds, refresh, pendingCount, printedCount, urgentCount, realtimeOk, pickDay, rebuiltAt, syncError, } = usePickQueue({
         stationId: station.id,
         filters: effectiveFilters,
         enabled: lang !== null,
         pickDayOverride: chosenDay,
     });
+    // Eén toast per nieuwe syncfout; de rode balk blijft staan tot hij is opgelost.
+    const lastSyncError = useRef(null);
+    useEffect(() => {
+        if (syncError && syncError !== lastSyncError.current) {
+            toast.error(`Pickwachtrij kan niet worden bijgewerkt: ${syncError}`);
+        }
+        lastSyncError.current = syncError;
+    }, [syncError]);
     const { data: pickDays } = usePickDays(lang !== null);
     const safePickDays = Array.isArray(pickDays) ? pickDays : [];
     const dayLabel = useCallback((day) => new Date(`${day}T00:00:00`).toLocaleDateString(t.lang === "en" ? "en-GB" : "nl-NL", {
@@ -252,37 +261,57 @@ export function PickScherm({ station, onBack }) {
     const visibleIdsKey = useMemo(() => (Array.isArray(items) ? items.map((item) => item.id).join(",") : ""), [items]);
     const itemsRef = useRef([]);
     itemsRef.current = Array.isArray(items) ? items : [];
+    const verifyMemo = useRef(new Map());
     useEffect(() => {
         let cancelled = false;
+        let running = false;
         const verifyVisibleRows = async () => {
+            if (running)
+                return;
             const visibleItems = itemsRef.current;
-            setCheckProgress({ done: 0, total: visibleItems.length });
-            if (visibleItems.length === 0)
+            const todo = rowsToVerify(visibleItems, verifyMemo.current, Date.now());
+            if (todo.length === 0)
                 return;
-            let done = 0;
-            await Promise.all(visibleItems.map(async (item) => {
-                let entry = {
-                    checking: false,
-                    ready: false,
-                    reason: "De bron kon de pakbon nog niet bevestigen.",
-                };
-                try {
-                    const [plan, status] = await Promise.all([
-                        pickApi.queueCartPlan(item.id),
-                        pickApi.cartPlanStatus(unitRefOf(item)),
-                    ]);
-                    const state = pickReadiness(plan, status, item);
-                    entry = { checking: false, ready: state.ready, reason: state.reason };
-                }
-                catch {
-                    // fail closed: de regel blijft "Pakbon ophalen"
+            // Laadbalk alleen voor regels die nog nooit gecontroleerd zijn.
+            const fresh = todo.filter((item) => !verifyMemo.current.has(item.id)).length;
+            if (fresh > 0)
+                setCheckProgress({ done: 0, total: fresh });
+            running = true;
+            const next = {};
+            try {
+                const results = await pickApi.verifyRows(todo.map((item) => ({ id: item.id, ref: unitRefOf(item) || null })));
+                const byId = new Map(results.map((r) => [r.id, r]));
+                const now = Date.now();
+                for (const item of todo) {
+                    const r = byId.get(item.id);
+                    let entry = {
+                        checking: false,
+                        ready: false,
+                        reason: "De bron kon de pakbon nog niet bevestigen.",
+                    };
+                    if (r && !r.error) {
+                        const state = pickReadiness(r.plan, r.status, item);
+                        entry = { checking: false, ready: state.ready, reason: state.reason };
+                    }
+                    next[item.id] = entry;
+                    verifyMemo.current.set(item.id, {
+                        fingerprint: rowFingerprint(item),
+                        ready: entry.ready,
+                        checkedAt: now,
+                    });
                 }
-                if (cancelled)
-                    return;
-                done += 1;
-                setReadinessById((prev) => ({ ...prev, [item.id]: entry }));
-                setCheckProgress({ done, total: visibleItems.length });
-            }));
+            }
+            catch {
+                // fail closed: bestaande uitkomst blijft staan; nooit bevestigde regels blijven "Pakbon ophalen"
+            }
+            finally {
+                running = false;
+            }
+            if (cancelled)
+                return;
+            if (Object.keys(next).length > 0)
+                setReadinessById((prev) => ({ ...prev, ...next }));
+            setCheckProgress({ done: 0, total: 0 });
         };
         void verifyVisibleRows();
         const timer = window.setInterval(() => void verifyVisibleRows(), 15000);
@@ -1001,7 +1030,7 @@ export function PickScherm({ station, onBack }) {
             : Math.round((checkDone / checkTotal) * 100);
     return (_jsxs("div", { className: "space-y-4 pb-24 md:pb-0", children: [busyLoading && (_jsxs("div", { className: "space-y-1", role: "status", "aria-live": "polite", "aria-label": "Gegevens worden geladen", children: [_jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [_jsx("span", { children: loading || loadingDay
                                     ? "Wachtrij wordt geladen…"
-                                    : `Pakbonnen controleren bij de bron (${checkDone} van ${checkTotal})` }), _jsxs("span", { className: "tabular-nums", children: [loadPercent, "%"] })] }), _jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full bg-primary transition-all duration-300", style: { width: `${Math.max(5, loadPercent)}%` } }) })] })), _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, { variant: "outline", size: "lg", className: "hidden h-14 px-5 md:inline-flex", disabled: fetchingNotes, onClick: () => void fetchShippingNotes(), children: [fetchingNotes ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(FileDown, { className: "mr-2 h-5 w-5" })), fetchingNotes ? "Ophalen…" : "Verzendbrieven ophalen"] }), cartsPerPrint != null && (_jsxs(Button, { size: "lg", className: "hidden h-14 px-6 text-lg md:inline-flex", disabled: loading || batchPrinting || busyId != null, onClick: () => void printNextCarts(), children: [batchPrinting ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), "Print eerstvolgende ", cartsPerPrint, " karren"] })), _jsxs(Button, { size: "lg", className: "hidden h-14 px-8 text-lg md:inline-flex", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null || fetchingData, children: [busyId !== null || fetchingData ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : pending && !readiness.ready ? (_jsx(RefreshCw, { className: "mr-2 h-5 w-5" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), pending && !readiness.ready ? "Pakbon ophalen" : 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 || fetchingData, variant: readiness.ready ? "default" : "secondary", children: [busyId === "confirm" || fetchingData ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : readiness.ready ? (_jsx(Printer, { className: "mr-2 h-5 w-5" })) : (_jsx(RefreshCw, { className: "mr-2 h-5 w-5" })), readiness.ready ? t("print") : "Pakbon ophalen"] })] })] }), !readiness.ready && (_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: fetchingData
+                                    : `Pakbonnen controleren bij de bron (${checkDone} van ${checkTotal})` }), _jsxs("span", { className: "tabular-nums", children: [loadPercent, "%"] })] }), _jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full bg-primary transition-all duration-300", style: { width: `${Math.max(5, loadPercent)}%` } }) })] })), _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, { variant: "outline", size: "lg", className: "hidden h-14 px-5 md:inline-flex", disabled: fetchingNotes, onClick: () => void fetchShippingNotes(), children: [fetchingNotes ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(FileDown, { className: "mr-2 h-5 w-5" })), fetchingNotes ? "Ophalen…" : "Verzendbrieven ophalen"] }), cartsPerPrint != null && (_jsxs(Button, { size: "lg", className: "hidden h-14 px-6 text-lg md:inline-flex", disabled: loading || batchPrinting || busyId != null, onClick: () => void printNextCarts(), children: [batchPrinting ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), "Print eerstvolgende ", cartsPerPrint, " karren"] })), _jsxs(Button, { size: "lg", className: "hidden h-14 px-8 text-lg md:inline-flex", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null || fetchingData, children: [busyId !== null || fetchingData ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : pending && !readiness.ready ? (_jsx(RefreshCw, { className: "mr-2 h-5 w-5" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), pending && !readiness.ready ? "Pakbon ophalen" : t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] })] }), syncError && (_jsxs("div", { role: "alert", 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" }), _jsxs("span", { children: ["Pickwachtrij kan niet worden bijgewerkt: ", syncError] })] })), !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 || fetchingData, variant: readiness.ready ? "default" : "secondary", children: [busyId === "confirm" || fetchingData ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : readiness.ready ? (_jsx(Printer, { className: "mr-2 h-5 w-5" })) : (_jsx(RefreshCw, { className: "mr-2 h-5 w-5" })), readiness.ready ? t("print") : "Pakbon ophalen"] })] })] }), !readiness.ready && (_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: fetchingData
                                         ? "De pakbon wordt bij de bron opgevraagd. Zodra alles compleet is, verschijnt de printknop weer."
                                         : planReason
                                             ? `${planReason} Klik op "Pakbon ophalen" om hem bij de bron op te vragen.`

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

@@ -1,15 +1,15 @@
-export declare function usePickCountries(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickCountry[]>, Error>;
-export declare function usePickStatuses(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickStatus[]>, Error>;
-export declare function usePickPrinters(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickPrinter[]>, Error>;
-export declare function usePickDocumentTypes(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickDocumentType[]>, Error>;
-export declare function usePickStationTypes(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickStationType[]>, Error>;
-export declare function usePickTasks(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickTask[]>, Error>;
-export declare function usePickStations(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickStation[]>, Error>;
+export declare function usePickCountries(): import("@tanstack/react-query").UseQueryResult<import("..").PickCountry[], Error>;
+export declare function usePickStatuses(): import("@tanstack/react-query").UseQueryResult<import("..").PickStatus[], Error>;
+export declare function usePickPrinters(): import("@tanstack/react-query").UseQueryResult<import("..").PickPrinter[], Error>;
+export declare function usePickDocumentTypes(): import("@tanstack/react-query").UseQueryResult<import("..").PickDocumentType[], Error>;
+export declare function usePickStationTypes(): import("@tanstack/react-query").UseQueryResult<import("..").PickStationType[], Error>;
+export declare function usePickTasks(): import("@tanstack/react-query").UseQueryResult<import("..").PickTask[], Error>;
+export declare function usePickStations(): import("@tanstack/react-query").UseQueryResult<import("..").PickStation[], Error>;
 /** Actieve printplekken uit de Layout maker. */
-export declare function usePickPrintPlekken(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickPrintPlek[]>, Error>;
+export declare function usePickPrintPlekken(): import("@tanstack/react-query").UseQueryResult<import("..").PickPrintPlek[], Error>;
 /** Koppelingen pickstation → printplek (beheerpagina). */
-export declare function useStationPrintPlekken(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickStationPrintPlekRow[]>, Error>;
+export declare function useStationPrintPlekken(): import("@tanstack/react-query").UseQueryResult<import("..").PickStationPrintPlekRow[], Error>;
 /** De printplek van één pickstation (ook in openbare pickschermen). */
-export declare function useStationPrintPlek(stationId?: string): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickStationPrintPlek | null>, Error>;
-export declare function usePickScreens(stationId?: string): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickScreen[]>, Error>;
+export declare function useStationPrintPlek(stationId?: string): import("@tanstack/react-query").UseQueryResult<import("..").PickStationPrintPlek | null, Error>;
+export declare function usePickScreens(stationId?: string): import("@tanstack/react-query").UseQueryResult<import("..").PickScreen[], Error>;
 //# sourceMappingURL=usePickConfig.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePickConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickConfig.ts"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,+FAE/B;AACD,wBAAgB,eAAe,8FAE9B;AACD,wBAAgB,eAAe,+FAE9B;AACD,wBAAgB,oBAAoB,oGAEnC;AACD,wBAAgB,mBAAmB,mGAElC;AACD,wBAAgB,YAAY,4FAE3B;AACD,wBAAgB,eAAe,+FAE9B;AACD,gDAAgD;AAChD,wBAAgB,mBAAmB,iGAElC;AACD,0DAA0D;AAC1D,wBAAgB,sBAAsB,2GAKrC;AACD,uEAAuE;AACvE,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,MAAM,4GAMrD;AAED,wBAAgB,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,6FAKhD"}
+{"version":3,"file":"usePickConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickConfig.ts"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,sFAE/B;AACD,wBAAgB,eAAe,qFAE9B;AACD,wBAAgB,eAAe,sFAE9B;AACD,wBAAgB,oBAAoB,2FAEnC;AACD,wBAAgB,mBAAmB,0FAElC;AACD,wBAAgB,YAAY,mFAE3B;AACD,wBAAgB,eAAe,sFAE9B;AACD,gDAAgD;AAChD,wBAAgB,mBAAmB,wFAElC;AACD,0DAA0D;AAC1D,wBAAgB,sBAAsB,kGAKrC;AACD,uEAAuE;AACvE,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,MAAM,mGAMrD;AAED,wBAAgB,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,oFAKhD"}

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

@@ -33,6 +33,8 @@ export declare function usePickQueue(args: {
     error: string | null;
     lockedIds: Set<string>;
     realtimeOk: boolean;
+    /** Letterlijke fout uit de wachtrij-synchronisatie, of null. */
+    syncError: string | null;
     /** Tijdstip van de laatste heropbouw na een buffer-seintje van de Engine. */
     rebuiltAt: number | null;
     refresh: () => void;
@@ -44,10 +46,10 @@ export declare function usePickHeartbeat(stationId?: string, screenId?: string |
 export declare function usePickCountryCounts(args: {
     stationId?: string;
     screenId?: string;
-}): import("@tanstack/react-query").UseQueryResult<NoInfer<Record<string, number>>, Error>;
+}): import("@tanstack/react-query").UseQueryResult<Record<string, number>, Error>;
 /** Pickdagen waarop nog orders klaarstaan (vandaag en later). */
-export declare function usePickDays(enabled?: boolean): import("@tanstack/react-query").UseQueryResult<NoInfer<{
+export declare function usePickDays(enabled?: boolean): import("@tanstack/react-query").UseQueryResult<{
     day: string;
     orders: number;
-}[]>, Error>;
+}[], Error>;
 //# sourceMappingURL=usePickQueue.d.ts.map

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;;;;;;;;;;;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"}
+{"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;;;;;;;;;;;IA0LG,gEAAgE;;IAEhE,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,iFAOnF;AACD,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,OAAO,UAAO;;;YAQzC"}

package/dist-lib/hooks/usePickQueue.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { keepPreviousData, useQuery, useQueryClient } from "@tanstack/react-query";
 import { pickApi, pickDb } from "../lib/pickApi";
 import { safeArray } from "../lib/pickTypes";
 export const defaultFilters = {
@@ -24,7 +24,15 @@ export function usePickQueue(args) {
         queryKey: ["pick", "sync"],
         enabled,
         queryFn: async () => {
-            await pickApi.syncQueue();
+            // Syncfout wordt als waarde teruggegeven zodat de wachtrij blijft laden
+            // maar de fout zichtbaar in beeld komt.
+            let syncError = null;
+            try {
+                await pickApi.syncQueue();
+            }
+            catch (e) {
+                syncError = e instanceof Error ? e.message : String(e);
+            }
             // Bewaking: orders zonder karplan meteen bij de Engine melden. Mislukt
             // dit, dan mag de wachtrij daar niet op stuklopen.
             try {
@@ -33,7 +41,7 @@ export function usePickQueue(args) {
             catch {
                 /* bewaking is aanvullend, nooit blokkerend */
             }
-            return Date.now();
+            return { at: Date.now(), syncError };
         },
         staleTime: 60000,
         refetchInterval: 60000,
@@ -75,7 +83,8 @@ export function usePickQueue(args) {
     useEffect(() => {
         if (rebuildCount <= 0)
             return;
-        queryClient.removeQueries({ queryKey: ["pick", "queue"] });
+        // Verouderd markeren en vers ophalen; de oude lijst blijft staan tot de nieuwe binnen is.
+        queryClient.invalidateQueries({ queryKey: ["pick", "queue"], refetchType: "all" });
         queryClient.invalidateQueries({ queryKey: ["pick", "pickDay"] });
         queryClient.invalidateQueries({ queryKey: ["pick", "pickDays"] });
         queryClient.invalidateQueries({ queryKey: ["pick", "dayCounts"] });
@@ -99,11 +108,13 @@ export function usePickQueue(args) {
             page: filters.page,
             pageSize: filters.pageSize,
         }),
+        placeholderData: keepPreviousData,
     });
     const countsQuery = useQuery({
         queryKey: ["pick", "dayCounts", stationId ?? "-", screenId ?? "-", pickDay ?? "-"],
         enabled: enabled && !pickDayQuery.isLoading,
         queryFn: () => pickApi.dayCounts({ stationId, screenId, pickDay }),
+        placeholderData: keepPreviousData,
     });
     // Locks komen primair via realtime binnen; deze poll is alleen terugval.
     const locksQuery = useQuery({
@@ -170,6 +181,8 @@ export function usePickQueue(args) {
         error: queueQuery.error instanceof Error ? queueQuery.error.message : null,
         lockedIds,
         realtimeOk,
+        /** Letterlijke fout uit de wachtrij-synchronisatie, of null. */
+        syncError: syncQuery.data?.syncError ?? null,
         /** Tijdstip van de laatste heropbouw na een buffer-seintje van de Engine. */
         rebuiltAt,
         refresh: invalidateNow,

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

@@ -1,4 +1,4 @@
 export declare const PICK_REFERENCE_QUERY_KEY: readonly ["pick", "referenceData"];
 /** Eén bron voor de instellingenkaart en de waarschuwingsbanner. */
-export declare function usePickReferenceData(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickReferenceStatus>, Error>;
+export declare function usePickReferenceData(): import("@tanstack/react-query").UseQueryResult<import("..").PickReferenceStatus, Error>;
 //# sourceMappingURL=usePickReferenceData.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePickReferenceData.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickReferenceData.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,oCAAqC,CAAC;AAE3E,oEAAoE;AACpE,wBAAgB,oBAAoB,qGAKnC"}
+{"version":3,"file":"usePickReferenceData.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickReferenceData.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,oCAAqC,CAAC;AAE3E,oEAAoE;AACpE,wBAAgB,oBAAoB,4FAKnC"}