@flowselections/layout-maker 1.59.1 → 1.61.1

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

@@ -1 +1 @@
-{"version":3,"file":"LivePrintstatusRegel.d.ts","sourceRoot":"","sources":["../../src/components/LivePrintstatusRegel.tsx"],"names":[],"mappings":"AAWA,wBAAgB,oBAAoB,gCAyEnC"}
+{"version":3,"file":"LivePrintstatusRegel.d.ts","sourceRoot":"","sources":["../../src/components/LivePrintstatusRegel.tsx"],"names":[],"mappings":"AAeA,wBAAgB,oBAAoB,gCAiFnC"}

package/dist-lib/components/LivePrintstatusRegel.js

@@ -1,13 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // ============================================================================
-// src/components/LivePrintstatusRegel.tsx — één regel "Live printstatus: aan /
-// uit" met de knop "Opnieuw koppelen" (alleen voor herstel).
+// src/components/LivePrintstatusRegel.tsx — één eenvoudige regel over de live
+// printstatus. Cijfers, adres en meldingen staan onder "Details voor beheer".
 // ============================================================================
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { useState } from "react";
-import { Badge, Button, toast } from "@flowselections/core";
+import { Button, toast } from "@flowselections/core";
 import { webhookOpnieuwKoppelen, webhookStatus } from "../lib/printService.functions.js";
+import { PrintInstallatiesLijst, PrintStilstandMelding } from "./PrintInstallatiesBlok.js";
+const tijd = (iso) => new Date(iso).toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" });
 export function LivePrintstatusRegel() {
     const haal = useServerFn(webhookStatus);
     const koppel = useServerFn(webhookOpnieuwKoppelen);
@@ -17,31 +19,29 @@ export function LivePrintstatusRegel() {
     const s = data && data.ok ? data : null;
     const weergave = s?.weergave ?? "uit";
     const aan = weergave === "aan";
-    const pnTelling = s && (s.pnGeslaagd != null || s.pnMislukt != null || s.pnOntvangen != null)
-        ? `PrintNode: ${s.pnOntvangen ?? "?"} ontvangen, ${s.pnGeslaagd ?? "?"} geslaagd, ${s.pnMislukt ?? "?"} mislukt, ${s.pnWeggegooid ?? "?"} weggegooid${s.pnUrl ? ` naar ${s.pnUrl}` : ""}`
-        : null;
     const meldingen = Array.isArray(s?.meldingen) ? s.meldingen : [];
     const adresAfwijkend = !!(s?.pnUrl && s?.url && s.pnUrl !== s.url);
-    return (_jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-3 rounded-md border border-border bg-card px-4 py-3 text-sm", children: [_jsx("span", { className: "font-medium text-foreground", children: "Live printstatus:" }), _jsx(Badge, { variant: aan ? "default" : weergave === "onbekend" ? "outline" : "secondary", children: weergave }), _jsx("span", { className: "text-muted-foreground", children: s?.nietBereikbaar
-                    ? "webhook-adres niet bereikbaar in deze Shell — werk de Shell bij (layout-maker 1.54.0 of nieuwer installeren en de Shell opnieuw genereren)"
-                    : weergave === "onbekend"
-                        ? "wacht op de eerste melding van PrintNode"
-                        : aan
-                            ? s?.laatstOntvangenOp
-                                ? `laatste melding ${new Date(s.laatstOntvangenOp).toLocaleString("nl-NL")}`
-                                : "gekoppeld, wacht op de eerste melding van PrintNode"
-                            : s?.fout ?? "nog niet gekoppeld — de status wordt elke paar minuten opgevraagd" }), pnTelling && _jsxs("span", { className: "text-muted-foreground", children: ["\u00B7 ", pnTelling] }), adresAfwijkend && (_jsx("span", { className: "text-destructive", children: "\u00B7 PrintNode stuurt naar een ander adres dan dit Shell-adres" })), s?.melding && _jsxs("span", { className: "text-muted-foreground", children: ["\u00B7 ", s.melding] }), _jsx(Button, { size: "sm", variant: "outline", className: "ml-auto", disabled: bezig, onClick: async () => {
-                    setBezig(true);
-                    try {
-                        const r = await koppel();
-                        if (r.ok)
-                            toast.success("Live printstatus opnieuw gekoppeld");
-                        else
-                            toast.error(r.reden);
-                    }
-                    finally {
-                        setBezig(false);
-                        qc.invalidateQueries({ queryKey: ["printnode-webhook-status"] });
-                    }
-                }, children: bezig ? "Bezig…" : "Opnieuw koppelen" }), meldingen.length > 0 && (_jsxs("details", { className: "w-full text-xs text-muted-foreground", children: [_jsxs("summary", { className: "cursor-pointer", children: ["Laatste meldingen (", meldingen.length, ")"] }), _jsx("ul", { className: "mt-2 space-y-1", children: meldingen.map((m, i) => (_jsxs("li", { children: [new Date(m.ontvangen_op).toLocaleString("nl-NL"), " \u00B7 antwoord ", m.http_status, " \u00B7", " ", (Array.isArray(m.soorten) && m.soorten.length ? m.soorten : ["leeg"]).join(", "), Array.isArray(m.printnode_ids) && m.printnode_ids.length ? ` · ${m.printnode_ids.join(", ")}` : "", ` · ${m.gematcht} bijgewerkt`, Array.isArray(m.niet_gematcht) && m.niet_gematcht.length ? ` · onbekend: ${m.niet_gematcht.join(", ")}` : ""] }, i))) })] }))] }));
+    const hoofdtekst = s?.nietBereikbaar
+        ? "De live printstatus werkt nu niet; de status wordt elke paar minuten opgehaald."
+        : aan
+            ? s?.laatstOntvangenOp
+                ? `Printers werken ✓ — laatste bevestiging ${tijd(s.laatstOntvangenOp)}`
+                : "Printers werken ✓ — wacht op de eerste bevestiging"
+            : weergave === "onbekend"
+                ? "Wacht op de eerste bevestiging van de printers."
+                : "De status wordt elke paar minuten opgehaald.";
+    return (_jsxs(_Fragment, { children: [_jsx(PrintStilstandMelding, {}), _jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-3 rounded-md border border-border bg-card px-4 py-3 text-sm", children: [_jsx("span", { className: aan ? "font-medium text-foreground" : "text-muted-foreground", children: hoofdtekst }), _jsx(Button, { size: "sm", variant: "outline", className: "ml-auto", disabled: bezig, onClick: async () => {
+                            setBezig(true);
+                            try {
+                                const r = await koppel();
+                                if (r.ok)
+                                    toast.success("Live printstatus opnieuw gekoppeld");
+                                else
+                                    toast.error("Opnieuw koppelen is niet gelukt. Probeer het opnieuw; blijft het, meld het bij kantoor.");
+                            }
+                            finally {
+                                setBezig(false);
+                                qc.invalidateQueries({ queryKey: ["printnode-webhook-status"] });
+                            }
+                        }, children: bezig ? "Bezig…" : "Opnieuw koppelen" }), _jsxs("details", { className: "w-full text-xs text-muted-foreground", children: [_jsx("summary", { className: "cursor-pointer", children: "Details voor beheer" }), _jsxs("div", { className: "mt-2 space-y-1", children: [_jsxs("p", { children: ["Live status: ", weergave, s?.fout ? ` · ${s.fout}` : ""] }), s && (s.pnGeslaagd != null || s.pnMislukt != null || s.pnOntvangen != null) ? (_jsxs("p", { children: ["PrintNode-tellers (sinds aanmaken webhook): ", s.pnOntvangen ?? "?", " meldingen ontvangen,", " ", s.pnGeslaagd ?? "?", " aanroepen geslaagd, ", s.pnMislukt ?? "?", " aanroepen mislukt,", " ", s.pnWeggegooid ?? "?", " meldingen weggegooid. Meldingen en aanroepen worden apart geteld (\u00E9\u00E9n aanroep kan meerdere meldingen bevatten, een mislukte aanroep wordt \u00E9\u00E9n keer herhaald)."] })) : null, s?.pnUrl ? _jsxs("p", { children: ["Adres: ", s.pnUrl] }) : null, adresAfwijkend ? _jsx("p", { className: "text-destructive", children: "PrintNode stuurt naar een ander adres dan dit Shell-adres." }) : null, s?.melding ? _jsx("p", { children: s.melding }) : null, meldingen.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "pt-1 font-medium", children: "Laatste meldingen" }), _jsx("ul", { className: "space-y-1", children: meldingen.map((m, i) => (_jsxs("li", { children: [new Date(m.ontvangen_op).toLocaleString("nl-NL"), " \u00B7 ", m.weergave, Array.isArray(m.printnode_ids) && m.printnode_ids.length ? ` · ${m.printnode_ids.join(", ")}` : "", Array.isArray(m.niet_gematcht) && m.niet_gematcht.length ? ` · onbekend: ${m.niet_gematcht.join(", ")}` : ""] }, i))) })] })) : null, _jsx(PrintInstallatiesLijst, {})] })] })] })] }));
 }

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

