@flowselections/pick-schermen-kwekers 1.0.82 → 1.0.87

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

@@ -1,42 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { showSyncingNotice } from "../../lib/pickLoadOrder.js";
 import { useQuery } from "@tanstack/react-query";
-import { Badge, Button, Card, CardContent, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
-import { AlertTriangle, ArrowLeft, CheckCircle2, ChevronLeft, ChevronRight, FileDown, Globe, Loader2, Printer, RefreshCw, Search, WifiOff, Zap, } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, toast, } from "@flowselections/core";
+import { ArrowLeft, ChevronLeft, ChevronRight, FileDown, Globe, Loader2, MoreHorizontal, Printer, Search, } from "lucide-react";
 import { LanguageTiles } from "./LanguageTiles.js";
-import { QueueTable } from "./QueueTable.js";
 import { isRowPrintable, pickDayOf, pickDayShortLabel, printBlockMessage, rowWaitOf, setKnownSiteZone } from "../../lib/pick143.js";
 import { isPickWindowNotStarted } from "../../lib/pick144.js";
 import { isForcedFor, lateSignupOf, releaseInfoOf, releaseMessage } from "../../lib/pick145.js";
 import { PreviewDialog } from "./PreviewDialog.js";
 import { ShippingNoteScan } from "./ShippingNoteScan.js";
+import { MeldingsPlek, WerkvloerKaart } from "./werkvloer/Werkvloer.js";
+import { useBrowserOnline, useIdle, useStableList } from "../../hooks/useWerkvloer.js";
+import { label, wv } from "../../lib/labels.js";
+import { ACCEPTED_STATUSES, cardSummary, groupCards, partialFailText, reprintQuestion, sentText, todoCountText, } from "../../lib/werkvloer.js";
 import { getSessionId, pickApi } from "../../lib/pickApi.js";
-import { sendLogisticsEvent } from "../../lib/logisticsApi.js";
-import { CART_PLAN_MISMATCH_MESSAGE, formatSiteTime, WORKDAYS_UNKNOWN, autoSendMessage, fetchAutoSend, isPickWorkday, mismatchReason, nextWorkday, printErrorText, PRINT_FAILED_HINT, printStageLabel, siteTimeZone, siteToday, } from "../../lib/pick142.js";
+import { CART_PLAN_MISMATCH_MESSAGE, WORKDAYS_UNKNOWN, fetchAutoSend, isPickWorkday, mismatchReason, nextWorkday, printErrorText, PRINT_FAILED_HINT, siteTimeZone, siteToday, } from "../../lib/pick142.js";
 import { completeLogisticsTaskForItem, documentTypeOf } from "../../lib/pickPrint.js";
 import { cartRowOf, isPdfOnlyFailure, pickReadiness, printedCartIdsOf, pdfSaveWarning, unitRefOf, statusRefOf, unitTitleOf, } from "../../lib/pickTypes.js";
 import { rowFingerprint, rowsToVerify } from "../../lib/pickVerify.js";
 import { VERIFY_SLOW_MESSAGE, VERIFY_SLOW_TOAST_ID, verifyDelayMs } from "../../lib/pickBackoff.js";
-import { alreadyPrintedResults, CART_MISSING_MESSAGE, cartResultLine, cartsForRow, isCartMissingError, reprintCartsIndividually, resettableJobs, runExclusive, resultsFromBatch, resultsFromBatchError, summarizeCartResults, trackableJobs, } from "../../lib/pickCartResults.js";
+import { alreadyPrintedResults, CART_MISSING_MESSAGE, cartsForRow, isCartMissingError, reprintCartsIndividually, resettableJobs, runExclusive, resultsFromBatch, resultsFromBatchError, summarizeCartResults, trackableJobs, } from "../../lib/pickCartResults.js";
 import { getPickTranslator } from "../../lib/pickI18n.js";
 import { friendlyPickError, getPickUiTexts } from "../../lib/pickUiText.js";
 import { getPrintJobTexts } from "../../lib/pickPrintJobText.js";
 import { defaultFilters, usePickDays, usePickHeartbeat, usePickQueue, } from "../../hooks/usePickQueue.js";
 import { usePickPrintStatus } from "../../hooks/usePickPrintStatus.js";
 import { useCartStickerStates } from "../../hooks/useCartStickerStates.js";
-import { activeDeviceKey } from "../../lib/pick159.js";
 import { usePickDocumentTypes, usePickStatuses, useStationPrintPlek, } from "../../hooks/usePickConfig.js";
 import { usePrintBatch, usePrintJob } from "../../hooks/usePrintJob.js";
 import { useShippingNoteStatus } from "../../hooks/useShippingNoteStatus.js";
-import { firstVisibleTarget, isJobFinished, isRowGoneError, NO_ROW_IN_FILTER_MESSAGE, RELEASE_PENDING_MESSAGE, ROW_GONE_MESSAGE, stuckMessage, stuckMinutesOf, } from "../../lib/pickRowState.js";
-import { CartItemRows, PlanWarnings } from "./CartItemRows.js";
-import { CartStickerState, OrderStickerMeldingen, StickerFitMeldingen, VroegeStickerWaarschuwing } from "./StickerState.js";
-import { StickerReprintButton } from "./StickerReprintButton.js";
+import { firstVisibleTarget, isJobFinished, isRowGoneError, NO_ROW_IN_FILTER_MESSAGE, RELEASE_PENDING_MESSAGE, ROW_GONE_MESSAGE, } from "../../lib/pickRowState.js";
+import { VroegeStickerWaarschuwing } from "./StickerState.js";
 import { isJobFailed } from "../../lib/pick142.js";
-import { isPrintBlocked } from "../../lib/pick156.js";
-import { DocumentChoiceMelding, useDocumentChoice } from "./DocumentChoiceMelding.js";
-import { isWaitingShippingNote, shippingNoteMessage, shippingNoteSourceLabel, } from "../../lib/shippingNoteStatus.js";
+import { useDocumentChoice } from "./DocumentChoiceMelding.js";
+const cardKeyFn = (c) => c.key;
 const LANG_STORAGE_KEY = "pick.language";
 /** Taal per station op dit apparaat. */
 export const langStorageKey = (stationId) => `${LANG_STORAGE_KEY}.${stationId}`;
