@flowselections/layout-maker 1.45.19 → 1.51.2

package/dist-lib/components/PrinterSetupWizard.js

@@ -5,9 +5,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ============================================================================
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, Label, toast, } from "@flowselections/core";
-import { Check, CheckCircle2, FileDown, FileText, Loader2, Printer, RefreshCw, Search, Tag, } from "lucide-react";
+import { Check, CheckCircle2, FileText, Loader2, Printer, RefreshCw, Search, Tag, } from "lucide-react";
 import { supabase } from "../lib/supabaseClient.js";
-import { zorgVoorPdfPrinter } from "../lib/pdfPrinter.js";
+import { wijsPrinterToeAanPrintplek } from "../lib/printplekken.js";
+import { leesbareFout } from "../lib/foutTekst.js";
 import { printHtml, volgJobStatus } from "../lib/printApi.js";
 import { netwerkPrinters } from "../lib/printService.functions.js";
 import { printerFormaatOpties } from "../lib/papierFormaten.js";
@@ -30,7 +31,7 @@ function Stappenbalk({ stap }) {
                             ? "border-primary text-primary border-2"
                             : "bg-muted text-muted-foreground"}`, children: i < stap ? _jsx(Check, { className: "h-4 w-4" }) : i + 1 }), _jsx("span", { className: `hidden text-sm sm:inline ${i === stap ? "text-foreground font-medium" : "text-muted-foreground"}`, children: s }), i < STAPPEN.length - 1 && _jsx("div", { className: "bg-border h-px flex-1" })] }, s))) }));
 }
-export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter, bekendeExterneIds = [], bekendeLocaties = [], bewerken, }) {
+export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter, bekendeExterneIds = [], bekendeLocaties = [], bewerken, printPlekId, }) {
     const [stap, setStap] = useState(0);
     const [bezig, setBezig] = useState(false);
     const [zoekt, setZoekt] = useState(false);
@@ -163,34 +164,19 @@ export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter
                 .single();
             if (error)
                 throw error;
-            setPrinterId(data?.id ?? null);
+            const nieuwId = data?.id ?? null;
+            if (nieuwId && printPlekId) {
+                await wijsPrinterToeAanPrintplek(printPlekId, nieuwId);
+            }
+            else if (nieuwId && computerFilter && !printPlekId) {
+                toast.warning(`Printer opgeslagen, maar computer ${computerFilter} hoort bij geen printplek. Koppel de computer eerst aan een printplek.`);
+            }
+            setPrinterId(nieuwId);
             setStap(2);
             onKlaar?.();
         }
-        catch {
-            toast.error("Opslaan mislukt");
-        }
-        finally {
-            setBezig(false);
-        }
-    };
-    /**
-     * Voegt de virtuele "Opslaan als PDF"-printer toe. Documenten die hierheen
-     * gaan worden niet geprint maar als downloadbare PDF in de wachtrij bewaard.
-     * Er is maar één PDF-printer nodig; een tweede wordt niet aangemaakt.
-     */
-    const pdfPrinterToevoegen = async () => {
-        setBezig(true);
-        try {
-            const { alAanwezig } = await zorgVoorPdfPrinter();
-            toast.success(alAanwezig
-                ? "'Opslaan als PDF' stond al tussen uw printers"
-                : "'Opslaan als PDF' toegevoegd");
-            onKlaar?.();
-            onOpenChange(false);
-        }
-        catch {
-            toast.error("Toevoegen mislukt");
+        catch (err) {
+            toast.error(leesbareFout(err));
         }
         finally {
             setBezig(false);
@@ -251,7 +237,7 @@ export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter
                                 : "Kies uw printer, geef hem een herkenbare naam en druk een testpagina af." })] }), !bewerken && _jsx(Stappenbalk, { stap: stap }), stap === 0 && (_jsxs("div", { className: "space-y-4", children: [lijst.length > 6 && (_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-2.5 left-3 h-4 w-4" }), _jsx(Input, { className: "pl-9", value: zoekterm, placeholder: "Zoek op printer of computer", onChange: (e) => setZoekterm(e.target.value) })] })), zoekt && (_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Printers zoeken\u2026"] })), !zoekt && fout && _jsx("p", { className: "text-destructive text-sm", children: fout }), !zoekt && zichtbaar.length > 0 && (_jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: zichtbaar.map((p) => {
                                 const al = bekendeExterneIds.includes(p.id);
                                 return (_jsx("button", { type: "button", disabled: al, onClick: () => kiesPrinter(p), className: `rounded-xl border p-4 text-left transition ${al ? "opacity-60" : "hover:border-primary/50 hover:bg-accent/40"}`, children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Printer, { className: "text-muted-foreground mt-0.5 h-5 w-5 shrink-0" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-sm font-medium", children: p.naam }), _jsx("p", { className: "text-muted-foreground truncate text-xs", children: p.computer }), _jsxs("span", { className: "mt-2 flex items-center gap-1.5 text-xs", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${p.online ? "bg-primary" : "bg-muted-foreground/40"}` }), al ? "Al toegevoegd" : p.online ? "Beschikbaar" : "Niet aan"] })] })] }) }, p.id));
