@flowselections/logistiek-engine 1.0.1

package/README.md

@@ -0,0 +1,24 @@
+# logistiek Engine
+
+blank project start
+
+This project was built with [Lovable](https://lovable.dev).
+
+## Build with Lovable
+
+Continue developing this project in the [Lovable editor](https://lovable.dev/projects/316ec9c5-0f01-408a-b7ec-3d4dccf9b65d).
+
+- **Ship faster**: describe what you want to build and Lovable handles the code.
+- **Stay in sync**: every change made in Lovable is committed straight to this repository.
+- **Full ownership**: this code is yours. Push to `main` on GitHub and your changes sync back into Lovable, ready for your next prompt.
+
+## Development
+
+Prefer working locally? You need Node.js and npm — [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating).
+
+```sh
+git clone <this-repository-url>
+cd <repository-name>
+npm i
+npm run dev
+```

package/dist-lib/_core-safelist.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_core-safelist.d.ts.map

package/dist-lib/_core-safelist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_core-safelist.d.ts","sourceRoot":"","sources":["../src/_core-safelist.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,CAAC"}

package/dist-lib/_core-safelist.js

@@ -0,0 +1,15 @@
+// Forceert Tailwind classes die uit @flowselections/core komen maar niet
+// voorkomen in de eigen broncode van deze module.
+// Zonder dit bestand worden deze classes weggeoptimaliseerd op de
+// Lovable productie build.
+const _safelist = [
+    // Layout — Sidebar en shell structuur
+    'h-full', 'flex-col', 'flex-1', 'min-h-screen', 'ml-64', 'pt-16',
+    'items-start', 'items-center', 'justify-between', 'border-t',
+    'w-64', 'h-screen', 'h-20', 'overflow-y-auto',
+    // Grid — InstellingenPage
+    'grid', 'lg:grid-cols-2', 'gap-6', 'p-6', 'space-y-6',
+    // Toggle/Switch — aan/uit zichtbaarheid
+    'data-[state=checked]:bg-primary', 'data-[state=unchecked]:bg-input',
+];
+export {};

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

@@ -0,0 +1,2 @@
+export declare function BeladingIndelingCard(): import("react").JSX.Element;
+//# sourceMappingURL=BeladingIndelingCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BeladingIndelingCard.d.ts","sourceRoot":"","sources":["../../src/components/BeladingIndelingCard.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,oBAAoB,gCA+InC"}

package/dist-lib/components/BeladingIndelingCard.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/BeladingIndelingCard.tsx — voorbeeld van de beladingindeling
+// ============================================================================
+// Zoek een order op ordernummer en laat zien welke ladingdragers de Engine
+// zou vormen, inclusief vulgraad, lagen en de partijen per drager.
+// ============================================================================
+import { useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, supabase, toast, } from "@flowselections/core";
+import { useServerFn } from "@tanstack/react-start";
+import { Boxes, Search } from "lucide-react";
+import { previewLoadCarrierPlan, replanOrderLoadCarriers } from "../lib/loadCarrierPlanning.functions";
+import { carrierLabel } from "../lib/loadCarrierTypes";
+const db = () => supabase;
+export function BeladingIndelingCard() {
+    const preview = useServerFn(previewLoadCarrierPlan);
+    const replan = useServerFn(replanOrderLoadCarriers);
+    const [orderNummer, setOrderNummer] = useState("");
+    const [bezig, setBezig] = useState(false);
+    const [carts, setCarts] = useState([]);
+    const [warnings, setWarnings] = useState([]);
+    const [orderId, setOrderId] = useState(null);
+    const zoekOrderId = async () => {
+        const nummer = orderNummer.trim();
+        if (!nummer)
+            return null;
+        const { data } = await db()
+            .from("orders")
+            .select("id")
+            .eq("order_number", nummer)
+            .is("deleted_at", null)
+            .maybeSingle();
+        return data?.id ?? null;
+    };
+    const bereken = async () => {
+        setBezig(true);
+        try {
+            const id = await zoekOrderId();
+            if (!id) {
+                toast.error("Order niet gevonden");
+                return;
+            }
+            setOrderId(id);
+            const result = await preview({ data: { orderId: id } });
+            const list = Array.isArray(result?.carts) ? result.carts : [];
+            setCarts(list);
+            setWarnings(Array.isArray(result?.warnings) ? result.warnings : []);
+            if (result?.skipped === "locked")
+                toast.info("Deze buffer is vergrendeld en wordt niet herplaatst.");
+            else
+                toast.success(`${list.length} ladingdragers berekend`);
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Berekenen mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    const vastleggen = async () => {
+        if (!orderId)
+            return;
+        setBezig(true);
+        try {
+            const result = await replan({ data: { orderId } });
+            toast.success(`${result?.cartsCreated ?? 0} ladingdragers opgeslagen`);
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Opslaan mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    const safeCarts = Array.isArray(carts) ? carts : [];
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Boxes, { className: "h-5 w-5 text-primary" }), "Beladingindeling"] }), _jsx(CardDescription, { children: "De Engine deelt de orderregels van de hele buffer in over ladingdragers. Bekijk eerst het resultaat en leg het daarna vast." }), _jsxs("div", { className: "flex flex-wrap items-end gap-2 pt-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "indeling-order", children: "Ordernummer" }), _jsx(Input, { id: "indeling-order", value: orderNummer, onChange: (e) => setOrderNummer(e.target.value), placeholder: "SO-12345", className: "w-56" })] }), _jsxs(Button, { onClick: () => void bereken(), disabled: bezig || !orderNummer.trim(), children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), "Berekenen"] }), _jsx(Button, { variant: "outline", onClick: () => void vastleggen(), disabled: bezig || !orderId, children: "Vastleggen" })] })] }), _jsxs(CardContent, { className: "space-y-4", children: [warnings.length > 0 && (_jsx("ul", { className: "space-y-1 rounded-lg border border-dashed p-3 text-sm text-muted-foreground", children: warnings.map((w, i) => (_jsx("li", { children: w }, i))) })), safeCarts.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen indeling berekend." })) : (safeCarts.map((cart) => (_jsxs("div", { className: "space-y-2 rounded-lg border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("span", { className: "font-medium", children: ["Ladingdrager ", cart.cart_number] }), _jsx(Badge, { variant: "secondary", children: carrierLabel(cart.carrier_type) }), _jsxs(Badge, { variant: cart.is_complete ? "default" : "outline", children: [cart.occupancy_pct, "% vol"] }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [cart.total_layers_used, " van ", cart.max_layers, " lagen", cart.weight_kg ? ` · ${cart.weight_kg} kg` : ""] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Partij" }), _jsx(TableHead, { className: "text-right", children: "Fusten" }), _jsx(TableHead, { className: "text-right", children: "Planten" }), _jsx(TableHead, { className: "text-right", children: "Aandeel" })] }) }), _jsx(TableBody, { children: (Array.isArray(cart.items) ? cart.items : []).map((item, idx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: item.product_name }), _jsx(TableCell, { className: "text-right", children: item.crates }), _jsx(TableCell, { className: "text-right", children: item.plants }), _jsxs(TableCell, { className: "text-right", children: [Math.round(item.layer_share_pct * 10) / 10, "%"] })] }, `${item.order_item_id}-${idx}`))) })] })] }, cart.cart_number))))] })] }));
+}

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

