@flowselections/layout-maker 1.45.19 → 1.51.2

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

@@ -0,0 +1,16 @@
+export declare function ComputerVerwijderenDialog({ open, onOpenChange, computerNaam, printplekId, printers, andereplekken, onKlaar, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    computerNaam: string | null;
+    printplekId: string | null;
+    printers: {
+        id: string;
+        naam: string;
+    }[];
+    andereplekken: {
+        id: string;
+        naam: string;
+    }[];
+    onKlaar: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ComputerVerwijderenDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComputerVerwijderenDialog.d.ts","sourceRoot":"","sources":["../../src/components/ComputerVerwijderenDialog.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,aAAa,EACb,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,aAAa,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAwEA"}

package/dist-lib/components/ComputerVerwijderenDialog.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/ComputerVerwijderenDialog.tsx — een computer "verwijderen"
+// (op de negeerlijst zetten). Hangen er nog printers aan, dan moet eerst
+// gekozen worden: meeverwijderen of verplaatsen. Nooit stil verweesd.
+// ============================================================================
+import { useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { negeerComputer } from "../lib/printplekken.js";
+export function ComputerVerwijderenDialog({ open, onOpenChange, computerNaam, printplekId, printers, andereplekken, onKlaar, }) {
+    const [keuze, setKeuze] = useState("verwijderen");
+    const [bezig, setBezig] = useState(false);
+    const metPrinters = printers.length > 0;
+    const bevestig = async () => {
+        if (!computerNaam)
+            return;
+        setBezig(true);
+        try {
+            await negeerComputer(computerNaam, metPrinters
+                ? {
+                    printerIds: printers.map((p) => p.id),
+                    vanPlek: printplekId,
+                    actie: keuze === "verwijderen" ? "verwijderen" : { naarPlek: keuze },
+                }
+                : null);
+            toast.success(`${computerNaam} verwijderd`);
+            onOpenChange(false);
+            onKlaar();
+        }
+        catch {
+            toast.error("Verwijderen mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Computer verwijderen" }), _jsxs(DialogDescription, { children: [computerNaam, " verdwijnt van deze plek en uit \"Computers zonder printplek\". Je kunt hem later terugzetten via \"Toon genegeerde computers\"."] })] }), metPrinters ? (_jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("p", { children: ["Aan deze computer hangen nog ", printers.length, " printer(s):", " ", _jsx("strong", { children: printers.map((p) => p.naam).join(", ") }), ". Wat moet ermee gebeuren?"] }), _jsxs("label", { className: "flex items-center gap-2", children: [_jsx("input", { type: "radio", checked: keuze === "verwijderen", onChange: () => setKeuze("verwijderen") }), "Printers meeverwijderen van deze plek (regels worden zichtbaar leeg gemarkeerd)"] }), andereplekken.map((p) => (_jsxs("label", { className: "flex items-center gap-2", children: [_jsx("input", { type: "radio", checked: keuze === p.id, onChange: () => setKeuze(p.id) }), "Printers verplaatsen naar ", p.naam] }, p.id)))] })) : null, _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { variant: "destructive", disabled: bezig, onClick: () => void bevestig(), children: "Verwijderen" })] })] }) }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"ComputersLijst.d.ts","sourceRoot":"","sources":["../../src/components/ComputersLijst.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY;;;;;EA6C3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACrB,YAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BA0IA"}
+{"version":3,"file":"ComputersLijst.d.ts","sourceRoot":"","sources":["../../src/components/ComputersLijst.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY;;;;;EAiD3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACrB,YAAoB,GACrB,EAAE;IACD,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BA0IA"}

package/dist-lib/components/ComputersLijst.js

@@ -8,6 +8,7 @@ import { Button, Card, CardContent, Dialog, DialogContent, DialogDescription, Di
 import { Loader2, Monitor, Plus, RefreshCw } from "lucide-react";
 import { netwerkComputers, netwerkPrinters } from "../lib/printService.functions.js";
 import { PrintProgrammaUitleg, WerktHetNiet } from "./PrintProgrammaUitleg.js";
+import { genegeerdeComputersLijst } from "../lib/printplekken.js";
 export function useComputers() {
     const [computers, setComputers] = useState([]);
     const [loading, setLoading] = useState(true);
@@ -17,12 +18,14 @@ export function useComputers() {
             setLoading(true);
         setFout(null);
         try {
-            const [c, p] = await Promise.all([
+            const [c, p, g] = await Promise.all([
                 netwerkComputers({ data: undefined }),
                 netwerkPrinters({ data: undefined }),
+                genegeerdeComputersLijst().catch(() => []),
             ]);
             const printers = p.ok && Array.isArray(p.printers) ? p.printers : [];
-            const lijst = c.ok && Array.isArray(c.computers) ? c.computers : [];
+            const genegeerd = new Set((Array.isArray(g) ? g : []).map((x) => x.computer_naam));
+            const lijst = (c.ok && Array.isArray(c.computers) ? c.computers : []).filter((comp) => !genegeerd.has(comp.naam));
             if (!c.ok)
                 setFout(c.fout);
             setComputers(lijst.map((comp) => ({

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentenPage.d.ts","sourceRoot":"","sources":["../../src/components/DocumentenPage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,cAAc,CAAC,EAAE,GAAe,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAAE,+BAiBhF"}
+{"version":3,"file":"DocumentenPage.d.ts","sourceRoot":"","sources":["../../src/components/DocumentenPage.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,cAAc,CAAC,EAAE,GAAe,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAAE,+BAgBhF"}

package/dist-lib/components/DocumentenPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // ============================================================================
 // src/components/DocumentenPage.tsx — één menu-item "Documenten" met tabbladen
 // voor de documentontwerpen en de logobibliotheek.
@@ -8,12 +8,11 @@ import { FileText, Image } from "lucide-react";
 import { ModuleTabs } from "./ModuleTabs.js";
 import { LayoutsPage } from "./LayoutsPage.js";
 import { LogosPage } from "./LogosPage.js";
-import { PdfMapAutoSaver } from "./PdfMapAutoSaver.js";
 const TABS = [
     { id: "layouts", label: "Documenten", icon: FileText },
     { id: "logos", label: "Logo's", icon: Image },
 ];
 export function DocumentenPage({ tab = "layouts" }) {
     const [actiefTab, setActiefTab] = useState(tab);
-    return (_jsxs(_Fragment, { children: [_jsx(PdfMapAutoSaver, {}), _jsx(ModuleTabs, { titel: "Documenten", omschrijving: "Ontwerp pakbonnen, facturen, stickers en beheer de logo's die daarop staan.", tabs: TABS, actiefTab: actiefTab, onTabWijzig: (nieuwTab) => setActiefTab(nieuwTab === "logos" ? "logos" : "layouts"), children: actiefTab === "logos" ? _jsx(LogosPage, { ingebed: true }) : _jsx(LayoutsPage, { ingebed: true }) })] }));
+    return (_jsx(_Fragment, { children: _jsx(ModuleTabs, { titel: "Documenten", omschrijving: "Ontwerp pakbonnen, facturen, stickers en beheer de logo's die daarop staan.", tabs: TABS, actiefTab: actiefTab, onTabWijzig: (nieuwTab) => setActiefTab(nieuwTab === "logos" ? "logos" : "layouts"), children: actiefTab === "logos" ? _jsx(LogosPage, { ingebed: true }) : _jsx(LayoutsPage, { ingebed: true }) }) }));
 }

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

@@ -1,8 +1,6 @@
-/**
- * Printerkeuze voor één layout (zelfde koppeling als de kolom op de
- * Documenten-pagina). Compact, bedoeld voor de header van de builders.
- */
-export declare function LayoutPrinterSelect({ layoutId }: {
+export declare function LayoutPrinterSelect({ layoutId, documenttype, metLink, }: {
     layoutId: string;
+    documenttype?: string;
+    metLink?: boolean;
 }): import("react").JSX.Element;
 //# sourceMappingURL=LayoutPrinterSelect.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutPrinterSelect.d.ts","sourceRoot":"","sources":["../../src/components/LayoutPrinterSelect.tsx"],"names":[],"mappings":"AAUA;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,+BAgCrE"}
+{"version":3,"file":"LayoutPrinterSelect.d.ts","sourceRoot":"","sources":["../../src/components/LayoutPrinterSelect.tsx"],"names":[],"mappings":"AAOA,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAY,EACZ,OAAc,GACf,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BA+CA"}

package/dist-lib/components/LayoutPrinterSelect.js

@@ -1,23 +1,46 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
-import { usePrinters, zetLayoutPrinter } from "../lib/useDocumentData.js";
-/**
- * Printerkeuze voor één layout (zelfde koppeling als de kolom op de
- * Documenten-pagina). Compact, bedoeld voor de header van de builders.
- */
-export function LayoutPrinterSelect({ layoutId }) {
-    const { printers, koppelingen, reload } = usePrinters();
-    const huidige = koppelingen.find((k) => k.layout_id === layoutId)?.printer_id ?? "geen";
-    return (_jsxs(Select, { value: huidige, onValueChange: async (printerId) => {
+// Alleen-lezen: welke printer geldt nu voor het documenttype van deze layout.
+// Printers kies je uitsluitend op de Printen-pagina (printplek of standaardregel).
+import { useEffect, useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { supabase } from "../lib/supabaseClient.js";
+import { routeringVoor } from "../lib/printRoutering.js";
+export function LayoutPrinterSelect({ layoutId, documenttype, metLink = true, }) {
+    const [tekst, setTekst] = useState("…");
+    useEffect(() => {
+        let weg = false;
+        void (async () => {
             try {
-                await zetLayoutPrinter(layoutId, printerId === "geen" ? null : printerId);
-                await reload(true);
-                toast.success("Printer bij document opgeslagen");
+                let type = documenttype;
+                if (!type) {
+                    const { data } = await supabase
+                        .from("document_layouts")
+                        .select("documenttype")
+                        .eq("id", layoutId)
+                        .maybeSingle();
+                    type = data?.documenttype ?? "";
+                }
+                if (!type)
+                    return setTekst("Geen printer");
+                const u = await routeringVoor({ documenttype: type, layoutId });
+                if (!u.printer_id)
+                    return !weg && setTekst("Geen printer ingesteld");
+                const { data: p } = await supabase
+                    .from("printers")
+                    .select("naam")
+                    .eq("id", u.printer_id)
+                    .maybeSingle();
+                if (!weg)
+                    setTekst(p?.naam ?? "Onbekende printer");
             }
             catch {
-                toast.error("Printerkeuze opslaan mislukt");
+                if (!weg)
+                    setTekst("Onbekend");
             }
-        }, children: [_jsx(SelectTrigger, { className: "h-8 w-48 text-sm", "aria-label": "Printer bij dit document", children: _jsx(SelectValue, { placeholder: "Geen printer" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "geen", children: "Geen printer" }), printers
-                        .filter((p) => p.actief)
-                        .map((printer) => (_jsx(SelectItem, { value: printer.id, children: printer.naam }, printer.id)))] })] }));
+        })();
+        return () => {
+            weg = true;
+        };
+    }, [layoutId, documenttype]);
+    return (_jsxs("div", { className: "text-sm", children: [_jsx("span", { children: tekst }), metLink && (_jsx(Link, { to: "/layouts-printers/printplekken", className: "ml-2 text-xs text-primary underline", children: "Wijzigen op Printen" }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutsPage.d.ts","sourceRoot":"","sources":["../../src/components/LayoutsPage.tsx"],"names":[],"mappings":"AA2EA,wBAAgB,WAAW,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAimB1E"}
+{"version":3,"file":"LayoutsPage.d.ts","sourceRoot":"","sources":["../../src/components/LayoutsPage.tsx"],"names":[],"mappings":"AA2EA,wBAAgB,WAAW,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAkpB1E"}

package/dist-lib/components/LayoutsPage.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useAutoRefresh } from "../lib/useAutoRefresh.js";
-import { useNavigate } from "@tanstack/react-router";
+import { Link, useNavigate } from "@tanstack/react-router";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, toast, } from "@flowselections/core";
-import { Copy, FileText, Pencil, Plus, Search, Settings2, Trash2 } from "lucide-react";
-import { dupliceerLayout, maakLayout, updateLayout, useLayouts, usePrinters, zetLayoutPrinter, verwijderLayout, } from "../lib/useDocumentData.js";
+import { AlertTriangle, Copy, FileText, Pencil, Plus, Search, Settings2, Trash2 } from "lucide-react";
+import { layoutConflicten, maakStandaardLayout } from "../lib/useDocumentData.js";
+import { dupliceerLayout, maakLayout, updateLayout, useLayouts, verwijderLayout, } from "../lib/useDocumentData.js";
+import { LayoutPrinterSelect } from "./LayoutPrinterSelect.js";
 import { DOCUMENT_TYPES, FLORIDAY_LAYOUT_TOELICHTING, PAPIERFORMATEN, documentTypeLabel, isFloridayLayout, } from "../lib/documentTypes.js";
 import { DOCUMENT_PROFIELEN, documentProfiel, primaireProfielen, standaardConfig, } from "../lib/documentProfiles.js";
 /** Elk documenttype krijgt zijn eigen opbouwpagina. */
@@ -23,10 +25,9 @@ function klantOntwerpLayout(l) {
 }
 export function LayoutsPage({ ingebed = false } = {}) {
     const { layouts, loading, reload } = useLayouts();
-    const { printers, koppelingen, reload: reloadPrinters } = usePrinters();
+    const conflicten = useMemo(() => layoutConflicten(layouts), [layouts]);
     useAutoRefresh(() => {
         void reload(true);
-        void reloadPrinters(true);
     }, 30000);
     const navigate = useNavigate();
     const [zoek, setZoek] = useState("");
@@ -155,19 +156,28 @@ export function LayoutsPage({ ingebed = false } = {}) {
         }
     };
     const Wrapper = ingebed ? "div" : "main";
-    return (_jsxs(Wrapper, { className: ingebed ? "space-y-6" : "p-6 space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [!ingebed && (_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Documentlayouts" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Ontwerp pakbonnen, facturen, etiketten en alle andere documenten." })] })), _jsx("div", { className: "ml-auto flex gap-2", children: _jsxs(Button, { onClick: () => setWizardOpen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuwe layout"] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Overzicht" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} van ${layouts.length} layouts` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-5", 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 naam of omschrijving", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: typeFilter, onValueChange: setTypeFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Documenttype" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle documenttypes" }), DOCUMENT_TYPES.map((d) => (_jsx(SelectItem, { value: d.value, children: d.label }, d.value)))] })] }), _jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), _jsx(SelectItem, { value: "actief", children: "Actief" }), _jsx(SelectItem, { value: "inactief", children: "Inactief" })] })] }), _jsxs(Select, { value: bronFilter, onValueChange: setBronFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Herkomst" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle herkomsten" }), _jsx(SelectItem, { value: "eigen", children: "Eigen ontwerp" }), _jsx(SelectItem, { value: "floriday", children: "Uit Floriday" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Documenttype" }), _jsx(TableHead, { children: "Formaat" }), _jsx(TableHead, { children: "Printer bij document" }), _jsx(TableHead, { children: "Actief" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen layouts gevonden." }) })), gefilterd.map((l) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }), l.naam, l.is_standaard && _jsx(Badge, { variant: "secondary", children: "Standaard" }), isFloridayLayout(l) && _jsx(Badge, { variant: "outline", children: "Uit Floriday" })] }), (l.omschrijving || isFloridayLayout(l)) && (_jsx("span", { className: "text-xs text-muted-foreground", children: isFloridayLayout(l) ? FLORIDAY_LAYOUT_TOELICHTING : l.omschrijving }))] }), _jsx(TableCell, { children: documentTypeLabel(l.documenttype) }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [l.papierformaat, " \u00B7 ", Number(l.breedte_mm), " \u00D7 ", Number(l.hoogte_mm), " mm"] }), _jsx(TableCell, { className: "min-w-52", children: _jsxs(Select, { value: koppelingen.find((k) => k.layout_id === l.id)?.printer_id ?? "geen", onValueChange: async (printerId) => {
-                                                                try {
-                                                                    await zetLayoutPrinter(l.id, printerId === "geen" ? null : printerId);
-                                                                    await reloadPrinters(true);
-                                                                    toast.success("Printer bij document opgeslagen");
-                                                                }
-                                                                catch {
-                                                                    toast.error("Printerkeuze opslaan mislukt");
-                                                                }
-                                                            }, children: [_jsx(SelectTrigger, { "aria-label": `Printer voor ${l.naam}`, children: _jsx(SelectValue, { placeholder: "Geen printer" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "geen", children: "Geen printer" }), printers.filter((p) => p.actief).map((printer) => (_jsx(SelectItem, { value: printer.id, children: printer.naam }, printer.id)))] })] }) }), _jsx(TableCell, { children: _jsx(Switch, { checked: l.actief, onCheckedChange: async (v) => {
-                                                                await updateLayout(l.id, { actief: v });
-                                                                void reload();
-                                                            } }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [isFloridayLayout(l) ? (_jsx("span", { className: "text-xs text-muted-foreground", children: "Niet aanpasbaar \u2014 komt uit Floriday" })) : klantOntwerpLayout(l) ? (_jsx(Badge, { variant: "outline", children: "Ontwerp van klant" })) : (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate(builderRoute(l.documenttype, l.id)), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), " Ontwerpen"] })), !isFloridayLayout(l) && (_jsx(Button, { variant: "ghost", size: "sm", title: "Naam, documenttype en formaat wijzigen", onClick: () => openBewerken(l), children: _jsx(Settings2, { className: "h-4 w-4" }) })), !isFloridayLayout(l) && (_jsx(Button, { variant: "ghost", size: "sm", title: "Kopie maken", onClick: async () => {
+    return (_jsxs(Wrapper, { className: ingebed ? "space-y-6" : "p-6 space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [!ingebed && (_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Documentlayouts" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Ontwerp pakbonnen, facturen, etiketten en alle andere documenten." })] })), _jsx("div", { className: "ml-auto flex gap-2", children: _jsxs(Button, { onClick: () => setWizardOpen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuwe layout"] }) })] }), conflicten.length > 0 && (_jsxs(Card, { className: "border-destructive/50", children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" }), " Meerdere actieve layouts"] }), _jsx(CardDescription, { children: "Bij het printen wint per documentsoort \u00E9\u00E9n layout. De andere worden alleen gebruikt als een module ze expliciet kiest." })] }), _jsx(CardContent, { className: "space-y-2", children: conflicten.map((c) => (_jsxs("div", { className: "rounded-lg border p-2 text-sm", "data-conflict": c.documenttype, children: [_jsxs("div", { className: "font-medium", children: [documentTypeLabel(c.documenttype), " (", c.bron === "floriday" ? "Floriday" : "eigen", ") \u2014 ", c.actief.length, " actief"] }), _jsxs("div", { className: "text-muted-foreground text-xs", children: ["Wint bij printen: ", _jsx("span", { className: "font-medium text-foreground", children: c.winnaar.naam }), c.heeftStandaard ? " (standaard)" : " — geen standaard, de laatst bewerkte wint"] }), _jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: c.actief.filter((l) => l.id !== c.winnaar.id || !c.heeftStandaard).map((l) => (_jsxs(Button, { size: "sm", variant: "outline", onClick: async () => {
+                                            try {
+                                                await maakStandaardLayout(l.id);
+                                                toast.success(`${l.naam} is nu de standaard`);
+                                            }
+                                            catch {
+                                                toast.error("Standaard maken mislukt");
+                                            }
+                                            void reload();
+                                        }, children: ["Maak \"", l.naam, "\" standaard"] }, l.id))) })] }, `${c.documenttype}-${c.bron}`))) })] })), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Overzicht" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} van ${layouts.length} layouts` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-5", 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 naam of omschrijving", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: typeFilter, onValueChange: setTypeFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Documenttype" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle documenttypes" }), DOCUMENT_TYPES.map((d) => (_jsx(SelectItem, { value: d.value, children: d.label }, d.value)))] })] }), _jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), _jsx(SelectItem, { value: "actief", children: "Actief" }), _jsx(SelectItem, { value: "inactief", children: "Inactief" })] })] }), _jsxs(Select, { value: bronFilter, onValueChange: setBronFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Herkomst" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle herkomsten" }), _jsx(SelectItem, { value: "eigen", children: "Eigen ontwerp" }), _jsx(SelectItem, { value: "floriday", children: "Uit Floriday" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Documenttype" }), _jsx(TableHead, { children: "Formaat" }), _jsxs(TableHead, { children: [_jsx("div", { children: "Printer nu" }), _jsxs("div", { className: "text-xs font-normal", children: ["bedrijfsstandaard, in te stellen op", " ", _jsx(Link, { to: "/layouts-printers/printplekken", className: "text-primary underline", children: "Printen" })] })] }), _jsx(TableHead, { children: "Actief" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen layouts gevonden." }) })), gefilterd.map((l) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }), l.naam, l.is_standaard && _jsx(Badge, { variant: "secondary", children: "Standaard" }), isFloridayLayout(l) && _jsx(Badge, { variant: "outline", children: "Uit Floriday" })] }), (l.omschrijving || isFloridayLayout(l)) && (_jsx("span", { className: "text-xs text-muted-foreground", children: isFloridayLayout(l) ? FLORIDAY_LAYOUT_TOELICHTING : l.omschrijving }))] }), _jsx(TableCell, { children: documentTypeLabel(l.documenttype) }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [l.papierformaat, " \u00B7 ", Number(l.breedte_mm), " \u00D7 ", Number(l.hoogte_mm), " mm"] }), _jsx(TableCell, { className: "min-w-52", children: _jsx(LayoutPrinterSelect, { layoutId: l.id, documenttype: l.documenttype }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: l.actief, onCheckedChange: async (v) => {
+                                                                        await updateLayout(l.id, { actief: v });
+                                                                        void reload();
+                                                                    } }), !l.is_standaard && (_jsx(Button, { variant: "ghost", size: "sm", onClick: async () => {
+                                                                        try {
+                                                                            await maakStandaardLayout(l.id);
+                                                                            toast.success(`${l.naam} is nu de standaard`);
+                                                                        }
+                                                                        catch {
+                                                                            toast.error("Standaard maken mislukt");
+                                                                        }
+                                                                        void reload();
+                                                                    }, children: "Maak standaard" }))] }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [isFloridayLayout(l) ? (_jsx("span", { className: "text-xs text-muted-foreground", children: "Niet aanpasbaar \u2014 komt uit Floriday" })) : klantOntwerpLayout(l) ? (_jsx(Badge, { variant: "outline", children: "Ontwerp van klant" })) : (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigate(builderRoute(l.documenttype, l.id)), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), " Ontwerpen"] })), !isFloridayLayout(l) && (_jsx(Button, { variant: "ghost", size: "sm", title: "Naam, documenttype en formaat wijzigen", onClick: () => openBewerken(l), children: _jsx(Settings2, { className: "h-4 w-4" }) })), !isFloridayLayout(l) && (_jsx(Button, { variant: "ghost", size: "sm", title: "Kopie maken", onClick: async () => {
                                                                         try {
                                                                             await dupliceerLayout(l.id);
                                                                             toast.success("Layout gedupliceerd");

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

@@ -1 +1 @@
-{"version":3,"file":"PrintQueuePage.d.ts","sourceRoot":"","sources":["../../src/components/PrintQueuePage.tsx"],"names":[],"mappings":"AAuFA,wBAAgB,cAAc,gCAua7B"}
+{"version":3,"file":"PrintQueuePage.d.ts","sourceRoot":"","sources":["../../src/components/PrintQueuePage.tsx"],"names":[],"mappings":"AAkFA,wBAAgB,cAAc,gCA4T7B"}

package/dist-lib/components/PrintQueuePage.js

@@ -1,19 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef, useState } from "react";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
-import { FileDown, FolderOpen, RotateCcw, Save, Search, XCircle } from "lucide-react";
+import { RotateCcw, Search, XCircle } from "lucide-react";
 import { bijgewerktTekst, useAutoRefresh } from "../lib/useAutoRefresh.js";
 import { PrintStatusBanner } from "./PrintStatusBanner.js";
 import { maakPrintJob, updateJobStatus, useLayouts, usePrinters, usePrintJobs, usePrintPlekNamen, } from "../lib/useDocumentData.js";
 import { annuleerPrintOpdrachten, printStatus } from "../lib/printService.functions.js";
 import { vraagWachtrijRonde } from "../lib/queueTickClient.js";
 import { documentTypeLabel } from "../lib/documentTypes.js";
-import { jobPlekLabel, jobPrintPlekId } from "../lib/printQueue.js";
-import { kiesPdfMap, openInEigenTabblad } from "../lib/pdfMap.js";
-import { bewaarPdfJobOpnieuw, downloadPdfJob } from "../lib/pdfJobSaver.js";
-import { pdfOpslagLabel, isOpslagFout } from "../lib/pdfOpslagStatus.js";
-import { PdfMapAutoSaver } from "./PdfMapAutoSaver.js";
-import { PdfMapToestemmingBanner } from "./PdfMapToestemmingBanner.js";
+import { jobPlekLabel } from "../lib/printQueue.js";
 const STATUS_VARIANT = {
     wachtend: "outline",
     bezig: "secondary",
@@ -54,45 +49,11 @@ export function PrintQueuePage() {
     const [zoek, setZoek] = useState("");
     const [status, setStatus] = useState("alle");
     const [plekFilter, setPlekFilter] = useState("alle");
-    const [opslagFilter, setOpslagFilter] = useState("alle");
     const [tickFout, setTickFout] = useState(null);
     const [annuleertAlles, setAnnuleertAlles] = useState(false);
     const openJobs = useMemo(() => jobs.filter((j) => j.status === "wachtend" || j.status === "bezig"), [jobs]);
     const plekNamen = usePrintPlekNamen();
     const printerNaam = useMemo(() => new Map(printers.map((p) => [p.id, p.naam])), [printers]);
-    const pdfPrinter = printers.find((p) => p.afdrukmethode === "pdf");
-    /** Kies direct vanuit een foute opdracht de PDF-map op deze werkplek. */
-    const stelMapIn = async (printplekId) => {
-        if (!pdfPrinter) {
-            toast.error("Er is nog geen “Opslaan als PDF”-printer aangemaakt");
-            return;
-        }
-        const uitkomst = await kiesPdfMap(pdfPrinter.id, printplekId);
-        if (uitkomst.status === "gekozen") {
-            toast.success("Map gekozen", {
-                description: `PDF's worden opgeslagen in “${uitkomst.naam}”. De opdracht wordt opnieuw opgeslagen.`,
-            });
-            void reload(true);
-        }
-        else if (uitkomst.status === "iframe-geblokkeerd") {
-            toast.error("Map kiezen werkt niet in een iframe", {
-                description: "Open de app in een eigen tabblad.",
-                action: {
-                    label: "Open in eigen tabblad",
-                    onClick: () => openInEigenTabblad(printplekId),
-                },
-                duration: 15000,
-            });
-        }
-        else if (uitkomst.status === "niet-ondersteund") {
-            toast.error("Deze browser ondersteunt geen mapkeuze", {
-                description: "Gebruik Chrome, Edge of Safari op desktop.",
-            });
-        }
-        else if (uitkomst.status === "fout") {
-            toast.error("Map kiezen is mislukt", { description: uitkomst.melding });
-        }
-    };
     const layoutNaam = useMemo(() => new Map(layouts.map((l) => [l.id, l.naam])), [layouts]);
     /** Herkomstlabel per opdracht: printplek, anders pickstation of werkplek. */
     const plekPerJob = useMemo(() => {
@@ -110,13 +71,6 @@ export function PrintQueuePage() {
             return false;
         if (plekFilter !== "alle" && (plekPerJob.get(j.id) || "—") !== plekFilter)
             return false;
-        if (opslagFilter === "fout" && !isOpslagFout(j.lokale_pdf_status))
-            return false;
-        if (opslagFilter === "opgeslagen" && j.lokale_pdf_status !== "opgeslagen")
-            return false;
-        if (opslagFilter === "wacht" &&
-            !["wachtend", "genereren", "gereed", "bezig"].includes(j.lokale_pdf_status ?? ""))
-            return false;
         return true;
     });
     const tellingen = useMemo(() => {
@@ -156,7 +110,7 @@ export function PrintQueuePage() {
         await reload(true);
     };
     const bijgewerkt = useAutoRefresh(ronde, lopende ? 5000 : 20000);
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsx(PdfMapAutoSaver, {}), _jsx(PdfMapToestemmingBanner, {}), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Printwachtrij" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Volg printopdrachten, herstart mislukte prints en print documenten opnieuw." })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: bijgewerktTekst(bijgewerkt) }), _jsxs(Button, { variant: "outline", size: "sm", disabled: annuleertAlles, onClick: async () => {
+    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Printwachtrij" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Volg printopdrachten, herstart mislukte prints en print documenten opnieuw." })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: bijgewerktTekst(bijgewerkt) }), _jsxs(Button, { variant: "outline", size: "sm", disabled: annuleertAlles, onClick: async () => {
                                     setAnnuleertAlles(true);
                                     try {
                                         const resultaat = await annuleerPrintOpdrachten({
@@ -179,31 +133,11 @@ 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", children: tellingen[s] ?? 0 })] }) }, 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-5", 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(Select, { value: opslagFilter, onValueChange: setOpslagFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle PDF-opslag" }), _jsx(SelectItem, { value: "fout", children: "Opslag mislukt" }), _jsx(SelectItem, { value: "wacht", children: "Wacht op werkplek" }), _jsx(SelectItem, { value: "opgeslagen", children: "Opgeslagen in map" })] })] })] }), _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 })), j.lokale_pdf_fout && (_jsx("span", { className: "block text-xs text-destructive", children: j.lokale_pdf_fout })), (["map_ontbreekt", "geen_rechten", "toestemming_nodig"].includes(j.lokale_pdf_status ?? "") ||
-                                                                (j.lokale_pdf_status === "gereed" && !j.lokale_pdf_print_plek_id)) && (_jsxs(Button, { variant: "outline", size: "sm", className: "mt-1", onClick: () => void stelMapIn(jobPrintPlekId(j) || undefined), children: [_jsx(FolderOpen, { className: "mr-2 h-4 w-4" }), " Map instellen"] }))] }), _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
+                                }, 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", children: tellingen[s] ?? 0 })] }) }, 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) ?? "—" : "—" }), _jsx(TableCell, { children: _jsx(Badge, { variant: STATUS_VARIANT[j.status] ?? "outline", children: pdfOpslagLabel(j.lokale_pdf_status, Boolean(j.lokale_pdf_print_plek_id)) ?? j.status }) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: new Date(j.created_at).toLocaleString("nl-NL") }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [(j.artefact_pad || j.resultaat_pdf_base64) && (_jsxs(Button, { variant: "ghost", size: "sm", title: "Bewaar de opgemaakte PDF", onClick: async () => {
-                                                                        try {
-                                                                            await downloadPdfJob(j.id, j.documentnaam ?? "document");
-                                                                        }
-                                                                        catch (fout) {
-                                                                            toast.error(fout instanceof Error ? fout.message : "PDF downloaden mislukt");
-                                                                        }
-                                                                    }, children: [_jsx(FileDown, { className: "mr-2 h-4 w-4" }), " PDF"] })), j.lokale_pdf_status !== "opgeslagen" &&
-                                                                    (j.artefact_pad || j.resultaat_pdf_base64) && (_jsxs(Button, { variant: "ghost", size: "sm", title: "Bewaar de bestaande PDF opnieuw in de ingestelde map", onClick: async () => {
-                                                                        try {
-                                                                            await bewaarPdfJobOpnieuw(j.id);
-                                                                            toast.success("De bestaande PDF wordt opnieuw in de ingestelde map opgeslagen");
-                                                                        }
-                                                                        catch (fout) {
-                                                                            toast.error(fout instanceof Error ? fout.message : "Opnieuw opslaan mislukt");
-                                                                        }
-                                                                        finally {
-                                                                            void reload(true);
-                                                                        }
-                                                                    }, children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), " Opslag opnieuw"] })), _jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
+                                                                                : "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) ?? "—" : "—" }), _jsx(TableCell, { children: _jsx(Badge, { variant: STATUS_VARIANT[j.status] ?? "outline", children: j.status }) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: new Date(j.created_at).toLocaleString("nl-NL") }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
                                                                         if (!j.layout_id)
                                                                             return;
                                                                         try {

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

@@ -1 +1 @@
-{"version":3,"file":"PrintenPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintenPage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,WAAW,CAAC,EAC1B,GAAoB,GACrB,EAAE;IACD,GAAG,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;CACpC,+BAuBA"}
+{"version":3,"file":"PrintenPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintenPage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,WAAW,CAAC,EAC1B,GAAoB,GACrB,EAAE;IACD,GAAG,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;CACpC,+BAsBA"}

package/dist-lib/components/PrintenPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // ============================================================================
 // src/components/PrintenPage.tsx — één menu-item "Printen" met tabbladen voor
 // printplekken (plekken, computers en printers samen) en standaardregels.
@@ -8,7 +8,6 @@ import { MapPin, Route as RouteIcon } from "lucide-react";
 import { ModuleTabs } from "./ModuleTabs.js";
 import { PrintplekkenPage } from "./PrintplekkenPage.js";
 import { DocumentRouteringPage } from "./DocumentRouteringPage.js";
-import { PdfMapAutoSaver } from "./PdfMapAutoSaver.js";
 const TABS = [
     {
         id: "printplekken",
@@ -19,5 +18,5 @@ const TABS = [
 ];
 export function PrintenPage({ tab = "printplekken", }) {
     const [actiefTab, setActiefTab] = useState(tab);
-    return (_jsxs(_Fragment, { children: [_jsx(PdfMapAutoSaver, {}), _jsx(ModuleTabs, { titel: "Printen", omschrijving: "Stel per plek in het bedrijf in welke computers, printers en documenten daar horen.", tabs: TABS, actiefTab: actiefTab, onTabWijzig: (nieuwTab) => setActiefTab(nieuwTab === "routering" ? "routering" : "printplekken"), children: actiefTab === "routering" ? (_jsx(DocumentRouteringPage, { ingebed: true })) : (_jsx(PrintplekkenPage, { ingebed: true })) })] }));
+    return (_jsx(_Fragment, { children: _jsx(ModuleTabs, { titel: "Printen", omschrijving: "Stel per plek in het bedrijf in welke computers, printers en documenten daar horen.", tabs: TABS, actiefTab: actiefTab, onTabWijzig: (nieuwTab) => setActiefTab(nieuwTab === "routering" ? "routering" : "printplekken"), children: actiefTab === "routering" ? (_jsx(DocumentRouteringPage, { ingebed: true })) : (_jsx(PrintplekkenPage, { ingebed: true })) }) }));
 }

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

@@ -4,11 +4,13 @@ export interface BewerkPrinter {
     locatie: string | null;
     papierformaat: string | null;
 }
-export declare function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter, bekendeExterneIds, bekendeLocaties, bewerken, }: {
+export declare function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter, bekendeExterneIds, bekendeLocaties, bewerken, printPlekId, }: {
     open: boolean;
     onOpenChange: (v: boolean) => void;
     onKlaar?: () => void;
     computerFilter?: string | null;
+    /** Nieuwe printers worden direct aan deze printplek gekoppeld. */
+    printPlekId?: string | null;
     bekendeExterneIds?: string[];
     bekendeLocaties?: string[];
     bewerken?: BewerkPrinter | null;

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

@@ -1 +1 @@
-{"version":3,"file":"PrinterSetupWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrinterSetupWizard.tsx"],"names":[],"mappings":"AAoDA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAwCD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,cAAc,EACd,iBAAsB,EACtB,eAAoB,EACpB,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,+BAufA"}
+{"version":3,"file":"PrinterSetupWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrinterSetupWizard.tsx"],"names":[],"mappings":"AAoDA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAwCD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,cAAc,EACd,iBAAsB,EACtB,eAAoB,EACpB,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,+BAodA"}