@flowselections/pick-schermen-kwekers 1.0.89 → 1.0.94

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

@@ -1 +1 @@
-{"version":3,"file":"PickPublicPage.d.ts","sourceRoot":"","sources":["../../src/components/PickPublicPage.tsx"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,+DAA+D;AAC/D,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,+BA8E7C"}
+{"version":3,"file":"PickPublicPage.d.ts","sourceRoot":"","sources":["../../src/components/PickPublicPage.tsx"],"names":[],"mappings":"AAUA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,+DAA+D;AAC/D,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,+BA8F7C"}

package/dist-lib/components/PickPublicPage.js

@@ -6,6 +6,8 @@ import { pickApi } from "../lib/pickApi.js";
 import { fetchDeviceStatus, mustPair, readDeviceKey, setActiveDeviceKey } from "../lib/pick159.js";
 import { PickScherm } from "./pick/PickScherm.js";
 import { StationPairing } from "./pick/StationPairing.js";
+import { ProductieScherm } from "./pick/productie/ProductieScherm.js";
+import { productieApi } from "../lib/productiebon.js";
 /** Openbaar pickscherm, bereikbaar via /pickstation/<slug>. */
 export function PickPublicPage({ slug }) {
     const [deviceKey, setDeviceKey] = useState(null);
@@ -32,6 +34,22 @@ export function PickPublicPage({ slug }) {
         queryFn: () => pickApi.stationBySlug(slug),
         enabled: keyRead,
     });
+    // Productiestation: volgens de Engine-instelling (Werkwijze → Pickstations → Productiebon).
+    // Lukt het lezen niet (bijv. apparaat niet gekoppeld), dan het gewone pickscherm.
+    const { data: isProductie, isLoading: productieLoading } = useQuery({
+        queryKey: ["pick", "productie-station", slug, deviceKey],
+        queryFn: async () => {
+            // Alleen het station dat de Engine als productiestation heeft gekozen; nooit afleiden uit de wachtrij.
+            try {
+                return (await productieApi.station(slug)).productiestation;
+            }
+            catch (e) {
+                console.error("[productiebon] stationcontrole", e);
+                return false;
+            }
+        },
+        enabled: keyRead && !!deviceKey,
+    });
     const stationName = typeof station?.name === "string" && station.name.trim() ? station.name.trim() : null;
     // Tabbladtitel = schermnaam. Vorige en eigen titel per effect-run vastleggen (geen gedeelde ref),
     // en alleen terugzetten als niemand anders de titel inmiddels heeft gewijzigd.
@@ -44,7 +62,7 @@ export function PickPublicPage({ slug }) {
                 document.title = previous;
         };
     }, [stationName]);
