@flowselections/pick-schermen-kwekers 1.0.17 → 1.0.19

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

@@ -1,19 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Badge, Button, Card, CardContent, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
-import { AlertTriangle, ArrowLeft, CheckCircle2, Globe, Loader2, Printer, RefreshCw, ScanLine, Search, WifiOff, Zap, } from "lucide-react";
+import { AlertTriangle, ArrowLeft, CheckCircle2, ChevronLeft, ChevronRight, Globe, Loader2, Printer, RefreshCw, Search, WifiOff, Zap, } from "lucide-react";
 import { LanguageTiles } from "./LanguageTiles";
 import { QueueTable } from "./QueueTable";
 import { PreviewDialog } from "./PreviewDialog";
+import { ShippingNoteScan } from "./ShippingNoteScan";
 import { getSessionId, pickApi } from "../../lib/pickApi";
 import { completeLogisticsTaskForItem } from "../../lib/pickPrint";
+import { isPdfOnlyFailure, printedCartIdsOf, pdfSaveWarning, } from "../../lib/pickTypes";
 import { getPickTranslator } from "../../lib/pickI18n";
 import { friendlyPickError, getPickUiTexts } from "../../lib/pickUiText";
 import { getPrintJobTexts, printJobStatusLabel } from "../../lib/pickPrintJobText";
-import { defaultFilters, usePickHeartbeat, usePickQueue, } from "../../hooks/usePickQueue";
+import { defaultFilters, usePickDays, usePickHeartbeat, usePickQueue, } from "../../hooks/usePickQueue";
 import { usePickDocumentTypes, usePickStatuses, useStationPrintPlek, } from "../../hooks/usePickConfig";
-import { usePrintJob } from "../../hooks/usePrintJob";
+import { usePrintBatch, usePrintJob } from "../../hooks/usePrintJob";
 const LANG_STORAGE_KEY = "pick.language";