-                            }) })), !zoekt && zichtbaar.length === 0 && _jsx(PrintProgrammaUitleg, {}), !zoekt && (_jsxs("button", { type: "button", disabled: bezig, onClick: () => void pdfPrinterToevoegen(), className: "hover:border-primary/50 hover:bg-accent/40 flex w-full items-center gap-3 rounded-xl border border-dashed p-4 text-left transition", children: [bezig ? (_jsx(Loader2, { className: "text-muted-foreground h-5 w-5 shrink-0 animate-spin" })) : (_jsx(FileDown, { className: "text-muted-foreground h-5 w-5 shrink-0" })), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "Opslaan als PDF" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Geen fysieke printer nodig: het document verschijnt als downloadbare PDF in de printwachtrij. Handig om layouts en routering te testen." })] })] })), !zoekt && zichtbaar.length > 0 && (_jsxs("div", { className: "space-y-3", children: [_jsx("button", { type: "button", className: "text-muted-foreground hover:text-foreground text-sm underline", onClick: () => setUitlegOpen((v) => !v), children: "Ik zie mijn printer niet" }), uitlegOpen && _jsx(PrintProgrammaUitleg, { compact: true })] })), _jsx("div", { className: "flex justify-between", children: _jsxs(Button, { variant: "ghost", onClick: () => void zoeken(), disabled: zoekt, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] }) })] })), stap === 1 && (_jsxs("div", { className: "grid gap-5 sm:grid-cols-[1fr_200px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Weergavenaam" }), _jsx(Input, { value: naam, placeholder: "Bijvoorbeeld: pakbonprinter voorin", onChange: (e) => setNaam(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving (optioneel)" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Waar staat deze printer? Bijvoorbeeld: magazijn achter." }), _jsx(Input, { value: locatie, placeholder: "Bijvoorbeeld: magazijn achter", onChange: (e) => setLocatie(e.target.value) }), bekendeLocaties.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 pt-1", children: bekendeLocaties.slice(0, 6).map((l) => (_jsx("button", { type: "button", onClick: () => setLocatie(l), className: "hover:bg-accent rounded-full border px-3 py-1 text-xs", children: l }, l))) }))] }), formaatOpties.length > 0 ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Standaardformaat van deze printer" }), _jsxs("p", { className: "text-muted-foreground text-xs", children: ["Deze printer kan: ", formaatOpties.map((o) => o.label.split(" (")[0]).join(", "), "."] }), formaatOpties.length === 1 ? (_jsx("p", { className: "text-sm", children: formaatOpties[0].label })) : (_jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: formaatOpties.map((o) => (_jsxs("button", { type: "button", onClick: () => setFormaatCode(o.code), className: `hover:bg-accent rounded-lg border p-3 text-left transition ${formaatCode === o.code ? "border-primary bg-accent" : ""}`, children: [o.breedte <= 120 && o.hoogte <= 220 ? (_jsx(Tag, { className: "text-muted-foreground mb-1 h-4 w-4" })) : (_jsx(FileText, { className: "text-muted-foreground mb-1 h-4 w-4" })), _jsx("p", { className: "text-sm font-medium", children: o.label.split(" (")[0] }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [o.breedte, " \u00D7 ", o.hoogte, " mm"] })] }, o.code))) }))] })) : (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Wat gaat deze printer afdrukken?" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "De formaten van deze printer konden niet worden opgehaald." }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: [
+                            }) })), !zoekt && zichtbaar.length === 0 && _jsx(PrintProgrammaUitleg, {}), !zoekt && zichtbaar.length > 0 && (_jsxs("div", { className: "space-y-3", children: [_jsx("button", { type: "button", className: "text-muted-foreground hover:text-foreground text-sm underline", onClick: () => setUitlegOpen((v) => !v), children: "Ik zie mijn printer niet" }), uitlegOpen && _jsx(PrintProgrammaUitleg, { compact: true })] })), _jsx("div", { className: "flex justify-between", children: _jsxs(Button, { variant: "ghost", onClick: () => void zoeken(), disabled: zoekt, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] }) })] })), stap === 1 && (_jsxs("div", { className: "grid gap-5 sm:grid-cols-[1fr_200px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Weergavenaam" }), _jsx(Input, { value: naam, placeholder: "Bijvoorbeeld: pakbonprinter voorin", onChange: (e) => setNaam(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving (optioneel)" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Waar staat deze printer? Bijvoorbeeld: magazijn achter." }), _jsx(Input, { value: locatie, placeholder: "Bijvoorbeeld: magazijn achter", onChange: (e) => setLocatie(e.target.value) }), bekendeLocaties.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 pt-1", children: bekendeLocaties.slice(0, 6).map((l) => (_jsx("button", { type: "button", onClick: () => setLocatie(l), className: "hover:bg-accent rounded-full border px-3 py-1 text-xs", children: l }, l))) }))] }), formaatOpties.length > 0 ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Standaardformaat van deze printer" }), _jsxs("p", { className: "text-muted-foreground text-xs", children: ["Deze printer kan: ", formaatOpties.map((o) => o.label.split(" (")[0]).join(", "), "."] }), formaatOpties.length === 1 ? (_jsx("p", { className: "text-sm", children: formaatOpties[0].label })) : (_jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: formaatOpties.map((o) => (_jsxs("button", { type: "button", onClick: () => setFormaatCode(o.code), className: `hover:bg-accent rounded-lg border p-3 text-left transition ${formaatCode === o.code ? "border-primary bg-accent" : ""}`, children: [o.breedte <= 120 && o.hoogte <= 220 ? (_jsx(Tag, { className: "text-muted-foreground mb-1 h-4 w-4" })) : (_jsx(FileText, { className: "text-muted-foreground mb-1 h-4 w-4" })), _jsx("p", { className: "text-sm font-medium", children: o.label.split(" (")[0] }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [o.breedte, " \u00D7 ", o.hoogte, " mm"] })] }, o.code))) }))] })) : (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Wat gaat deze printer afdrukken?" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "De formaten van deze printer konden niet worden opgehaald." }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: [
                                                 { code: "papier", label: "Papier (A4)", sub: "Gewone documenten", Icon: FileText },
                                                 { code: "etiket", label: "Etiketten", sub: "Stickers en labels", Icon: Tag },
                                             ].map((o) => (_jsxs("button", { type: "button", onClick: () => setGebruik(o.code), className: `hover:bg-accent rounded-lg border p-4 text-left transition ${gebruik === o.code ? "border-primary bg-accent" : ""}`, children: [_jsx(o.Icon, { className: "text-muted-foreground mb-2 h-5 w-5" }), _jsx("p", { className: "text-sm font-medium", children: o.label }), _jsx("p", { className: "text-muted-foreground text-xs", children: o.sub })] }, o.code))) })] })), _jsxs("div", { className: "flex justify-between", children: [!bewerken ? (_jsx(Button, { variant: "ghost", onClick: () => setStap(0), children: "Terug" })) : (_jsx("span", {})), _jsx(Button, { disabled: bezig, onClick: () => void opslaan(), children: bewerken ? "Opslaan" : "Opslaan en verder" })] })] }), _jsxs("div", { className: "hidden sm:block", children: [_jsx("p", { className: "text-muted-foreground mb-2 text-xs", children: "Zo komt hij in de lijst:" }), _jsxs("div", { className: "bg-card rounded-xl border p-3", children: [_jsx(Printer, { className: "text-muted-foreground mb-2 h-4 w-4" }), _jsx("p", { className: "truncate text-sm font-medium", children: naam || "Naam van de printer" }), _jsx("p", { className: "text-muted-foreground truncate text-xs", children: locatie || gekozen?.computer || "Geen omschrijving" })] })] })] })), stap === 2 && (_jsxs("div", { className: "space-y-4 text-center", children: [_jsx(CheckCircle2, { className: "text-primary mx-auto h-10 w-10" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: "De printer is klaar voor gebruik" }), _jsxs("p", { className: "text-muted-foreground text-sm", children: [naam, " ", locatie ? `bij ${locatie}` : "", " drukt voortaan automatisch af."] })] }), testStatus !== "leeg" && (_jsxs("p", { className: "text-muted-foreground text-sm", children: [testStatus === "bezig" && "Onderweg naar de printer…", testStatus === "gelukt" && (testMelding || "De testpagina is afgedrukt."), testStatus === "fout" &&

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrinterVervangenDialog.d.ts","sourceRoot":"","sources":["../../src/components/PrinterVervangenDialog.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC7C,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,+BA2EA"}

package/dist-lib/components/PrinterVervangenDialog.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrinterVervangenDialog.tsx — laat zien waar een printer
+// gebruikt wordt en zet in één keer alle verwijzingen over naar een andere
+// printer, of expliciet op "geen printer".
+// ============================================================================
+import { useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { printerGebruik, vervangPrinterOveral } from "../lib/printplekken.js";
+export function PrinterVervangenDialog({ open, onOpenChange, printer, printers, onKlaar, }) {
+    const [gebruik, setGebruik] = useState(null);
+    const [nieuw, setNieuw] = useState("");
+    const [bezig, setBezig] = useState(false);
+    useEffect(() => {
+        if (!open || !printer)
+            return;
+        setNieuw("");
+        setGebruik(null);
+        printerGebruik(printer.id).then(setGebruik).catch(() => setGebruik(null));
+    }, [open, printer]);
+    const totaal = gebruik
+        ? gebruik.printplek_regels + gebruik.werkplek_regels + gebruik.layout_koppelingen + gebruik.standaardregels
+        : 0;
+    const opties = (Array.isArray(printers) ? printers : []).filter((p) => p.id !== printer?.id);
+    const uitvoeren = async () => {
+        if (!printer)
+            return;
+        setBezig(true);
+        try {
+            const r = await vervangPrinterOveral(printer.id, nieuw || null);
+            const n = Object.values(r).reduce((a, b) => a + Number(b || 0), 0);
+            toast.success(nieuw ? `${n} regels overgezet` : `${n} regels op "geen printer" gezet`);
+            onOpenChange(false);
+            onKlaar?.();
+        }
+        catch (e) {
+            toast.error(e instanceof Error ? e.message : "Vervangen mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Printer overal vervangen" }), _jsxs(DialogDescription, { children: [printer?.naam, " wordt gebruikt in ", gebruik ? totaal : "…", " regel", totaal === 1 ? "" : "s", "."] })] }), gebruik ? (_jsxs("ul", { className: "text-sm space-y-1", children: [_jsxs("li", { children: ["Printplekregels: ", gebruik.printplek_regels] }), _jsxs("li", { children: ["Werkplek-uitzonderingen: ", gebruik.werkplek_regels] }), _jsxs("li", { children: ["Layout-koppelingen: ", gebruik.layout_koppelingen] }), _jsxs("li", { children: ["Bedrijfsstandaard: ", gebruik.standaardregels] }), _jsxs("li", { children: ["Gekoppeld aan printplekken: ", gebruik.printplekken] })] })) : null, _jsx("label", { className: "text-sm font-medium", children: "Vervangen door" }), _jsxs("select", { className: "border-input bg-background w-full rounded-md border px-3 py-2 text-sm", value: nieuw, onChange: (e) => setNieuw(e.target.value), children: [_jsx("option", { value: "", children: "Geen printer (regels worden zichtbaar leeg)" }), opties.map((p) => (_jsx("option", { value: p.id, children: p.naam }, p.id)))] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { onClick: () => void uitvoeren(), disabled: bezig || !printer, children: nieuw ? "Overal vervangen" : "Overal leegmaken" })] })] }) }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"PrintersPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintersPage.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,YAAY,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAyM3E"}
+{"version":3,"file":"PrintersPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintersPage.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,YAAY,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAsM3E"}