-    if (isLoading || !keyRead || statusLoading) {
+    if (isLoading || !keyRead || statusLoading || (!!deviceKey && productieLoading)) {
         return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) }));
     }
     if (mustPair(deviceStatus ?? null) || (qrCode && !deviceStatus?.gekoppeld)) {
@@ -58,5 +76,5 @@ export function PickPublicPage({ slug }) {
     if (!station) {
         return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background", children: _jsx("p", { className: "text-muted-foreground", children: "Pickstation niet gevonden of niet actief." }) }));
     }
-    return (_jsx("div", { className: "min-h-screen bg-background p-3 sm:p-6", children: _jsx(PickScherm, { station: station }) }));
+    return (_jsx("div", { className: "min-h-screen bg-background p-3 sm:p-6", children: isProductie ? _jsx(ProductieScherm, { slug: slug, stationName: stationName ?? "Pickstation" }) : _jsx(PickScherm, { station: station }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PickstationsPage.d.ts","sourceRoot":"","sources":["../../src/components/PickstationsPage.tsx"],"names":[],"mappings":"AAsHA,wBAAgB,gBAAgB,gCAkU/B"}
+{"version":3,"file":"PickstationsPage.d.ts","sourceRoot":"","sources":["../../src/components/PickstationsPage.tsx"],"names":[],"mappings":"AAuHA,wBAAgB,gBAAgB,gCAyU/B"}

package/dist-lib/components/PickstationsPage.js

@@ -9,6 +9,7 @@ import { useKoppelingVoorBron } from "../hooks/useKoppelingVoorBron.js";
 import { ReferentiedataBanner } from "./pick/ReferentiedataBanner.js";
 import { DOCUMENT_AUTO_TEXT } from "../lib/pick156.js";
 import { StationDevices } from "./pick/StationDevices.js";
+import { StationProductieInfo } from "./pick/productie/StationProductieInfo.js";
 import { plainError } from "../lib/labels.js";
 import { PageHeader, KbdHint } from "./fs-ui/PageHeader.js";
 import { UpdatedAt } from "./fs-ui/UpdatedAt.js";
@@ -107,7 +108,12 @@ export function PickstationsPage() {
             setPanelId(null);
             queryClient.invalidateQueries({ queryKey: ["pick", "stations"] });
         },
-        onError: (e) => toast.error(plainError(e, "Verwijderen lukt niet, probeer het opnieuw.")),
+        onError: (e) => {
+            console.error("[pickstations] verwijderen", e);
+            // De database legt uit waarom (standaardstation of nog in gebruik); die tekst ongewijzigd tonen.
+            const msg = e instanceof Error ? e.message : "";
+            toast.error(/^Dit (station is nog in gebruik|is een standaardstation)/.test(msg) ? msg : plainError(e, "Verwijderen lukt niet, probeer het opnieuw."));
+        },
     });
     const copyLink = async (station) => {
         const url = publicUrl(station.slug);
@@ -173,7 +179,8 @@ export function PickstationsPage() {
             { label: "Link kopiëren", onSelect: () => void copyLink(s) },
             { label: "Printplek en apparaten", onSelect: () => setPanelId(s.id) },
             { label: "Wijzigen", onSelect: () => edit(s) },
-            { label: "Verwijderen", onSelect: () => setConfirmDelete(s), destructive: true, separatorBefore: true },
+            // Standaardstations kun je niet verwijderen (alleen hernoemen of uitzetten).
+            ...(s.system_code ? [] : [{ label: "Verwijderen", onSelect: () => setConfirmDelete(s), destructive: true, separatorBefore: true }]),
         ] }));
     const columns = [
         { key: "name", header: "Station", width: COLS[0], cell: (s) => _jsx(TwoLine, { top: s.name, bottom: s.description ?? "" }) },
@@ -192,7 +199,7 @@ export function PickstationsPage() {
                     { id: "active", label: "Actief", count: counts.active },
                     { id: "inactive", label: "Uitgezet", count: counts.inactive },
                     { id: "all", label: "Alle", count: counts.all },
-                ] }), _jsx(Toolbar, { search: _jsx(SearchInput, { ref: searchRef, value: search, onChange: setSearch, placeholder: "Zoek op naam of omschrijving" }), filterCount: chips.length, onOpenFilters: () => setFiltersOpen(true), chips: _jsx(FilterChips, { chips: chips, onClearAll: clearAll }) }), _jsx("div", { className: "w-full min-w-0 overflow-clip rounded-xl border border-border bg-card shadow-sm", children: isLoading ? (_jsx(TableSkeleton, { cols: COLS })) : rows.length === 0 ? (_jsx(EmptyState, { icon: _jsx(Warehouse, { className: "h-6 w-6" }), title: safeStations.length === 0 ? "Nog geen pickstations" : "Geen pickstations gevonden", text: safeStations.length === 0 ? "Maak een pickstation en deel de link met de medewerkers." : "Pas de zoekterm of filters aan.", action: safeStations.length === 0 ? (_jsxs(Button, { size: "sm", onClick: () => setDraft({ ...emptyDraft }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuw pickstation"] })) : chips.length > 0 || search ? (_jsx(Button, { size: "sm", variant: "outline", onClick: () => { clearAll(); setSearch(""); }, children: "Alles wissen" })) : undefined })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden md:block", children: _jsx(DataTable, { label: "Pickstations", columns: columns, rows: pageRows, rowKey: (s) => s.id, focusedKey: focused, onOpen: (s) => { setFocused(s.id); setPanelId(s.id); } }) }), _jsx("ul", { className: "divide-y divide-border md:hidden", children: pageRows.map((s) => (_jsxs("li", { className: "flex items-center gap-3 p-4", onClick: () => setPanelId(s.id), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-foreground", children: s.name }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: s.description || `/pickstation/${s.slug ?? ""}` }), _jsx("div", { className: "mt-1", children: statusIcon(s) })] }), menu(s)] }, s.id))) })] })) }), !isLoading && rows.length > 0 && (_jsx(Pagination, { page: page, pageSize: pageSize, total: rows.length, onPage: setPage, onPageSize: setPageSize })), _jsxs(MobilePrimaryAction, { label: "Nieuw pickstation", onClick: () => setDraft({ ...emptyDraft }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuw pickstation"] }), _jsxs(FiltersSheet, { open: filtersOpen, onOpenChange: setFiltersOpen, onClearAll: clearAll, children: [_jsx(YesNoField, { id: "f-multi", label: "Meerdere schermen toegestaan", value: multi, onChange: setMulti }), _jsx(YesNoField, { id: "f-country", label: "Land kiezen verplicht", value: country, onChange: setCountry })] }), _jsx(SidePanel, { open: panelStation !== null, onOpenChange: (o) => !o && setPanelId(null), title: panelStation?.name ?? "Pickstation", footer: panelStation && (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => edit(panelStation), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), " Wijzigen"] }), _jsx(Button, { size: "sm", asChild: true, children: _jsxs("a", { href: publicUrl(panelStation.slug), target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), " Pickstation openen"] }) })] })), children: panelStation && (_jsxs(_Fragment, { children: [panelStation.description && _jsx("p", { className: "text-sm text-muted-foreground", children: panelStation.description }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Link voor medewerkers" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "min-w-0 flex-1 truncate rounded bg-muted px-2 py-1.5 text-xs text-muted-foreground", children: publicUrl(panelStation.slug) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void copyLink(panelStation), children: [_jsx(Copy, { className: "mr-2 h-4 w-4" }), " Kopi\u00EBren"] })] })] }), _jsx(StationPrintplek, { station: panelStation }), _jsx("p", { className: "text-sm text-muted-foreground", children: DOCUMENT_AUTO_TEXT }), _jsx(StationDevices, { stationId: panelStation.id, slug: panelStation.slug ?? null })] })) }), _jsx(ShortcutHelp, { open: helpOpen, onOpenChange: setHelpOpen, shortcuts: SHORTCUTS }), _jsx(AlertDialog, { open: confirmDelete !== null, onOpenChange: (o) => !o && setConfirmDelete(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Pickstation verwijderen?" }), _jsxs(AlertDialogDescription, { children: [confirmDelete?.name, " verdwijnt, en de link werkt daarna niet meer. Dit kun je niet ongedaan maken."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsxs(AlertDialogAction, { className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", onClick: (e) => {
+                ] }), _jsx(Toolbar, { search: _jsx(SearchInput, { ref: searchRef, value: search, onChange: setSearch, placeholder: "Zoek op naam of omschrijving" }), filterCount: chips.length, onOpenFilters: () => setFiltersOpen(true), chips: _jsx(FilterChips, { chips: chips, onClearAll: clearAll }) }), _jsx("div", { className: "w-full min-w-0 overflow-clip rounded-xl border border-border bg-card shadow-sm", children: isLoading ? (_jsx(TableSkeleton, { cols: COLS })) : rows.length === 0 ? (_jsx(EmptyState, { icon: _jsx(Warehouse, { className: "h-6 w-6" }), title: safeStations.length === 0 ? "Nog geen pickstations" : "Geen pickstations gevonden", text: safeStations.length === 0 ? "Maak een pickstation en deel de link met de medewerkers." : "Pas de zoekterm of filters aan.", action: safeStations.length === 0 ? (_jsxs(Button, { size: "sm", onClick: () => setDraft({ ...emptyDraft }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuw pickstation"] })) : chips.length > 0 || search ? (_jsx(Button, { size: "sm", variant: "outline", onClick: () => { clearAll(); setSearch(""); }, children: "Alles wissen" })) : undefined })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "hidden md:block", children: _jsx(DataTable, { label: "Pickstations", columns: columns, rows: pageRows, rowKey: (s) => s.id, focusedKey: focused, onOpen: (s) => { setFocused(s.id); setPanelId(s.id); } }) }), _jsx("ul", { className: "divide-y divide-border md:hidden", children: pageRows.map((s) => (_jsxs("li", { className: "flex items-center gap-3 p-4", onClick: () => setPanelId(s.id), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-foreground", children: s.name }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: s.description || `/pickstation/${s.slug ?? ""}` }), _jsx("div", { className: "mt-1", children: statusIcon(s) })] }), menu(s)] }, s.id))) })] })) }), !isLoading && rows.length > 0 && (_jsx(Pagination, { page: page, pageSize: pageSize, total: rows.length, onPage: setPage, onPageSize: setPageSize })), _jsxs(MobilePrimaryAction, { label: "Nieuw pickstation", onClick: () => setDraft({ ...emptyDraft }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuw pickstation"] }), _jsxs(FiltersSheet, { open: filtersOpen, onOpenChange: setFiltersOpen, onClearAll: clearAll, children: [_jsx(YesNoField, { id: "f-multi", label: "Meerdere schermen toegestaan", value: multi, onChange: setMulti }), _jsx(YesNoField, { id: "f-country", label: "Land kiezen verplicht", value: country, onChange: setCountry })] }), _jsx(SidePanel, { open: panelStation !== null, onOpenChange: (o) => !o && setPanelId(null), title: panelStation?.name ?? "Pickstation", footer: panelStation && (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => edit(panelStation), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), " Wijzigen"] }), _jsx(Button, { size: "sm", asChild: true, children: _jsxs("a", { href: publicUrl(panelStation.slug), target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), " Pickstation openen"] }) })] })), children: panelStation && (_jsxs(_Fragment, { children: [panelStation.description && _jsx("p", { className: "text-sm text-muted-foreground", children: panelStation.description }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Link voor medewerkers" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "min-w-0 flex-1 truncate rounded bg-muted px-2 py-1.5 text-xs text-muted-foreground", children: publicUrl(panelStation.slug) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void copyLink(panelStation), children: [_jsx(Copy, { className: "mr-2 h-4 w-4" }), " Kopi\u00EBren"] })] })] }), _jsx(StationPrintplek, { station: panelStation }), _jsx("p", { className: "text-sm text-muted-foreground", children: DOCUMENT_AUTO_TEXT }), _jsx(StationProductieInfo, { stationId: panelStation.id, active: panelStation.active }), _jsx(StationDevices, { stationId: panelStation.id, slug: panelStation.slug ?? null })] })) }), _jsx(ShortcutHelp, { open: helpOpen, onOpenChange: setHelpOpen, shortcuts: SHORTCUTS }), _jsx(AlertDialog, { open: confirmDelete !== null, onOpenChange: (o) => !o && setConfirmDelete(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Pickstation verwijderen?" }), _jsxs(AlertDialogDescription, { children: [confirmDelete?.name, " verdwijnt, en de link werkt daarna niet meer. Dit kun je niet ongedaan maken."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsxs(AlertDialogAction, { className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", onClick: (e) => {
                                         e.preventDefault();
                                         if (confirmDelete)
                                             remove.mutate(confirmDelete.id);

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

@@ -1 +1 @@
-{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAqFA,OAAO,EAaL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAwF7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAGD,wCAAwC;AACxC,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,WAAuC,CAAC;AAsBxF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,sCAw7DpD"}
+{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAsFA,OAAO,EAaL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAwF7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAGD,wCAAwC;AACxC,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,WAAuC,CAAC;AAsBxF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,sCA47DpD"}

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { isProductieBon, PRODUCTIEBON_ELDERS } from "../../lib/productiebon.js";
 import { useQuery } from "@tanstack/react-query";
 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";
@@ -465,6 +466,10 @@ export function PickScherm({ station, onBack }) {
                     else if (r?.error && isRowGoneError(r.error)) {
                         entry = { checking: false, ready: false, reason: String(r.error), replaced: true, waitUntil: null };
                     }
+                    // Productiebon op een gewoon station: nooit printen hier, wel uitleggen waar hij hoort.
+                    if (isProductieBon(item.payload)) {
+                        entry = { checking: false, ready: false, reason: PRODUCTIEBON_ELDERS, waitUntil: null, notPrintable: true, notStarted: PRODUCTIEBON_ELDERS };
+                    }
                     next[item.id] = entry;
                     verifyMemo.current.set(item.id, {
                         fingerprint: rowFingerprint(item),

package/dist-lib/components/pick/productie/ProductieScherm.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    slug: string;
+    stationName: string;
+};
+/** Werkvloerscherm voor een pickstation dat productiebonnen van de Engine krijgt. */
+export declare function ProductieScherm({ slug, stationName }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ProductieScherm.d.ts.map

package/dist-lib/components/pick/productie/ProductieScherm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductieScherm.d.ts","sourceRoot":"","sources":["../../../../src/components/pick/productie/ProductieScherm.tsx"],"names":[],"mappings":"AAuBA,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,+BAyM3D"}

package/dist-lib/components/pick/productie/ProductieScherm.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { CheckCircle2, Clock, ImageOff, Loader2, Printer, RotateCcw, ShieldCheck } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, } from "@flowselections/core";
+import { MeldingsPlek } from "../werkvloer/Werkvloer.js";
+import { herprint, newKey, printEnVerwerk, productieApi, uitkomstTekst, } from "../../../lib/productiebon.js";
+const fmtDag = (iso) => {
+    if (!iso)
+        return "";
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return "";
+    const tz = "Europe/Amsterdam";
+    const dag = new Intl.DateTimeFormat("nl-NL", { timeZone: tz, weekday: "short", day: "numeric", month: "short" }).format(d).replace(/\./g, "");
+    const tijd = new Intl.DateTimeFormat("nl-NL", { timeZone: tz, hour: "2-digit", minute: "2-digit" }).format(d);
+    return `${dag} ${tijd}`;
+};
+const fmtN = (n) => (n === null ? "?" : new Intl.NumberFormat("nl-NL", { maximumFractionDigits: 3 }).format(n));
+/** Werkvloerscherm voor een pickstation dat productiebonnen van de Engine krijgt. */
+export function ProductieScherm({ slug, stationName }) {
+    const qc = useQueryClient();
+    const [tab, setTab] = useState("todo");
+    const [slot, setSlot] = useState({ kind: "none" });
+    const [busyId, setBusyId] = useState(null);
+    const [ask, setAsk] = useState(null);
+    const jobs = useRef(new Map());
+    const lijst = useQuery({
+        queryKey: ["pick", "productie", slug, tab],
+        queryFn: () => productieApi.lijst(slug, tab === "done"),
+        refetchInterval: 10000,
+        placeholderData: (p) => p,
+    });
+    const items = Array.isArray(lijst.data?.items) ? lijst.data.items : [];
+    const geenPrintplek = lijst.isSuccess && !lijst.data?.printPlekId;
+    useEffect(() => {
+        if (lijst.error)
+            console.error("[productiebon] lijst", lijst.error);
+    }, [lijst.error]);
+    const refresh = useCallback(() => void qc.invalidateQueries({ queryKey: ["pick", "productie", slug] }), [qc, slug]);
+    const deps = (bon, herprintMode) => ({
+        print: (key) => productieApi.print(slug, bon.productieOrderId, key, herprintMode),
+        status: (jobId) => productieApi.status(slug, jobId),
+        verwerk: () => productieApi.verwerk(slug, bon.productieOrderId),
+        newKey,
+        sleep: (ms) => new Promise((r) => setTimeout(r, ms)),
+        now: () => Date.now(),
+        onJob: (j) => jobs.current.set(bon.productieOrderId, j),
+    });
+    const run = async (bon, soort) => {
+        if (busyId)
+            return;
+        setBusyId(bon.productieOrderId);
+        setSlot({ kind: "busy", lines: [`${bon.nummer} · ${bon.samenstelling}`] });
+        try {
+            if (soort === "herprint") {
+                const u = await herprint(deps(bon, true));
+                setSlot({ kind: u.kind === "geprint" ? "success" : "error", text: uitkomstTekst(u, bon.aantal, bon.samenstelling) });
+            }
+            else {
+                const bekend = jobs.current.get(bon.productieOrderId) ?? bon.laatsteJob;
+                const u = await printEnVerwerk({ laatsteJob: bekend }, deps(bon, false));
+                const tekst = uitkomstTekst(u, bon.aantal, bon.samenstelling);
+                if (u.kind === "verwerkt") {
+                    setSlot({ kind: "success", text: u.waarschuwingen.length ? `${tekst}. Let op: ${u.waarschuwingen.join(" · ")}` : tekst });
+                }
+                else if (u.kind === "al_verwerkt")
+                    setSlot({ kind: "info", text: tekst });
+                else
+                    setSlot({ kind: "error", text: tekst });
+            }
+        }
+        catch (e) {
+            console.error("[productiebon] actie", e);
+            setSlot({ kind: "error", text: "Er ging iets mis. Probeer het opnieuw of neem contact op met de beheerder." });
+        }
+        finally {
+            setBusyId(null);
+            refresh();
+        }
+    };
+    const goedkeuren = async (bon) => {
+        if (busyId)
+            return;
+        setBusyId(bon.productieOrderId);
+        try {
+            const r = await productieApi.goedkeuren(slug, bon.queueId);
+            setSlot({ kind: r.ok ? "success" : "error", text: r.melding ?? (r.ok ? "Goedgekeurd." : "Goedkeuren is niet gelukt.") });
+        }
+        catch (e) {
+            console.error("[productiebon] goedkeuren", e);
+            setSlot({ kind: "error", text: "Goedkeuren is niet gelukt. Probeer het opnieuw of neem contact op met de beheerder." });
+        }
+        finally {
+            setBusyId(null);
+            refresh();
+        }
+    };
+    return (_jsxs("div", { className: "space-y-4 pb-8 text-lg", children: [_jsx("header", { className: "flex items-center gap-3", children: _jsx("h2", { className: "min-w-0 flex-1 truncate text-2xl font-bold text-foreground", children: stationName }) }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: ["todo", "done"].map((t) => (_jsx(Button, { variant: tab === t ? "default" : "outline", className: "h-14 text-lg", onClick: () => setTab(t), children: t === "todo" ? "Te doen" : "Geprint vandaag" }, t))) }), _jsx(MeldingsPlek, { slot: slot, onDismiss: () => setSlot({ kind: "none" }) }), geenPrintplek && (_jsxs("div", { role: "alert", className: "rounded-lg border-2 border-destructive bg-muted p-4 text-lg", children: ["Dit station heeft geen printer. Koppel een printplek in de", " ", _jsx("a", { className: "font-semibold text-primary underline", href: "/pickstations", children: "stationinstellingen" }), "."] })), lijst.isError && (_jsx("p", { role: "alert", className: "rounded-lg bg-muted p-4 text-lg text-foreground", children: "De productiebonnen konden niet worden geladen. Controleer of dit apparaat gekoppeld is, of neem contact op met de beheerder." })), lijst.isLoading && _jsx(Loader2, { className: "mx-auto h-8 w-8 animate-spin text-primary" }), lijst.isSuccess && items.length === 0 && (_jsx("p", { className: "py-10 text-center text-xl text-muted-foreground", children: tab === "todo" ? "Geen productiebonnen" : "Vandaag is er nog niets geprint." })), _jsx("ul", { className: "space-y-3", children: items.map((bon) => (_jsxs("li", { className: "rounded-lg border bg-card p-4 text-card-foreground", children: [_jsxs("div", { className: "flex gap-4", children: [bon.foto ? (_jsx("img", { src: bon.foto, alt: bon.samenstelling, className: "h-24 w-24 shrink-0 rounded-md object-cover" })) : (_jsx("div", { className: "flex h-24 w-24 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", children: _jsx(ImageOff, { className: "h-8 w-8", "aria-label": "Geen foto" }) })), _jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [_jsxs("p", { className: "text-xl font-bold", children: [bon.nummer, " \u00B7 ", fmtN(bon.aantal), " \u00D7 ", bon.samenstelling || "Onbekende samenstelling"] }), _jsxs("p", { className: "text-base text-muted-foreground", children: ["Aangemaakt ", fmtDag(bon.aangemaaktOp)] }), bon.opmerking && (_jsxs("p", { className: "rounded-md border-l-4 border-primary bg-muted px-3 py-2 text-lg font-semibold", children: ["Opmerking: ", bon.opmerking] }))] })] }), bon.onderdelen.length > 0 && (_jsxs("table", { className: "mt-3 w-full text-lg", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-left text-base text-muted-foreground", children: [_jsx("th", { className: "py-1 pl-2 font-medium", children: "Onderdeel" }), _jsx("th", { className: "py-1 text-right font-medium", children: "Per stuk" }), _jsx("th", { className: "py-1 pr-2 text-right font-medium", children: "Totaal" })] }) }), _jsx("tbody", { children: bon.onderdelen.map((o) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "py-1 pl-2", children: o.naam }), _jsx("td", { className: "py-1 text-right tabular-nums", children: fmtN(o.perStuk) }), _jsx("td", { className: "py-1 pr-2 text-right tabular-nums", children: fmtN(o.totaal) })] }, o.naam))) })] })), _jsx("div", { className: "mt-3", children: bon.wachtOpGoedkeuring ? (_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("span", { className: "flex items-center gap-2 text-lg font-semibold", children: [_jsx(Clock, { className: "h-6 w-6" }), " Wacht op goedkeuring"] }), _jsxs(Button, { className: "h-14 px-6 text-lg", disabled: busyId !== null, onClick: () => void goedkeuren(bon), children: [_jsx(ShieldCheck, { className: "mr-2 h-6 w-6" }), " Goedkeuren"] })] })) : tab === "done" || bon.afgerond ? (_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("span", { className: "flex items-center gap-2 text-lg font-semibold", children: [_jsx(CheckCircle2, { className: "h-6 w-6 text-primary" }), " Verwerkt"] }), _jsxs(Button, { variant: "outline", className: "h-16 px-6 text-lg", disabled: busyId !== null || geenPrintplek, onClick: () => setAsk({ bon, soort: "herprint" }), children: [_jsx(RotateCcw, { className: "mr-2 h-6 w-6" }), " Opnieuw printen"] })] })) : (_jsxs(Button, { className: "h-16 w-full text-xl font-bold", disabled: busyId !== null || geenPrintplek, onClick: () => setAsk({ bon, soort: "verwerk" }), children: [busyId === bon.productieOrderId ? _jsx(Loader2, { className: "mr-3 h-7 w-7 animate-spin" }) : _jsx(Printer, { className: "mr-3 h-7 w-7" }), busyId === bon.productieOrderId ? "Bezig met printen…" : "Bon printen en verwerken"] })) })] }, bon.queueId))) }), _jsx(AlertDialog, { open: ask !== null, onOpenChange: (o) => !o && setAsk(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { className: "text-2xl", children: ask?.soort === "herprint" ? "Bon opnieuw printen?" : "Bon printen en verwerken?" }), _jsx(AlertDialogDescription, { className: "text-lg", children: ask?.soort === "herprint"
+                                        ? "De bon wordt opnieuw geprint. Er wordt niets geboekt."
+                                        : `Dit boekt ${fmtN(ask?.bon.aantal ?? null)} × ${ask?.bon.samenstelling ?? ""} bij en de onderdelen af.` })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { className: "h-14 text-lg", children: "Annuleren" }), _jsx(AlertDialogAction, { className: "h-14 text-lg", onClick: () => {
+                                        const a = ask;
+                                        setAsk(null);
+                                        if (a)
+                                            void run(a.bon, a.soort);
+                                    }, children: ask?.soort === "herprint" ? "Opnieuw printen" : "Printen en verwerken" })] })] }) })] }));
+}

package/dist-lib/components/pick/productie/StationProductieInfo.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Beheerpagina: laat zien of de Engine productiebonnen naar dit station stuurt.
+ * Admin/superadmin kan een open bon verwerken zonder bon.
+ */
+export declare function StationProductieInfo({ stationId, active }: {
+    stationId: string;
+    active?: boolean;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=StationProductieInfo.d.ts.map

package/dist-lib/components/pick/productie/StationProductieInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StationProductieInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/pick/productie/StationProductieInfo.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,MAAa,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,sCAqFzG"}

package/dist-lib/components/pick/productie/StationProductieInfo.js

@@ -0,0 +1,72 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { supabase, useAuth, Button } from "@flowselections/core";
+/**
+ * Beheerpagina: laat zien of de Engine productiebonnen naar dit station stuurt.
+ * Admin/superadmin kan een open bon verwerken zonder bon.
+ */
+export function StationProductieInfo({ stationId, active = true }) {
+    const { roles } = useAuth();
+    const isAdmin = Array.isArray(roles) && (roles.includes("admin") || roles.includes("superadmin"));
+    const qc = useQueryClient();
+    const [busy, setBusy] = useState(null);
+    // Welke documenten krijgt dit station volgens de Engine (en eigen wachtrij)? Via pick_station_gebruik.
+    const gebruik = useQuery({
+        queryKey: ["pick", "station-gebruik", stationId],
+        queryFn: async () => {
+            const { data, error } = await supabase.rpc("pick_station_gebruik", { p_station_ids: [stationId] });
+            if (error)
+                throw error;
+            const g = data?.[stationId];
+            return Array.isArray(g?.documenten) ? g.documenten.filter((d) => typeof d === "string") : [];
+        },
+    });
+    if (gebruik.isError)
+        console.error("[productiebon] stationgebruik", gebruik.error);
+    const documenten = Array.isArray(gebruik.data) ? gebruik.data : [];
+    const krijgtProductie = documenten.includes("productiebonnen");
+    const q = useQuery({
+        queryKey: ["pick", "station-productie", stationId],
+        queryFn: async () => {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const { data, error } = await supabase
+                .from("pick_queue")
+                .select("id, document_number, payload, completed_at")
+                .eq("station_id", stationId)
+                .not("payload->>productie_order_id", "is", null)
+                .is("cancelled_at", null)
+                .order("created_at", { ascending: false })
+                .limit(25);
+            if (error)
+                throw error;
+            return Array.isArray(data) ? data : [];
+        },
+    });
+    const rows = Array.isArray(q.data) ? q.data : [];
+    if (q.isError)
+        console.error("[productiebon] beheer", q.error);
+    if (documenten.length === 0 && rows.length === 0)
+        return null;
+    const open = rows.filter((r) => !r.completed_at);
+    const verwerk = async (r) => {
+        const id = typeof r.payload?.["productie_order_id"] === "string" ? r.payload["productie_order_id"] : null;
+        if (!id || busy)
+            return;
+        if (!window.confirm(`Productieorder ${r.document_number ?? ""} verwerken zonder bon? Dit boekt voorraad bij en de onderdelen af.`))
+            return;
+        setBusy(r.id);
+        const { data, error } = await supabase.rpc("productie_order_verwerken", { p_id: id });
+        setBusy(null);
+        if (error) {
+            console.error("[productiebon] verwerken zonder bon", error);
+            toast.error("Verwerken is niet gelukt. Probeer het opnieuw of neem contact op met de beheerder.");
+            return;
+        }
+        const st = data?.status;
+        toast.success(st === "al_verwerkt" ? "Deze productieorder was al verwerkt." : `Verwerkt: ${r.document_number ?? ""}`);
+        void qc.invalidateQueries({ queryKey: ["pick", "station-productie", stationId] });
+    };
+    return (_jsxs("div", { className: "space-y-2 rounded-md border p-3", children: [documenten.length > 0 && (_jsxs("p", { className: "text-sm font-medium text-foreground", children: ["Dit station krijgt: ", documenten.join(", ")] })), !active && documenten.length > 0 && (_jsxs("p", { role: "alert", className: "text-sm font-medium text-destructive", children: ["Dit station staat uit, maar krijgt nog ", documenten.join(", ")] })), !krijgtProductie && rows.some((r) => !r.completed_at) && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Er staan nog productiebonnen in de wachtrij, maar dit is niet het productiestation." })), isAdmin && open.length > 0 && (_jsx("ul", { className: "space-y-1", children: open.map((r) => (_jsxs("li", { className: "flex items-center justify-between gap-2 text-sm", children: [_jsx("span", { className: "truncate", children: r.document_number ?? "Productiebon" }), _jsx(Button, { size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void verwerk(r), children: "Verwerken zonder bon" })] }, r.id))) }))] }));
+}