+/** Melding als de planning voor deze order geen karren heeft vastgelegd. */
+/** Papier is geprint, maar de PDF-kopie op de werkplek is niet opgeslagen. */
+const PDF_SAVE_NOTICE = "De pakbon is geprint, maar de PDF is niet op de werkplek opgeslagen. Geef de PDF-map in Layout maker opnieuw vrij.";
+/** Melding als de planning voor deze order geen karren heeft vastgelegd. */
+const NO_CART_PLAN_NOTICE = "De karplanning voor deze order is nog niet klaar — de logistiek is automatisch op de hoogte gebracht. De pakbon is als één document geprint.";
 /**
  * Pickscherm. De Logistiek Engine bepaalt welke documenten zichtbaar zijn en
  * in welke volgorde; dit scherm toont uitsluitend wat de wachtrij teruggeeft.
@@ -22,21 +29,28 @@ export function PickScherm({ station, onBack }) {
     const sessionId = getSessionId();
     const [lang, setLang] = useState(null);
     const [filters, setFilters] = useState(defaultFilters);
+    const [chosenDay, setChosenDay] = useState(null);
+    const [loadingDay, setLoadingDay] = useState(false);
     const [searchInput, setSearchInput] = useState("");
-    const [scanInput, setScanInput] = useState("");
     const [busyId, setBusyId] = useState(null);
     const [pending, setPending] = useState(null);
+    const [cartPlan, setCartPlan] = useState(null);
+    const [planReason, setPlanReason] = useState(null);
+    const [activeCartId, setActiveCartId] = useState(null);
     const [lastPrinted, setLastPrinted] = useState(null);
     const [previewItem, setPreviewItem] = useState(null);
     const [emptyNotice, setEmptyNotice] = useState(null);
     const resetDone = useRef(null);
     const autoFetched = useRef(false);
     const retryAfterExpiry = useRef(false);
+    const daySelectionVersion = useRef(0);
     const { data: statuses } = usePickStatuses();
     const { data: documentTypes } = usePickDocumentTypes();
     const { online } = usePickHeartbeat(station.id, null, sessionId);
     const { data: printPlek, isLoading: plekLoading } = useStationPrintPlek(station.id);
     const { tracked, track, clear: clearJob } = usePrintJob();
+    const { batch, trackBatch, clearBatch } = usePrintBatch();
+    const finalizedBatch = useRef(null);
     const t = useMemo(() => getPickTranslator(lang ?? "nl"), [lang]);
     const jobTexts = useMemo(() => getPrintJobTexts(t.lang), [t]);
     const ui = useMemo(() => getPickUiTexts(t.lang), [t]);
@@ -60,28 +74,125 @@ 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, } = usePickQueue({
+    const { items, total, loading, lockedIds, refresh, pendingCount, printedCount, urgentCount, realtimeOk, pickDay, rebuiltAt, } = usePickQueue({
         stationId: station.id,
         filters: effectiveFilters,
         enabled: lang !== null,
+        pickDayOverride: chosenDay,
     });
-    const runPrint = useCallback(async (item) => {
-        const updated = await pickApi.completePrint(item.id, sessionId);
-        const jobId = updated?.print_job_id ?? null;
-        await completeLogisticsTaskForItem(item, jobId);
-        setLastPrinted(updated ?? item);
-        if (jobId) {
-            resetDone.current = null;
-            track({
-                jobId,
-                queueItemId: item.id,
-                documentNumber: (updated ?? item).document_number ?? null,
-            });
+    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", {
+        weekday: "short",
+        day: "numeric",
+        month: "short",
+    }), [t.lang]);
+    /**
+     * De Engine heeft gemeld dat een buffer is gesloten of dat een order is
+     * losgekoppeld. De regels zijn opnieuw opgebouwd; de openstaande selectie en
+     * het oude karplan gaan weg zodat nooit een verouderde groepering blijft
+     * staan. Kar-id's, karnummers en barcodes van geprinte karren wijzigen niet.
+     */
+    useEffect(() => {
+        if (rebuiltAt === null)
+            return;
+        daySelectionVersion.current += 1;
+        setPending(null);
+        setCartPlan(null);
+        setActiveCartId(null);
+        autoFetched.current = false;
+    }, [rebuiltAt]);
+    /** Kiest een andere pickdag en laat de Engine die dag alvast klaarzetten. */
+    const chooseDay = useCallback(async (value) => {
+        const day = value === "current" ? null : value;
+        const previousPending = pending;
+        daySelectionVersion.current += 1;
+        setPending(null);
+        setCartPlan(null);
+        setActiveCartId(null);
+        setEmptyNotice(null);
+        autoFetched.current = false;
+        setChosenDay(day);
+        setFilters((f) => ({ ...f, page: 0 }));
+        if (previousPending) {
+            try {
+                await pickApi.releaseLock(previousPending.id);
+            }
+            catch {
+                // De opdracht was al geprint of de lock was al verlopen.
+            }
         }
-        toast.success(`${item.document_number ?? t("document")} ${t("sentToPrinter")}`);
-        refresh();
-    }, [sessionId, refresh, t, track]);
-    /** Mislukte printopdracht: document terugzetten zodat het weer in de wachtrij komt. */
+        if (!day)
+            return;
+        setLoadingDay(true);
+        try {
+            await pickApi.syncPickDay(day);
+            refresh();
+            toast.success(ui.pickDayLoaded);
+        }
+        catch (error) {
+            toast.error(error instanceof Error ? error.message : ui.genericError);
+        }
+        finally {
+            setLoadingDay(false);
+        }
+    }, [pending, refresh, ui]);
+    /**
+     * Verschuift de pickdag één dag vooruit of achteruit. Zonder handmatige keuze
+     * is de kalenderdag van vandaag het startpunt, niet de dag van de Engine.
+     */
+    const shiftDay = useCallback((delta) => {
+        const todayIso = new Date().toLocaleDateString("sv-SE", { timeZone: "Europe/Amsterdam" });
+        const base = chosenDay ?? todayIso;
+        const next = new Date(`${base}T00:00:00Z`);
+        next.setUTCDate(next.getUTCDate() + delta);
+        const iso = next.toISOString().slice(0, 10);
+        void chooseDay(iso === todayIso || (pickDay && iso === pickDay) ? "current" : iso);
+    }, [chosenDay, pickDay, chooseDay]);
+    /**
+     * Haalt het vastgelegde karplan uit de Engine. Heeft de order geen karren
+     * vastgelegd, dan is het antwoord null: het scherm valt dan terug op één
+     * document. De module verzint zelf nooit een karnummer of aantal.
+     */
+    const loadCartPlan = useCallback(async (item) => {
+        let plan = await pickApi.queueCartPlan(item.id);
+        if (!plan || plan.carts.length === 0) {
+            // Geen karplan: de Engine krijgt direct een seintje en er volgt één
+            // hercontrole. De module verzint zelf nog steeds geen karren.
+            try {
+                await pickApi.reportMissingCartPlans();
+                await new Promise((resolve) => setTimeout(resolve, 1500));
+                plan = await pickApi.queueCartPlan(item.id);
+            }
+            catch {
+                /* bewaking is aanvullend, nooit blokkerend */
+            }
+        }
+        if (!plan || plan.carts.length === 0) {
+            setCartPlan(null);
+            setActiveCartId(null);
+            // De reden komt letterlijk uit de Engine; deze module bedenkt niets.
+            try {
+                const ref = item.order_number ?? item.document_number;
+                const status = ref ? await pickApi.cartPlanStatus(ref) : null;
+                setPlanReason(status && (!status.ready || !status.released) ? status.reason ?? null : null);
+            }
+            catch {
+                setPlanReason(null);
+            }
+            return null;
+        }
+        setPlanReason(null);
+        setCartPlan(plan);
+        const printed = new Set(printedCartIdsOf(item));
+        setActiveCartId(plan.carts.find((cart) => !printed.has(cart.cartId))?.cartId ?? plan.carts[0].cartId);
+        return plan;
+    }, []);
+    /**
+     * Mislukte printopdracht: alleen de betreffende kar terugzetten. Ging alleen
+     * het opslaan van de PDF-kopie mis, dan is het papier wél geprint: de kar
+     * blijft dan geprint staan en er volgt enkel een waarschuwing.
+     */
     useEffect(() => {
         const job = tracked?.job;
         if (!tracked || !job)
@@ -91,9 +202,22 @@ export function PickScherm({ station, onBack }) {
         if (resetDone.current === tracked.jobId)
             return;
         resetDone.current = tracked.jobId;
+        if (isPdfOnlyFailure(job)) {
+            toast.warning(PDF_SAVE_NOTICE, {
+                description: pdfSaveWarning(job) ?? undefined,
+            });
+            refresh();
+            return;
+        }
         void (async () => {
             try {
-                await pickApi.resetPrint(tracked.queueItemId, sessionId);
+                const restored = await pickApi.resetPrint(tracked.queueItemId, sessionId, tracked.cartId);
+                if (tracked.cartId) {
+                    if (!cartPlan)
+                        await loadCartPlan(restored);
+                    setPending(restored);
+                    setActiveCartId(tracked.cartId);
+                }
                 toast.error(`${jobTexts.failed}: ${job.foutmelding ?? jobTexts.unknown}`);
             }
             catch (e) {
@@ -103,7 +227,24 @@ export function PickScherm({ station, onBack }) {
                 refresh();
             }
         })();
-    }, [tracked, sessionId, refresh, jobTexts]);
+    }, [tracked, sessionId, refresh, jobTexts, cartPlan, loadCartPlan]);
+    /**
+     * De print is gelukt, maar de PDF is niet in de map op de werkplek beland.
+     * Eén melding per printopdracht, met de tekst uit de database.
+     */
+    const pdfWarnedFor = useRef(null);
+    useEffect(() => {
+        const job = tracked?.job;
+        if (!tracked || !job)
+            return;
+        const warning = pdfSaveWarning(job);
+        if (!warning)
+            return;
+        if (pdfWarnedFor.current === tracked.jobId)
+            return;
+        pdfWarnedFor.current = tracked.jobId;
+        toast.warning(warning);
+    }, [tracked]);
     /**
      * Zet een printfout om in een begrijpelijke melding en meldt of de claim
      * verlopen was — dan kan het scherm zelf opnieuw ophalen.
@@ -123,7 +264,9 @@ export function PickScherm({ station, onBack }) {
                 sessionId,
                 timeout: station.lock_timeout_seconds ?? 120,
             });
-            await runPrint(claimed ?? item);
+            const next = claimed ?? item;
+            await loadCartPlan(next);
+            setPending(next);
         }
         catch (e) {
             showPrintError(e);
@@ -138,7 +281,7 @@ export function PickScherm({ station, onBack }) {
         finally {
             setBusyId(null);
         }
-    }, [station.id, station.lock_timeout_seconds, sessionId, runPrint, refresh, showPrintError]);
+    }, [station.id, station.lock_timeout_seconds, sessionId, loadCartPlan, refresh, showPrintError]);
     /**
      * Zet een nieuwe printopdracht in de wachtrij voor een al geprint document,
      * zonder de wachtrijstatus te wijzigen.
@@ -165,29 +308,166 @@ export function PickScherm({ station, onBack }) {
             setBusyId(null);
         }
     }, [t, sessionId, track, showPrintError]);
+    /** Open een geprinte order bovenaan zonder de wachtrijstatus te wijzigen. */
+    const selectPrintedForReprint = useCallback(async (item) => {
+        setBusyId(item.id);
+        try {
+            await loadCartPlan(item);
+            setPending(item);
+            setEmptyNotice(null);
+            window.scrollTo({ top: 0, behavior: "smooth" });
+        }
+        catch (e) {
+            showPrintError(e);
+        }
+        finally {
+            setBusyId(null);
+        }
+    }, [loadCartPlan, showPrintError]);
+    /**
+     * Printknop in de wachtrij: print in één keer alle pakbonnen (karren) van
+     * deze order. Nog niet geprint: claimen en alle karren in één batch.
+     * Al geprint: bewuste herdruk van alle karren.
+     * Zonder vastgelegd karplan wordt de pakbon als één document geprint.
+     */
+    const printAllForItem = useCallback(async (item) => {
+        setBusyId(item.id);
+        try {
+            if (item.printed_at) {
+                const plan = await loadCartPlan(item);
+                setPending(item);
+                if (!plan) {
+                    toast.warning(NO_CART_PLAN_NOTICE);
+                    await handleReprint(item);
+                    refresh();
+                    return;
+                }
+                const jobs = [];
+                for (const cart of plan.carts) {
+                    const jobId = await pickApi.reprintCart(item.id, sessionId, cart.cartId);
+                    if (jobId)
+                        jobs.push({ cartId: cart.cartId, cartLabel: cart.cartLabel, jobId });
+                }
+                setLastPrinted(item);
+                if (jobs.length > 0) {
+                    finalizedBatch.current = null;
+                    trackBatch({
+                        queueItemId: item.id,
+                        documentNumber: item.document_number ?? null,
+                        jobs,
+                    });
+                }
+                toast.success(`${jobs.length} ${jobs.length === 1 ? "pakbon" : "pakbonnen"} ${t("sentToPrinter")}`);
+                refresh();
+                return;
+            }
+            const claimed = await pickApi.claim({
+                itemId: item.id,
+                stationId: station.id,
+                screenId: null,
+                sessionId,
+                timeout: station.lock_timeout_seconds ?? 120,
+            });
+            const target = claimed ?? item;
+            const plan = await loadCartPlan(target);
+            setPending(target);
+            if (!plan) {
+                toast.warning(NO_CART_PLAN_NOTICE);
+                const printed = await pickApi.completePrint(target.id, sessionId);
+                setLastPrinted(printed);
+                setPending(printed);
+                refresh();
+                return;
+            }
+            const already = new Set(printedCartIdsOf(target));
+            const todo = plan.carts.filter((cart) => !already.has(cart.cartId));
+            const result = await pickApi.completePrintCarts(target.id, sessionId, todo.map((cart) => cart.cartId));
+            setLastPrinted(result.item);
+            setPending(result.item);
+            finalizedBatch.current = null;
+            trackBatch({
+                queueItemId: target.id,
+                documentNumber: result.item.document_number ?? null,
+                jobs: result.jobs,
+            });
+            toast.success(`${result.jobs.length} ${result.jobs.length === 1 ? "pakbon" : "pakbonnen"} ${t("sentToPrinter")}`);
+            refresh();
+        }
+        catch (e) {
+            showPrintError(e);
+            if (!item.printed_at) {
+                try {
+                    await pickApi.releaseLock(item.id);
+                }
+                catch {
+                    // heartbeat ruimt de lock alsnog op
+                }
+                setPending(null);
+                setCartPlan(null);
+                setActiveCartId(null);
+            }
+            refresh();
+        }
+        finally {
+            setBusyId(null);
+        }
+    }, [
+        station.id,
+        station.lock_timeout_seconds,
+        sessionId,
+        loadCartPlan,
+        trackBatch,
+        refresh,
+        t,
+        showPrintError,
+    ]);
     const fetchNext = useCallback(async (silent = false) => {
+        const requestedDayVersion = daySelectionVersion.current;
         setBusyId("next");
+        let claimed = null;
         try {
-            const claimed = await pickApi.claimNext({
+            claimed = await pickApi.claimNext({
                 stationId: station.id,
                 screenId: null,
                 country: null,
                 sessionId,
                 timeout: station.lock_timeout_seconds ?? 120,
+                pickDay: chosenDay ?? pickDay ?? null,
             });
             if (!claimed)
                 throw new Error(t("noDocument"));
+            if (requestedDayVersion !== daySelectionVersion.current) {
+                await pickApi.releaseLock(claimed.id);
+                return null;
+            }
+            await loadCartPlan(claimed);
+            if (requestedDayVersion !== daySelectionVersion.current) {
+                await pickApi.releaseLock(claimed.id);
+                setCartPlan(null);
+                setActiveCartId(null);
+                return null;
+            }
             setPending(claimed);
             setEmptyNotice(null);
             return claimed;
         }
         catch (e) {
+            if (claimed) {
+                try {
+                    await pickApi.releaseLock(claimed.id);
+                }
+                catch {
+                    // lock verloopt automatisch
+                }
+            }
             const { message } = friendlyPickError(e, t.lang);
             if (silent)
                 setEmptyNotice(message);
             else
                 toast.error(message);
             setPending(null);
+            setCartPlan(null);
+            setActiveCartId(null);
             if (!silent)
                 refresh();
             return null;
@@ -195,18 +475,78 @@ export function PickScherm({ station, onBack }) {
         finally {
             setBusyId(null);
         }
-    }, [station.id, station.lock_timeout_seconds, sessionId, refresh, t]);
-    /** Bevestigt de opdracht, print deze en haalt direct de volgende op. */
+    }, [station.id, station.lock_timeout_seconds, sessionId, refresh, t, loadCartPlan, chosenDay, pickDay]);
+    /**
+     * Print alle nog niet geprinte karren (pakbonnen) van deze order in één keer
+     * en haalt daarna een nieuwe order op.
+     */
     const confirmPending = useCallback(async () => {
         const item = pending;
+        const plan = cartPlan;
         if (!item)
             return;
+        if (!plan) {
+            toast.warning(NO_CART_PLAN_NOTICE);
+            if (item.printed_at) {
+                await handleReprint(item);
+                return;
+            }
+            setBusyId("confirm");
+            try {
+                const printed = await pickApi.completePrint(item.id, sessionId);
+                setLastPrinted(printed);
+                setPending(printed);
+                refresh();
+            }
+            catch (e) {
+                showPrintError(e);
+            }
+            finally {
+                setBusyId(null);
+            }
+            return;
+        }
+        const alreadyPrinted = new Set(printedCartIdsOf(item));
+        const todo = plan.carts.filter((cart) => !alreadyPrinted.has(cart.cartId));
+        if (todo.length === 0) {
+            // Alles al geprint: bewuste herdruk van ALLE pakbonnen van deze order.
+            setBusyId("confirm");
+            try {
+                const jobs = [];
+                for (const cart of plan.carts) {
+                    const jobId = await pickApi.reprintCart(item.id, sessionId, cart.cartId);
+                    if (jobId)
+                        jobs.push({ cartId: cart.cartId, cartLabel: cart.cartLabel, jobId });
+                }
+                setLastPrinted(item);
+                if (jobs.length > 0) {
+                    finalizedBatch.current = null;
+                    trackBatch({ queueItemId: item.id, documentNumber: item.document_number ?? null, jobs });
+                }
+                toast.success(`${jobs.length} ${jobs.length === 1 ? "pakbon" : "pakbonnen"} ${t("sentToPrinter")}`);
+                refresh();
+            }
+            catch (e) {
+                showPrintError(e);
+            }
+            finally {
+                setBusyId(null);
+            }
+            return;
+        }
         setBusyId("confirm");
         try {
-            await runPrint(item);
-            setPending(null);
-            setBusyId(null);
-            await fetchNext();
+            const result = await pickApi.completePrintCarts(item.id, sessionId, todo.map((cart) => cart.cartId));
+            setLastPrinted(result.item);
+            setPending(result.item);
+            finalizedBatch.current = null;
+            trackBatch({
+                queueItemId: item.id,
+                documentNumber: result.item.document_number ?? null,
+                jobs: result.jobs,
+            });
+            toast.success(`${result.jobs.length} ${result.jobs.length === 1 ? "pakbon" : "pakbonnen"} ${t("sentToPrinter")}`);
+            refresh();
         }
         catch (e) {
             const expired = showPrintError(e);
@@ -217,9 +557,10 @@ export function PickScherm({ station, onBack }) {
                 // heartbeat ruimt de lock alsnog op
             }
             setPending(null);
+            setCartPlan(null);
+            setActiveCartId(null);
             refresh();
             setBusyId(null);
-            // Verlopen claim: zelf een verse opdracht ophalen in plaats van blijven hangen.
             if (expired && !retryAfterExpiry.current) {
                 retryAfterExpiry.current = true;
                 try {
@@ -230,28 +571,97 @@ export function PickScherm({ station, onBack }) {
                 }
             }
         }
-    }, [pending, runPrint, fetchNext, refresh, showPrintError]);
-    /** Scanner: barcode, documentnummer of ordernummer selecteert direct de regel. */
-    const handleScan = useCallback(async (raw) => {
-        const code = raw.trim();
-        if (!code)
+    }, [pending, cartPlan, handleReprint, sessionId, trackBatch, t, fetchNext, refresh, showPrintError]);
+    /** Rond de order pas af wanneer alle batchopdrachten een eindstatus hebben. */
+    useEffect(() => {
+        if (!batch || batch.jobs.some((entry) => !entry.job || !["voltooid", "mislukt", "geannuleerd"].includes(entry.job.status)))
             return;
-        setBusyId("scan");
-        try {
-            const found = await pickApi.findByCode(code, station.id);
-            if (!found) {
-                toast.error(ui.scanNotFound);
-                return;
+        const batchKey = batch.jobs.map((entry) => entry.jobId).join(",");
+        if (finalizedBatch.current === batchKey)
+            return;
+        finalizedBatch.current = batchKey;
+        void (async () => {
+            const ended = batch.jobs.filter((entry) => entry.job?.status === "mislukt" || entry.job?.status === "geannuleerd");
+            // Alleen het opslaan van de PDF misging: het papier is geprint, dus de
+            // kar blijft geprint staan; we waarschuwen wel over de PDF-map.
+            const pdfOnly = ended.filter((entry) => isPdfOnlyFailure(entry.job));
+            if (pdfOnly.length > 0) {
+                toast.warning(PDF_SAVE_NOTICE, {
+                    description: pdfSaveWarning(pdfOnly[0]?.job) ?? undefined,
+                });
             }
-            setScanInput("");
-            if (found.printed_at) {
-                toast.error(ui.scanAlreadyPrinted);
-                setFilters((f) => ({ ...f, search: code, page: 0 }));
-                setSearchInput(code);
+            const failed = ended.filter((entry) => !isPdfOnlyFailure(entry.job));
+            if (failed.length > 0) {
+                const restored = await pickApi.resetPrintJobs(batch.queueItemId, sessionId, failed.map((entry) => ({ jobId: entry.jobId, cartId: entry.cartId })));
+                setPending(restored);
+                setActiveCartId(failed[0]?.cartId ?? null);
+                const firstError = failed[0]?.job?.foutmelding ?? jobTexts.unknown;
+                toast.error(`${failed.length} ${failed.length === 1 ? "pakbon is" : "pakbonnen zijn"} mislukt: ${firstError}`);
+                clearBatch();
+                setBusyId(null);
+                refresh();
                 return;
             }
+            const item = pending;
+            if (item)
+                await completeLogisticsTaskForItem(item, batch.jobs[batch.jobs.length - 1]?.jobId ?? null);
+            clearBatch();
+            setPending(null);
+            setCartPlan(null);
+            setActiveCartId(null);
+            setBusyId(null);
+            refresh();
+            await fetchNext();
+        })().catch((error) => {
+            finalizedBatch.current = null;
+            setBusyId(null);
+            showPrintError(error);
+        });
+    }, [batch, sessionId, pending, jobTexts, clearBatch, refresh, fetchNext, showPrintError]);
+    /** Tik op een al geprinte kar: die pakbon nog een keer naar de printer sturen. */
+    const reprintCart = useCallback(async (item, cart) => {
+        setBusyId("confirm");
+        try {
+            const jobId = await pickApi.reprintCart(item.id, sessionId, cart.cartId);
+            setLastPrinted(item);
+            if (jobId) {
+                resetDone.current = jobId;
+                track({
+                    jobId,
+                    queueItemId: item.id,
+                    documentNumber: item.document_number ?? null,
+                    cartLabel: cart.cartLabel,
+                });
+            }
+            toast.success(`${cart.cartLabel} · ${item.document_number ?? t("document")} ${t("sentToPrinter")}`);
+        }
+        catch (e) {
+            showPrintError(e);
+        }
+        finally {
             setBusyId(null);
-            await handlePick(found);
+        }
+    }, [sessionId, t, track, showPrintError]);
+    /** Eén losse pakbon (kar) printen vanaf de knop op de karregel. */
+    const printSingleCart = useCallback(async (item, cart) => {
+        const done = printedCartIdsOf(item).includes(cart.cartId);
+        if (done) {
+            await reprintCart(item, cart);
+            return;
+        }
+        setBusyId("confirm");
+        try {
+            const result = await pickApi.completePrintCarts(item.id, sessionId, [cart.cartId]);
+            setLastPrinted(result.item);
+            setPending(result.item);
+            finalizedBatch.current = null;
+            trackBatch({
+                queueItemId: item.id,
+                documentNumber: result.item.document_number ?? null,
+                jobs: result.jobs,
+            });
+            toast.success(`${cart.cartLabel} · ${t("sentToPrinter")}`);
+            refresh();
         }
         catch (e) {
             showPrintError(e);
@@ -259,10 +669,39 @@ export function PickScherm({ station, onBack }) {
         finally {
             setBusyId(null);
         }
-    }, [station.id, ui, handlePick, showPrintError]);
+    }, [reprintCart, sessionId, trackBatch, t, refresh, showPrintError]);
+    /**
+     * Handmatig afmelden: het papier is geprint maar de regel bleef openstaan.
+     * Zet de order op "Geprint" zonder nieuwe printopdracht en logt de reden.
+     */
+    const markPrinted = useCallback(async (item) => {
+        const label = item.document_number ?? t("document");
+        if (typeof window !== "undefined" && !window.confirm(`${label} als geprint afmelden zonder opnieuw te printen?`))
+            return;
+        setBusyId(item.id);
+        try {
+            const marked = await pickApi.markPrinted(item.id, sessionId, "Handmatig afgemeld in het pickstation");
+            if (pending?.id === item.id) {
+                setPending(null);
+                setCartPlan(null);
+                setActiveCartId(null);
+            }
+            setLastPrinted(marked);
+            toast.success(`${label} staat nu op geprint.`);
+        }
+        catch (e) {
+            showPrintError(e);
+        }
+        finally {
+            setBusyId(null);
+            refresh();
+        }
+    }, [pending, sessionId, t, refresh, showPrintError]);
     const cancelPending = useCallback(async () => {
         const item = pending;
         setPending(null);
+        setCartPlan(null);
+        setActiveCartId(null);
         if (item) {
             try {
                 await pickApi.releaseLock(item.id);
@@ -273,6 +712,28 @@ export function PickScherm({ station, onBack }) {
         }
         refresh();
     }, [pending, refresh]);
+    /** De pickdag die nu in beeld is; zonder dag mag er niets klaarstaan. */
+    const selectedDay = chosenDay ?? pickDay ?? null;
+    /**
+     * Een opdracht mag alleen bovenaan staan op zijn eigen pickdag. Hoort de
+     * klaargezette opdracht bij een andere dag, dan verdwijnt hij direct en geeft
+     * het scherm de lock terug.
+     */
+    useEffect(() => {
+        if (!pending)
+            return;
+        const payload = (pending.payload && typeof pending.payload === "object" ? pending.payload : {});
+        const itemDay = typeof payload["pickDate"] === "string" ? payload["pickDate"].slice(0, 10) : null;
+        if (!itemDay || !selectedDay || itemDay === selectedDay)
+            return;
+        const id = pending.id;
+        setPending(null);
+        setCartPlan(null);
+        setActiveCartId(null);
+        void pickApi.releaseLock(id).catch(() => {
+            // De lock verloopt automatisch.
+        });
+    }, [pending, selectedDay]);
     /** Zet automatisch de volgende opdracht klaar, zodat één klik op printen volstaat. */
     useEffect(() => {
         if (lang === null || loading)
@@ -281,11 +742,13 @@ export function PickScherm({ station, onBack }) {
             return;
         if (autoFetched.current)
             return;
+        if (!selectedDay)
+            return;
         if (pendingCount === 0)
             return;
         autoFetched.current = true;
         void fetchNext(true);
-    }, [lang, loading, pending, busyId, pendingCount, fetchNext]);
+    }, [lang, loading, pending, busyId, pendingCount, fetchNext, selectedDay]);
     /** Pas opnieuw proberen zodra er echt weer iets te printen staat. */
     useEffect(() => {
         if (pendingCount === 0)
@@ -298,13 +761,31 @@ export function PickScherm({ station, onBack }) {
     const totalPages = Math.max(1, Math.ceil(total / filters.pageSize));
     const jobStatus = tracked?.job?.status ?? null;
     const jobFailed = jobStatus === "mislukt" || jobStatus === "geannuleerd";
-    return (_jsxs("div", { className: "space-y-4 pb-24 md:pb-0", children: [_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:flex-wrap md:items-center md:justify-between", children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] items-center gap-3", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-12 shrink-0 px-3 sm:px-4", onClick: () => setLang(null), "aria-label": t("changeLanguage"), children: [_jsx(Globe, { className: "h-5 w-5 sm:mr-2" }), _jsx("span", { className: "hidden sm:inline", children: t("changeLanguage") })] }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-lg font-bold text-foreground sm:text-xl", children: station.name }), _jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [pendingCount, " ", t("statusToPrint"), " \u00B7 ", printedCount, " ", t("statusPrinted")] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [!online && (_jsxs(Badge, { className: "bg-destructive text-destructive-foreground", children: [_jsx(WifiOff, { className: "mr-1 h-3.5 w-3.5" }), " ", t("offline")] })), _jsx(Button, { variant: "outline", size: "icon", className: "h-12 w-12 shrink-0", onClick: refresh, "aria-label": t("refresh"), children: _jsx(RefreshCw, { className: "h-4 w-4" }) }), _jsxs(Button, { size: "lg", className: "hidden h-14 px-8 text-lg md:inline-flex", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] })] }), !plekLoading && !printPlek && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border-2 border-destructive/50 bg-destructive/5 p-3 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "Nog geen printplek gekoppeld \u2014 de opdracht blijft in de wachtrij staan." })] })), !pending && emptyNotice && (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyNotice })), pending && (_jsx(Card, { className: "border-2 border-primary", children: _jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:p-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("confirmPrintTitle") }), _jsx("p", { className: "truncate text-xl font-bold text-foreground sm:text-2xl", children: pending.document_number ?? t("document") }), _jsx("p", { className: "truncate text-sm text-muted-foreground", children: [pending.order_number, pending.customer_name].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: cancelPending, disabled: busyId !== null, children: t("cancel") }), _jsxs(Button, { size: "lg", className: "h-14 w-full px-8 text-lg sm:w-auto", onClick: confirmPending, disabled: busyId !== null, children: [busyId === "confirm" ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("print")] })] })] }) })), 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}` : ""] }), _jsx("p", { className: "text-lg font-semibold text-foreground", children: printJobStatusLabel(jobStatus, t.lang) }), tracked.job?.printer_naam && (_jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [jobTexts.printerLabel, ": ", tracked.job.printer_naam] })), jobFailed && (_jsxs("p", { className: "text-sm text-destructive", children: [tracked.job?.foutmelding ?? jobTexts.unknown, " \u00B7 ", jobTexts.requeued] }))] })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [jobFailed && lastPrinted && (_jsxs(Button, { size: "lg", className: "h-12 w-full sm:w-auto", onClick: () => {
+    const batchCompleted = batch?.jobs.filter((entry) => entry.job?.status === "voltooid").length ?? 0;
+    const batchFailed = batch?.jobs.filter((entry) => entry.job?.status === "mislukt" || entry.job?.status === "geannuleerd").length ?? 0;
+    return (_jsxs("div", { className: "space-y-4 pb-24 md:pb-0", children: [_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:flex-wrap md:items-center md:justify-between", children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] items-center gap-3", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-12 shrink-0 px-3 sm:px-4", onClick: () => setLang(null), "aria-label": t("changeLanguage"), children: [_jsx(Globe, { className: "h-5 w-5 sm:mr-2" }), _jsx("span", { className: "hidden sm:inline", children: t("changeLanguage") })] }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-lg font-bold text-foreground sm:text-xl", children: station.name }), _jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [pendingCount, " ", t("statusToPrint"), " \u00B7 ", printedCount, " ", t("statusPrinted")] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-12 px-3", onClick: () => shiftDay(-1), disabled: loadingDay || !(chosenDay ?? pickDay), "aria-label": ui.pickDayPrev, children: [_jsx(ChevronLeft, { className: "h-5 w-5 sm:mr-1" }), _jsx("span", { className: "hidden sm:inline", children: ui.pickDayPrev })] }), _jsx("div", { className: "flex h-12 items-center rounded-md border bg-muted px-4 text-sm font-semibold text-foreground", children: chosenDay ? dayLabel(chosenDay) : ui.pickDayToday }), _jsxs(Button, { variant: "outline", size: "lg", className: "h-12 px-3", onClick: () => shiftDay(1), disabled: loadingDay || !(chosenDay ?? pickDay), "aria-label": ui.pickDayNext, children: [_jsx("span", { className: "hidden sm:inline", children: ui.pickDayNext }), _jsx(ChevronRight, { className: "h-5 w-5 sm:ml-1" })] }), chosenDay && (_jsx(Button, { variant: "secondary", size: "lg", className: "h-12 px-4", onClick: () => void chooseDay("current"), disabled: loadingDay, children: ui.pickDayBackToToday }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [!online && (_jsxs(Badge, { className: "bg-destructive text-destructive-foreground", children: [_jsx(WifiOff, { className: "mr-1 h-3.5 w-3.5" }), " ", t("offline")] })), _jsx(Button, { variant: "outline", size: "icon", className: "h-12 w-12 shrink-0", onClick: refresh, "aria-label": t("refresh"), children: _jsx(RefreshCw, { className: "h-4 w-4" }) }), _jsxs(Button, { size: "lg", className: "hidden h-14 px-8 text-lg md:inline-flex", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] })] }), !plekLoading && !printPlek && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border-2 border-destructive/50 bg-destructive/5 p-3 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "Nog geen printplek gekoppeld \u2014 de opdracht blijft in de wachtrij staan." })] })), _jsx(ShippingNoteScan, { stationId: station.id }), !pending && emptyNotice && (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyNotice })), pending && (_jsxs(Card, { className: "border-2 border-primary", children: [_jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:p-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("confirmPrintTitle") }), _jsx("p", { className: "truncate text-xl font-bold text-foreground sm:text-2xl", children: pending.document_number ?? t("document") }), _jsx("p", { className: "truncate text-sm text-muted-foreground", children: [pending.order_number, pending.customer_name].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: cancelPending, disabled: busyId !== null, children: t("cancel") }), _jsxs(Button, { size: "lg", className: "h-14 w-full px-8 text-lg sm:w-auto", onClick: confirmPending, disabled: busyId !== null, children: [busyId === "confirm" ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("print")] })] })] }), !cartPlan && (_jsx(CardContent, { className: "border-t p-4 sm:p-5", children: _jsxs("div", { className: "flex items-start gap-2 rounded-md border bg-muted/30 p-3 text-sm text-muted-foreground", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: planReason
+                                        ? `${planReason} De logistiek is automatisch op de hoogte gebracht.`
+                                        : "De karplanning voor deze order is nog niet klaar — de logistiek is automatisch op de hoogte gebracht. Zolang die ontbreekt, wordt de pakbon als één document geprint." })] }) })), cartPlan && (_jsx(CardContent, { className: "border-t p-4 sm:p-5", children: _jsxs("div", { className: "grid gap-3 lg:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)]", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: "Karren van deze order" }), _jsx("div", { className: "max-h-72 space-y-2 overflow-y-auto rounded-md border p-2", children: cartPlan.carts.map((cart) => {
+                                                const done = printedCartIdsOf(pending).includes(cart.cartId);
+                                                const active = cart.cartId === activeCartId;
+                                                return (_jsxs("div", { role: "button", tabIndex: 0, onClick: () => setActiveCartId(cart.cartId), onKeyDown: (event) => {
+                                                        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, 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: activeCart.items.length > 0 ? activeCart.items.map((cartItem, index) => (_jsxs("div", { className: "flex items-center justify-between gap-3 p-3", children: [_jsx("span", { className: "min-w-0 truncate text-sm text-foreground", children: cartItem.productName }), _jsx("span", { className: "shrink-0 text-sm font-semibold text-foreground", children: cartItem.quantity ?? cartItem.crates ?? 0 })] }, cartItem.itemId ?? cartItem.orderItemId ?? `${activeCart.cartId}-${index}`))) : (_jsx("p", { className: "p-3 text-sm text-muted-foreground", children: "Geen regels voor deze kar." })) })] }));
+                                })()] }) }))] })), 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` : ""] })] })] }) })), 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: printJobStatusLabel(jobStatus, t.lang) }), tracked.job?.printer_naam && (_jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [jobTexts.printerLabel, ": ", tracked.job.printer_naam] })), 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-12 w-full sm:w-auto", onClick: () => {
                                         clearJob();