@@ -0,0 +1,19 @@
+import type { BulkIndelingTotaal, LogistiekTaak } from "../hooks/useLogistiekTaken";
+interface Props {
+    taken: LogistiekTaak[];
+    strategyId?: string | null;
+    simuleerBuffers: (orders: Array<Record<string, unknown>>, strategyId?: string | null) => Promise<{
+        orders: Array<Record<string, any>>;
+        groups: Array<Record<string, any>>;
+    } | null>;
+    herindelenBuffers: (strategyId?: string | null) => Promise<unknown>;
+    herindelenOrders: (dagen?: number) => Promise<{
+        checked?: number;
+        updated?: number;
+        durationMs?: number;
+    } | null>;
+    deelAllesIn?: (strategyId?: string | null, onVoortgang?: (tekst: string) => void) => Promise<BulkIndelingTotaal | null>;
+}
+export declare function BufferDebugCard({ taken, strategyId, simuleerBuffers, herindelenBuffers, herindelenOrders, deelAllesIn, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=BufferDebugCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BufferDebugCard.d.ts","sourceRoot":"","sources":["../../src/components/BufferDebugCard.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGpF,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,CACf,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACtC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,KACvB,OAAO,CAAC;QAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;QAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAChG,iBAAiB,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpE,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAClH,WAAW,CAAC,EAAE,CACZ,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,EAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,KAClC,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;CACzC;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,GACZ,EAAE,KAAK,+BAsMP"}

package/dist-lib/components/BufferDebugCard.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/BufferDebugCard.tsx — waarom is een order wel/niet gecombineerd
+// ============================================================================
+// Toont per openstaande order het bufferbesluit van de Engine, groepeert op
+// bufferRef en legt regel voor regel uit welke criteria zijn gecontroleerd.
+// ============================================================================
+import { useMemo, useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@flowselections/core";
+import { Boxes, Layers, RefreshCw, Wand2, Zap } from "lucide-react";
+import { bufferCriterionLabel, bufferReasonLabel } from "../lib/bufferMatching";
+export function BufferDebugCard({ taken, strategyId, simuleerBuffers, herindelenBuffers, herindelenOrders, deelAllesIn, }) {
+    const [voortgang, setVoortgang] = useState(null);
+    const [indelingTotaal, setIndelingTotaal] = useState(null);
+    const [resultaat, setResultaat] = useState(null);
+    const [bezig, setBezig] = useState(false);
+    const [orderResultaat, setOrderResultaat] = useState(null);
+    // Eén representatieve payload per order, als invoer voor de simulatie.
+    const orders = useMemo(() => {
+        const veilig = Array.isArray(taken) ? taken : [];
+        const perOrder = new Map();
+        for (const taak of veilig) {
+            if (perOrder.has(taak.order_ref))
+                continue;
+            const payload = (taak.payload ?? {});
+            perOrder.set(taak.order_ref, { ...payload, orderRef: taak.order_ref });
+        }
+        return Array.from(perOrder.values());
+    }, [taken]);
+    const simuleer = async () => {
+        setBezig(true);
+        const data = await simuleerBuffers(orders, strategyId ?? null);
+        setResultaat(data);
+        setBezig(false);
+    };
+    const herindelen = async () => {
+        setBezig(true);
+        await herindelenBuffers(strategyId ?? null);
+        const data = await simuleerBuffers(orders, strategyId ?? null);
+        setResultaat(data);
+        setBezig(false);
+    };
+    const ordersHerindelen = async () => {
+        setBezig(true);
+        const res = await herindelenOrders(30);
+        setOrderResultaat(res);
+        setBezig(false);
+    };
+    const allesIndelen = async () => {
+        if (!deelAllesIn)
+            return;
+        setBezig(true);
+        setVoortgang("Bezig met indelen…");
+        const res = await deelAllesIn(strategyId ?? null, (tekst) => setVoortgang(tekst));
+        setIndelingTotaal(res);
+        setVoortgang(null);
+        setBezig(false);
+    };
+    const groepen = Array.isArray(resultaat?.groups) ? resultaat.groups : [];
+    const regels = Array.isArray(resultaat?.orders) ? resultaat.orders : [];
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Layers, { className: "h-4 w-4" }), " Buffersimulatie"] }), _jsx(CardDescription, { children: "Controleer per order welke combineerregels zijn gecontroleerd en waarom een order wel of niet in dezelfde orderbuffer terechtkomt." })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void simuleer(), disabled: bezig || orders.length === 0, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Simuleren"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void herindelen(), disabled: bezig || orders.length === 0, children: [_jsx(Wand2, { className: "mr-2 h-4 w-4" }), " Taken opnieuw indelen"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void ordersHerindelen(), disabled: bezig, children: [_jsx(Zap, { className: "mr-2 h-4 w-4" }), " Orders nu opnieuw indelen"] }), deelAllesIn && (_jsxs(Button, { size: "sm", onClick: () => void allesIndelen(), disabled: bezig, children: [_jsx(Boxes, { className: "mr-2 h-4 w-4" }), " Alle orders indelen"] }))] })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [voortgang && _jsx("p", { className: "text-sm font-medium", children: voortgang }), indelingTotaal && (_jsxs("div", { className: "rounded-lg border border-border p-3 text-sm", children: [_jsx("p", { className: "font-medium", children: "Laatste indeling" }), _jsxs("p", { className: "text-muted-foreground", children: [indelingTotaal.beladingen, " beladingen voor ", indelingTotaal.buffers, " buffers en", " ", indelingTotaal.orders, " losse orders \u00B7 ", indelingTotaal.takenBijgewerkt, " taken bijgewerkt", indelingTotaal.takenAangemaakt > 0
+                                        ? ` · ${indelingTotaal.takenAangemaakt} nieuwe takenketens`
+                                        : "", indelingTotaal.overgeslagen > 0
+                                        ? ` · ${indelingTotaal.overgeslagen} vergrendeld overgeslagen`
+                                        : "", indelingTotaal.mislukt > 0 ? ` · ${indelingTotaal.mislukt} mislukt` : ""] }), indelingTotaal.fouten.length > 0 && (_jsx("ul", { className: "text-destructive mt-1 list-disc pl-4 text-xs", children: indelingTotaal.fouten.map((f, i) => (_jsx("li", { children: f }, i))) }))] })), orderResultaat && (_jsxs("p", { className: "text-muted-foreground text-sm", children: ["Laatste herberekening: ", Number(orderResultaat.updated ?? 0), " van", " ", Number(orderResultaat.checked ?? 0), " orders verplaatst in", " ", Number(orderResultaat.durationMs ?? 0), " ms."] })), orders.length === 0 && (_jsx("p", { className: "text-muted-foreground text-sm", children: "Er zijn geen openstaande orders om te simuleren." })), resultaat === null && orders.length > 0 && (_jsxs("p", { className: "text-muted-foreground text-sm", children: ["Klik op \u201CSimuleren\u201D om ", orders.length, " openstaande order(s) door de combineerregels te halen."] })), groepen.length > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium", children: "Gevonden buffers" }), _jsx("ul", { className: "space-y-2", children: groepen.map((g) => (_jsxs("li", { className: "rounded-lg border border-border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Badge, { variant: Number(g.count) > 1 ? "default" : "outline", children: [Number(g.count), " order", Number(g.count) === 1 ? "" : "s"] }), _jsx("span", { className: "text-sm", children: (Array.isArray(g.orderRefs) ? g.orderRefs : []).join(", ") })] }), _jsx("p", { className: "text-muted-foreground mt-1 font-mono text-xs break-all", children: String(g.bufferKey ?? "") })] }, String(g.bufferRef)))) })] })), regels.length > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium", children: "Uitleg per order" }), _jsx("ul", { className: "space-y-2", children: regels.map((r) => {
+                                    const trace = Array.isArray(r.trace) ? r.trace : [];
+                                    return (_jsxs("li", { className: "rounded-lg border border-border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: String(r.orderRef) }), _jsx(Badge, { variant: r.buffer ? "secondary" : "outline", children: bufferReasonLabel(r.reason) })] }), _jsx("ul", { className: "mt-2 space-y-1", children: trace.map((t, i) => (_jsxs("li", { className: "text-muted-foreground text-xs", children: [_jsx("span", { className: t.result ? "text-foreground" : "text-destructive", children: bufferCriterionLabel(String(t.rule)) }), t.value ? _jsxs("span", { children: [" = ", String(t.value)] }) : null, t.message ? _jsxs("span", { children: [" \u2014 ", String(t.message)] }) : null] }, i))) })] }, String(r.orderRef)));
+                                }) })] }))] })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function CapaciteitMeldingenCard(): import("react").JSX.Element;
+//# sourceMappingURL=CapaciteitMeldingenCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CapaciteitMeldingenCard.d.ts","sourceRoot":"","sources":["../../src/components/CapaciteitMeldingenCard.tsx"],"names":[],"mappings":"AAwCA,wBAAgB,uBAAuB,gCA+DtC"}