package/dist-lib/components/PrintersPage.js

@@ -17,7 +17,7 @@ import { PrintStatusBanner } from "./PrintStatusBanner.js";
 import { telPrintersPerComputer } from "../lib/printerTelling.js";
 import { WerkplekkenTabel } from "./WerkplekkenTabel.js";
 export function PrintersPage({ ingebed = false } = {}) {
-    const { printers, koppelingen, reload } = usePrinters();
+    const { printers, reload } = usePrinters();
     const { layouts } = useLayouts();
     const navigate = useNavigate();
     const { computers, loading: computersLaden, fout: computersFout, reload: herlaadComputers, } = useComputers();
@@ -29,7 +29,7 @@ export function PrintersPage({ ingebed = false } = {}) {
     const bijgewerkt = useAutoRefresh(async () => {
         await Promise.all([reload(true), herlaadComputers(true), zoek()]);
     }, 10000, computerToevoegen);
-    const gekoppeldePrinters = useMemo(() => new Set(koppelingen.map((k) => k.printer_id)), [koppelingen]);
+    const gekoppeldePrinters = useMemo(() => new Set(), []);
     const printersPerComputer = useMemo(() => telPrintersPerComputer(printers, gevonden, gekoppeldePrinters), [printers, gevonden, gekoppeldePrinters]);
     const alleRijen = computers.map((c) => {
         const info = printersPerComputer.get(c.naam);

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

@@ -1 +1 @@
-{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AAiDA,wBAAgB,mBAAmB,gCA0YlC"}
+{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,mBAAmB,gCAmmBlC"}

package/dist-lib/components/PrintplekDetailPage.js

@@ -1,78 +1,136 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // ============================================================================
-// src/components/PrintplekDetailPage.tsx — één printplek instellen: welke
-// computers erbij horen, welke printers beschikbaar zijn en welk document naar
-// welke printer gaat.
+// src/components/PrintplekDetailPage.tsx — de centrale plek voor één printplek:
+// computers, printers (per computer) en welk document naar welke printer gaat.
+// Alles is hier direct bewerkbaar; de wizard is alleen voor een nieuwe plek.
 // ============================================================================
 import { useEffect, useMemo, useState } from "react";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, toast, } from "@flowselections/core";
-import { Link, useParams } from "@tanstack/react-router";
-import { AlertTriangle, ArrowLeft, Check, Link2, Monitor, Plus, Printer, Trash2, Wand2, X, } from "lucide-react";
-import { bewerkPrintplek, ontkoppelBron, usePrintplekken, verwijderPrintplek, } from "../lib/printplekken.js";
+import { Link, useNavigate, useParams } from "@tanstack/react-router";
+import { PrintplekVerwijderenDialog } from "./PrintplekVerwijderenDialog.js";
+import { AlertTriangle, ArrowLeft, Check, Link2, Monitor, Plus, Printer, Trash2, X, } from "lucide-react";
+import { bewerkPrintplek, koppelComputerAanPrintplek, koppelPrinterLosVanPrintplek, ontkoppelBron, usePrintplekken, verplaatsPrinterNaarPrintplek, wijsPrinterToeAanPrintplek, zetPrintplekPrinter, } from "../lib/printplekken.js";
+import { PrinterVervangenDialog } from "./PrinterVervangenDialog.js";
+import { ComputerVerwijderenDialog } from "./ComputerVerwijderenDialog.js";
 import { usePrinters } from "../lib/useDocumentData.js";
 import { useNetwerkPrinters } from "../lib/useNetwerkPrinters.js";
 import { useComputers } from "./ComputersLijst.js";
 import { DOCUMENT_TYPES, documentTypeLabel } from "../lib/documentTypes.js";
-import { pdfMapNaam } from "../lib/pdfMap.js";
 import { drukTestpaginaAf } from "../lib/testpagina.js";
-import { PrintplekWizard } from "./PrintplekWizard.js";
 import { TestprintDialog } from "./TestprintDialog.js";
-import { PdfMapAutoSaver } from "./PdfMapAutoSaver.js";
-import { PdfMapToestemmingBanner } from "./PdfMapToestemmingBanner.js";
+import { leesbareFout } from "../lib/foutTekst.js";
+import { useRouteringOverzicht } from "../lib/printRoutering.js";
+const BRON_LABEL = {
+    printplek: "Printplek-eigen",
+    werkplek: "Werkplek-uitzondering",
+    layout: "Standaardprinter (layout)",
+    standaard: "Bedrijfsstandaard",
+    geen: "Geen regel",
+};
+const selectKlasse = "border-input bg-background rounded-md border px-2 py-1 text-sm";
 export function PrintplekDetailPage() {
     const params = useParams({ strict: false });
     const plekId = params.printplekId ?? "";
-    const { plekken, computers: plekComputers, regels, koppelingen, reload } = usePrintplekken();
-    const { computers } = useComputers();
+    const navigate = useNavigate();
+    const [verwijderOpen, setVerwijderOpen] = useState(false);
+    const { plekken, computers: plekComputers, regels, koppelingen, toegewezen, reload } = usePrintplekken();
+    const { computers, reload: herlaadComputers } = useComputers();
     const { printers } = usePrinters();
     const { gevonden } = useNetwerkPrinters();
     const [naamBewerken, setNaamBewerken] = useState(false);
     const [naam, setNaam] = useState("");
     const [alleDocumenten, setAlleDocumenten] = useState(false);
-    const [wizardOpen, setWizardOpen] = useState(false);
     const [testprintOpen, setTestprintOpen] = useState(false);
+    const [vervangen, setVervangen] = useState(null);
+    const [toevoegen, setToevoegen] = useState("");
+    const [computerToevoegen, setComputerToevoegen] = useState("");
+    const [teVerwijderen, setTeVerwijderen] = useState(null);
     const plek = plekken.find((p) => p.id === plekId) ?? null;
     const eigenComputers = plekComputers.filter((c) => c.print_plek_id === plekId);
-    const eigenNamen = new Set(eigenComputers.map((c) => c.computer_naam));
-    // Printers van deze plek: alles wat op één van de gekoppelde computers staat.
-    const externOpComputer = useMemo(() => {
-        const map = new Map();
-        for (const g of gevonden)
-            if (g.computer)
-                map.set(g.id, g.computer);
-        return map;
+    const vrijeComputers = computers.filter((c) => !plekComputers.some((pc) => pc.computer_naam === c.naam));
+    const andereplekken = plekken.filter((p) => p.id !== plekId);
+    // De live scan bepaalt alleen online-status en op welke computer een printer hangt.
+    const computerVanExtern = useMemo(() => {
+        const m = new Map();
+        for (const g of Array.isArray(gevonden) ? gevonden : [])
+            if (g.id)
+                m.set(String(g.id), g.computer);
+        return m;
     }, [gevonden]);
-    const eigenPrinters = printers.filter((p) => {
-        const extern = p.extern_printer_id;
-        const computer = extern ? externOpComputer.get(extern) : undefined;
-        return computer ? eigenNamen.has(computer) : false;
+    const externVan = (p) => p.extern_printer_id ?? null;
+    const isOnline = (p) => {
+        const e = externVan(p);
+        return e ? computerVanExtern.has(String(e)) : false;
+    };
+    const computerVan = (p) => {
+        const e = externVan(p);
+        return e ? computerVanExtern.get(String(e)) ?? null : null;
+    };
+    const toegewezenIds = new Set((Array.isArray(toegewezen) ? toegewezen : [])
+        .filter((t) => t.print_plek_id === plekId)
+        .map((t) => t.printer_id));
+    const eigenPrinters = printers.filter((p) => toegewezenIds.has(p.id));
+    const nietToegewezen = printers.filter((p) => !toegewezenIds.has(p.id));
+    const eigenNamen = new Set(eigenComputers.map((c) => c.computer_naam));
+    const printersPerComputer = eigenComputers.map((c) => ({
+        naam: c.computer_naam,
+        printers: eigenPrinters.filter((p) => computerVan(p) === c.computer_naam),
+    }));
+    const nietGevonden = eigenPrinters.filter((p) => {
+        const c = computerVan(p);
+        return !c || !eigenNamen.has(c);
     });
-    const [pdfMap, setPdfMap] = useState(null);
+    const pcNamen = eigenComputers.map((c) => c.computer_naam).sort();
+    const { uitkomsten, laden: routeringLaden, reload: reloadRoutering } = useRouteringOverzicht(plekId, DOCUMENT_TYPES.map((d) => d.value), pcNamen);
+    const uitkomstVoor = (t, pc) => uitkomsten[`${t}::${pc ?? ""}`] ?? null;
+    const routeringZichtbaar = DOCUMENT_TYPES.filter((d) => alleDocumenten ||
+        (pcNamen.length ? pcNamen : [null]).some((pc) => {
+            const u = uitkomstVoor(d.value, pc);
+            return !!u && (u.bron !== "geen" || u.overgeslagen.length > 0);
+        }));
     useEffect(() => {
-        let actief = true;
-        const pdfPrinter = printers.find((printer) => printer.afdrukmethode === "pdf");
-        if (!pdfPrinter) {
-            setPdfMap(null);
-            return () => {
-                actief = false;
-            };
+        void reloadRoutering();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [regels, toegewezen]);
+    const printerNaam = (id) => printers.find((p) => p.id === id)?.naam ?? null;
+    const printerOnline = (id) => {
+        const p = printers.find((x) => x.id === id);
+        return p ? isOnline(p) : false;
+    };
+    const computerId = (n) => computers.find((k) => k.naam === n)?.id ?? null;
+    const eigenRegel = (t) => regels.find((r) => r.print_plek_id === plekId && r.documenttype === t) ?? null;
+    const vernieuw = async () => {
+        await reload(true);
+        await reloadRoutering();
+    };
+    const zetRegel = async (documenttype, waarde) => {
+        try {
+            await zetPrintplekPrinter(plekId, documenttype, waarde === "standaard" ? null : waarde);
+            await vernieuw();
+            toast.success("Printer opgeslagen");
         }
-        void pdfMapNaam(pdfPrinter.id).then((naam) => {
-            if (actief)
-                setPdfMap(naam);
-        });
-        return () => {
-            actief = false;
-        };
-    }, [printers]);
-    const regelVoor = (documenttype) => regels.find((r) => r.print_plek_id === plekId && r.documenttype === documenttype) ?? null;
-    const inGebruik = DOCUMENT_TYPES.filter((d) => regelVoor(d.value));
-    const overige = DOCUMENT_TYPES.filter((d) => !regelVoor(d.value));
-    const zichtbaar = alleDocumenten ? DOCUMENT_TYPES : inGebruik;
+        catch (err) {
+            toast.error(leesbareFout(err));
+        }
+    };
+    function BronLink({ u }) {
+        const pcId = computerId(u.werkplek);
+        if (u.bron === "werkplek" && pcId)
+            return (_jsx(Link, { to: "/layouts-printers/printplekken/computers/$computerId", params: { computerId: pcId }, className: "text-primary text-xs underline", children: "Werkplek-uitzondering" }));
+        if (u.bron === "standaard")
+            return (_jsx(Link, { to: "/layouts-printers/printplekken", className: "text-primary text-xs underline", children: "Standaard bewerken" }));
+        return null;
+    }
+    function RouteringCellen({ u }) {
+        if (!u)
+            return _jsx("td", { colSpan: 3 });
+        const n = printerNaam(u.printer_id);
+        const status = !u.printer_id ? "geen" : n ? (printerOnline(u.printer_id) ? "online" : "offline") : "ontbreekt";
+        return (_jsxs(_Fragment, { children: [_jsx("td", { className: "py-2 pr-3 text-xs text-muted-foreground", children: u.papierformaat ?? "—" }), _jsxs("td", { className: "py-2 pr-3", children: [_jsxs(Badge, { variant: u.bron === "geen" ? "destructive" : "secondary", "data-bron": u.bron, children: [BRON_LABEL[u.bron], u.bron === "werkplek" && u.werkplek ? ` (${u.werkplek})` : ""] }), u.overgeslagen.map((o) => (_jsxs("div", { className: "text-destructive mt-1 flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " ", BRON_LABEL[o.bron], " overgeslagen: printer", " ", o.reden === "ontbreekt" ? "ontbreekt" : o.reden === "inactief" ? "inactief" : "niet (meer) aan deze plek gekoppeld"] }, o.regel_id)))] }), _jsxs("td", { className: "py-2 pr-3", children: [u.printer_id ? (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${status === "online" ? "bg-emerald-500" : status === "offline" ? "bg-muted-foreground" : "bg-destructive"}` }), n ?? "Onbekende printer", _jsx("span", { className: "text-muted-foreground text-xs", children: status })] })) : (_jsx("span", { className: "text-destructive text-xs", children: "geen printer \u2014 opdrachten blijven wachten" })), _jsx("div", { children: _jsx(BronLink, { u: u }) })] })] }));
+    }
     const bronnen = koppelingen.filter((k) => k.print_plek_id === plekId);
     const bestaandePlekIds = new Set(plekken.map((p) => p.id));
     const weeskoppelingen = koppelingen.filter((k) => !bestaandePlekIds.has(k.print_plek_id));
-    const onvolledig = eigenComputers.length === 0 || !regels.some((r) => r.print_plek_id === plekId && r.printer_id);
     const ontkoppel = async (bron, bronId) => {
         try {
             await ontkoppelBron(bron, bronId);
@@ -83,39 +141,86 @@ export function PrintplekDetailPage() {
             toast.error("Ontkoppelen mislukt");
         }
     };
+    const loskoppelen = async (p) => {
+        const n = regels.filter((r) => r.print_plek_id === plekId && r.printer_id === p.id).length;
+        if (n > 0 && !window.confirm(`${n} regel(s) wijzen naar ${p.naam}. Die worden leeg en gemarkeerd. Doorgaan?`))
+            return;
+        try {
+            await koppelPrinterLosVanPrintplek(plekId, p.id);
+            await vernieuw();
+            toast.success("Printer verwijderd van deze plek");
+        }
+        catch {
+            toast.error("Verwijderen mislukt");
+        }
+    };
+    const verplaats = async (p, naarPlek) => {
+        try {
+            await verplaatsPrinterNaarPrintplek(p.id, plekId, naarPlek);
+            await vernieuw();
+            toast.success(`${p.naam} verplaatst`);
+        }
+        catch {
+            toast.error("Verplaatsen mislukt");
+        }
+    };
     if (!plek) {
         return (_jsxs("main", { className: "space-y-4 p-6", children: [_jsx(Button, { variant: "ghost", asChild: true, children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Terug"] }) }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Deze printplek bestaat niet (meer)." })] }));
     }
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsx(PdfMapAutoSaver, {}), _jsx(PdfMapToestemmingBanner, { printplekId: plekId }), _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Button, { variant: "ghost", size: "sm", asChild: true, className: "-ml-2", children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Alle printplekken"] }) }), naamBewerken ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: naam, onChange: (e) => setNaam(e.target.value), className: "w-64" }), _jsx(Button, { size: "icon", onClick: async () => {
+    const PrinterRij = ({ p }) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border p-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${isOnline(p) ? "bg-emerald-500" : "bg-muted-foreground"}` }), _jsx("span", { className: "font-medium", children: p.naam }), p.papierformaat ? _jsx(Badge, { variant: "secondary", children: p.papierformaat }) : null, !isOnline(p) ? _jsx("span", { className: "text-muted-foreground text-xs", children: "offline" }) : null] }), _jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: async () => {
+                            try {
+                                await drukTestpaginaAf(p.id, p.naam);
+                                toast.success("Testpagina verstuurd");
+                            }
+                            catch {
+                                toast.error("Testpagina versturen is niet gelukt.");
+                            }
+                        }, children: "Testpagina" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setVervangen({ id: p.id, naam: p.naam }), children: "Vervangen" }), andereplekken.length > 0 ? (_jsxs("select", { className: selectKlasse, value: "", "aria-label": `${p.naam} verplaatsen`, onChange: (e) => e.target.value && void verplaats(p, e.target.value), children: [_jsx("option", { value: "", children: "Verplaatsen\u2026" }), andereplekken.map((o) => (_jsxs("option", { value: o.id, children: ["naar ", o.naam] }, o.id)))] })) : null, _jsx(Button, { size: "sm", variant: "ghost", className: "text-destructive", onClick: () => void loskoppelen(p), children: "Verwijderen" })] })] }));
+    const teVerwijderenPrinters = teVerwijderen
+        ? eigenPrinters.filter((p) => computerVan(p) === teVerwijderen).map((p) => ({ id: p.id, naam: p.naam }))
+        : [];
+    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Button, { variant: "ghost", size: "sm", asChild: true, className: "-ml-2", children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Alle printplekken"] }) }), naamBewerken ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: naam, onChange: (e) => setNaam(e.target.value), className: "w-64" }), _jsx(Button, { size: "icon", onClick: async () => {
                                             await bewerkPrintplek(plek.id, { naam: naam.trim() });
                                             setNaamBewerken(false);
                                             await reload(true);
                                         }, children: _jsx(Check, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => setNaamBewerken(false), children: _jsx(X, { className: "h-4 w-4" }) })] })) : (_jsx("h1", { className: "cursor-pointer text-xl font-semibold", onClick: () => {
                                     setNaam(plek.naam);
                                     setNaamBewerken(true);
-                                }, children: plek.naam })), _jsx("p", { className: "text-muted-foreground text-sm", children: plek.omschrijving ?? "Stel hier in wat er op deze plek wordt afgedrukt." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setTestprintOpen(true), children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), " Testprint controleren"] }), _jsxs(Button, { variant: "outline", onClick: () => setWizardOpen(true), children: [_jsx(Wand2, { className: "mr-2 h-4 w-4" }), onvolledig ? "Afmaken met de wizard" : "Instellen met de wizard"] }), _jsxs(Button, { variant: "ghost", className: "text-destructive", onClick: async () => {
-                                    await verwijderPrintplek(plek.id);
-                                    toast.success("Printplek verwijderd");
-                                    await reload();
-                                }, children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Verwijderen"] })] })] }), _jsx(PrintplekWizard, { open: wizardOpen, onOpenChange: setWizardOpen, printplekId: plekId, onKlaar: () => void reload() }), _jsx(TestprintDialog, { open: testprintOpen, onOpenChange: setTestprintOpen, printplekId: plekId, printplekNaam: plek.naam }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Monitor, { className: "h-4 w-4" }), " Computers op deze plek"] }), _jsx(CardDescription, { children: "Computers voeg je toe of haal je weg met de wizard." })] }), _jsx(CardContent, { className: "space-y-3", children: eigenComputers.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog geen computers gekoppeld." })) : (_jsx("div", { className: "flex flex-wrap gap-2", children: eigenComputers.map((c) => {
-                                const aan = computers.find((k) => k.naam === c.computer_naam)?.online ?? false;
-                                return (_jsxs("span", { className: "flex items-center gap-2 rounded-full border px-3 py-1 text-sm", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${aan ? "bg-emerald-500" : "bg-muted-foreground"}` }), c.computer_naam] }, c.id));
-                            }) })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Printer, { className: "h-4 w-4" }), " Printers op deze plek"] }), _jsx(CardDescription, { children: "Test een printer om te zien of hij goed staat." })] }), _jsx(CardContent, { children: eigenPrinters.length === 0 ? (_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(AlertTriangle, { className: "text-destructive h-4 w-4" }), "Nog geen ingestelde printers. Voeg ze toe bij", " ", _jsx(Link, { className: "text-primary underline", to: "/layouts-printers/printplekken", children: "Printplekken" }), "."] })) : (_jsx("div", { className: "space-y-2", children: eigenPrinters.map((p) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border p-2", children: [_jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: p.naam }), p.papierformaat ? (_jsx(Badge, { variant: "secondary", className: "ml-2", children: p.papierformaat })) : null] }), _jsx(Button, { size: "sm", variant: "ghost", onClick: async () => {
+                                }, children: plek.naam })), _jsx("p", { className: "text-muted-foreground text-sm", children: plek.omschrijving ?? "Hier stel je alles in wat er op deze plek wordt afgedrukt." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setTestprintOpen(true), children: [_jsx(Printer, { className: "mr-2 h-4 w-4" }), " Testprint controleren"] }), _jsxs(Button, { variant: "ghost", className: "text-destructive", onClick: () => setVerwijderOpen(true), children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Verwijderen"] })] })] }), _jsx(PrintplekVerwijderenDialog, { plek: verwijderOpen ? { id: plek.id, naam: plek.naam } : null, onOpenChange: setVerwijderOpen, onKlaar: () => void navigate({ to: "/layouts-printers/printplekken" }) }), _jsx(TestprintDialog, { open: testprintOpen, onOpenChange: setTestprintOpen, printplekId: plekId, printplekNaam: plek.naam }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Monitor, { className: "h-4 w-4" }), " Computers op deze plek"] }), _jsx(CardDescription, { children: "Het bolletje laat zien of de computer nu aan staat." })] }), vrijeComputers.length > 0 ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("select", { className: selectKlasse, value: computerToevoegen, onChange: (e) => setComputerToevoegen(e.target.value), "aria-label": "Computer kiezen", children: [_jsx("option", { value: "", children: "Computer kiezen\u2026" }), vrijeComputers.map((c) => (_jsx("option", { value: c.naam, children: c.naam }, c.id)))] }), _jsxs(Button, { size: "sm", disabled: !computerToevoegen, onClick: async () => {
+                                            try {
+                                                await koppelComputerAanPrintplek(plekId, computerToevoegen);
+                                                setComputerToevoegen("");
+                                                await vernieuw();
+                                            }
+                                            catch {
+                                                toast.error("Toevoegen mislukt");
+                                            }
+                                        }, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Computer toevoegen"] })] })) : null] }), _jsx(CardContent, { className: "space-y-2", children: eigenComputers.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog geen computers gekoppeld." })) : (eigenComputers.map((c) => {
+                            const aan = computers.find((k) => k.naam === c.computer_naam)?.online ?? false;
+                            return (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${aan ? "bg-emerald-500" : "bg-muted-foreground"}` }), _jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: c.computer_naam }), _jsx("span", { className: "text-muted-foreground text-xs", children: aan ? "Aan" : "Uit" }), _jsxs(Button, { size: "sm", variant: "ghost", className: "text-destructive", onClick: () => setTeVerwijderen(c.computer_naam), children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Verwijderen"] })] }, c.id));
+                        })) })] }), _jsx(ComputerVerwijderenDialog, { open: !!teVerwijderen, onOpenChange: (v) => !v && setTeVerwijderen(null), computerNaam: teVerwijderen, printplekId: plekId, printers: teVerwijderenPrinters, andereplekken: andereplekken, onKlaar: () => {
+                    void herlaadComputers(true);
+                    void vernieuw();
+                } }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Printer, { className: "h-4 w-4" }), " Printers op deze plek"] }), _jsx(CardDescription, { children: "Gegroepeerd per computer waaraan de printer volgens de live scan hangt." })] }), _jsxs(CardContent, { className: "space-y-4", children: [eigenPrinters.length === 0 ? (_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(AlertTriangle, { className: "text-destructive h-4 w-4" }), "Nog geen printers gekoppeld aan deze plek."] })) : null, printersPerComputer.map((g) => g.printers.length ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs font-medium", children: [_jsx(Monitor, { className: "h-3.5 w-3.5" }), " ", g.naam] }), g.printers.map((p) => _jsx(PrinterRij, { p: p }, p.id))] }, g.naam)) : null), nietGevonden.length > 0 ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs font-medium", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Niet gevonden op een computer van deze plek"] }), nietGevonden.map((p) => _jsx(PrinterRij, { p: p }, p.id))] })) : null, nietToegewezen.length > 0 ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("select", { className: selectKlasse, value: toevoegen, onChange: (e) => setToevoegen(e.target.value), children: [_jsx("option", { value: "", children: "Printer toevoegen\u2026" }), nietToegewezen.map((p) => (_jsx("option", { value: p.id, children: p.naam }, p.id)))] }), _jsxs(Button, { size: "sm", disabled: !toevoegen, onClick: async () => {
                                             try {
-                                                await drukTestpaginaAf(p.id, p.naam);
-                                                toast.success("Testpagina verstuurd");
+                                                await wijsPrinterToeAanPrintplek(plekId, toevoegen);
+                                                setToevoegen("");
+                                                await vernieuw();
                                             }
                                             catch {
-                                                toast.error("Testpagina versturen is niet gelukt.");
+                                                toast.error("Toevoegen mislukt");
                                             }
-                                        }, children: "Testpagina" })] }, p.id))) })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: "Welk document gaat naar welke printer?" }), _jsx(CardDescription, { children: "Alleen wat hier is ingesteld wordt op deze plek afgedrukt. Wijzigen doe je met de wizard." })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setAlleDocumenten((v) => !v), children: alleDocumenten ? "Alleen ingestelde" : (_jsxs(_Fragment, { children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Meer documenten"] })) })] }), _jsxs(CardContent, { className: "space-y-2", children: [zichtbaar.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog niets ingesteld. Gebruik de wizard bovenaan deze pagina." })) : null, zichtbaar.map((d) => {
-                                const regel = regelVoor(d.value);
-                                // Let op: de virtuele PDF-printer hangt niet aan een computer, dus
-                                // eerst binnen deze plek zoeken en anders in álle printers.
-                                const printer = eigenPrinters.find((p) => p.id === regel?.printer_id) ??
-                                    printers.find((p) => p.id === regel?.printer_id) ??
-                                    null;
-                                const isPdf = printer?.afdrukmethode === "pdf";
-                                return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border p-2", children: [_jsx("div", { className: "text-sm font-medium", children: documentTypeLabel(d.value) }), printer ? (_jsxs("span", { className: "text-muted-foreground text-sm", children: [printer.naam, isPdf ? (_jsxs("span", { className: "ml-2 inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-900", children: [_jsx(AlertTriangle, { className: "h-3 w-3" }), "Wordt niet geprint, maar opgeslagen als PDF", pdfMap ? ` in “${pdfMap}”` : ""] })) : null] })) : (_jsxs("span", { className: "text-destructive flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Geen printer"] }))] }, d.value));
-                            }), !alleDocumenten && overige.length > 0 ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: [overige.length, " documentsoort", overige.length === 1 ? "" : "en", " nog niet ingesteld."] })) : null] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Link2, { className: "h-4 w-4" }), " Gekoppeld aan"] }), _jsx(CardDescription, { children: "Andere modules (bijvoorbeeld pickstations) kunnen zich aan deze printplek koppelen." })] }), _jsxs(CardContent, { className: "space-y-4", children: [bronnen.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog niets gekoppeld. Kies deze printplek in de andere module (bijvoorbeeld bij een pickstation); de koppeling verschijnt hier vanzelf." })) : (_jsx("div", { className: "space-y-2", children: bronnen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx(Badge, { variant: "secondary", children: b.bron }), _jsxs("span", { className: "min-w-0 flex-1 truncate", children: [b.label ?? b.bron_id, _jsx("span", { className: "text-muted-foreground ml-2 text-xs", children: b.bron_id })] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), " Ontkoppelen"] })] }, b.id))) })), weeskoppelingen.length > 0 ? (_jsxs("div", { className: "space-y-2 rounded-lg border border-dashed p-3", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Koppelingen zonder bestaande printplek:"] }), weeskoppelingen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 text-sm", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: b.label ?? `${b.bron} ${b.bron_id}` }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Opruimen"] })] }, b.id)))] })) : null] })] })] }));
+                                        }, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Toevoegen"] })] })) : null, _jsx(PrinterVervangenDialog, { open: !!vervangen, onOpenChange: (v) => !v && setVervangen(null), printer: vervangen, printers: printers, onKlaar: () => void vernieuw() })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: "Welk document gaat naar welke printer?" }), _jsx(CardDescription, { children: "Berekend met dezelfde routering als het echte printen. Kies een printer om voor deze plek een eigen regel te maken, of \"Standaard gebruiken\"." })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setAlleDocumenten((v) => !v), children: alleDocumenten ? "Alleen met printer" : (_jsxs(_Fragment, { children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Alle documenten"] })) })] }), _jsxs(CardContent, { children: [routeringLaden ? _jsx("p", { className: "text-muted-foreground text-sm", children: "Routering berekenen\u2026" }) : null, !routeringLaden && routeringZichtbaar.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Voor geen enkel document is een printer gevonden. Klik op \"Alle documenten\" om er een in te stellen." })) : null, routeringZichtbaar.length > 0 ? (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-muted-foreground border-b text-left text-xs", children: [_jsx("th", { className: "py-2 pr-3", children: "Document" }), _jsx("th", { className: "py-2 pr-3", children: "Formaat" }), _jsx("th", { className: "py-2 pr-3", children: "Winnende regel" }), _jsx("th", { className: "py-2 pr-3", children: "Printer" }), _jsx("th", { className: "py-2", children: "Printer op deze plek" })] }) }), _jsx("tbody", { children: routeringZichtbaar.flatMap((d) => {
+                                                const rijen = pcNamen.length ? pcNamen : [null];
+                                                const hoofd = uitkomstVoor(d.value, rijen[0]);
+                                                const afwijkend = rijen
+                                                    .slice(1)
+                                                    .map((pc) => ({ pc, u: uitkomstVoor(d.value, pc) }))
+                                                    .filter((x) => x.u && (x.u.bron !== hoofd?.bron || x.u.printer_id !== hoofd?.printer_id));
+                                                const regel = eigenRegel(d.value);
+                                                return [
+                                                    _jsxs("tr", { className: "border-b align-top", children: [_jsxs("td", { className: "py-2 pr-3 font-medium", children: [documentTypeLabel(d.value), pcNamen.length > 1 ? (_jsxs("div", { className: "text-muted-foreground text-xs font-normal", children: ["op ", rijen[0]] })) : null] }), _jsx(RouteringCellen, { u: hoofd }), _jsx("td", { className: "py-2", children: _jsxs("select", { className: selectKlasse, "aria-label": `Printer voor ${documentTypeLabel(d.value)}`, value: regel?.printer_id ?? "standaard", onChange: (e) => void zetRegel(d.value, e.target.value), children: [_jsx("option", { value: "standaard", children: "Standaard gebruiken" }), eigenPrinters.filter((p) => p.actief).map((p) => (_jsx("option", { value: p.id, children: p.naam }, p.id)))] }) })] }, d.value),
+                                                    ...afwijkend.map((x) => (_jsxs("tr", { className: "border-b align-top", children: [_jsxs("td", { className: "text-muted-foreground py-2 pr-3 pl-4 text-xs", children: ["op ", x.pc] }), _jsx(RouteringCellen, { u: x.u }), _jsx("td", {})] }, `${d.value}-${x.pc}`))),
+                                                ];
+                                            }) })] }) })) : null] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Link2, { className: "h-4 w-4" }), " Gekoppeld aan"] }), _jsx(CardDescription, { children: "Andere modules (bijvoorbeeld pickstations) kunnen zich aan deze printplek koppelen." })] }), _jsxs(CardContent, { className: "space-y-4", children: [bronnen.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog niets gekoppeld. Kies deze printplek in de andere module (bijvoorbeeld bij een pickstation); de koppeling verschijnt hier vanzelf." })) : (_jsx("div", { className: "space-y-2", children: bronnen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx(Badge, { variant: "secondary", children: b.bron }), _jsxs("span", { className: "min-w-0 flex-1 truncate", children: [b.label ?? b.bron_id, _jsx("span", { className: "text-muted-foreground ml-2 text-xs", children: b.bron_id })] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), " Ontkoppelen"] })] }, b.id))) })), weeskoppelingen.length > 0 ? (_jsxs("div", { className: "space-y-2 rounded-lg border border-dashed p-3", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Koppelingen zonder bestaande printplek:"] }), weeskoppelingen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 text-sm", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: b.label ?? `${b.bron} ${b.bron_id}` }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Opruimen"] })] }, b.id)))] })) : null] })] })] }));
 }

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

@@ -0,0 +1,9 @@
+export declare function PrintplekVerwijderenDialog({ plek, onOpenChange, onKlaar, }: {
+    plek: {
+        id: string;
+        naam: string;
+    } | null;
+    onOpenChange: (v: boolean) => void;
+    onKlaar: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PrintplekVerwijderenDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrintplekVerwijderenDialog.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekVerwijderenDialog.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAmEA"}

package/dist-lib/components/PrintplekVerwijderenDialog.js

@@ -0,0 +1,34 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// Bevestiging vóór het verwijderen van een hele printplek, met wat er verdwijnt.
+import { useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { printplekVerwijderImpact, verwijderPrintplek, } from "../lib/printplekken.js";
+export function PrintplekVerwijderenDialog({ plek, onOpenChange, onKlaar, }) {
+    const [impact, setImpact] = useState(null);
+    const [bezig, setBezig] = useState(false);
+    useEffect(() => {
+        setImpact(null);
+        if (plek)
+            void printplekVerwijderImpact(plek.id).then(setImpact).catch(() => setImpact(null));
+    }, [plek]);
+    const bevestig = async () => {
+        if (!plek)
+            return;
+        setBezig(true);
+        try {
+            await verwijderPrintplek(plek.id);
+            toast.success(`Printplek ${plek.naam} verwijderd`);
+            onOpenChange(false);
+            onKlaar();
+        }
+        catch {
+            toast.error("Verwijderen mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    const pcs = impact?.computers ?? [];
+    const kop = impact?.koppelingen ?? [];
+    return (_jsx(Dialog, { open: plek !== null, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Printplek ", plek?.naam, " verwijderen?"] }), _jsx(DialogDescription, { children: "Dit kan niet ongedaan worden gemaakt." })] }), !impact ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Laden\u2026" })) : (_jsxs("ul", { className: "list-disc space-y-1 pl-5 text-sm", children: [_jsxs("li", { children: [pcs.length, " computer", pcs.length === 1 ? "" : "s", " losgekoppeld", pcs.length ? ` (${pcs.join(", ")})` : "", " \u2014 ze komen terug onder \"Computers zonder printplek\"."] }), _jsxs("li", { children: [impact.regels, " documentregel", impact.regels === 1 ? "" : "s", " van deze plek verwijderd \u2014 die documenten gebruiken voortaan de bedrijfsbrede standaard."] }), _jsxs("li", { children: [impact.printers, " printer", impact.printers === 1 ? "" : "s", " ontkoppeld (de printers zelf blijven bestaan)."] }), kop.length > 0 && (_jsxs("li", { className: "text-destructive", children: ["Gekoppeld aan ", kop.join(", "), ": die schermen weten daarna niet meer naar welke plek ze printen."] }))] })), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { variant: "destructive", disabled: !impact || bezig, onClick: () => void bevestig(), children: "Definitief verwijderen" })] })] }) }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"PrintplekWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekWizard.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,+BA0jBA"}
+{"version":3,"file":"PrintplekWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekWizard.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,+BAiaA"}