-                                        void handlePick(lastPrinted);
-                                    }, disabled: busyId !== null, children: [_jsx(Printer, { className: "mr-2 h-5 w-5" }), " ", jobTexts.retry] })), _jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: clearJob, children: jobTexts.close })] })] }) })), _jsx(Card, { 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-12 pl-9 text-base", placeholder: t("search"), value: searchInput, onChange: (e) => setSearchInput(e.target.value) })] }), _jsxs("div", { className: "relative w-full min-w-0 sm:w-56", children: [_jsx(ScanLine, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "h-12 pl-9 text-base", placeholder: ui.scanPlaceholder, value: scanInput, onChange: (e) => setScanInput(e.target.value), onKeyDown: (e) => {
-                                        if (e.key !== "Enter")
-                                            return;
-                                        e.preventDefault();
-                                        void handleScan(scanInput);
-                                    } })] }), _jsxs(Select, { value: filters.documentTypeId ?? "all", onValueChange: (v) => setFilters((f) => ({ ...f, documentTypeId: v === "all" ? null : v, page: 0 })), children: [_jsx(SelectTrigger, { className: "h-12 w-full sm:w-52", children: _jsx(SelectValue, { placeholder: ui.allDocumentTypes }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: ui.allDocumentTypes }), (Array.isArray(documentTypes) ? documentTypes : []).map((dt) => (_jsx(SelectItem, { value: dt.id, children: dt.name }, dt.id)))] })] }), _jsx(Button, { variant: filters.onlyPending ? "default" : "outline", className: "h-12", onClick: () => setFilters((f) => ({ ...f, onlyPending: !f.onlyPending, page: 0 })), children: ui.onlyPending }), _jsxs(Button, { variant: filters.urgentOnly ? "default" : "outline", className: "h-12", 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 })), 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")] })) : (_jsx(QueueTable, { items: items, lockedIds: lockedIds, statuses: Array.isArray(statuses) ? statuses : [], documentTypes: Array.isArray(documentTypes) ? documentTypes : [], busyId: busyId, onPick: handlePick, onReprint: handleReprint, 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-12 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-12 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() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), _jsxs("span", { className: "truncate", children: [t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] }) }), _jsx(PreviewDialog, { item: previewItem, stationSlug: station.slug, onClose: () => setPreviewItem(null) })] }));
+                                        void confirmPending();
+                                    }, disabled: busyId !== null || !pending, children: [_jsx(Printer, { className: "mr-2 h-5 w-5" }), " ", jobTexts.retry] })), _jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: clearJob, children: jobTexts.close })] })] }) })), _jsx(Card, { 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-12 pl-9 text-base", 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-12 w-full sm:w-56", disabled: loadingDay, children: _jsx(SelectValue, { placeholder: ui.pickDay }) }), _jsxs(SelectContent, { 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)))] })] }), _jsxs(Select, { value: filters.documentTypeId ?? "all", onValueChange: (v) => setFilters((f) => ({ ...f, documentTypeId: v === "all" ? null : v, page: 0 })), children: [_jsx(SelectTrigger, { className: "h-12 w-full sm:w-52", children: _jsx(SelectValue, { placeholder: ui.allDocumentTypes }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: ui.allDocumentTypes }), (Array.isArray(documentTypes) ? documentTypes : []).map((dt) => (_jsx(SelectItem, { value: dt.id, children: dt.name }, dt.id)))] })] }), _jsx(Button, { variant: filters.onlyPending ? "default" : "outline", className: "h-12", onClick: () => setFilters((f) => ({ ...f, onlyPending: !f.onlyPending, page: 0 })), children: ui.onlyPending }), _jsxs(Button, { variant: filters.urgentOnly ? "default" : "outline", className: "h-12", 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 })), 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")] })) : (_jsx(QueueTable, { items: items, lockedIds: lockedIds, statuses: Array.isArray(statuses) ? statuses : [], documentTypes: Array.isArray(documentTypes) ? documentTypes : [], busyId: busyId, onPick: handlePick, onReprint: handleReprint, 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-12 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-12 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() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), _jsxs("span", { className: "truncate", children: [t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] }) }), _jsx(PreviewDialog, { item: previewItem, stationSlug: station.slug, onClose: () => setPreviewItem(null) })] }));
 }