package/dist-lib/components/CapaciteitMeldingenCard.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/CapaciteitMeldingenCard.tsx — waarschuwing bij te weinig capaciteit
+// ============================================================================
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Skeleton, } from "@flowselections/core";
+import { AlertTriangle, CheckCircle2, RefreshCw } from "lucide-react";
+import { useCapaciteitMeldingen } from "../hooks/useCapaciteitMeldingen";
+function datum(value) {
+    if (!value)
+        return "onbekend";
+    try {
+        return new Date(value).toLocaleDateString("nl-NL", { weekday: "long", day: "numeric", month: "long" });
+    }
+    catch {
+        return value;
+    }
+}
+/** Rekent het tekort in minuten om naar het aantal extra medewerkers dat nodig is. */
+function personenTekort(shortageMinutes, availableMinutes, staff) {
+    const tekort = Number(shortageMinutes ?? 0);
+    const beschikbaar = Number(availableMinutes ?? 0);
+    if (!Number.isFinite(tekort) || tekort <= 0)
+        return 0;
+    const perPersoon = staff > 0 && beschikbaar > 0 ? beschikbaar / staff : 0;
+    if (perPersoon <= 0)
+        return 0;
+    return Math.ceil(tekort / perPersoon);
+}
+export function CapaciteitMeldingenCard() {
+    const { meldingen, staff, loading, reload, controleer } = useCapaciteitMeldingen();
+    const safe = Array.isArray(meldingen) ? meldingen : [];
+    return (_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", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-amber-500" }), "Capaciteitswaarschuwingen"] }), _jsx(CardDescription, { children: "Per pickdag vergelijkt de Engine het werk met het aantal medewerkers dat je hebt ingepland." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => void controleer(), children: "Nu berekenen" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void reload(), children: [_jsx(RefreshCw, { className: "mr-1 h-4 w-4" }), "Vernieuwen"] })] })] }), _jsx(CardContent, { className: "space-y-3", children: loading ? (_jsx(Skeleton, { className: "h-20 w-full" })) : safe.length === 0 ? (_jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-emerald-500" }), "Alle geplande dagen passen binnen de beschikbare capaciteit."] })) : (safe.map((m) => {
+                    const extra = personenTekort(m.shortage_minutes, m.available_minutes, staff);
+                    return (_jsxs("div", { className: "rounded-lg border border-amber-500/40 bg-amber-500/5 p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsx("div", { className: "font-medium", children: datum(m.plan_date) }), _jsx(Badge, { variant: "destructive", children: extra > 0
+                                            ? `${extra} ${extra === 1 ? "persoon" : "personen"} tekort`
+                                            : "Te weinig capaciteit" })] }), _jsxs("p", { className: "mt-1 text-sm text-muted-foreground", children: [m.carts_total ?? 0, " karren op deze dag.", " ", staff > 0
+                                        ? `Met ${staff} ${staff === 1 ? "medewerker" : "medewerkers"} red je het niet: je hebt er ${extra > 0 ? extra : 1} extra nodig (samen ${staff + (extra > 0 ? extra : 1)}).`
+                                        : "Vul in stap 3 het gemiddeld aantal medewerkers in om het tekort in personen te tonen.", " ", "Circa ", m.carts_short ?? 0, " karren passen niet op deze dag."] })] }, m.id));
+                })) })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function LadingdragersPage(): import("react").JSX.Element;
+//# sourceMappingURL=LadingdragersPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LadingdragersPage.d.ts","sourceRoot":"","sources":["../../src/components/LadingdragersPage.tsx"],"names":[],"mappings":"AA+HA,wBAAgB,iBAAiB,gCAwUhC"}