@@ -141,7 +138,7 @@ export function PickScherm({ station, onBack }) {
     const { data: printPlek, isLoading: plekLoading } = useStationPrintPlek(station.id);
     const { tracked, track: trackJobRaw, clear: clearJob } = usePrintJob();
     const { batch, trackBatch: trackBatchRaw, clearBatch } = usePrintBatch();
-    const { shippingNotes, watchShippingNotes, clearShippingNotes, refreshShippingNotesNow, } = useShippingNoteStatus();
+    const { shippingNotes, watchShippingNotes, clearShippingNotes, refreshShippingNotesNow, } = useShippingNoteStatus(station.slug ?? null);
     const finalizedBatch = useRef(null);
     const [fetchingNotes, setFetchingNotes] = useState(false);
     /**
@@ -236,7 +233,7 @@ export function PickScherm({ station, onBack }) {
     });
     // 1.0.63: printstatus uit de Engine, één aanroep voor alle regels in beeld.
     const printStatusIds = useMemo(() => (Array.isArray(items) ? items : []).map((i) => i.id), [items]);
-    const { result: printStatus, loading: printStatusLoading, inPrint, } = usePickPrintStatus(printStatusIds, activeDeviceKey() ? station.slug ?? null : null, lang !== null);
+    const { result: printStatus, loading: printStatusLoading, inPrint, } = usePickPrintStatus(printStatusIds, station.slug ?? null, lang !== null);
     const inPrintRef = useRef(inPrint);
     inPrintRef.current = inPrint;
     // 1.0.65: stickerstand van alle karren van de order in één aanroep (openbaar station).
@@ -515,30 +512,12 @@ export function PickScherm({ station, onBack }) {
      */
     const requestData = useCallback(async (item) => {
         setFetchingData(true);
-        const ref = unitRefOf(item);
         try {
             try {
                 await pickApi.reportMissingCartPlans();
             }
-            catch {
-                /* bewaking is aanvullend, nooit blokkerend */
-            }
-            if (ref) {
-                try {
-                    await sendLogisticsEvent({
-                        event_type: "order.changed",
-                        order_ref: ref,
-                        shadow: false,
-                        payload: {
-                            reason: "pick.data_incomplete",
-                            missing: pickReadiness(cartPlan, planStatus, item).missing,
-                            queue_item_id: item.id,
-                        },
-                    });
-                }
-                catch {
-                    /* het seintje is aanvullend op de bewaking */
-                }
+            catch (error) {
+                console.error("Pickstation: ontbrekend karplan kon niet worden gemeld", error);
             }
             let lastMismatches = [];
             for (let attempt = 0; attempt < 20; attempt += 1) {
@@ -586,27 +565,8 @@ export function PickScherm({ station, onBack }) {
                 try {
                     await pickApi.reportMissingCartPlans();
                 }
-                catch {
-                    /* bewaking is aanvullend */
-                }
-                if (ref) {
-                    try {
-                        await sendLogisticsEvent({
-                            event_type: "order.changed",
-                            order_ref: ref,
-                            shadow: false,
-                            payload: {
-                                reason: "pick.cart_plan_mismatch",
-                                detail: reason,
-                                mismatches: lastMismatches,
-                                queue_item_id: item.id,
-                                idempotency_key: `pick.cart_plan_mismatch:${item.id}:${reason}`,
-                            },
-                        });
-                    }
-                    catch {
-                        /* het seintje is aanvullend op de bewaking */
-                    }
+                catch (error) {
+                    console.error("Pickstation: ontbrekend karplan kon niet worden gemeld", error);
                 }
                 return false;
             }
@@ -828,11 +788,18 @@ export function PickScherm({ station, onBack }) {
      * Is de regel nog niet printklaar, dan wordt er niet geprint maar worden de
      * ontbrekende gegevens bij de bron opgevraagd.
      */
-    const printAllForItemInner = useCallback(async (item) => {
+    const printAllForItemInner = useCallback(async (item, opts) => {
+        const quiet = opts?.quiet === true;
+        let partial = [];
         const block = printBlockMessage(item, siteTz);
         if (block) {
+            if (quiet) {
+                if (opts?.preClaimed)
+                    await releaseQuietly(item.id);
+                return { results: [], notReady: block };
+            }
             toast.warning(block);
-            return;
+            return { results: [] };
         }
         setBusyId(item.id);
         setCartMissing(false);
@@ -841,17 +808,21 @@ export function PickScherm({ station, onBack }) {
                 const { plan, readiness: state } = await loadCartPlan(item);
                 setPending(item);
                 if (!plan || !state.ready) {
+                    if (quiet)
+                        return { results: [], notReady: state.reason ?? NOT_READY_NOTICE };
                     toast.warning(state.reason ?? NOT_READY_NOTICE);
                     await requestData(item);
-                    return;
+                    return { results: [] };
                 }
                 const carts = cartsForRow(item, plan);
                 const results = await reprintCartsIndividually(carts, (cartId) => pickApi.reprintCart(item.id, sessionId, cartId));
                 setLastPrinted(item);
-                startBatchTracking(item, results);
-                showCartResults(results);
+                if (!quiet) {
+                    startBatchTracking(item, results);
+                    showCartResults(results);
+                }
                 refresh();
-                return;
+                return { results, item };
             }
             // Ook bij een rij die zojuist als klaar is getoond, direct vóór het
             // claimen opnieuw bij de Engine controleren. Een verouderde rij kan zo
@@ -859,33 +830,44 @@ export function PickScherm({ station, onBack }) {
             const preflight = await loadCartPlan(item);
             setPending(item);
             if (!preflight.plan || !preflight.readiness.ready) {
+                if (quiet) {
+                    if (opts?.preClaimed)
+                        await releaseQuietly(item.id);
+                    return { results: [], notReady: preflight.readiness.reason ?? NOT_READY_NOTICE };
+                }
                 toast.warning(preflight.readiness.reason ?? NOT_READY_NOTICE);
                 await requestData(item);
-                return;
+                return { results: [] };
             }
             // Rij met eigen kar: alleen die kar, en die moet in het karplan staan.
             cartsForRow(item, preflight.plan);
-            const claimed = await pickApi.claim({
-                itemId: item.id,
-                stationId: station.id,
-                screenId: null,
-                sessionId,
-                timeout: station.lock_timeout_seconds ?? 120,
-            });
+            // 1.0.85: door pick_claim_order_v1 al vastgezet (zelfde sessie) → niet opnieuw claimen.
+            const claimed = opts?.preClaimed
+                ? item
+                : await pickApi.claim({
+                    itemId: item.id,
+                    stationId: station.id,
+                    screenId: null,
+                    sessionId,
+                    timeout: station.lock_timeout_seconds ?? 120,
+                });
             const target = claimed ?? item;
             const { plan, readiness: state } = await loadCartPlan(target);
             setPending(target);
             if (!plan || !state.ready) {
-                toast.warning(state.reason ?? NOT_READY_NOTICE);
                 await releaseQuietly(target.id);
+                if (quiet)
+                    return { results: [], notReady: state.reason ?? NOT_READY_NOTICE };
+                toast.warning(state.reason ?? NOT_READY_NOTICE);
                 await requestData(target);
-                return;
+                return { results: [] };
             }
             const already = printedCartIdsOf(target);
             const todo = cartsForRow(target, plan).filter((cart) => !already.includes(cart.cartId));
             if (todo.length === 0) {
-                toast.info("Alle karren van deze rij zijn al geprint.");
-                return;
+                if (!quiet)
+                    toast.info("Alle karren van deze rij zijn al geprint.");
+                return { results: [], item: target, alreadyDone: already.length };
             }
             let results;
             try {
@@ -896,14 +878,25 @@ export function PickScherm({ station, onBack }) {
             }
             catch (e) {
                 results = resultsFromBatchError(todo, e, already);
-                showCartResults(results);
+                partial = results;
+                if (!quiet)
+                    showCartResults(results);
                 throw e;
             }
-            startBatchTracking(target, results);
-            showCartResults(results);
+            if (!quiet) {
+                startBatchTracking(target, results);
+                showCartResults(results);
+            }
             refresh();
+            return { results, item: target, alreadyDone: already.length };
         }
         catch (e) {
+            if (quiet) {
+                if (!item.printed_at)
+                    await releaseQuietly(item.id);
+                refresh();
+                return { results: partial, error: e };
+            }
             if (isCartMissingError(e)) {
                 setCartMissing(true);
                 toast.error(CART_MISSING_MESSAGE);
@@ -923,6 +916,7 @@ export function PickScherm({ station, onBack }) {
                 setActiveCartId(null);
             }
             refresh();
+            return { results: partial, error: e };
         }
         finally {
             setBusyId(null);
@@ -1376,6 +1370,303 @@ export function PickScherm({ station, onBack }) {
         if (pendingCount === 0)
             autoFetched.current = false;
     }, [pendingCount]);
+    // ===== 1.0.85 werkvloer: één knop, kaarten per order, vaste meldingsplek =====
+    const browserOnline = useBrowserOnline();
+    const isOnline = online && browserOnline;
+    const [tab, setTab] = useState("todo");
+    const [meerOpen, setMeerOpen] = useState(false);
+    const [showLead, setShowLead] = useState(false);
+    const [slot, setSlot] = useState({ kind: "none" });
+    const [orderBusy, setOrderBusy] = useState(false);
+    const [reprintAsk, setReprintAsk] = useState(null);
+    const ownClaimIds = useRef(new Set());
+    const orderLock = useRef(false);
+    const [orderTrack, setOrderTrack] = useState(null);
+    // Tabblad bepaalt server-side of alleen open regels komen.
+    useEffect(() => {
+        setFilters((f) => (f.onlyPending === (tab === "todo") ? f : { ...f, onlyPending: tab === "todo", page: 0 }));
+    }, [tab]);
+    const openRows = useMemo(() => (Array.isArray(items) ? items : []).filter((i) => readinessById[i.id]?.replaced !== true), [items, readinessById]);
+    const todoCards = useMemo(() => groupCards(openRows.filter((i) => !i.printed_at)), [openRows]);
+    const printedCards = useMemo(() => groupCards(openRows.filter((i) => !!i.printed_at)), [openRows]);
+    const cardStateOf = useCallback((card, mode) => {
+        const rows = card.rows;
+        if (rows.some((r) => inPrint.has(r.id)))
+            return { disabledLabel: wv("inPrint"), notReadyReason: null, statusLine: null };
+        if (rows.some((r) => lockedIds.has(r.id) && !ownClaimIds.current.has(r.id)))
+            return { disabledLabel: wv("lockedOther"), notReadyReason: null, statusLine: null };
+        const failed = rows.map((r) => printStatus?.byId.get(r.id)).find((st) => st?.code === "mislukt");
+        const statusLine = failed ? `Vorige print mislukt${failed.melding ? `: ${failed.melding}` : ""}. Druk op Print.` : null;
+        if (mode === "printed")
+            return { disabledLabel: null, notReadyReason: null, statusLine };
+        for (const r of rows) {
+            const block = printBlockMessage(r, siteTz);
+            if (block)
+                return { disabledLabel: null, notReadyReason: block, statusLine };
+            const st = readinessById[r.id];
+            if (!st || st.checking)
+                return { disabledLabel: wv("print"), notReadyReason: null, statusLine };
+            if (!st.ready)
+                return { disabledLabel: null, notReadyReason: st.notStarted ?? st.reason ?? NOT_READY_NOTICE, statusLine };
+        }
+        return { disabledLabel: null, notReadyReason: null, statusLine };
+    }, [inPrint, lockedIds, printStatus, readinessById, siteTz]);
+    const readyCards = useMemo(() => todoCards.filter((c) => { const st = cardStateOf(c, "todo"); return !st.disabledLabel && !st.notReadyReason; }), [todoCards, cardStateOf]);
+    const nextCard = readyCards[0] ?? null;
+    const printerName = printPlek?.naam ?? null;
+    /** Vaste plek: 4 s groen, rood blijft tot de volgende actie of een tik. */
+    useEffect(() => {
+        if (slot.kind !== "success")
+            return;
+        const t = window.setTimeout(() => setSlot((s) => (s.kind === "success" ? { kind: "none" } : s)), 4000);
+        return () => window.clearTimeout(t);
+    }, [slot]);
+    /** Opdrachten van de laatste order volgen tot de printer ze heeft ontvangen of ze klaar zijn. */
+    useEffect(() => {
+        if (!orderTrack || orderTrack.done)
+            return;
+        let stopped = false;
+        const ids = orderTrack.groups.flatMap((g) => g.jobs.map((j) => j.jobId));
+        const read = async () => {
+            let statuses = [];
+            try {
+                statuses = (await pickApi.printJobsStatus(ids));
+            }
+            catch (e) {
+                console.error("[pickscherm] printstatus lezen mislukt", e);
+                return;
+            }
+            if (stopped)
+                return;
+            const byId = new Map(statuses.map((st) => [st.id, st]));
+            setOrderTrack((cur) => {
+                if (!cur || cur.key !== orderTrack.key)
+                    return cur;
+                const groups = cur.groups.map((g) => ({
+                    ...g,
+                    jobs: g.jobs.map((j) => ({ ...j, status: byId.get(j.jobId)?.status ?? j.status, fout: byId.get(j.jobId)?.foutmelding ?? j.fout })),
+                }));
+                return { ...cur, groups };
+            });
+        };
+        void read();
+        const timer = window.setInterval(() => void read(), 2000);
+        return () => {
+            stopped = true;
+            window.clearInterval(timer);
+        };
+    }, [orderTrack?.key, orderTrack?.done]);
+    /** Afronden: ontvangen → groen; mislukt → alleen die karren terug in de lijst, rood vlak. */
+    useEffect(() => {
+        if (!orderTrack || orderTrack.done)
+            return;
+        const jobs = orderTrack.groups.flatMap((g) => g.jobs);
+        const failed = jobs.filter((j) => isJobFailed({ status: j.status }));
+        const final = jobs.every((j) => j.status && (["voltooid", "mislukt", "geannuleerd"].includes(j.status) || ACCEPTED_STATUSES.has(j.status)));
+        const elapsed = Date.now() - orderTrack.startedAt;
+        if (!final) {
+            if (elapsed >= 15000) {
+                setOrderBusy(false);
+                setSlot({
+                    kind: "busy",
+                    lines: jobs.map((j) => `${j.cartLabel ?? "Kar"}: ${label("printStatus", j.status ?? "wachtend")}`),
+                });
+            }
+            if (elapsed < 15000) {
+                const t = window.setTimeout(() => setOrderTrack((c) => (c ? { ...c } : c)), 15000 - elapsed + 50);
+                return () => window.clearTimeout(t);
+            }
+            return;
+        }
+        setOrderTrack({ ...orderTrack, done: true });
+        setOrderBusy(false);
+        void (async () => {
+            for (const g of orderTrack.groups) {
+                const bad = resettableJobs(g.jobs.filter((j) => isJobFailed({ status: j.status })));
+                if (bad.length > 0) {
+                    try {
+                        await pickApi.resetPrintJobs(g.queueItemId, sessionId, bad.map((j) => ({ jobId: j.jobId, cartId: j.cartId })));
+                    }
+                    catch (e) {
+                        console.error("[pickscherm] mislukte kar terugzetten mislukt", e);
+                    }
+                }
+                else if (g.item) {
+                    try {
+                        await completeLogisticsTaskForItem(g.item, g.jobs[g.jobs.length - 1]?.jobId ?? null);
+                    }
+                    catch (e) {
+                        console.error("[pickscherm] Engine-taak afronden mislukt", e);
+                    }
+                }
+            }
+            refresh();
+        })();
+        const total = orderTrack.totalCarts;
+        const failedCount = failed.length + orderTrack.immediateFailed;
+        if (failedCount > 0) {
+            const reason = printErrorText(failed[0]?.fout ?? null)?.message ?? orderTrack.immediateReason ?? null;
+            setSlot({ kind: "error", text: partialFailText(total - failedCount, total, reason) });
+        }
+        else {
+            setSlot({ kind: "success", text: sentText(printerName, jobs.length) });
+        }
+    }, [orderTrack, sessionId, refresh, printerName]);
+    /**
+     * Eén druk: de order (of de eerste vrije uit `cards`) in één stap vastzetten
+     * op de server, daarna alle karren via de bestaande printroute.
+     */
+    const printOrder = useCallback(async (cards) => {
+        if (orderLock.current || cards.length === 0)
+            return;
+        if (!isOnline) {
+            setSlot({ kind: "offline" });
+            return;
+        }
+        if (!printPlek) {
+            setSlot({ kind: "error", text: wv("noPrinter") });
+            return;
+        }
+        orderLock.current = true;
+        setOrderBusy(true);
+        setSlot({ kind: "none" });
+        const key = typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `${Date.now()}-${Math.random()}`;
+        let keepBusy = false;
+        try {
+            let claim = null;
+            // Haperende verbinding: dezelfde sleutel opnieuw, nooit een tweede claim.
+            for (let attempt = 0; attempt < 3 && !claim; attempt += 1) {
+                try {
+                    claim = await pickApi.claimOrder({
+                        stationId: station.id,
+                        sessionId,
+                        unitRefs: cards.map((c) => c.key),
+                        idempotencyKey: key,
+                        pickDay: selectedDayRef.current,
+                        timeout: 120,
+                    });
+                }
+                catch (e) {
+                    const msg = e instanceof Error ? e.message : String(e);
+                    if (attempt < 2 && /fetch|network|timeout|Failed to/i.test(msg)) {
+                        await new Promise((r) => setTimeout(r, 1000 * (attempt + 1)));
+                        continue;
+                    }
+                    throw e;
+                }
+            }
+            if (!claim || !claim.ok) {
+                setSlot({ kind: "info", text: claim?.reden ?? wv("noNext") });
+                refresh();
+                return;
+            }
+            const ids = claim.queueItemIds;
+            ids.forEach((id) => ownClaimIds.current.add(id));
+            const byId = new Map(itemsRef.current.map((i) => [i.id, i]));
+            const groups = [];
+            let totalCarts = 0;
+            let immediateFailed = 0;
+            let immediateReason = null;
+            let notReady = null;
+            for (const id of ids) {
+                const row = byId.get(id);
+                if (!row) {
+                    // Regel niet in beeld (andere pagina): vrijgeven, komt vanzelf terug.
+                    await releaseQuietly(id);
+                    continue;
+                }
+                const out = await printAllForItemInner(row, { preClaimed: true, quiet: true });
+                if (out.notReady)
+                    notReady = notReady ?? out.notReady;
+                totalCarts += out.results.length + (out.alreadyDone ?? 0);
+                const failedNow = out.results.filter((r) => r.outcome === "error");
+                immediateFailed += failedNow.length;
+                if (out.error && out.results.length === 0) {
+                    immediateFailed += 1;
+                    totalCarts += 1;
+                }
+                if (out.error || failedNow.length > 0) {
+                    const { message } = friendlyPickError(out.error ?? failedNow[0]?.reason ?? null, t.lang);
+                    immediateReason = immediateReason ?? message;
+                }
+                const jobs = trackableJobs(out.results).map((j) => ({ ...j, reprint: j.reprint === true, status: null, fout: null }));
+                if (jobs.length > 0)
+                    groups.push({ queueItemId: row.id, item: out.item ?? row, jobs });
+            }
+            const sent = groups.reduce((n, g) => n + g.jobs.length, 0);
+            if (sent === 0) {
+                setSlot(immediateFailed > 0
+                    ? { kind: "error", text: partialFailText(0, Math.max(totalCarts, 1), immediateReason) }
+                    : { kind: "info", text: notReady ?? wv("noNext") });
+                refresh();
+                return;
+            }
+            keepBusy = true;
+            setOrderTrack({ key, startedAt: Date.now(), groups, totalCarts, immediateFailed, immediateReason, done: false });
+            refresh();
+        }
+        catch (e) {
+            console.error("[pickscherm] printen mislukt", e);
+            const { message } = friendlyPickError(e, t.lang);
+            setSlot({ kind: "error", text: `${message} ${wv("callLead")}` });
+            refresh();
+        }
+        finally {
+            orderLock.current = false;
+            ownClaimIds.current.clear();
+            if (!keepBusy)
+                setOrderBusy(false);
+        }
+    }, [isOnline, printPlek, station.id, sessionId, refresh, printAllForItemInner, t]);
+    /** Opnieuw printen (tabblad Geprint vandaag), na bevestiging. */
+    const reprintOrder = useCallback(async (card) => {
+        if (orderLock.current || !isOnline)
+            return;
+        orderLock.current = true;
+        setOrderBusy(true);
+        try {
+            let docs = 0;
+            let failed = 0;
+            let reason = null;
+            for (const row of card.rows) {
+                const out = await printAllForItemInner(row, { quiet: true });
+                docs += trackableJobs(out.results).length;
+                const bad = out.results.filter((r) => r.outcome === "error").length + (out.error && out.results.length === 0 ? 1 : 0);
+                failed += bad;
+                if (bad > 0)
+                    reason = reason ?? friendlyPickError(out.error ?? null, t.lang).message;
+            }
+            setSlot(failed > 0 ? { kind: "error", text: partialFailText(docs, docs + failed, reason) } : { kind: "success", text: sentText(printerName, docs) });
+        }
+        finally {
+            orderLock.current = false;
+            setOrderBusy(false);
+            refresh();
+        }
+    }, [isOnline, printAllForItemInner, printerName, refresh, t]);
+    const selectedDayRef = useRef(null);
+    selectedDayRef.current = chosenDay ?? pickDay ?? null;
+    useEffect(() => {
+        if (!isOnline)
+            setSlot({ kind: "offline" });
+        else
+            setSlot((s) => (s.kind === "offline" ? { kind: "none" } : s));
+    }, [isOnline]);
+    /** 10 minuten niets: terug naar de beginstand; taal blijft bewaard. */
+    useIdle(10 * 60000, () => {
+        setTab("todo");
+        setMeerOpen(false);
+        setShowLead(false);
+        setReprintAsk(null);
+        setSearchInput("");
+        setFilters((f) => ({ ...f, search: "", documentTypeId: null, page: 0 }));
+        if (chosenDay)
+            void chooseDay("current");
+        window.scrollTo({ top: 0 });
+    });
+    const listCards = tab === "todo" ? todoCards : printedCards;
+    const { shown, handlers: touchHandlers } = useStableList(listCards, cardKeyFn);
+    const showNotes = pickModeInfo?.autoSendLoading !== true;
     // Stap 1 — taalselectie
     if (!langLoaded)
         return null;
@@ -1400,83 +1691,10 @@ export function PickScherm({ station, onBack }) {
         : checkTotal === 0
             ? 100
             : 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
-                                    ? "Pickwachtrij laden…"
-                                    : checkDone > 0
-                                        ? `Pakbonnen controleren (${checkDone} van ${checkTotal})…`
-                                        : `Pakbonnen controleren (${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-14 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: [countsLoading ? "…" : pendingCount, " ", t("statusToPrint"), " \u00B7 ", countsLoading ? "…" : printedCount, " ", t("statusPrinted"), openJobIds.length > 0 ? ` · ${openJobIds.length} wacht op printer` : ""] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-14 px-3", onClick: () => void 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-14 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-14 px-3", onClick: () => void 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-14 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-14 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 || printStatusLoading || batchPrinting || (busyId != null || actionBusy), 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" })), "Volgende printen (", cartsPerPrint, " karren)"] })), _jsxs(Button, { size: "lg", className: "hidden h-14 px-8 text-lg md:inline-flex", onClick: () => (pending ? confirmPending() : fetchNextLocked()), disabled: (busyId !== null || actionBusy) || fetchingData || (!pending && printStatusLoading), children: [(busyId !== null || actionBusy) || 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")] })] })] }), showSyncingNotice({ syncing, syncError }) && (_jsx("div", { role: "status", "aria-live": "polite", className: "px-4 py-1 text-xs text-muted-foreground", children: "Wachtrij wordt bijgewerkt\u2026" })), 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: [SYNC_ERROR_MESSAGE, _jsxs("details", { className: "mt-1 text-xs text-muted-foreground", children: [_jsx("summary", { children: "Details voor beheer" }), 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." })] })), (cartMissing || rowGone) && (_jsxs("div", { role: "alert", className: "flex flex-col gap-2 rounded-md border-2 border-destructive/50 bg-destructive/5 p-3 text-sm text-destructive sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("span", { className: "flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), rowGone ? ROW_GONE_MESSAGE : CART_MISSING_MESSAGE] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => {
-                            setCartMissing(false);
-                            setRowGone(false);
-                            setPending(null);
-                            setCartPlan(null);
-                            setActiveCartId(null);
-                            refresh();
-                        }, children: "Wachtrij verversen" })] })), lastCartResults.some((r) => r.sentElsewhere) && lastPrinted && (_jsx("div", { className: "rounded-md border border-primary/40 bg-primary/5 p-3 text-sm", "aria-label": "Pakbon al verstuurd", children: _jsx("ul", { className: "space-y-2", children: lastCartResults.filter((r) => r.sentElsewhere).map((r) => (_jsxs("li", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsx("span", { className: "text-foreground", children: cartResultLine(r) }), _jsx(Button, { size: "sm", variant: "outline", disabled: busyId !== null, onClick: () => {
-                                    const plannedCart = (Array.isArray(cartPlan?.carts) ? cartPlan.carts : []).find((c) => c.cartId === r.cartId);
-                                    const cart = plannedCart ?? { cartId: r.cartId, cartLabel: r.cartLabel ?? r.cartId };
-                                    setLastCartResults((prev) => prev.filter((x) => x.cartId !== r.cartId));
-                                    void reprintCart(lastPrinted, cart);
-                                }, children: "Opnieuw printen" })] }, r.cartId))) }) })), lastCartResults.length > 1 && (_jsxs("div", { className: "rounded-md border p-3 text-sm", "aria-label": "Resultaat per kar", children: [_jsx("p", { className: "mb-1 font-semibold text-foreground", children: "Resultaat per kar" }), _jsx("ul", { className: "space-y-0.5 text-muted-foreground", children: lastCartResults.map((r) => (_jsx("li", { className: r.outcome === "created" ? "text-foreground" : r.outcome === "error" ? "text-destructive" : "", children: cartResultLine(r) }, r.cartId))) })] })), _jsx(VroegeStickerWaarschuwing, { stationId: station.id }), _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-14 w-full sm:w-auto", onClick: cancelPending, disabled: (busyId !== null || actionBusy), children: t("cancel") }), _jsxs(Button, { size: "lg", className: "h-14 w-full px-8 text-lg sm:w-auto", onClick: confirmPending, disabled: (busyId !== null || actionBusy) || fetchingData || (!pending && printStatusLoading), 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 opgevraagd. Zodra alles compleet is, verschijnt de printknop weer."
-                                        : planReason
-                                            ? `${planReason} Klik op "Pakbon ophalen" om hem op te vragen.`
-                                            : NOT_READY_NOTICE })] }) })), cartPlan && (_jsxs(CardContent, { className: "border-t p-4 sm:p-5", children: [_jsx(DocumentChoiceMelding, { choice: documentChoice.data, isError: documentChoice.isError }), _jsx(OrderStickerMeldingen, { orderId: cartPlan.orderId, slug: station.slug ?? null }), _jsx("div", { className: "mb-3 empty:hidden", children: _jsx(PlanWarnings, { warnings: cartPlan.warnings }) }), _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) => {
-                                                            if (event.key === "Enter" || event.key === " ") {
-                                                                event.preventDefault();
-                                                                setActiveCartId(cart.cartId);
-                                                            }
-                                                        }, className: "flex w-full cursor-pointer items-center justify-between gap-2 rounded-md border p-3 text-left transition hover:bg-muted/50 " +
-                                                            (active ? "border-primary bg-primary/5" : ""), children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: cart.cartLabel }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [cart.isFullCart ? "Volle kar" : "Halve kar", " · ", cart.items.length, " ", cart.items.length === 1 ? "product" : "producten", cart.isShared ? " · gedeelde kar" : "", done ? " · geprint" : ""] })] }), _jsxs(Button, { type: "button", variant: done ? "outline" : "secondary", size: "sm", disabled: busyId !== null || actionBusy || isPrintBlocked(documentChoice.data, done), onClick: (event) => {
-                                                                    event.stopPropagation();
-                                                                    setActiveCartId(cart.cartId);
-                                                                    void printSingleCart(pending, cart);
-                                                                }, children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), done ? "Opnieuw" : "Printen"] })] }, cart.cartId));
-                                                }) })] }), activeCartId && (() => {
-                                        const activeCart = cartPlan.carts.find((cart) => cart.cartId === activeCartId);
-                                        if (!activeCart)
-                                            return null;
-                                        return (_jsxs("div", { className: "rounded-md border bg-muted/20 p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("p", { className: "text-lg font-bold text-foreground", children: activeCart.cartLabel }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [activeCart.isFullCart ? "Volle kar" : "Halve kar (deel van de order)", activeCart.isShared ? " · gedeeld" : ""] })] }), activeCart.barcode && _jsx(Badge, { variant: "outline", children: activeCart.barcode })] }), _jsx("div", { className: "mt-4 divide-y rounded-md border bg-background", children: _jsx(CartItemRows, { items: activeCart.items, cartId: activeCart.cartId }) }), _jsx(StickerFitMeldingen, { cartId: activeCart.cartId, slug: station.slug ?? null }), _jsx(CartStickerState, { cartId: activeCart.cartId, slug: station.slug ?? null }), _jsx("div", { "data-slot": "sticker-acties", className: "empty:hidden", children: _jsx(StickerReprintButton, { cartId: activeCart.cartId, slug: station.slug ?? null }) })] }));
-                                    })()] })] }))] })), batch && (_jsx(Card, { className: batchFailed > 0 ? "border-2 border-destructive" : "border-2 border-primary/40", children: _jsxs(CardContent, { className: "flex items-center gap-3 p-4", children: [batchCompleted + batchFailed === batch.jobs.length ? (batchFailed > 0 ? _jsx(AlertTriangle, { className: "h-6 w-6 shrink-0 text-destructive" }) : _jsx(CheckCircle2, { className: "h-6 w-6 shrink-0 text-primary" })) : (_jsx(Loader2, { className: "h-6 w-6 shrink-0 animate-spin text-muted-foreground" })), _jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [jobTexts.jobTitle, batch.documentNumber ? ` · ${batch.documentNumber}` : ""] }), _jsxs("p", { className: "font-semibold text-foreground", children: [batchCompleted, " van ", batch.jobs.length, " pakbonnen voltooid", batchFailed > 0 ? ` · ${batchFailed} mislukt` : ""] }), batch.jobs.map((entry) => {
-                                    const minutes = stuckMinutesOf(entry.job, sentAtRef.current.get(entry.jobId) ?? null, nowTick);
-                                    if (minutes === null)
-                                        return null;
-                                    const cart = cartPlan?.carts.find((c) => c.cartId === entry.cartId) ?? null;
-                                    const item = lastPrinted ?? pending;
-                                    return (_jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-sm font-medium text-destructive", children: [_jsxs("span", { children: [entry.cartLabel ? `${entry.cartLabel}: ` : "", stuckMessage(minutes), entry.job?.printer_naam ? ` (${entry.job.printer_naam})` : ""] }), cart && item && (_jsx(Button, { size: "sm", variant: "outline", disabled: busyId !== null || actionBusy, onClick: () => void reprintCart(item, cart), children: "Opnieuw proberen" }))] }, entry.jobId));
-                                })] })] }) })), tracked && (_jsx(Card, { className: jobFailed ? "border-2 border-destructive" : "border-2 border-primary/40", children: _jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [jobFailed ? (_jsx(AlertTriangle, { className: "h-6 w-6 shrink-0 text-destructive" })) : jobStatus === "voltooid" ? (_jsx(CheckCircle2, { className: "h-6 w-6 shrink-0 text-primary" })) : (_jsx(Loader2, { className: "h-6 w-6 shrink-0 animate-spin text-muted-foreground" })), _jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: "truncate text-sm font-medium text-muted-foreground", children: [jobTexts.jobTitle, " ", tracked.documentNumber ? `· ${tracked.documentNumber}` : "", tracked.cartLabel ? ` · ${tracked.cartLabel}` : ""] }), _jsx("p", { className: "text-lg font-semibold text-foreground", children: printStageLabel(tracked.job ?? { status: jobStatus }) }), tracked.job?.printer_naam && (_jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [jobTexts.printerLabel, ": ", tracked.job.printer_naam] })), (() => {
-                                            const minutes = stuckMinutesOf(tracked.job, sentAtRef.current.get(tracked.jobId) ?? null, nowTick);
-                                            if (minutes === null)
-                                                return null;
-                                            const cart = cartPlan?.carts.find((c) => c.cartId === tracked.cartId) ?? null;
-                                            const item = lastPrinted ?? pending;
-                                            return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm font-medium text-destructive", children: [_jsxs("span", { children: [stuckMessage(minutes), tracked.job?.printer_naam ? ` (${tracked.job.printer_naam})` : ""] }), cart && item && (_jsx(Button, { size: "sm", variant: "outline", disabled: busyId !== null || actionBusy, onClick: () => void reprintCart(item, cart), children: "Opnieuw proberen" }))] }));
-                                        })(), jobFailed && (_jsxs("p", { className: "text-sm text-destructive", children: [tracked.job?.foutmelding ?? jobTexts.unknown, " \u00B7 ", jobTexts.requeued] })), !jobFailed && pdfSaveWarning(tracked.job) && (_jsx("p", { className: "text-sm font-medium text-destructive", children: pdfSaveWarning(tracked.job) }))] })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [jobFailed && lastPrinted && (_jsxs(Button, { size: "lg", className: "h-14 w-full sm:w-auto", onClick: () => {
-                                        clearJob();
-                                        void confirmPending();
-                                    }, disabled: (busyId !== null || actionBusy) || !pending, children: [_jsx(Printer, { className: "mr-2 h-5 w-5" }), " ", jobTexts.retry] })), _jsx(Button, { variant: "outline", size: "lg", className: "h-14 w-full sm:w-auto", onClick: () => {
-                                        clearJob();
-                                        clearShippingNotes();
-                                        setAutoSendOrderId(null);
-                                        setAutoSend(null);
-                                    }, children: jobTexts.close })] })] }) })), shippingNotes.length > 0 && (_jsx(Card, { className: "border-2 border-primary/20", children: _jsxs(CardContent, { className: "flex flex-col gap-2 p-4", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: shippingNotes.every((note) => note.state.status === "geprint")
-                                ? "Pakbon en verzendbrief zijn naar de printer gestuurd."
-                                : autoSendMessage(autoSend, siteTz) ?? "De verzendbrief is nog niet geprint." }), shippingNotes.map((note) => {
-                            const message = shippingNoteMessage(note.state);
-                            const failed = note.state.status === "mislukt" || note.state.status === "geblokkeerd";
-                            const waiting = isWaitingShippingNote(note.state.status);
-                            const typeLabel = shippingNoteSourceLabel(note.state);
-                            return (_jsxs("div", { className: "flex items-start gap-3", children: [failed ? (_jsx(AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" })) : note.state.status === "geprint" ? (_jsx(CheckCircle2, { className: "mt-0.5 h-5 w-5 shrink-0 text-primary" })) : (_jsx(Loader2, { className: "mt-0.5 h-5 w-5 shrink-0 animate-spin text-muted-foreground" })), _jsxs("div", { className: "min-w-0", children: [(note.cartLabel || typeLabel) && (_jsx("p", { className: "truncate text-sm text-muted-foreground", children: [note.cartLabel, typeLabel].filter(Boolean).join(" · ") })), _jsx("p", { className: failed ? "text-sm font-medium text-destructive" : "text-sm text-foreground", children: (note.state.status !== "geprint" && autoSendMessage(autoSend, siteTz)) ||
-                                                    (message ?? "Verzendbriefstatus wordt opgehaald.") }), waiting && (note.state.attempts !== null || note.state.nextAttemptAt) && (_jsxs("p", { className: "text-xs text-muted-foreground", children: [note.state.attempts !== null ? `Pogingen: ${note.state.attempts}` : "", note.state.attempts !== null && note.state.nextAttemptAt ? " · " : "", note.state.nextAttemptAt
-                                                        ? `Volgende poging: ${formatSiteTime(note.state.nextAttemptAt, siteTz)}`
-                                                        : ""] }))] })] }, note.jobId));
-                        })] }) })), _jsxs(Button, { variant: "outline", size: "lg", className: "h-14 w-full sm:hidden", "aria-expanded": filtersOpen, onClick: () => setFiltersOpen((v) => !v), children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), " ", ui.filters] }), _jsx(Card, { className: filtersOpen ? "" : "hidden sm:block", children: _jsxs(CardContent, { className: "flex flex-wrap items-center gap-3 p-3 sm:p-4", children: [_jsxs("div", { className: "relative w-full min-w-0 flex-1 sm:min-w-64", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "h-14 pl-9 text-lg", placeholder: t("search"), value: searchInput, onChange: (e) => setSearchInput(e.target.value) })] }), _jsxs(Select, { value: chosenDay ?? "current", onValueChange: (v) => void chooseDay(v), children: [_jsx(SelectTrigger, { className: "h-14 w-full text-lg sm:w-56", disabled: loadingDay, children: _jsx(SelectValue, { placeholder: ui.pickDay }) }), _jsxs(SelectContent, { className: "z-[100] bg-popover opacity-100", children: [_jsx(SelectItem, { value: "current", children: ui.pickDayToday }), safePickDays.map((d) => (_jsxs(SelectItem, { value: d.day, children: [dayLabel(d.day), d.orders > 0 ? ` (${d.orders})` : ""] }, d.day)))] })] }), _jsx("div", { role: "group", "aria-label": ui.allDocumentTypes, className: "flex w-full flex-wrap gap-2 sm:w-auto", children: [{ id: null, name: ui.allDocumentTypes }, ...(Array.isArray(documentTypes) ? documentTypes : []).map((dt) => ({ id: dt.id, name: dt.name }))].map((dt) => {
-                                const active = (filters.documentTypeId ?? null) === dt.id;
-                                return (_jsx(Button, { type: "button", "aria-pressed": active, variant: active ? "default" : "outline", className: "h-14 px-4 text-lg", onClick: () => setFilters((f) => ({ ...f, documentTypeId: dt.id, page: 0 })), children: dt.name }, dt.id ?? "all"));
-                            }) }), _jsx(Button, { variant: filters.onlyPending ? "default" : "outline", className: "h-14 text-lg", onClick: () => setFilters((f) => ({ ...f, onlyPending: !f.onlyPending, page: 0 })), children: ui.onlyPending }), _jsxs(Button, { variant: filters.urgentOnly ? "default" : "outline", className: "h-14 text-lg", onClick: () => setFilters((f) => ({ ...f, urgentOnly: !f.urgentOnly, page: 0 })), children: [_jsx(Zap, { className: "mr-2 h-4 w-4" }), ui.onlyUrgent, urgentCount > 0 ? ` (${urgentCount})` : ""] })] }) }), !realtimeOk && (_jsx("p", { className: "text-sm text-muted-foreground", children: ui.connectionLost })), cartsPerPrint != null && (_jsx("div", { className: "flex justify-end md:hidden", children: _jsxs(Button, { className: "h-14 text-lg", disabled: loading || printStatusLoading || batchPrinting || (busyId != null || actionBusy), onClick: () => void printNextCarts(), children: [batchPrinting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-4 w-4" })), "Volgende printen (", cartsPerPrint, " karren)"] }) })), _jsx("div", { className: "md:hidden", children: _jsxs(Button, { variant: "outline", className: "h-14 w-full", disabled: fetchingNotes, onClick: () => void fetchShippingNotes(), children: [fetchingNotes ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(FileDown, { className: "mr-2 h-4 w-4" })), fetchingNotes ? "Ophalen…" : "Verzendbrieven ophalen"] }) }), loading ? (_jsxs("div", { className: "flex items-center justify-center py-16 text-muted-foreground", children: [_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" }), " ", t("loadingQueue")] })) : (_jsxs(_Fragment, { children: [earlierRows.length > 0 && (_jsxs("section", { className: "mb-4 rounded-lg border border-primary/40 bg-muted/40 p-3", "aria-label": "Nog niet gescand van eerdere dagen", children: [_jsxs("h3", { className: "mb-2 text-sm font-semibold text-foreground", children: ["Nog niet gescand van eerdere dagen (", earlierRows.length, ")"] }), _jsx("ul", { className: "divide-y divide-border", children: earlierRows.map((row) => (_jsxs("li", { className: "flex flex-wrap items-center justify-between gap-2 py-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-medium", children: row.document_number ?? row.order_number ?? "Pakbon" }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [pickDayShortLabel(pickDayOf(row)), row.customer_name ? ` · ${row.customer_name}` : ""] })] }), _jsx(Button, { size: "sm", variant: "outline", disabled: busyId !== null || actionBusy, onClick: async () => {
-                                                await printAllForItem(row);
-                                                void refetchEarlier();
-                                            }, children: "Opnieuw printen" })] }, row.id))) })] })), _jsx(QueueTable, { items: items.filter((item) => readinessById[item.id]?.replaced !== true), lockedIds: lockedIds, statuses: Array.isArray(statuses) ? statuses : [], documentTypes: Array.isArray(documentTypes) ? documentTypes : [], busyId: busyId, readinessById: readinessById, siteTimeZone: siteTz, pickDay: chosenDay ?? pickDay ?? null, waitingIds: waitingQueueIds, printStatus: printStatus, printStatusLoading: printStatusLoading, onPick: handlePick, onReprint: handleReprintLocked, onPrintAll: printAllForItem, onSelectPrinted: selectPrintedForReprint, onMarkPrinted: markPrinted, onPreview: setPreviewItem, t: t })] })), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("span", { className: "text-center text-sm text-muted-foreground sm:text-left", children: [t("page"), " ", filters.page + 1, " ", t("of"), " ", totalPages] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 sm:flex", children: [_jsx(Button, { variant: "outline", className: "h-14 w-full sm:w-auto", disabled: filters.page === 0, onClick: () => setFilters((f) => ({ ...f, page: Math.max(0, f.page - 1) })), children: t("previous") }), _jsx(Button, { variant: "outline", className: "h-14 w-full sm:w-auto", disabled: filters.page + 1 >= totalPages, onClick: () => setFilters((f) => ({ ...f, page: f.page + 1 })), children: t("next") })] })] }), _jsx("div", { className: "fixed inset-x-0 bottom-0 z-40 border-t bg-background/95 p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))] backdrop-blur md:hidden", children: _jsxs(Button, { size: "lg", className: "h-14 w-full text-lg", onClick: () => (pending ? confirmPending() : fetchNextLocked()), disabled: (busyId !== null || actionBusy) || fetchingData || (!pending && printStatusLoading), children: [(busyId !== null || actionBusy) || 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" })), _jsxs("span", { className: "truncate", children: [pending && !readiness.ready ? "Pakbon ophalen" : t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] }) }), _jsx(PreviewDialog, { item: previewItem, stationSlug: station.slug, onClose: () => setPreviewItem(null) })] }));
+    const dayText = chosenDay ? dayLabel(chosenDay) : wv("today");
+    const allLoaded = total <= filters.pageSize;
+    return (_jsxs("div", { className: "space-y-4 pb-8 text-lg", children: [_jsxs("header", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("h2", { className: "truncate text-2xl font-bold text-foreground", children: [station.name, " ", _jsxs("span", { className: "font-semibold text-muted-foreground", children: ["\u00B7 ", dayText] })] }), tab === "todo" && !loading && allLoaded && (_jsx("p", { className: "text-lg tabular-nums text-muted-foreground", children: todoCountText(todoCards.length) }))] }), _jsx(Button, { variant: "outline", className: "h-14 w-14 shrink-0 [&_svg]:!size-6", onClick: () => setLang(null), "aria-label": wv("language"), children: _jsx(Globe, { className: "h-6 w-6" }) }), _jsxs(Button, { variant: "outline", className: "h-14 shrink-0 px-5 text-lg [&_svg]:!size-6", onClick: () => setMeerOpen(true), children: [_jsx(MoreHorizontal, { className: "mr-2 h-6 w-6" }), " ", wv("more")] })] }), _jsxs("div", { children: [_jsxs(Button, { className: "h-24 min-h-[80px] w-full text-2xl font-bold sm:text-3xl [&_svg]:!size-8", disabled: !isOnline || orderBusy || actionBusy || !nextCard, onClick: () => void printOrder(readyCards), children: [orderBusy ? _jsx(Loader2, { className: "mr-3 h-8 w-8 animate-spin" }) : _jsx(Printer, { className: "mr-3 h-8 w-8" }), wv("printNext")] }), _jsx("p", { className: "mt-2 min-h-[1.75rem] truncate text-center text-xl font-semibold text-foreground", children: nextCard ? cardSummary(nextCard) : !loading && todoCards.length === 0 ? wv("emptyTodo") : "" })] }), _jsx(MeldingsPlek, { slot: slot, onDismiss: () => setSlot(isOnline ? { kind: "none" } : { kind: "offline" }) }), _jsx("div", { role: "tablist", className: "grid grid-cols-2 gap-2", children: ["todo", "printed"].map((k) => (_jsx(Button, { role: "tab", "aria-selected": tab === k, variant: tab === k ? "default" : "outline", className: "h-14 text-xl", onClick: () => setTab(k), children: k === "todo" ? wv("tabTodo") : wv("tabPrinted") }, k))) }), _jsx(VroegeStickerWaarschuwing, { stationId: station.id }), loading && shown.length === 0 ? (_jsx("ul", { className: "space-y-3", "aria-hidden": true, children: [0, 1, 2].map((i) => (_jsx("li", { className: "h-28 rounded-xl bg-muted" }, i))) })) : shown.length === 0 ? (_jsx("p", { className: "py-10 text-center text-xl text-muted-foreground", children: tab === "todo" ? wv("emptyTodo") : wv("emptyPrinted") })) : (_jsx("ul", { className: "space-y-3", ...touchHandlers, children: shown.map(({ item: card, leaving }) => (_jsx(WerkvloerKaart, { card: card, state: cardStateOf(card, tab), tz: siteTz, mode: tab, leaving: leaving, showLead: showLead, disabled: !isOnline || orderBusy || actionBusy, onPrint: (c) => (tab === "printed" ? setReprintAsk(c) : void printOrder([c])), onFetch: (c) => void requestData(c.rows[0]), onPreview: (c) => setPreviewItem(c.rows[0] ?? null), onMarkPrinted: (c) => void (async () => { for (const r of c.rows)
+                        await markPrinted(r); })() }, card.key))) })), totalPages > 1 && (_jsxs("div", { className: "grid grid-cols-[1fr_auto_1fr] items-center gap-2", children: [_jsx(Button, { variant: "outline", className: "h-14", disabled: filters.page === 0, onClick: () => setFilters((f) => ({ ...f, page: Math.max(0, f.page - 1) })), children: t("previous") }), _jsxs("span", { className: "text-center tabular-nums text-muted-foreground", children: [filters.page + 1, " / ", totalPages] }), _jsx(Button, { variant: "outline", className: "h-14", disabled: filters.page + 1 >= totalPages, onClick: () => setFilters((f) => ({ ...f, page: f.page + 1 })), children: t("next") })] })), _jsx(AlertDialog, { open: reprintAsk !== null, onOpenChange: (o) => { if (!o)
+                    setReprintAsk(null); }, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { className: "text-2xl", children: reprintAsk ? cardSummary(reprintAsk) : "" }), _jsx(AlertDialogDescription, { className: "text-xl text-foreground", children: reprintAsk ? reprintQuestion(reprintAsk.printedAt, siteTz) : "" })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { className: "h-14 text-lg", children: wv("cancel") }), _jsx(AlertDialogAction, { className: "h-14 text-lg", onClick: () => { const c = reprintAsk; setReprintAsk(null); if (c)
+                                        void reprintOrder(c); }, children: wv("reprint") })] })] }) }), _jsx(Dialog, { open: meerOpen, onOpenChange: setMeerOpen, children: _jsxs(DialogContent, { className: "max-h-[90vh] overflow-y-auto sm:max-w-2xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { className: "text-2xl", children: wv("more") }) }), _jsxs("div", { className: "space-y-6 text-lg", children: [_jsxs("section", { className: "space-y-2", children: [_jsx("h3", { className: "font-semibold text-foreground", children: wv("pickDay") }), _jsxs("div", { className: "grid grid-cols-3 gap-2", children: [_jsxs(Button, { variant: "outline", className: "h-14", disabled: loadingDay, onClick: () => void shiftDay(-1), children: [_jsx(ChevronLeft, { className: "mr-1 h-5 w-5" }), " ", ui.pickDayPrev] }), _jsx(Button, { variant: chosenDay ? "outline" : "default", className: "h-14", disabled: loadingDay, onClick: () => void chooseDay("current"), children: wv("today") }), _jsxs(Button, { variant: "outline", className: "h-14", disabled: loadingDay, onClick: () => void shiftDay(1), children: [ui.pickDayNext, " ", _jsx(ChevronRight, { className: "ml-1 h-5 w-5" })] })] }), _jsx("p", { className: "text-muted-foreground", children: dayText })] }), _jsxs("section", { className: "space-y-2", children: [_jsx("label", { htmlFor: "pick-search", className: "font-semibold text-foreground", children: wv("search") }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { id: "pick-search", className: "h-14 pl-10 text-lg", value: searchInput, onChange: (e) => setSearchInput(e.target.value) })] })] }), _jsxs("section", { className: "space-y-2", children: [_jsx("h3", { className: "font-semibold text-foreground", children: wv("documentFilter") }), _jsx("div", { className: "flex flex-wrap gap-2", children: [{ id: null, name: wv("allDocuments") }, ...(Array.isArray(documentTypes) ? documentTypes : []).map((dt) => ({ id: dt.id, name: dt.name }))].map((dt) => (_jsx(Button, { "aria-pressed": (filters.documentTypeId ?? null) === dt.id, variant: (filters.documentTypeId ?? null) === dt.id ? "default" : "outline", className: "h-14 px-4 text-lg", onClick: () => setFilters((f) => ({ ...f, documentTypeId: dt.id, page: 0 })), children: dt.name }, dt.id ?? "all"))) })] }), _jsx("section", { children: _jsxs(Button, { variant: showLead ? "default" : "outline", className: "h-14 w-full text-lg", "aria-pressed": showLead, onClick: () => setShowLead((v) => !v), children: [wv("markPrinted"), " \u2014 ", wv("leadActions")] }) }), showNotes && (_jsx("section", { children: _jsxs(Button, { variant: "outline", className: "h-14 w-full text-lg", 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" }), wv("fetchNotes")] }) })), _jsxs("section", { className: "space-y-2", children: [_jsx("h3", { className: "font-semibold text-foreground", children: wv("scan") }), _jsx(ShippingNoteScan, { stationId: station.id })] }), earlierRows.length > 0 && (_jsxs("section", { className: "space-y-2", "aria-label": wv("earlier"), children: [_jsxs("h3", { className: "font-semibold text-foreground", children: [wv("earlier"), " (", earlierRows.length, ")"] }), _jsx("ul", { className: "divide-y divide-border", children: earlierRows.map((row) => (_jsxs("li", { className: "flex flex-wrap items-center justify-between gap-2 py-2", children: [_jsxs("span", { className: "min-w-0 truncate", children: [row.order_number ?? row.document_number ?? "—", " \u00B7 ", pickDayShortLabel(pickDayOf(row)), row.customer_name ? ` · ${row.customer_name}` : ""] }), _jsx(Button, { variant: "outline", className: "h-14", disabled: busyId !== null || actionBusy || orderBusy, onClick: async () => { await printAllForItem(row); void refetchEarlier(); }, children: wv("reprint") })] }, row.id))) })] }))] }), _jsx(DialogFooter, { children: _jsx(Button, { className: "h-14 w-full text-lg", onClick: () => setMeerOpen(false), children: wv("close") }) })] }) }), _jsx(PreviewDialog, { item: previewItem, stationSlug: station.slug, onClose: () => setPreviewItem(null) })] }));
 }