@@ -0,0 +1,3 @@
+export declare function PrintStilstandMelding(): import("react").JSX.Element | null;
+export declare function PrintInstallatiesLijst(): import("react").JSX.Element | null;
+//# sourceMappingURL=PrintInstallatiesBlok.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrintInstallatiesBlok.d.ts","sourceRoot":"","sources":["../../src/components/PrintInstallatiesBlok.tsx"],"names":[],"mappings":"AAYA,wBAAgB,qBAAqB,uCAepC;AAED,wBAAgB,sBAAsB,uCA6BrC"}

package/dist-lib/components/PrintInstallatiesBlok.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrintInstallatiesBlok.tsx — stilstandmelding (voor iedereen)
+// en de lijst met printinstallaties (alleen onder "Details voor beheer").
+// ============================================================================
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { printInstallaties } from "../lib/printService.functions.js";
+const tijd = (iso) => new Date(iso).toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" });
+export function PrintStilstandMelding() {
+    const haal = useServerFn(printInstallaties);
+    const { data } = useQuery({ queryKey: ["print-installaties"], queryFn: () => haal(), refetchInterval: 60000 });
+    if (!data?.ok || !data.stil)
+        return null;
+    const tekst = data.reden === "geen_shell_adres"
+        ? "Printen staat stil: er is geen Shell-adres ingesteld. Meld dit bij kantoor."
+        : data.reden === "shell_niet_aangemeld"
+            ? "Printen staat stil: de Shell heeft zich nog niet gemeld. Meld dit bij kantoor."
+            : `Printen staat stil: de Shell reageert niet sinds ${data.sinds ? tijd(data.sinds) : "onbekend"}`;
+    return (_jsx("div", { className: "mb-4 rounded-md border border-destructive bg-destructive/10 px-4 py-3 text-sm font-medium text-destructive", children: tekst }));
+}
+export function PrintInstallatiesLijst() {
+    const haal = useServerFn(printInstallaties);
+    const { data } = useQuery({ queryKey: ["print-installaties"], queryFn: () => haal(), refetchInterval: 60000 });
+    const lijst = data?.ok && Array.isArray(data.installaties) ? data.installaties : [];
+    if (!data?.ok || !data.beheer)
+        return null;
+    return (_jsxs("div", { className: "pt-2", children: [_jsx("p", { className: "font-medium", children: "Printinstallaties" }), _jsxs("table", { className: "mt-1 w-full text-left", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "pr-2", children: "Adres" }), _jsx("th", { className: "pr-2", children: "Versie" }), _jsx("th", { className: "pr-2", children: "Laatst actief" }), _jsx("th", { className: "pr-2", children: "Rol" }), _jsx("th", { children: "Opdrachten 7 dagen" })] }) }), _jsx("tbody", { children: lijst.map((i, n) => (_jsxs("tr", { children: [_jsx("td", { className: "pr-2", children: i.adres }), _jsx("td", { className: "pr-2", children: i.versie ?? "niet gemeld" }), _jsx("td", { className: "pr-2", children: i.laatstActief ? new Date(i.laatstActief).toLocaleString("nl-NL") : "—" }), _jsx("td", { className: "pr-2", children: i.isShell ? "Shell (print)" : i.actief ? "overgeslagen: niet de Shell" : "uit" }), _jsx("td", { children: i.opdrachten7d })] }, n))) })] })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"PrintQueuePage.d.ts","sourceRoot":"","sources":["../../src/components/PrintQueuePage.tsx"],"names":[],"mappings":"AAoFA,wBAAgB,cAAc,gCA4Z7B"}
+{"version":3,"file":"PrintQueuePage.d.ts","sourceRoot":"","sources":["../../src/components/PrintQueuePage.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,cAAc,gCA6a7B"}

package/dist-lib/components/PrintQueuePage.js

@@ -6,11 +6,13 @@ import { RotateCcw, Search, XCircle } from "lucide-react";
 import { bijgewerktTekst, useAutoRefresh } from "../lib/useAutoRefresh.js";
 import { PrintStatusBanner } from "./PrintStatusBanner.js";
 import { useLayouts, usePrinters, usePrintJobs, usePrintPlekNamen, } from "../lib/useDocumentData.js";
-import { annuleerPrintOpdrachten, opnieuwPrinten, printTellingen } from "../lib/printService.functions.js";
+import { annuleerPrintOpdrachten, opnieuwPrinten } from "../lib/printService.functions.js";
 import { opnieuwActie, printnodeStatusLabel, SCANBARE_SOORTEN } from "../lib/printnodeStatus.js";
 import { supabase } from "../lib/supabaseClient.js";
 import { vraagWachtrijRonde } from "../lib/queueTickClient.js";
 import { documentTypeLabel } from "../lib/documentTypes.js";
+import { gebruikersTekst } from "../lib/foutTekst.js";
+const isTestprintJob = (j) => j.payload?.["is_testprint"] === true;
 import { jobPlekLabel } from "../lib/printQueue.js";
 const STATUS_VARIANT = {
     wachtend: "outline",
@@ -22,7 +24,7 @@ const STATUS_VARIANT = {
 /** Leesbare naam van de bron waaruit het document is opgemaakt. */
 const BRON_LABEL = {
     extern_pdf: "aangeleverde PDF",
-    floriday_1op1: "Floriday-document (1-op-1)",
+    floriday_1op1: "Origineel Floriday-document",
     eigen_layout: "eigen ontwerp",
     render_html: "meegestuurde opmaak",
     klantlayout: "klantlayout",
@@ -82,7 +84,18 @@ export function PrintQueuePage() {
     const [tellingFout, setTellingFout] = useState(null);
     const herlaadTellingen = async () => {
         try {
-            const t = await printTellingen();
+            // Alleen aantallen tellen in de database (geen rijen ophalen), parallel.
+            const statussen = ["wachtend", "bezig", "voltooid", "mislukt", "geannuleerd"];
+            const t = {};
+            await Promise.all(statussen.map(async (st) => {
+                const { count, error } = await supabase
+                    .from("print_jobs")
+                    .select("id", { count: "exact", head: true })
+                    .eq("status", st);
+                if (error)
+                    throw new Error(`Tellen is niet gelukt (${st})`);
+                t[st] = count ?? 0;
+            }));
             if (t && typeof t === "object") {
                 setTellingen(t);
                 setTellingFout(null);
@@ -92,6 +105,11 @@ export function PrintQueuePage() {
             setTellingFout(e instanceof Error ? e.message : "Tellen is niet gelukt");
         }
     };
+    // Tellingen direct bij openen (niet wachten op de eerste verversronde).
+    useEffect(() => {
+        void herlaadTellingen();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     const printerById = useMemo(() => new Map(printers.map((p) => [p.id, p])), [printers]);
     // "Gescand": goedgekeurde controlescan van de kar (match op cart_id). Alleen lezen.
     const [gescand, setGescand] = useState(new Map());
@@ -185,11 +203,12 @@ export function PrintQueuePage() {
                                         setAnnuleertAlles(false);
                                         await reload(true);
                                     }
-                                }, children: [_jsx(XCircle, { className: "mr-2 h-4 w-4" }), annuleertAlles ? "Bezig…" : `Alles annuleren (${openJobs.length})`] })] })] }), _jsx(PrintStatusBanner, { fout: tickFout }), _jsx("div", { className: "grid gap-4 md:grid-cols-4", children: ["wachtend", "bezig", "voltooid", "mislukt"].map((s) => (_jsx(Card, { children: _jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardDescription, { className: "capitalize", children: s }), _jsx(CardTitle, { className: "text-2xl", title: tellingFout ?? undefined, children: tellingFout && !tellingen ? "—" : tellingen ? (tellingen[s] ?? 0) : "laden…" }), tellingFout ? _jsx("p", { className: "text-destructive text-xs", children: tellingFout }) : null] }) }, s))) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Opdrachten" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} opdrachten` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-4", children: [_jsxs("div", { className: "relative md:col-span-2", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op document of gebruiker", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: status, onValueChange: setStatus, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), ["wachtend", "bezig", "voltooid", "mislukt", "geannuleerd"].map((s) => (_jsx(SelectItem, { value: s, children: s }, s)))] })] }), _jsxs(Select, { value: plekFilter, onValueChange: setPlekFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle printplekken" }), plekOpties.map((p) => (_jsx(SelectItem, { value: p, children: p }, p))), _jsx(SelectItem, { value: "\u2014", children: "Zonder printplek" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Document" }), _jsx(TableHead, { children: "Printplek" }), _jsx(TableHead, { children: "Layout (aangeleverd \u2192 gebruikt)" }), _jsx(TableHead, { children: "Printer" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Tijdstip" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen printopdrachten." }) })), gefilterd.map((j) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsx("span", { className: "font-medium", children: j.documentnaam ?? documentTypeLabel(j.documenttype) }), j.is_herprint && (_jsx(Badge, { variant: "outline", className: "ml-2", children: "herprint" })), !heeftOrderKenmerk(j) && (_jsx(Badge, { variant: "outline", className: "ml-2 text-amber-600", children: "geen orderkenmerk" })), j.foutmelding && (_jsx("span", { className: "block text-xs text-destructive", children: j.foutmelding }))] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: plekPerJob.get(j.id) || "—" }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [_jsx("span", { title: "Aangeleverd door de module", children: j.layout_id ? layoutNaam.get(j.layout_id) ?? "Onbekende layout" : "geen" }), _jsxs("span", { className: "block text-xs", children: ["\u2192", " ", _jsx("span", { title: "Layout die de wachtrij gebruikte", children: j.gebruikte_layout_id
-                                                                            ? layoutNaam.get(j.gebruikte_layout_id) ?? "Onbekende layout"
-                                                                            : j.gebruikte_bron
-                                                                                ? "geen layout"
-                                                                                : "nog niet verwerkt" }), j.gebruikte_bron && (_jsx(Badge, { variant: "outline", className: "ml-2", children: BRON_LABEL[j.gebruikte_bron] ?? j.gebruikte_bron }))] })] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: j.printer_id ? printerNaam.get(j.printer_id) ?? "—" : "—" }), _jsxs(TableCell, { children: [_jsx(Badge, { variant: STATUS_VARIANT[j.status] ?? "outline", children: printnodeStatusLabel(j) }), SCANBARE_SOORTEN.has(j.documenttype) && !j.is_herprint && j.status === "voltooid" &&
+                                }, children: [_jsx(XCircle, { className: "mr-2 h-4 w-4" }), annuleertAlles ? "Bezig…" : `Alles annuleren (${openJobs.length})`] })] })] }), _jsx(PrintStatusBanner, { fout: tickFout }), _jsx("div", { className: "grid gap-4 md:grid-cols-4", children: ["wachtend", "bezig", "voltooid", "mislukt"].map((s) => (_jsx(Card, { children: _jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardDescription, { className: "capitalize", children: s }), _jsx(CardTitle, { className: "text-2xl", title: tellingFout ?? undefined, children: tellingFout && !tellingen ? "—" : tellingen ? (tellingen[s] ?? 0) : "laden…" }), tellingFout ? _jsx("p", { className: "text-destructive text-xs", children: tellingFout }) : null] }) }, s))) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Opdrachten" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} opdrachten` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-4", children: [_jsxs("div", { className: "relative md:col-span-2", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op document of gebruiker", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: status, onValueChange: setStatus, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), ["wachtend", "bezig", "voltooid", "mislukt", "geannuleerd"].map((s) => (_jsx(SelectItem, { value: s, children: s }, s)))] })] }), _jsxs(Select, { value: plekFilter, onValueChange: setPlekFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle printplekken" }), plekOpties.map((p) => (_jsx(SelectItem, { value: p, children: p }, p))), _jsx(SelectItem, { value: "\u2014", children: "Zonder printplek" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Document" }), _jsx(TableHead, { children: "Printplek" }), _jsx(TableHead, { children: "Ontwerp" }), _jsx(TableHead, { children: "Printer" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Tijdstip" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen printopdrachten." }) })), gefilterd.map((j) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsx("span", { className: "font-medium", children: j.documentnaam ?? documentTypeLabel(j.documenttype) }), j.is_herprint && (_jsx(Badge, { variant: "outline", className: "ml-2", children: "herprint" })), !heeftOrderKenmerk(j) && !isTestprintJob(j) && (_jsx(Badge, { variant: "outline", className: "ml-2 text-amber-600", children: "geen orderkenmerk" })), j.foutmelding && (_jsx("span", { className: "block text-xs text-destructive", title: `Details voor beheer: ${j.foutmelding}`, children: gebruikersTekst(j.foutmelding, documentTypeLabel) ??
+                                                                    String(j.foutmelding).replace(/^[A-Z_]+:\s*/, "") }))] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: plekPerJob.get(j.id) || "—" }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: _jsxs("span", { className: "block", title: "Gebruikt ontwerp", children: [_jsx("span", { children: j.gebruikte_layout_id
+                                                                        ? layoutNaam.get(j.gebruikte_layout_id) ?? "Onbekend ontwerp"
+                                                                        : j.gebruikte_bron
+                                                                            ? "geen eigen ontwerp"
+                                                                            : "nog niet verwerkt" }), j.gebruikte_bron && (_jsx(Badge, { variant: "outline", className: "ml-2", children: BRON_LABEL[j.gebruikte_bron] ?? j.gebruikte_bron }))] }) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: j.printer_id ? printerNaam.get(j.printer_id) ?? "—" : "—" }), _jsxs(TableCell, { children: [_jsx(Badge, { variant: STATUS_VARIANT[j.status] ?? "outline", children: printnodeStatusLabel(j) }), SCANBARE_SOORTEN.has(j.documenttype) && !j.is_herprint && j.status === "voltooid" &&
                                                                 (() => {
                                                                     const scan = gescand.get(String(j.payload?.["cart_id"] ?? ""));
                                                                     if (scan == null)

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

@@ -1 +1 @@
-{"version":3,"file":"PrintStatusBanner.d.ts","sourceRoot":"","sources":["../../src/components/PrintStatusBanner.tsx"],"names":[],"mappings":"AAQA,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,kBAAuB,EACvB,gBAAuB,GACxB,EAAE;IACD,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,sCA2CA"}
+{"version":3,"file":"PrintStatusBanner.d.ts","sourceRoot":"","sources":["../../src/components/PrintStatusBanner.tsx"],"names":[],"mappings":"AAQA,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,kBAAuB,EACvB,gBAAuB,GACxB,EAAE;IACD,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,sCAoCA"}

package/dist-lib/components/PrintStatusBanner.js

@@ -9,7 +9,9 @@ export function PrintStatusBanner({ fout, offlineWerkplekken = [], toonWerkplekL
     const sleutelProbleem = !!fout && /toegangsbewijs|401|unauthorized|token|sleutel/i.test(fout);
     if (!fout && offlineWerkplekken.length === 0)
         return null;
-    return (_jsxs("div", { className: "border-destructive/30 bg-destructive/5 text-destructive space-y-1 rounded-xl border p-4 text-sm", children: [_jsxs("p", { className: "flex items-center gap-2 font-medium", children: [_jsx(AlertTriangle, { className: "h-4 w-4" }), " Er kan nu niet worden afgedrukt"] }), fout && (_jsxs("p", { children: [fout, " ", sleutelProbleem && (_jsxs(_Fragment, { children: ["Controleer de sleutel van de printdienst bij", " ", _jsx(Link, { to: "/instellingen", className: "underline", children: "Instellingen" }), "."] }))] })), offlineWerkplekken.length > 0 && (_jsxs("p", { children: [offlineWerkplekken.length === 1
+    return (_jsxs("div", { className: "border-destructive/30 bg-destructive/5 text-destructive space-y-1 rounded-xl border p-4 text-sm", children: [_jsxs("p", { className: "flex items-center gap-2 font-medium", children: [_jsx(AlertTriangle, { className: "h-4 w-4" }), " Er kan nu niet worden afgedrukt"] }), fout && (_jsx("p", { children: sleutelProbleem
+                    ? "Er kan nu niet worden geprint: de koppeling met de printdienst is verlopen. Vraag de beheerder dit te herstellen."
+                    : fout })), offlineWerkplekken.length > 0 && (_jsxs("p", { children: [offlineWerkplekken.length === 1
                         ? `Werkplek ${offlineWerkplekken[0]} staat uit`
                         : `${offlineWerkplekken.length} werkplekken staan uit (${offlineWerkplekken.join(", ")})`, ". Opdrachten blijven wachten tot het printprogramma op die computer draait.", toonWerkplekLink && (_jsxs(_Fragment, { children: [" ", _jsx(Link, { to: "/layouts-printers/printplekken", className: "underline", children: "Naar printplekken" })] }))] }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PrintenInstellenWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrintenInstellenWizard.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,+BA0JA"}
+{"version":3,"file":"PrintenInstellenWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrintenInstellenWizard.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,+BAyKA"}

package/dist-lib/components/PrintenInstellenWizard.js

@@ -68,7 +68,20 @@ export function PrintenInstellenWizard({ open, onOpenChange, onKlaar, }) {
             setStatus((s) => ({ ...s, [printerId]: `mislukt: ${leesbareFout(e, "versturen mislukt")}` }));
         }
     };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[85vh] max-w-2xl overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: stap === 0 ? "Printen instellen — voorstel uit huidige instellingen" : `Printen instellen — stap ${stap} van 4` }), _jsx(DialogDescription, { children: "In een paar minuten weet je zeker waar het papier uitkomt." })] }), stap === 0 && voorstel?.length ? (_jsx(WerkplekOmzettingStap, { voorstel: voorstel, printers: printers, beheerder: beheerder, onOverslaan: () => setStap(1), onKlaar: () => { void reloadPrinters(); onKlaar?.(); setNaam(voorstel[0]?.naam ?? naam); setStap(3); } })) : null, stap === 1 ? (_jsxs("div", { className: "space-y-2 text-sm", children: [_jsx("p", { children: "Op deze computers draait het printprogramma:" }), computers.map((c) => (_jsxs("div", { className: "flex items-center gap-2 rounded border p-2", children: [_jsx("span", { className: "font-medium", children: c.naam }), _jsx(Badge, { variant: c.online ? "secondary" : "destructive", children: c.online ? "online" : "offline" }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [c.aantalGevonden, " printers"] })] }, c.id))), !loading && !computers.length ? _jsx("p", { className: "text-muted-foreground", children: "Nog geen computers gevonden. Installeer het printprogramma op de computer met de printers." }) : null, _jsxs(Button, { size: "sm", variant: "outline", onClick: () => { void reload(); void reloadPrinters(); }, children: [loading ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] })] })) : null, stap === 2 ? (_jsxs("div", { className: "grid gap-2 text-sm sm:grid-cols-[9rem_1fr]", children: [_jsx("span", { children: "Naam werkplek" }), _jsx(Input, { value: naam, onChange: (e) => setNaam(e.target.value) }), _jsx("span", { children: "A4-printer" }), _jsxs("select", { className: selectKlasse, value: a4 ?? "", onChange: (e) => setA4(e.target.value || null), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsxs("option", { value: p.id, children: [printerTitel(p), p.locatie ? ` · ${p.locatie}` : ""] }, p.id))] }), _jsx("span", { children: "Labelprinter" }), _jsxs("select", { className: selectKlasse, value: label ?? "", onChange: (e) => setLabel(e.target.value || null), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsxs("option", { value: p.id, children: [printerTitel(p), p.locatie ? ` · ${p.locatie}` : ""] }, p.id))] }), labelPrinter ? (_jsx("div", { className: "sm:col-span-2", children: _jsx(GeladenEtiketKeuze, { printer: labelPrinter, onGewijzigd: () => void reloadPrinters() }) })) : null] })) : null, stap === 3 ? (_jsx("div", { className: "space-y-2 text-sm", children: [a4 ? { id: a4, soort: "vrij" } : null, label ? { id: label, soort: "sticker" } : null]
+    // Vangnet: ook Escape vanuit een keuzelijst sluit de wizard.
+    useEffect(() => {
+        if (!open)
+            return;
+        const toets = (e) => {
+            if (e.key === "Escape")
+                onOpenChange(false);
+        };
+        window.addEventListener("keydown", toets);
+        return () => window.removeEventListener("keydown", toets);
+    }, [open, onOpenChange]);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[85vh] max-w-2xl overflow-y-auto", 
+            // Escape en klikken naast het venster sluiten zonder op te slaan.
+            onEscapeKeyDown: () => onOpenChange(false), onPointerDownOutside: () => onOpenChange(false), children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: stap === 0 ? "Printen instellen — voorstel uit huidige instellingen" : `Printen instellen — stap ${stap} van 4` }), _jsx(DialogDescription, { children: "In een paar minuten weet je zeker waar het papier uitkomt." })] }), stap === 0 && voorstel?.length ? (_jsx(WerkplekOmzettingStap, { voorstel: voorstel, printers: printers, beheerder: beheerder, onOverslaan: () => setStap(1), onKlaar: () => { void reloadPrinters(); onKlaar?.(); setNaam(voorstel[0]?.naam ?? naam); setStap(3); } })) : null, stap === 1 ? (_jsxs("div", { className: "space-y-2 text-sm", children: [_jsx("p", { children: "Op deze computers draait het printprogramma:" }), computers.map((c) => (_jsxs("div", { className: "flex items-center gap-2 rounded border p-2", children: [_jsx("span", { className: "font-medium", children: c.naam }), _jsx(Badge, { variant: c.online ? "secondary" : "destructive", children: c.online ? "online" : "offline" }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [c.aantalGevonden, " printers"] })] }, c.id))), !loading && !computers.length ? _jsx("p", { className: "text-muted-foreground", children: "Nog geen computers gevonden. Installeer het printprogramma op de computer met de printers." }) : null, _jsxs(Button, { size: "sm", variant: "outline", onClick: () => { void reload(); void reloadPrinters(); }, children: [loading ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] })] })) : null, stap === 2 ? (_jsxs("div", { className: "grid gap-2 text-sm sm:grid-cols-[9rem_1fr]", children: [_jsx("span", { children: "Naam werkplek" }), _jsx(Input, { value: naam, onChange: (e) => setNaam(e.target.value) }), _jsx("span", { children: "A4-printer" }), _jsxs("select", { className: selectKlasse, value: a4 ?? "", onChange: (e) => setA4(e.target.value || null), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsxs("option", { value: p.id, children: [printerTitel(p), p.locatie ? ` · ${p.locatie}` : ""] }, p.id))] }), _jsx("span", { children: "Labelprinter" }), _jsxs("select", { className: selectKlasse, value: label ?? "", onChange: (e) => setLabel(e.target.value || null), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsxs("option", { value: p.id, children: [printerTitel(p), p.locatie ? ` · ${p.locatie}` : ""] }, p.id))] }), labelPrinter ? (_jsx("div", { className: "sm:col-span-2", children: _jsx(GeladenEtiketKeuze, { printer: labelPrinter, onGewijzigd: () => void reloadPrinters() }) })) : null] })) : null, stap === 3 ? (_jsx("div", { className: "space-y-2 text-sm", children: [a4 ? { id: a4, soort: "vrij" } : null, label ? { id: label, soort: "sticker" } : null]
                         .filter(Boolean)
                         .map((r) => {
                         const p = printers.find((x) => x.id === r.id);

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

@@ -1 +1 @@
-{"version":3,"file":"WerkplekOmzettingStap.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekOmzettingStap.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAA+B,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAW9F,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EAAE,KAAK,EACf,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,+BA8FA"}
+{"version":3,"file":"WerkplekOmzettingStap.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekOmzettingStap.tsx"],"names":[],"mappings":"AASA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAA+B,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAW9F,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EAAE,KAAK,EACf,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,+BA8FA"}

package/dist-lib/components/WerkplekOmzettingStap.js

@@ -6,6 +6,7 @@ import { useState } from "react";
 import { Badge, Button, Input, toast } from "@flowselections/core";
 import { documentTypeLabel } from "../lib/documentTypes.js";
 import { leesbareFout } from "../lib/foutTekst.js";
+import { etiketTekst } from "../lib/etiketControle.js";
 import { printerTitel } from "../lib/werkplekken.js";
 import { herbereken, pasOmzettingToe } from "../lib/werkplekOmzetting.js";
 const selectKlasse = "border-input bg-background rounded-md border px-2 py-1 text-sm";
@@ -26,7 +27,7 @@ export function WerkplekOmzettingStap({ voorstel: begin, printers, beheerder, on
     return (_jsxs("div", { className: "space-y-3 text-sm", children: [_jsx("p", { children: "Op basis van de huidige instellingen stelt de module deze werkplekken voor. Controleer per documentsoort de printer van nu en die van na de omzetting. Er wordt pas iets aangemaakt als je bevestigt." }), voorstel.map((w, i) => {
                 const etiket = printers.find((p) => p.id === w.label_printer_id)?.geladen_etiket;
                 const verschillen = w.soorten.filter((s) => s.verschil).length;
-                return (_jsxs("div", { className: "space-y-2 rounded border p-2", "data-werkplek-voorstel": w.print_plek_id ?? "kantoor", children: [_jsxs("div", { className: "grid gap-2 sm:grid-cols-[8rem_1fr]", children: [_jsx("span", { children: "Naam" }), _jsx(Input, { value: w.naam, disabled: w.bestaat || !beheerder, onChange: (e) => wijzig(i, { naam: e.target.value }) }), _jsx("span", { children: "A4-printer" }), _jsxs("select", { className: selectKlasse, disabled: w.bestaat || !beheerder, value: w.a4_printer_id ?? "", onChange: (e) => wijzig(i, { a4_printer_id: e.target.value || null }), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsx("option", { value: p.id, children: printerTitel(p) }, p.id))] }), _jsx("span", { children: "Labelprinter" }), _jsxs("select", { className: selectKlasse, disabled: w.bestaat || !beheerder, value: w.label_printer_id ?? "", onChange: (e) => wijzig(i, { label_printer_id: e.target.value || null }), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsx("option", { value: p.id, children: printerTitel(p) }, p.id))] }), _jsx("span", { children: "Geladen etiket" }), _jsx("span", { className: etiket ? "" : "text-destructive", children: etiket ? JSON.stringify(etiket) : "nog niet ingesteld — stel het in bij Werkplekken" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [w.print_plek_id ? _jsx(Badge, { variant: "outline", children: "gekoppeld aan printplek" }) : _jsx(Badge, { variant: "outline", children: "op basis van standaardregels" }), w.bestaat ? _jsx(Badge, { variant: "secondary", children: "bestaat al \u2014 wordt overgeslagen" }) : null, _jsxs(Badge, { variant: verschillen ? "destructive" : "secondary", children: [verschillen, " verschillen"] })] }), _jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-muted-foreground text-left", children: [_jsx("th", { className: "py-0.5", children: "Documentsoort" }), _jsx("th", { children: "Nu" }), _jsx("th", { children: "Bron nu" }), _jsx("th", { children: "Na omzetting" })] }) }), _jsx("tbody", { children: w.soorten.map((s) => (_jsxs("tr", { className: s.verschil ? "bg-destructive/10 font-medium" : "", "data-verschil": s.verschil ? "ja" : "nee", children: [_jsxs("td", { className: "py-0.5", children: [documentTypeLabel(s.documenttype), s.geen_etiketlayout ? (_jsx("div", { className: "text-destructive", "data-geen-etiketlayout": "ja", children: "Deze soort heeft nog geen etiketlayout (layout staat op A4)" })) : null] }), _jsx("td", { children: titel(s.printer_id) }), _jsx("td", { children: BRON[s.bron ?? "geen"] ?? s.bron }), _jsxs("td", { children: [titel(s.na_printer_id), s.klasse === "label" ? " (label)" : " (A4)"] })] }, s.documenttype))) })] })] }, `${w.print_plek_id ?? "kantoor"}`));
+                return (_jsxs("div", { className: "space-y-2 rounded border p-2", "data-werkplek-voorstel": w.print_plek_id ?? "kantoor", children: [_jsxs("div", { className: "grid gap-2 sm:grid-cols-[8rem_1fr]", children: [_jsx("span", { children: "Naam" }), _jsx(Input, { value: w.naam, disabled: w.bestaat || !beheerder, onChange: (e) => wijzig(i, { naam: e.target.value }) }), _jsx("span", { children: "A4-printer" }), _jsxs("select", { className: selectKlasse, disabled: w.bestaat || !beheerder, value: w.a4_printer_id ?? "", onChange: (e) => wijzig(i, { a4_printer_id: e.target.value || null }), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsx("option", { value: p.id, children: printerTitel(p) }, p.id))] }), _jsx("span", { children: "Labelprinter" }), _jsxs("select", { className: selectKlasse, disabled: w.bestaat || !beheerder, value: w.label_printer_id ?? "", onChange: (e) => wijzig(i, { label_printer_id: e.target.value || null }), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsx("option", { value: p.id, children: printerTitel(p) }, p.id))] }), _jsx("span", { children: "Geladen etiket" }), _jsx("span", { className: etiket ? "" : "text-destructive", children: etiket ? etiketTekst(etiket) : "nog niet ingesteld — stel het in bij Werkplekken" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [w.print_plek_id ? _jsx(Badge, { variant: "outline", children: "gekoppeld aan printplek" }) : _jsx(Badge, { variant: "outline", children: "op basis van standaardregels" }), w.bestaat ? _jsx(Badge, { variant: "secondary", children: "bestaat al \u2014 wordt overgeslagen" }) : null, _jsxs(Badge, { variant: verschillen ? "destructive" : "secondary", children: [verschillen, " verschillen"] })] }), _jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-muted-foreground text-left", children: [_jsx("th", { className: "py-0.5", children: "Documentsoort" }), _jsx("th", { children: "Nu" }), _jsx("th", { children: "Bron nu" }), _jsx("th", { children: "Na omzetting" })] }) }), _jsx("tbody", { children: w.soorten.map((s) => (_jsxs("tr", { className: s.verschil ? "bg-destructive/10 font-medium" : "", "data-verschil": s.verschil ? "ja" : "nee", children: [_jsxs("td", { className: "py-0.5", children: [documentTypeLabel(s.documenttype), s.geen_etiketlayout ? (_jsx("div", { className: "text-destructive", "data-geen-etiketlayout": "ja", children: "Deze soort heeft nog geen etiketlayout (layout staat op A4)" })) : null] }), _jsx("td", { children: titel(s.printer_id) }), _jsx("td", { children: BRON[s.bron ?? "geen"] ?? s.bron }), _jsxs("td", { children: [titel(s.na_printer_id), s.klasse === "label" ? " (label)" : " (A4)"] })] }, s.documenttype))) })] })] }, `${w.print_plek_id ?? "kantoor"}`));
             }), !beheerder ? _jsx("p", { className: "text-muted-foreground", children: "Alleen beheerders kunnen dit wijzigen." }) : null, _jsxs("div", { className: "flex justify-between", children: [_jsx(Button, { variant: "ghost", onClick: onOverslaan, children: "Overslaan, zelf instellen" }), _jsx(Button, { disabled: !beheerder || bezig || !nieuw.length || nieuw.some((w) => !w.naam.trim() || (!w.a4_printer_id && !w.label_printer_id)), onClick: async () => {
                             if (!window.confirm(`${nieuw.length} werkplek(ken) aanmaken? De verschillen hierboven gaan dan gelden voor wie deze werkplek kiest.`))
                                 return;

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

@@ -1 +1 @@
-{"version":3,"file":"WerkplekkenTab.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekkenTab.tsx"],"names":[],"mappings":"AAcA,OAAO,EAUL,KAAK,UAAU,EAEhB,MAAM,oBAAoB,CAAC;AAM5B,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;IAAE,OAAO,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,+BAyC5G;AAqPD,wBAAgB,cAAc,gCA4E7B"}
+{"version":3,"file":"WerkplekkenTab.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekkenTab.tsx"],"names":[],"mappings":"AAcA,OAAO,EAUL,KAAK,UAAU,EAEhB,MAAM,oBAAoB,CAAC;AAM5B,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;IAAE,OAAO,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,+BAyE5G;AAqPD,wBAAgB,cAAc,gCA4E7B"}

package/dist-lib/components/WerkplekkenTab.js

@@ -11,7 +11,7 @@ import { AlertTriangle, Plus, Printer, Trash2, Wand2 } from "lucide-react";
 import { supabase } from "../lib/supabaseClient.js";
 import { DOCUMENT_TYPES, documentTypeLabel } from "../lib/documentTypes.js";
 import { leesbareFout } from "../lib/foutTekst.js";
-import { etiketOpties, maatTekst } from "../lib/etiketControle.js";
+import { etiketOpties, etiketTekst, maatNl } from "../lib/etiketControle.js";
 import { formaatKlasse, printerTitel, slaWerkplekOp, soortPastBijFormaat, usePrinterLijst, useWerkplekken, verwijderWerkplek, zetAfwijking, zetPrinterVelden, } from "../lib/werkplekken.js";
 import { PrintenInstellenWizard } from "./PrintenInstellenWizard.js";
 const selectKlasse = "border-input bg-background rounded-md border px-2 py-1 text-sm";
@@ -20,7 +20,31 @@ export function GeladenEtiketKeuze({ printer, onGewijzigd }) {
     const opties = useMemo(() => etiketOpties(printer.ondersteunde_formaten), [printer.ondersteunde_formaten]);
     // Namen uit PrintNode kunnen spaties aan begin of eind hebben: vergelijk getrimd.
     const huidig = (printer.geladen_etiket?.naam ?? "").trim();
-    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm", id: `etiket-${printer.id}`, children: [_jsx("span", { className: "text-muted-foreground", children: "Geladen etiket:" }), _jsxs("select", { className: selectKlasse, value: huidig, onChange: async (e) => {
+    const [zoek, setZoek] = useState("");
+    // Maten die al in een van de printers zitten (gelezen, niets vast in code).
+    const [inGebruik, setInGebruik] = useState(new Set());
+    useEffect(() => {
+        let actief = true;
+        void db
+            .from("printers")
+            .select("geladen_etiket")
+            .not("geladen_etiket", "is", null)
+            .then(({ data }) => {
+            if (!actief)
+                return;
+            const namen = (Array.isArray(data) ? data : []).map((r) => String(r.geladen_etiket?.naam ?? "").trim()).filter(Boolean);
+            setInGebruik(new Set(namen));
+        });
+        return () => {
+            actief = false;
+        };
+    }, []);
+    const q = zoek.trim().toLowerCase();
+    const gefilterd = opties.filter((o) => !q || `${o.naam} ${maatNl(o.breedte_mm, o.hoogte_mm)}`.toLowerCase().includes(q));
+    const voorgesteld = gefilterd.filter((o) => o.naam.trim() === huidig || inGebruik.has(o.naam.trim()));
+    const andere = gefilterd.filter((o) => !voorgesteld.includes(o));
+    const optie = (o) => (_jsx("option", { value: o.naam.trim(), children: etiketTekst(o) }, o.naam));
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm", id: `etiket-${printer.id}`, children: [_jsx("span", { className: "text-muted-foreground", children: "Geladen etiket:" }), opties.length > 8 ? (_jsx(Input, { className: "h-8 w-40", placeholder: "Zoek maat of naam", value: zoek, onChange: (e) => setZoek(e.target.value) })) : null, _jsxs("select", { className: selectKlasse, value: huidig, onChange: async (e) => {
                     const keuze = opties.find((o) => o.naam.trim() === e.target.value) ?? null;
                     try {
                         await zetPrinterVelden(printer.id, { geladen_etiket: keuze });
@@ -30,7 +54,7 @@ export function GeladenEtiketKeuze({ printer, onGewijzigd }) {
                     catch (err) {
                         toast.error(leesbareFout(err, "Opslaan mislukt"));
                     }
-                }, children: [_jsx("option", { value: "", children: "\u2014 kies het etiket dat in de printer zit \u2014" }), huidig && !opties.some((o) => o.naam.trim() === huidig) && printer.geladen_etiket ? (_jsxs("option", { value: huidig, children: [huidig, " (", maatTekst(printer.geladen_etiket.breedte_mm, printer.geladen_etiket.hoogte_mm), ")"] })) : null, opties.map((o) => (_jsxs("option", { value: o.naam.trim(), children: [o.naam.trim(), " (", maatTekst(o.breedte_mm, o.hoogte_mm), ")"] }, o.naam)))] }), !huidig ? (_jsxs("span", { className: "text-destructive flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3 w-3" }), " Niet ingesteld: er wordt niets naar deze labelprinter geprint."] })) : null, !opties.length ? _jsx("span", { className: "text-muted-foreground text-xs", children: "PrintNode meldt nog geen formaten voor deze printer." }) : null] }));
+                }, children: [_jsx("option", { value: "", children: "\u2014 kies het etiket dat in de printer zit \u2014" }), huidig && !opties.some((o) => o.naam.trim() === huidig) && printer.geladen_etiket ? (_jsx("option", { value: huidig, children: etiketTekst(printer.geladen_etiket) })) : null, voorgesteld.length ? _jsx("optgroup", { label: "In gebruik", children: voorgesteld.map(optie) }) : null, andere.length ? (voorgesteld.length ? _jsx("optgroup", { label: "Andere maten", children: andere.map(optie) }) : andere.map(optie)) : null] }), !huidig ? (_jsxs("span", { className: "text-destructive flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3 w-3" }), " Niet ingesteld: er wordt niets naar deze labelprinter geprint."] })) : null, !opties.length ? _jsx("span", { className: "text-muted-foreground text-xs", children: "De printer meldt nog geen etiketmaten." }) : null] }));
 }
 function PrinterSelect({ printers, value, onChange, leeg = "— geen —", }) {
     return (_jsxs("select", { className: selectKlasse, value: value ?? "", onChange: (e) => onChange(e.target.value || null), children: [_jsx("option", { value: "", children: leeg }), printers.map((p) => (_jsxs("option", { value: p.id, children: [printerTitel(p), p.locatie ? ` · ${p.locatie}` : "", p.online === false ? " (offline)" : ""] }, p.id)))] }));

package/dist-lib/index.js

@@ -76,10 +76,10 @@ export { ComputerVerwijderenDialog } from './components/ComputerVerwijderenDialo
 export { GeenPrinterFout } from './lib/printApi.js';
 export const layoutmodule = {
     id: "layout-maker",
-    name: "Layouts en printers",
-    version: "1.50.0",
+    name: "Printen",
+    version: "1.61.0",
     nav: {
-        label: "Layouts en printers",
+        label: "Printen",
         href: "/layouts-printers/documenten",
         icon: LayoutTemplate,
         children: [