package/dist-lib/components/LadingdragersPage.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/LadingdragersPage.tsx — beheer van ladingdragertypen
+// ============================================================================
+// Per ladingdrager leg je vast hoe groot hij is. De Rule Engine bepaalt welke
+// types een strategie mág gebruiken; hier staat hoeveel er in past.
+// GEEN <Header /> hier — die levert de shell.
+// ============================================================================
+import { useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Skeleton, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
+import { Container, Pencil, Plus, RefreshCw, Trash2 } from "lucide-react";
+import { Link } from "@tanstack/react-router";
+import { useLadingdragers } from "../hooks/useLadingdragers";
+import { CAPACITY_MODEL_LABELS } from "../lib/loadCarrierTypes";
+const LEEG = {
+    code: "",
+    name: "",
+    capacity_model: "layered",
+    layers_per_carrier: 5,
+    layer_length_cm: 135,
+    layer_width_cm: 56,
+    max_crates_per_layer: "",
+    max_boxes: "",
+    max_weight_kg: "",
+    max_height_cm: "",
+    max_orders: "",
+    max_customers: "",
+    allow_mixing: true,
+    is_active: true,
+    is_default: false,
+    sort_order: 100,
+};
+function toForm(row) {
+    const t = (v) => (v === null || v === undefined ? "" : String(v));
+    return {
+        code: row.code,
+        name: row.name,
+        capacity_model: row.capacity_model,
+        layers_per_carrier: row.layers_per_carrier,
+        layer_length_cm: row.layer_length_cm,
+        layer_width_cm: row.layer_width_cm,
+        max_crates_per_layer: t(row.max_crates_per_layer),
+        max_boxes: t(row.max_boxes),
+        max_weight_kg: t(row.max_weight_kg),
+        max_height_cm: t(row.max_height_cm),
+        max_orders: t(row.max_orders),
+        max_customers: t(row.max_customers),
+        allow_mixing: row.allow_mixing !== false,
+        is_active: row.is_active,
+        is_default: row.is_default,
+        sort_order: row.sort_order,
+    };
+}
+function toPayload(form) {
+    const n = (v) => (v.trim() === "" ? null : Number(v));
+    return {
+        code: form.code.trim(),
+        name: form.name.trim(),
+        capacity_model: form.capacity_model,
+        layers_per_carrier: Math.max(1, Number(form.layers_per_carrier) || 1),
+        layer_length_cm: Math.max(0, Number(form.layer_length_cm) || 0),
+        layer_width_cm: Math.max(0, Number(form.layer_width_cm) || 0),
+        max_crates_per_layer: n(form.max_crates_per_layer),
+        max_boxes: n(form.max_boxes),
+        max_weight_kg: n(form.max_weight_kg),
+        max_height_cm: n(form.max_height_cm),
+        max_orders: n(form.max_orders),
+        max_customers: n(form.max_customers),
+        allow_mixing: form.allow_mixing,
+        is_active: form.is_active,
+        is_default: form.is_default,
+        sort_order: Number(form.sort_order) || 0,
+    };
+}
+export function LadingdragersPage() {
+    const { items, loading, saving, reload, create, update, remove } = useLadingdragers();
+    const [open, setOpen] = useState(false);
+    const [bewerkId, setBewerkId] = useState(null);
+    const [form, setForm] = useState(LEEG);
+    const safeItems = Array.isArray(items) ? items : [];
+    const openNieuw = () => {
+        setBewerkId(null);
+        setForm(LEEG);
+        setOpen(true);
+    };
+    const openBewerk = (row) => {
+        setBewerkId(row.id);
+        setForm(toForm(row));
+        setOpen(true);
+    };
+    const opslaan = async () => {
+        const payload = toPayload(form);
+        if (!payload.code || !payload.name)
+            return;
+        const ok = bewerkId ? await update(bewerkId, payload) : await create(payload);
+        if (ok)
+            setOpen(false);
+    };
+    const set = (key, value) => setForm((prev) => ({ ...prev, [key]: value }));
+    const toonLagen = form.capacity_model === "layered" || form.capacity_model === "stacked";
+    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs("h1", { className: "flex items-center gap-2 text-2xl font-semibold tracking-tight", children: [_jsx(Container, { className: "h-6 w-6 text-primary" }), "Ladingdragers"] }), _jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: "Hier staat hoe groot elke ladingdrager is. De Beladingindeling gebruikt deze maten om te bepalen hoeveel fusten er per laag en per drager passen. In de Rule Engine bepaal je per strategie welke ladingdragers gebruikt mogen worden." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: reload, disabled: loading, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Vernieuwen"] }), _jsxs(Button, { size: "sm", onClick: openNieuw, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Ladingdrager"] }), _jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsx(Link, { to: "/logistiek-engine", children: "Terug" }) })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Capaciteit per ladingdrager" }), _jsx(CardDescription, { children: "Lagen bepalen de hoogte: een product met vier lagen per drager neemt per laag 25% van de hoogte in." })] }), _jsx(CardContent, { children: loading ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-10 w-full" }), _jsx(Skeleton, { className: "h-10 w-full" }), _jsx(Skeleton, { className: "h-10 w-full" })] })) : safeItems.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen ladingdragers ingesteld." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Ladingdrager" }), _jsx(TableHead, { children: "Model" }), _jsx(TableHead, { className: "text-right", children: "Lagen" }), _jsx(TableHead, { className: "text-right", children: "Laagmaat" }), _jsx(TableHead, { className: "text-right", children: "Max dozen" }), _jsx(TableHead, { className: "text-right", children: "Max kg" }), _jsx(TableHead, { children: "Mengen" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: safeItems.map((row) => (_jsxs(TableRow, { className: row.is_active ? "" : "opacity-50", children: [_jsxs(TableCell, { children: [_jsx("div", { className: "font-medium", children: row.name }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: row.code }), row.is_default ? _jsx(Badge, { variant: "secondary", children: "Standaard" }) : null, !row.is_active ? _jsx(Badge, { variant: "outline", children: "Uit" }) : null] })] }), _jsx(TableCell, { className: "text-sm", children: CAPACITY_MODEL_LABELS[row.capacity_model] }), _jsx(TableCell, { className: "text-right", children: row.layers_per_carrier }), _jsxs(TableCell, { className: "text-right text-sm text-muted-foreground", children: [row.layer_length_cm, " \u00D7 ", row.layer_width_cm, " cm"] }), _jsx(TableCell, { className: "text-right", children: row.max_boxes ?? "—" }), _jsx(TableCell, { className: "text-right", children: row.max_weight_kg ?? "—" }), _jsx(TableCell, { children: _jsx(Badge, { variant: row.allow_mixing === false ? "outline" : "secondary", children: row.allow_mixing === false ? "Nooit mengen" : "Mengen mag" }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => openBewerk(row), children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => remove(row.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }) })] }, row.id))) })] })) })] }), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: bewerkId ? "Ladingdrager bewerken" : "Nieuwe ladingdrager" }), _jsx(DialogDescription, { children: "Deze maten bepalen hoeveel er per laag en per drager past." })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "code", children: "Code" }), _jsx(Input, { id: "code", value: form.code, onChange: (e) => set("code", e.target.value), placeholder: "pallet", disabled: Boolean(bewerkId) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "name", children: "Naam" }), _jsx(Input, { id: "name", value: form.name, onChange: (e) => set("name", e.target.value) })] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Capaciteitsmodel" }), _jsxs(Select, { value: form.capacity_model, onValueChange: (v) => set("capacity_model", v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Object.entries(CAPACITY_MODEL_LABELS).map(([value, label]) => (_jsx(SelectItem, { value: value, children: label }, value))) })] })] }), toonLagen ? (_jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "lagen", children: "Lagen" }), _jsx(Input, { id: "lagen", type: "number", min: 1, value: form.layers_per_carrier, onChange: (e) => set("layers_per_carrier", Number(e.target.value)) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "lengte", children: "Lengte (cm)" }), _jsx(Input, { id: "lengte", type: "number", min: 0, value: form.layer_length_cm, onChange: (e) => set("layer_length_cm", Number(e.target.value)) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "breedte", children: "Breedte (cm)" }), _jsx(Input, { id: "breedte", type: "number", min: 0, value: form.layer_width_cm, onChange: (e) => set("layer_width_cm", Number(e.target.value)) })] })] })) : null, _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "maxfust", children: "Max fusten per laag" }), _jsx(Input, { id: "maxfust", type: "number", min: 1, value: form.max_crates_per_layer, onChange: (e) => set("max_crates_per_layer", e.target.value), placeholder: "Geen grens" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "maxdozen", children: "Max dozen / fusten totaal" }), _jsx(Input, { id: "maxdozen", type: "number", min: 1, value: form.max_boxes, onChange: (e) => set("max_boxes", e.target.value), placeholder: "Geen grens" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "maxkg", children: "Max gewicht (kg)" }), _jsx(Input, { id: "maxkg", type: "number", min: 0, value: form.max_weight_kg, onChange: (e) => set("max_weight_kg", e.target.value), placeholder: "Geen grens" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "maxhoogte", children: "Max hoogte (cm)" }), _jsx(Input, { id: "maxhoogte", type: "number", min: 0, value: form.max_height_cm, onChange: (e) => set("max_height_cm", e.target.value), placeholder: "Geen grens" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "maxorders", children: "Max orders" }), _jsx(Input, { id: "maxorders", type: "number", min: 1, value: form.max_orders, onChange: (e) => set("max_orders", e.target.value), placeholder: "Geen grens" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "maxklanten", children: "Max klanten" }), _jsx(Input, { id: "maxklanten", type: "number", min: 1, value: form.max_customers, onChange: (e) => set("max_customers", e.target.value), placeholder: "Geen grens" })] })] }), _jsxs("div", { className: "space-y-3 rounded-lg border p-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "mengen", children: "Mengen van partijen toestaan" }), _jsx(Switch, { id: "mengen", checked: form.allow_mixing, onCheckedChange: (v) => set("allow_mixing", v) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "actief", children: "Actief" }), _jsx(Switch, { id: "actief", checked: form.is_active, onCheckedChange: (v) => set("is_active", v) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "standaard", children: "Standaard ladingdrager" }), _jsx(Switch, { id: "standaard", checked: form.is_default, onCheckedChange: (v) => set("is_default", v) })] }), _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(Label, { htmlFor: "volgorde", children: "Volgorde" }), _jsx(Input, { id: "volgorde", type: "number", className: "w-24", value: form.sort_order, onChange: (e) => set("sort_order", Number(e.target.value)) })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setOpen(false), children: "Annuleren" }), _jsx(Button, { onClick: opslaan, disabled: saving || !form.code || !form.name, children: "Opslaan" })] })] }) })] }));
+}

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

@@ -0,0 +1,6 @@
+interface LogistiekEngineLogoProps {
+    className?: string;
+}
+export declare function LogistiekEngineLogo({ className }: LogistiekEngineLogoProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=LogistiekEngineLogo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogistiekEngineLogo.d.ts","sourceRoot":"","sources":["../../src/components/LogistiekEngineLogo.tsx"],"names":[],"mappings":"AAEA,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAoB1E"}

package/dist-lib/components/LogistiekEngineLogo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function LogistiekEngineLogo({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, "aria-hidden": "true", children: [_jsx("rect", { width: "40", height: "40", rx: "8", fill: "currentColor", opacity: "0.1" }), _jsx("path", { d: "M8 25h4a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h2v-6l-4-5h-4v-3H8v14Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }), _jsx("circle", { cx: "15", cy: "25", r: "2.5", fill: "currentColor" }), _jsx("circle", { cx: "27", cy: "25", r: "2.5", fill: "currentColor" })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function LogistiekEnginePage(): import("react").JSX.Element;
+//# sourceMappingURL=LogistiekEnginePage.d.ts.map

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

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

package/dist-lib/components/LogistiekEnginePage.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/LogistiekEnginePage.tsx
+// ============================================================================
+// Hoofdpagina van de Logistiek Engine module.
+// GEEN <Header /> hier — die levert de shell via staticData.title.
+// ============================================================================
+import { useState } from "react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Badge, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Skeleton, } from "@flowselections/core";
+import { Container, Pencil, Plus, SlidersHorizontal, Trash2, Workflow } from "lucide-react";
+import { Link } from "@tanstack/react-router";
+import { StrategieDialog } from "./StrategieDialog";
+import { useLogistiekStrategieen, } from "../hooks/useLogistiekStrategieen";
+const SNELKOPPELINGEN = [
+    {
+        to: "/logistiek-engine/rule-engine",
+        icon: SlidersHorizontal,
+        titel: "Werkwijze instellen",
+        uitleg: "Bepaal stap voor stap hoe orders worden verzameld, gepickt en klaargezet.",
+    },
+    {
+        to: "/logistiek-engine/regie",
+        icon: Workflow,
+        titel: "Overzicht & meldingen",
+        uitleg: "Zie wat er klaarstaat en waar aandacht voor nodig is.",
+    },
+    {
+        to: "/logistiek-engine/ladingdragers",
+        icon: Container,
+        titel: "Ladingdragers",
+        uitleg: "Beheer karren, dozen en andere ladingdragers.",
+    },
+];
+export function LogistiekEnginePage() {
+    const { items, loading, saving, error, create, update, remove, toggleActive } = useLogistiekStrategieen();
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [editing, setEditing] = useState(null);
+    const [deleting, setDeleting] = useState(null);
+    const safeItems = Array.isArray(items) ? items : [];
+    const openNew = () => {
+        setEditing(null);
+        setDialogOpen(true);
+    };
+    const openEdit = (item) => {
+        setEditing(item);
+        setDialogOpen(true);
+    };
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Hier bepaal je hoe orders in je bedrijf logistiek worden afgehandeld." }), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: SNELKOPPELINGEN.map(({ to, icon: Icon, titel, uitleg }) => (_jsx(Link, { to: to, className: "group", children: _jsx(Card, { className: "h-full transition-colors group-hover:border-primary", children: _jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsx(CardTitle, { className: "text-base", children: titel })] }), _jsx(CardDescription, { className: "pt-1", children: uitleg })] }) }) }, to))) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: "Werkwijzen" }), _jsx(CardDescription, { children: "Alleen een werkwijze die aan staat wordt op je orders toegepast." })] }), _jsxs(Button, { size: "sm", onClick: openNew, children: [_jsx(Plus, { className: "h-4 w-4" }), "Nieuwe werkwijze"] })] }) }), _jsx(CardContent, { children: loading ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" })] })) : error ? (_jsx("p", { className: "text-sm text-destructive", children: "Kon de gegevens niet ophalen. Probeer het over een moment opnieuw." })) : safeItems.length === 0 ? (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Je hebt nog geen werkwijze ingesteld." }), _jsxs(Button, { variant: "outline", size: "sm", onClick: openNew, children: [_jsx(Plus, { className: "h-4 w-4" }), "Eerste werkwijze aanmaken"] })] })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "w-48 text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: safeItems.map((item) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-3 w-3 shrink-0 rounded-full border border-border", style: { backgroundColor: item.color ?? "#3b82f6" } }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: item.name ?? "—" }), item.description && (_jsx("p", { className: "text-xs text-muted-foreground", children: item.description }))] })] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: !!item.is_active, onCheckedChange: () => toggleActive(item), "aria-label": "Aan of uit zetten" }), _jsx(Badge, { variant: item.is_active ? "default" : "secondary", children: item.is_active ? "Aan" : "Uit" })] }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { size: "sm", variant: "outline", asChild: true, children: _jsxs(Link, { to: "/logistiek-engine/rule-engine", search: { strategy: String(item.id), naam: item.name ?? "" }, children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Instellen"] }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => openEdit(item), "aria-label": "Bewerken", children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => setDeleting(item), "aria-label": "Verwijderen", children: _jsx(Trash2, { className: "h-4 w-4" }) })] }) })] }, String(item.id)))) })] })) })] }), _jsx(StrategieDialog, { open: dialogOpen, onOpenChange: setDialogOpen, strategie: editing, saving: saving, onSubmit: (input) => (editing ? update(editing.id, input) : create(input)) }), _jsx(AlertDialog, { open: !!deleting, onOpenChange: (open) => !open && setDeleting(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Werkwijze verwijderen?" }), _jsxs(AlertDialogDescription, { children: ["\"", deleting?.name, "\" wordt definitief verwijderd. Dit kan niet ongedaan worden gemaakt."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: async () => {
+                                        if (deleting)
+                                            await remove(deleting.id);
+                                        setDeleting(null);
+                                    }, children: "Verwijderen" })] })] }) })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function ModulePromptsPage(): import("react").JSX.Element;
+//# sourceMappingURL=ModulePromptsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModulePromptsPage.d.ts","sourceRoot":"","sources":["../../src/components/ModulePromptsPage.tsx"],"names":[],"mappings":"AAkDA,wBAAgB,iBAAiB,gCAiJhC"}

package/dist-lib/components/ModulePromptsPage.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/ModulePromptsPage.tsx — koppelprompts per module
+// ============================================================================
+// Bekijken, kopiëren en downloaden van de prompt per aangesloten module.
+// GEEN <Header /> hier — die levert de shell.
+// ============================================================================
+import { useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, toast, } from "@flowselections/core";
+import { Check, ChevronDown, ChevronUp, Copy, Download, Puzzle } from "lucide-react";
+import { Link } from "@tanstack/react-router";
+import { MODULE_PROMPTS, buildAllModulePrompts, buildRevisionPrompt, modulePromptFilename, } from "../lib/modulePrompts";
+function downloadMarkdown(filename, content) {
+    const blob = new Blob([content], { type: "text/markdown;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+}
+async function copyText(content) {
+    try {
+        await navigator.clipboard.writeText(content);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+export function ModulePromptsPage() {
+    const [open, setOpen] = useState(null);
+    const [copied, setCopied] = useState(null);
+    const prompts = Array.isArray(MODULE_PROMPTS) ? MODULE_PROMPTS : [];
+    const handleCopy = async (key, content) => {
+        const ok = await copyText(content);
+        if (ok) {
+            setCopied(key);
+            toast.success("Prompt gekopieerd");
+            window.setTimeout(() => setCopied((c) => (c === key ? null : c)), 2000);
+        }
+        else {
+            toast.error("Kopiëren mislukt", { description: "Gebruik de downloadknop." });
+        }
+    };
+    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs("h1", { className: "flex items-center gap-2 text-2xl font-semibold tracking-tight", children: [_jsx(Puzzle, { className: "h-6 w-6 text-primary" }), "Modules"] }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Koppelprompts voor de modules die op de Logistics Engine worden aangesloten. Kopieer of download de prompt en plak hem in het betreffende project." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/logistiek-engine", children: "Terug naar strategie\u00EBn" }) }), _jsxs(Button, { onClick: () => downloadMarkdown("logistics-engine-module-prompts.md", buildAllModulePrompts()), children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "Alles downloaden"] })] })] }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Per module staan de prompts op volgorde. Nieuwe eisen komen er altijd als nieuwe prompt bij \u2014 eerdere prompts blijven geldig en worden niet herschreven. Stuur dus alleen de prompt(s) door die je nog niet hebt verstuurd." }), _jsx("div", { className: "space-y-4", children: prompts.map((prompt) => {
+                    const key = prompt.moduleKey;
+                    const revisions = Array.isArray(prompt.revisions) ? prompt.revisions : [];
+                    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "space-y-1", children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsxs("span", { className: "text-muted-foreground", children: [prompt.order, "."] }), prompt.label, _jsx(Badge, { variant: "outline", className: "font-mono text-[10px]", children: key }), _jsxs(Badge, { variant: "secondary", className: "text-[10px]", children: [revisions.length, " prompt", revisions.length === 1 ? "" : "s"] })] }), _jsx(CardDescription, { children: prompt.summary })] }) }), _jsx(CardContent, { className: "space-y-3", children: revisions.map((rev) => {
+                                    const revKey = `${key}-${rev.number}`;
+                                    const full = buildRevisionPrompt(prompt, rev);
+                                    const isOpen = open === revKey;
+                                    return (_jsxs("div", { className: "rounded-lg border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsxs(Badge, { variant: "outline", className: "text-[10px]", children: ["Prompt ", rev.number] }), rev.title, _jsx("span", { className: "text-muted-foreground text-xs font-normal", children: rev.date })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: rev.summary })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setOpen(isOpen ? null : revKey), children: [isOpen ? (_jsx(ChevronUp, { className: "mr-2 h-4 w-4" })) : (_jsx(ChevronDown, { className: "mr-2 h-4 w-4" })), isOpen ? "Verbergen" : "Bekijken"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void handleCopy(revKey, full), children: [copied === revKey ? (_jsx(Check, { className: "mr-2 h-4 w-4" })) : (_jsx(Copy, { className: "mr-2 h-4 w-4" })), "Kopi\u00EBren"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => downloadMarkdown(modulePromptFilename(key, rev.number), full), children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "Download"] })] })] }), isOpen && (_jsx("pre", { className: "bg-muted text-foreground mt-3 max-h-96 overflow-auto rounded-md p-4 text-xs leading-relaxed whitespace-pre-wrap", children: full }))] }, revKey));
+                                }) })] }, key));
+                }) })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function RegiePage(): import("react").JSX.Element;
+//# sourceMappingURL=RegiePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RegiePage.d.ts","sourceRoot":"","sources":["../../src/components/RegiePage.tsx"],"names":[],"mappings":"AAoEA,wBAAgB,SAAS,gCA4WxB"}