@flowselections/logistiek-engine 1.0.27 → 1.0.28

package/README.md

@@ -1,24 +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
-```
+# 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/components/AfmetingenBronnenCard.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AfmetingenBronnenCard.d.ts","sourceRoot":"","sources":["../../src/components/AfmetingenBronnenCard.tsx"],"names":[],"mappings":"AAuDA,wBAAgB,qBAAqB,gCAsHpC"}

package/dist-lib/components/AfmetingenBronnenCard.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// ============================================================================
+// src/components/AfmetingenBronnenCard.tsx — herkomst van de afmetingen
+// ============================================================================
+// Toont per product waar het fust en de planthoogte vandaan komen: handmatig
+// ingevuld, uit de Floriday-koppeling, of afgeleid uit de belading. Producten
+// zonder bruikbare afmetingen staan met reden onderaan; die karren krijgen
+// bewust geen laagindeling (fail closed).
+// GEEN <Header /> hier — die levert de shell.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, supabase, } from "@flowselections/core";
+import { RefreshCw, Ruler } from "lucide-react";
+const BRON_LABEL = {
+    handmatig: "Handmatig ingevuld",
+    floriday: "Uit Floriday",
+    belading: "Afgeleid uit de belading",
+};
+function bron(waarde) {
+    if (!waarde)
+        return "—";
+    return BRON_LABEL[waarde] ?? waarde;
+}
+export function AfmetingenBronnenCard() {
+    const [rijen, setRijen] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const laden = useCallback(async () => {
+        setLoading(true);
+        const { data } = await supabase
+            .from("logistics_product_dimensions")
+            .select("product_id, product_name, fust_name, fust_source, fust_length_mm, fust_width_mm, fust_height_mm, plant_height_cm, height_source, dimension_source, missing_reason")
+            .order("product_name", { ascending: true })
+            .limit(500);
+        setRijen(Array.isArray(data) ? data : []);
+        setLoading(false);
+    }, []);
+    useEffect(() => {
+        void laden();
+    }, [laden]);
+    const compleet = rijen.filter((r) => !r.missing_reason);
+    const onvolledig = rijen.filter((r) => r.missing_reason);
+    const uitFloriday = compleet.filter((r) => r.height_source === "floriday").length;
+    const uitBelading = compleet.filter((r) => r.height_source === "belading").length;
+    const handmatig = compleet.filter((r) => r.height_source === "handmatig").length;
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Ruler, { className: "h-4 w-4" }), "Afmetingen per product"] }), _jsx(CardDescription, { children: "De Engine leidt fust en planthoogte zelf af: eerst handmatig, dan Floriday, dan berekend uit de belading. Ontbreekt alles, dan wordt er bewust geen laagindeling gemaakt." })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void laden(), disabled: loading, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Verversen"] })] }) }), _jsx(CardContent, { className: "space-y-4", children: loading ? (_jsx(Skeleton, { className: "h-24 w-full" })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap gap-2 text-xs", children: [_jsxs(Badge, { variant: "default", children: [compleet.length, " met afmetingen"] }), _jsxs(Badge, { variant: "secondary", children: [handmatig, " handmatig"] }), _jsxs(Badge, { variant: "secondary", children: [uitFloriday, " uit Floriday"] }), _jsxs(Badge, { variant: "secondary", children: [uitBelading, " uit de belading"] }), onvolledig.length > 0 ? (_jsxs(Badge, { variant: "destructive", children: [onvolledig.length, " onvolledig"] })) : null] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Product" }), _jsx(TableHead, { children: "Fust" }), _jsx(TableHead, { children: "Fustmaat (mm)" }), _jsx(TableHead, { children: "Planthoogte" }), _jsx(TableHead, { children: "Herkomst hoogte" })] }) }), _jsxs(TableBody, { children: [compleet.map((r) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: r.product_name ?? "—" }), _jsxs(TableCell, { children: [r.fust_name ?? "—", r.fust_source ? (_jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: bron(r.fust_source) })) : null] }), _jsxs(TableCell, { className: "tabular-nums", children: [r.fust_length_mm, " \u00D7 ", r.fust_width_mm, " \u00D7 ", r.fust_height_mm] }), _jsxs(TableCell, { className: "tabular-nums", children: [r.plant_height_cm, " cm"] }), _jsx(TableCell, { children: bron(r.height_source) })] }, r.product_id))), compleet.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "text-sm text-muted-foreground", children: "Nog geen enkel product met volledige afmetingen." }) })) : null] })] }), onvolledig.length > 0 ? (_jsxs("div", { className: "space-y-2 rounded-md border border-destructive/40 bg-destructive/5 p-3", children: [_jsx("p", { className: "text-sm font-medium", children: "Deze producten kunnen niet op afmetingen worden ingedeeld" }), _jsx("ul", { className: "space-y-1 text-sm text-muted-foreground", children: onvolledig.map((r) => (_jsxs("li", { children: [_jsx("span", { className: "font-medium text-foreground", children: r.product_name ?? "Onbekend product" }), " — ", r.missing_reason] }, r.product_id))) })] })) : null] })) })] }));
+}

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

@@ -1 +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"}
+{"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,+BAmNP"}

package/dist-lib/components/BufferDebugCard.js

@@ -64,6 +64,11 @@ export function BufferDebugCard({ taken, strategyId, simuleerBuffers, herindelen
                                         ? ` · ${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)));
+                                    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) }), r.bufferCloseAt ? (_jsxs("span", { className: "text-muted-foreground text-xs", children: ["sluit", " ", new Date(String(r.bufferCloseAt)).toLocaleString("nl-NL", {
+                                                                day: "2-digit",
+                                                                month: "2-digit",
+                                                                hour: "2-digit",
+                                                                minute: "2-digit",
+                                                            }), r.closeReference === "pick_start" ? " (vóór start picken)" : " (vóór aanmelden)"] })) : null] }), _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/ConsistentieCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConsistentieCard.d.ts","sourceRoot":"","sources":["../../src/components/ConsistentieCard.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,gBAAgB,gCAgF/B"}
+{"version":3,"file":"ConsistentieCard.d.ts","sourceRoot":"","sources":["../../src/components/ConsistentieCard.tsx"],"names":[],"mappings":"AAuCA,wBAAgB,gBAAgB,gCAuF/B"}

package/dist-lib/components/ConsistentieCard.js

@@ -34,5 +34,5 @@ export function ConsistentieCard() {
             { label: "Aangemeld in pickwachtrij", waarde: check.announced_carts },
         ]
         : [];
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Scale, { className: "h-5 w-5 text-primary" }), "Zelfde cijfers in elke module"] }), _jsx(CardDescription, { children: "Karren van vandaag per venster. Alle vensters horen hetzelfde te tellen; de lever agenda telt alleen wat vandaag geleverd wordt." })] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => void laden(), disabled: loading, children: _jsx(RefreshCw, { className: `h-4 w-4 ${loading ? "animate-spin" : ""}` }) })] }), _jsx(CardContent, { className: "space-y-4", children: loading && !check ? (_jsx(Skeleton, { className: "h-24 w-full" })) : !check ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Geen meting beschikbaar." })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: check.ok ? "default" : "destructive", children: check.ok ? "Alles gelijk" : "Afwijking gevonden" }), check.orphan_tasks > 0 ? (_jsxs(Badge, { variant: "destructive", children: [check.orphan_tasks, " weestaken"] })) : null, _jsxs("span", { className: "text-muted-foreground text-xs", children: ["Peildag ", check.pick_date] })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: vensters.map((v) => (_jsxs("div", { className: "rounded-lg border p-3", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: v.label }), _jsx("div", { className: "text-2xl font-semibold tabular-nums", children: v.waarde })] }, v.label))) }), !check.ok ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "E\u00E9n of meer modules tellen anders. Controleer of die module de laatste koppelprompt heeft toegepast; de Engine corrigeert niets zelf." })) : null] })) })] }));
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Scale, { className: "h-5 w-5 text-primary" }), "Zelfde cijfers in elke module"] }), _jsx(CardDescription, { children: "Karren van vandaag per venster. Alle vensters horen hetzelfde te tellen; de lever agenda telt alleen wat vandaag geleverd wordt." })] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => void laden(), disabled: loading, children: _jsx(RefreshCw, { className: `h-4 w-4 ${loading ? "animate-spin" : ""}` }) })] }), _jsx(CardContent, { className: "space-y-4", children: loading && !check ? (_jsx(Skeleton, { className: "h-24 w-full" })) : !check ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Geen meting beschikbaar." })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: check.ok ? "default" : "destructive", children: check.ok ? "Alles gelijk" : "Afwijking gevonden" }), check.orphan_tasks > 0 ? (_jsxs(Badge, { variant: "destructive", children: [check.orphan_tasks, " weestaken"] })) : null, (check.duplicate_carts ?? 0) > 0 ? (_jsxs(Badge, { variant: "destructive", children: [check.duplicate_carts, " dubbele karren"] })) : null, (check.orphan_carts ?? 0) > 0 ? (_jsxs(Badge, { variant: "destructive", children: [check.orphan_carts, " karren uit een oude buffer"] })) : null, _jsxs("span", { className: "text-muted-foreground text-xs", children: ["Peildag ", check.pick_date] })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: vensters.map((v) => (_jsxs("div", { className: "rounded-lg border p-3", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: v.label }), _jsx("div", { className: "text-2xl font-semibold tabular-nums", children: v.waarde })] }, v.label))) }), !check.ok ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "E\u00E9n of meer modules tellen anders. Controleer of die module de laatste koppelprompt heeft toegepast; de Engine corrigeert niets zelf." })) : null] })) })] }));
 }

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

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

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

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

package/dist-lib/components/KarplanStatusCard.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// ============================================================================
+// src/components/KarplanStatusCard.tsx — is de karplanning klaar?
+// ============================================================================
+// Toont per order van vandaag en de komende dagen of er een sluitend karplan
+// ligt, hoeveel karren dat zijn en of de order al is vrijgegeven voor picken.
+// Alles komt uit public.logistics_cart_plan_overview(); niets wordt hier
+// zelf berekend. GEEN <Header /> hier — die levert de shell.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Skeleton, supabase, } from "@flowselections/core";
+import { ClipboardList, RefreshCw } from "lucide-react";
+export function KarplanStatusCard() {
+    const [rijen, setRijen] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const laden = useCallback(async () => {
+        setLoading(true);
+        const { data } = await supabase.rpc("logistics_cart_plan_overview", {
+            p_days: 3,
+        });
+        setRijen(Array.isArray(data) ? data : []);
+        setLoading(false);
+    }, []);
+    useEffect(() => {
+        void laden();
+    }, [laden]);
+    const zonderPlan = rijen.filter((r) => !r.plan_ready).length;
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(ClipboardList, { className: "h-5 w-5 text-primary" }), "Karplanning per order"] }), _jsx(CardDescription, { children: "Orders van vandaag en de komende dagen. Een order hoort pas op het pickscherm te staan als het karplan klaar is \u00E9n de order is vrijgegeven." })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void laden(), disabled: loading, children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${loading ? "animate-spin" : ""}` }), "Vernieuwen"] })] }), _jsx(CardContent, { className: "space-y-3", children: loading ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-10 w-full" }), _jsx(Skeleton, { className: "h-10 w-full" })] })) : rijen.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen orders met een leverdatum in deze periode." })) : (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: zonderPlan === 0
+                                ? "Alle orders in deze periode hebben een sluitend karplan."
+                                : `${zonderPlan} order(s) hebben nog geen sluitend karplan.` }), _jsx("div", { className: "divide-y rounded-md border", children: rijen.map((r) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 p-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium", children: r.order_ref }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Leverdatum ", r.delivery_date ?? "onbekend", r.reason ? ` — ${r.reason}` : ""] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: r.plan_ready ? "secondary" : "destructive", children: r.plan_ready ? `${r.cart_total ?? 0} karren` : "Geen karplan" }), _jsx(Badge, { variant: r.released ? "default" : "outline", children: r.released ? "Vrijgegeven" : "Nog niet vrij" })] })] }, r.order_ref))) })] })) })] }));
+}

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

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

package/dist-lib/components/RegiePage.js

@@ -18,6 +18,8 @@ import { CapaciteitMeldingenCard } from "./CapaciteitMeldingenCard";
 import { FloridayPushCard } from "./FloridayPushCard";
 import { PrintjobsCard } from "./PrintjobsCard";
 import { ConsistentieCard } from "./ConsistentieCard";
+import { KarplanStatusCard } from "./KarplanStatusCard";
+import { AfmetingenBronnenCard } from "./AfmetingenBronnenCard";
 import { LOGISTICS_MODULES, TASK_LABEL, TASK_STATUS_LABEL, } from "../lib/logisticsTasks";
 function tijd(value) {
     if (!value)
@@ -74,7 +76,7 @@ export function RegiePage() {
         }
         return counts;
     }, [safeTaken]);
-    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(Workflow, { className: "h-6 w-6 text-primary" }), "Overzicht & meldingen"] }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Wat er vandaag klaarstaat en waar aandacht voor nodig is." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/logistiek-engine", children: "Terug naar overzicht" }) }), _jsxs(Button, { variant: "outline", onClick: () => void laden(), disabled: loading, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Vernieuwen"] })] })] }), _jsx(ConsistentieCard, {}), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Object.keys(LOGISTICS_MODULES).map((key) => (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardDescription, { children: LOGISTICS_MODULES[key] }), _jsx(CardTitle, { className: "text-2xl", children: perModule[key] ?? 0 })] }), _jsx(CardContent, { className: "text-muted-foreground text-xs", children: "openstaande en geplande taken" })] }, key))) }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Taken per order" }), _jsx(CardDescription, { children: "Elke order krijgt bij binnenkomst meteen de volledige keten aan taken toegewezen." }), _jsxs("div", { className: "pt-2", children: [_jsx(Label, { htmlFor: "regie-filter", className: "sr-only", children: "Zoeken" }), _jsx(Input, { id: "regie-filter", placeholder: "Zoek op ordernummer, taaktype of module\u2026", value: filter, onChange: (e) => setFilter(e.target.value), className: "max-w-sm" })] })] }), _jsx(CardContent, { className: "space-y-6", 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" })] })) : perOrder.length === 0 ? (_jsxs("p", { className: "text-muted-foreground py-8 text-center text-sm", children: ["Nog geen taken. Zodra een module een melding wegschrijft in", " ", _jsx("code", { className: "bg-muted rounded px-1", children: "logistics_events" }), " maakt de database de keten meteen aan."] })) : (perOrder.map(([orderRef, orderTaken]) => {
+    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(Workflow, { className: "h-6 w-6 text-primary" }), "Overzicht & meldingen"] }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Wat er vandaag klaarstaat en waar aandacht voor nodig is." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/logistiek-engine", children: "Terug naar overzicht" }) }), _jsxs(Button, { variant: "outline", onClick: () => void laden(), disabled: loading, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Vernieuwen"] })] })] }), _jsx(ConsistentieCard, {}), _jsx(KarplanStatusCard, {}), _jsx(AfmetingenBronnenCard, {}), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Object.keys(LOGISTICS_MODULES).map((key) => (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardDescription, { children: LOGISTICS_MODULES[key] }), _jsx(CardTitle, { className: "text-2xl", children: perModule[key] ?? 0 })] }), _jsx(CardContent, { className: "text-muted-foreground text-xs", children: "openstaande en geplande taken" })] }, key))) }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Taken per order" }), _jsx(CardDescription, { children: "Elke order krijgt bij binnenkomst meteen de volledige keten aan taken toegewezen." }), _jsxs("div", { className: "pt-2", children: [_jsx(Label, { htmlFor: "regie-filter", className: "sr-only", children: "Zoeken" }), _jsx(Input, { id: "regie-filter", placeholder: "Zoek op ordernummer, taaktype of module\u2026", value: filter, onChange: (e) => setFilter(e.target.value), className: "max-w-sm" })] })] }), _jsx(CardContent, { className: "space-y-6", 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" })] })) : perOrder.length === 0 ? (_jsxs("p", { className: "text-muted-foreground py-8 text-center text-sm", children: ["Nog geen taken. Zodra een module een melding wegschrijft in", " ", _jsx("code", { className: "bg-muted rounded px-1", children: "logistics_events" }), " maakt de database de keten meteen aan."] })) : (perOrder.map(([orderRef, orderTaken]) => {
                             const spoed = orderTaken.some((t) => (t.priority ?? 0) > 0);
                             const actief = orderTaken.some((t) => t.status !== "cancelled" && t.status !== "done" && t.status !== "superseded");
                             return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("h2", { className: "flex items-center gap-2 font-medium", children: ["Order ", orderRef, _jsxs("span", { className: "text-muted-foreground text-xs font-normal", children: [orderTaken.length, " taken"] }), spoed && (_jsx(Badge, { variant: "destructive", className: "text-[10px]", children: "spoed" }))] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void zetPrioriteit(orderRef, spoed ? 0 : 100), children: [_jsx(ArrowUpCircle, { className: "mr-1 h-4 w-4" }), spoed ? "Normaal" : "Spoed"] }), actief && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void annuleerOrder(orderRef), children: [_jsx(Ban, { className: "mr-1 h-4 w-4" }), "Annuleren"] })), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => void verwijderOrder(orderRef), children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-12", children: "#" }), _jsx(TableHead, { children: "Taak" }), _jsx(TableHead, { children: "Module" }), _jsx(TableHead, { children: "Start" }), _jsx(TableHead, { children: "Gereed" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "text-right", children: "Actie" })] }) }), _jsx(TableBody, { children: orderTaken.map((t) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "text-muted-foreground", children: t.sequence + 1 }), _jsxs(TableCell, { className: "font-medium", children: [TASK_LABEL[t.task_type] ?? t.task_type, t.shadow && (_jsx(Badge, { variant: "outline", className: "ml-2 text-[10px]", children: "schaduw" }))] }), _jsx(TableCell, { className: "text-sm", children: LOGISTICS_MODULES[t.owner_module] ?? t.owner_module }), _jsxs(TableCell, { className: "text-sm", children: [tijd(t.planned_start), t.payload?.["pickWindowShifted"] === true && (_jsx(Badge, { variant: "outline", className: "ml-2 text-[10px]", title: "Het berekende moment lag in het verleden; deze taak is naar nu verschoven.", children: "te laat aangemeld" }))] }), _jsx(TableCell, { className: "text-sm", children: tijd(t.planned_end) }), _jsxs(TableCell, { children: [_jsx(Badge, { variant: statusVariant(t.status), children: TASK_STATUS_LABEL[t.status] ?? t.status }), t.claimed_by && (t.status === "claimed" || t.status === "in_progress") && (_jsxs("span", { className: "text-muted-foreground ml-2 text-xs", children: ["door ", t.claimed_by] })), t.error && _jsx("span", { className: "text-destructive ml-2 text-xs", children: t.error })] }), _jsxs(TableCell, { className: "space-x-1 text-right", children: [t.status === "planned" && (_jsx(Button, { variant: "outline", size: "sm", onClick: () => void claimTaak(t.id), children: "Claimen" })), (t.status === "claimed" || t.status === "in_progress") && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => void rondTaakAf(t.id), children: "Afronden" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => void meldTaakMislukt(t.id, "Handmatig gemeld vanuit regieoverzicht"), children: "Mislukt" })] }))] })] }, t.id))) })] })] }, orderRef));

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

@@ -1 +1 @@
-{"version":3,"file":"RuleEnginePage.d.ts","sourceRoot":"","sources":["../../src/components/RuleEnginePage.tsx"],"names":[],"mappings":"AAmEA,MAAM,WAAW,mBAAmB;IAClC,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAQD,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EAAE,cAAqB,EACjC,YAAY,EAAE,gBAAuB,GACtC,GAAE,mBAAwB,+BAyZ1B"}
+{"version":3,"file":"RuleEnginePage.d.ts","sourceRoot":"","sources":["../../src/components/RuleEnginePage.tsx"],"names":[],"mappings":"AAmEA,MAAM,WAAW,mBAAmB;IAClC,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAQD,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EAAE,cAAqB,EACjC,YAAY,EAAE,gBAAuB,GACtC,GAAE,mBAAwB,+BA2b1B"}

package/dist-lib/components/RuleEnginePage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // ============================================================================
 // src/components/RuleEnginePage.tsx — logistieke werkwijze instellen
 // ============================================================================
@@ -42,6 +42,7 @@ export function RuleEnginePage({ strategyId: strategyIdProp = null, strategyName
     const strategyName = strategyNameProp ?? urlSearch.naam ?? null;
     const { versions, activeConfig, loading, saving, error, createConfig, patchSettings, saveConfig, activateConfig, restoreVersion, deleteConfig, } = useRuleEngine({ strategyId, strategyName });
     const [stepIndex, setStepIndex] = useState(0);
+    const [sideOpen, setSideOpen] = useState(false);
     const [createOpen, setCreateOpen] = useState(false);
     const [newName, setNewName] = useState("");
     const [newDescription, setNewDescription] = useState("");
@@ -98,7 +99,7 @@ export function RuleEnginePage({ strategyId: strategyIdProp = null, strategyName
             toast.success("Opgeslagen — de herberekening loopt op de achtergrond");
         }
         catch (e) {
-            toast.error("Opnieuw berekenen is niet gelukt. Probeer het nog een keer.");
+            toast.error(e?.message ?? "Opnieuw berekenen is niet gelukt. Probeer het nog een keer.");
         }
         finally {
             setRecalculating(false);
@@ -120,7 +121,9 @@ export function RuleEnginePage({ strategyId: strategyIdProp = null, strategyName
                                             ? "Bezig…"
                                             : "Opslaan & opnieuw berekenen"] })] })] }), error && (_jsx("p", { className: "rounded-md border border-destructive/50 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: "De gegevens konden niet worden geladen. Probeer het opnieuw." })), showJobLine && (_jsxs("div", { className: `rounded-md border px-3 py-2 text-sm ${job?.status === "error" ? "border-destructive/50 bg-destructive/5 text-destructive" : "border-border"}`, children: [_jsx("span", { children: running
                             ? `${phaseLabel(job?.phase)} — ${job?.processed ?? 0} verwerkt`
-                            : "De laatste berekening is niet volledig gelukt." }), jobProblems.length > 0 && (_jsx("ul", { className: "mt-1 list-disc pl-5 text-xs", children: jobProblems.map((p, i) => (_jsx("li", { children: p }, i))) }))] })), !loading && activeConfig && !activeConfig.is_active && (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-amber-500/60 bg-amber-500/5 px-3 py-2 text-sm", children: [_jsxs("span", { className: "flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), "Deze werkwijze staat nog op ", _jsx("strong", { children: "concept" }), " en telt nog niet mee bij het inplannen."] }), _jsxs(Button, { size: "sm", onClick: () => activateConfig(activeConfig.id), children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), "Nu activeren"] })] })), loading || (strategyId && !activeConfig && !error) ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-10 w-full" }), _jsx(Skeleton, { className: "h-64 w-full" })] })) : !activeConfig ? (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Nog geen werkwijze" }), _jsx(CardDescription, { children: "Maak een werkwijze aan om vast te leggen hoe jouw orders verwerkt worden." })] }), _jsx(CardContent, { children: _jsxs(Button, { onClick: () => setCreateOpen(true), children: [_jsx(Plus, { className: "h-4 w-4" }), "Werkwijze aanmaken"] }) })] })) : (_jsxs("div", { className: "grid gap-6 lg:h-[calc(100vh-13rem)] lg:grid-cols-[220px_minmax(0,1fr)_320px]", children: [_jsx("nav", { className: "space-y-1 lg:overflow-y-auto lg:pr-1", children: WIZARD_STEPS.map((item, index) => (_jsxs("button", { type: "button", onClick: () => setStepIndex(index), className: `flex w-full items-center gap-3 rounded-lg border p-2.5 text-left transition-colors ${index === stepIndex
+                            : "De laatste berekening is niet volledig gelukt." }), jobProblems.length > 0 && (_jsx("ul", { className: "mt-1 list-disc pl-5 text-xs", children: jobProblems.map((p, i) => (_jsx("li", { children: p }, i))) }))] })), !loading && activeConfig && !activeConfig.is_active && (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-amber-500/60 bg-amber-500/5 px-3 py-2 text-sm", children: [_jsxs("span", { className: "flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), "Deze werkwijze staat nog op ", _jsx("strong", { children: "concept" }), " en telt nog niet mee bij het inplannen."] }), _jsxs(Button, { size: "sm", onClick: () => activateConfig(activeConfig.id), children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), "Nu activeren"] })] })), loading || (strategyId && !activeConfig && !error) ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-10 w-full" }), _jsx(Skeleton, { className: "h-64 w-full" })] })) : !activeConfig ? (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Nog geen werkwijze" }), _jsx(CardDescription, { children: "Maak een werkwijze aan om vast te leggen hoe jouw orders verwerkt worden." })] }), _jsx(CardContent, { children: _jsxs(Button, { onClick: () => setCreateOpen(true), children: [_jsx(Plus, { className: "h-4 w-4" }), "Werkwijze aanmaken"] }) })] })) : (_jsxs("div", { className: `grid gap-6 lg:h-[calc(100vh-13rem)] ${sideOpen
+                    ? "lg:grid-cols-[220px_minmax(0,1fr)_320px]"
+                    : "lg:grid-cols-[220px_minmax(0,1fr)_44px]"}`, children: [_jsx("nav", { className: "space-y-1 lg:overflow-y-auto lg:pr-1", children: WIZARD_STEPS.map((item, index) => (_jsxs("button", { type: "button", onClick: () => setStepIndex(index), className: `flex w-full items-center gap-3 rounded-lg border p-2.5 text-left transition-colors ${index === stepIndex
                                 ? "border-primary bg-primary/5"
                                 : "border-transparent hover:bg-muted"}`, children: [_jsx("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold", children: index + 1 }), _jsx("span", { className: "text-sm font-medium", children: item.label })] }, item.id))) }), _jsxs("div", { className: "space-y-4 lg:min-h-0 lg:overflow-y-auto lg:pr-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: step.label }), _jsx(CardDescription, { children: step.description })] }), _jsx(Badge, { variant: activeConfig.is_active ? "default" : "secondary", children: activeConfig.is_active ? "Actief" : "Concept" })] }) }), _jsx(CardContent, { className: "space-y-3", children: step.groups.map((group, groupIndex) => {
                                             const visibleFields = group.fields.filter((field) => fieldVisible(field, stepValues, settings));
@@ -130,5 +133,5 @@ export function RuleEnginePage({ strategyId: strategyIdProp = null, strategyName
                                             const advancedFields = visibleFields.filter((f) => isAdvancedField(f));
                                             const isLastGroup = groupIndex === step.groups.length - 1;
                                             return (_jsxs(CollapsibleGroup, { title: group.label, help: group.description, summary: groupSummary(group, stepValues), defaultOpen: groupIndex === 0, children: [basicFields.length > 0 && (_jsx("div", { className: "grid gap-4 md:grid-cols-2", children: basicFields.map((field) => (_jsx("div", { className: fieldClass(field), children: _jsx(RuleFieldInput, { field: field, value: stepValues[field.key], stepValues: stepValues, onChange: (value) => setFieldValue(field.key, value) }) }, field.key))) })), (advancedFields.length > 0 || (step.showConditions && isLastGroup)) && (_jsxs("details", { className: "rounded-lg border border-dashed border-border", children: [_jsx("summary", { className: "cursor-pointer px-3 py-2 text-sm font-medium text-muted-foreground", children: "Geavanceerd" }), _jsxs("div", { className: "space-y-4 border-t border-border px-3 py-4", children: [advancedFields.length > 0 && (_jsx("div", { className: "grid gap-4 md:grid-cols-2", children: advancedFields.map((field) => (_jsx("div", { className: fieldClass(field), children: _jsx(RuleFieldInput, { field: field, value: stepValues[field.key], stepValues: stepValues, onChange: (value) => setFieldValue(field.key, value) }) }, field.key))) })), step.showConditions && isLastGroup && (_jsx(ConditionsEditor, { conditions: stepConditions, onChange: setConditions }))] })] }))] }, group.id));
-                                        }) })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setStepIndex((i) => Math.max(0, i - 1)), disabled: stepIndex === 0, children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), "Vorige"] }), _jsxs(Button, { variant: "outline", onClick: () => setStepIndex((i) => Math.min(WIZARD_STEPS.length - 1, i + 1)), disabled: stepIndex === WIZARD_STEPS.length - 1, children: ["Volgende", _jsx(ChevronRight, { className: "h-4 w-4" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Button, { variant: "outline", disabled: saving, onClick: () => saveConfig(activeConfig), children: [_jsx(Save, { className: "h-4 w-4" }), "Opslaan"] }), _jsxs(Button, { disabled: saving || activeConfig.is_active, onClick: () => activateConfig(activeConfig.id), children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), activeConfig.is_active ? "Actief" : "Activeren"] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Meer acties", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: _jsxs(DropdownMenuItem, { onClick: () => deleteConfig(activeConfig.id), children: [_jsx(Trash2, { className: "h-4 w-4" }), "Werkwijze verwijderen"] }) })] })] })] })] }), _jsx("div", { className: "lg:min-h-0 lg:overflow-y-auto lg:pr-1", children: _jsxs(Tabs, { defaultValue: "impact", children: [_jsxs(TabsList, { className: "w-full", children: [_jsx(TabsTrigger, { className: "flex-1", value: "impact", children: "Aandachtspunten" }), _jsx(TabsTrigger, { className: "flex-1", value: "versies", children: "Eerdere versies" })] }), _jsx(TabsContent, { value: "impact", className: "mt-3", children: _jsx(ImpactPanel, { settings: settings }) }), _jsx(TabsContent, { value: "versies", className: "mt-3", children: _jsx(VersionsPanel, { versions: versions, currentSettings: settings, onRestore: restoreVersion }) })] }) })] })), _jsx(Dialog, { open: createOpen, onOpenChange: setCreateOpen, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Nieuwe werkwijze" }), _jsx(DialogDescription, { children: "Elke werkwijze beschrijft hoe orders bij jou verwerkt worden." })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Naam" }), _jsx(Input, { value: newName, onChange: (e) => setNewName(e.target.value), placeholder: "Bijv. Standaard werkwijze" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving" }), _jsx(Textarea, { value: newDescription, onChange: (e) => setNewDescription(e.target.value), placeholder: "Waarvoor gebruik je deze werkwijze?" })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setCreateOpen(false), children: "Annuleren" }), _jsx(Button, { onClick: handleCreate, disabled: !newName.trim(), children: "Aanmaken" })] })] }) })] }));
+                                        }) })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => setStepIndex((i) => Math.max(0, i - 1)), disabled: stepIndex === 0, children: [_jsx(ChevronLeft, { className: "h-4 w-4" }), "Vorige"] }), _jsxs(Button, { variant: "outline", onClick: () => setStepIndex((i) => Math.min(WIZARD_STEPS.length - 1, i + 1)), disabled: stepIndex === WIZARD_STEPS.length - 1, children: ["Volgende", _jsx(ChevronRight, { className: "h-4 w-4" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Button, { variant: "outline", disabled: saving, onClick: () => saveConfig(activeConfig), children: [_jsx(Save, { className: "h-4 w-4" }), "Opslaan"] }), _jsxs(Button, { disabled: saving || activeConfig.is_active, onClick: () => activateConfig(activeConfig.id), children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), activeConfig.is_active ? "Actief" : "Activeren"] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Meer acties", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: _jsxs(DropdownMenuItem, { onClick: () => deleteConfig(activeConfig.id), children: [_jsx(Trash2, { className: "h-4 w-4" }), "Werkwijze verwijderen"] }) })] })] })] })] }), _jsx("div", { className: "lg:min-h-0 lg:overflow-y-auto lg:pr-1", children: sideOpen ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "mb-2 flex justify-end", children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Paneel inklappen", onClick: () => setSideOpen(false), children: _jsx(ChevronRight, { className: "h-4 w-4" }) }) }), _jsxs(Tabs, { defaultValue: "impact", children: [_jsxs(TabsList, { className: "w-full", children: [_jsx(TabsTrigger, { className: "flex-1", value: "impact", children: "Aandachtspunten" }), _jsx(TabsTrigger, { className: "flex-1", value: "versies", children: "Eerdere versies" })] }), _jsx(TabsContent, { value: "impact", className: "mt-3", children: _jsx(ImpactPanel, { settings: settings }) }), _jsx(TabsContent, { value: "versies", className: "mt-3", children: _jsx(VersionsPanel, { versions: versions, currentSettings: settings, onRestore: restoreVersion }) })] })] })) : (_jsx(Button, { variant: "outline", size: "icon", "aria-label": "Paneel uitklappen", onClick: () => setSideOpen(true), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) })) })] })), _jsx(Dialog, { open: createOpen, onOpenChange: setCreateOpen, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Nieuwe werkwijze" }), _jsx(DialogDescription, { children: "Elke werkwijze beschrijft hoe orders bij jou verwerkt worden." })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Naam" }), _jsx(Input, { value: newName, onChange: (e) => setNewName(e.target.value), placeholder: "Bijv. Standaard werkwijze" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving" }), _jsx(Textarea, { value: newDescription, onChange: (e) => setNewDescription(e.target.value), placeholder: "Waarvoor gebruik je deze werkwijze?" })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setCreateOpen(false), children: "Annuleren" }), _jsx(Button, { onClick: handleCreate, disabled: !newName.trim(), children: "Aanmaken" })] })] }) })] }));
 }

package/dist-lib/components/rule-engine/FloridayConnectionBanner.d.ts

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

package/dist-lib/components/rule-engine/FloridayConnectionBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloridayConnectionBanner.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/FloridayConnectionBanner.tsx"],"names":[],"mappings":"AAYA,wBAAgB,wBAAwB,gCAwDvC"}

package/dist-lib/components/rule-engine/FloridayConnectionBanner.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/rule-engine/FloridayConnectionBanner.tsx
+// Toont welke Floriday-koppeling de documenten levert. De gegevens komen
+// volledig uit de authenticatie-module; deze module kiest niets zelf.
+// ============================================================================
+import { useQuery } from "@tanstack/react-query";
+import { Badge, Skeleton } from "@flowselections/core";
+import { AlertTriangle, Link2 } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client";
+import { getFloridayConnection } from "../../lib/floridayDocuments.functions";
+export function FloridayConnectionBanner() {
+    const { data, isLoading } = useQuery({
+        queryKey: ["floriday-connection"],
+        queryFn: async () => {
+            try {
+                // Zonder sessie geeft de server-function een 401-Response terug; die
+                // mag nooit als throw naar de router lekken (blanco scherm).
+                const { data: sessionData } = await supabase.auth.getSession();
+                if (!sessionData.session) {
+                    return { ok: false, error: "Geen actieve sessie." };
+                }
+                return await getFloridayConnection();
+            }
+            catch (e) {
+                // Geen sessie of gateway-fout: banner toont de foutstaat, geen crash.
+                const message = e instanceof Response ? `HTTP ${e.status}` : String(e?.message ?? e);
+                return { ok: false, error: message };
+            }
+        },
+        retry: false,
+        staleTime: 60000,
+    });
+    if (isLoading)
+        return _jsx(Skeleton, { className: "h-14 w-full rounded-lg" });
+    if (!data || data.ok !== true) {
+        return (_jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-destructive/40 bg-destructive/5 p-3", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 text-destructive" }), _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-medium text-destructive", children: "Geen actieve Floriday-koppeling" }), _jsx("p", { className: "text-muted-foreground", children: "Documenten kunnen niet worden opgehaald zolang de Floriday-authenticatiemodule geen actieve koppeling heeft." })] })] }));
+    }
+    const c = data.connection;
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-border bg-muted/40 p-3", children: [_jsx(Link2, { className: "h-4 w-4 text-muted-foreground" }), _jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: c?.label ?? c?.organization_name ?? "Floriday" }), c?.gln_code && _jsxs("span", { className: "text-muted-foreground", children: [" \u00B7 GLN ", c.gln_code] })] }), _jsx(Badge, { variant: data.environment === "live" ? "default" : "secondary", children: data.environment === "live" ? "Live" : "Staging" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Documenten worden opgehaald via de Floriday-authenticatiemodule." })] }));
+}

package/dist-lib/components/rule-engine/RuleFieldInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuleFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/RuleFieldInput.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAM3E,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,KAAK,sCAwT3E"}
+{"version":3,"file":"RuleFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/RuleFieldInput.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAQ3E,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,KAAK,sCA+V3E"}

package/dist-lib/components/rule-engine/RuleFieldInput.js

@@ -9,9 +9,11 @@ import { Input, Label, Switch, Select, SelectContent, SelectItem, SelectTrigger,
 import { fieldHelp } from "../../lib/ruleEngineWizard";
 import { FieldHelp, FieldLabel } from "./FieldHelp";
 import { usePickstations } from "../../hooks/usePickstations";
+import { useScannersPrinters } from "../../hooks/useScannersPrinters";
 import { useDocumentLayouts } from "../../hooks/useDocumentLayouts";
 export function RuleFieldInput({ field, value, onChange, stepValues }) {
     const { stations, types, loading } = usePickstations();
+    const { scanners, printers, loading: devicesLoading } = useScannersPrinters();
     const { layouts: matching, allLayouts, autoLayout, loading: layoutsLoading, } = useDocumentLayouts(field.layoutTypes);
     const help = fieldHelp(field);
     if (field.type === "guidance") {
@@ -35,6 +37,13 @@ export function RuleFieldInput({ field, value, onChange, stepValues }) {
         return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help ??
                         "Het pickstation waar dit document hoort. De pickschermen koppelen dat station aan een printplek uit de Layout maker; die printplek bepaalt de printer." }), _jsxs(Select, { value: String(value ?? ""), onValueChange: (v) => onChange(v === "__none__" ? "" : v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: loading ? "Laden…" : "Kies een pickstation" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "Niet instellen" }), options.map((option) => (_jsx(SelectItem, { value: option.id, children: option.name }, option.id)))] })] }), !loading && options.length === 0 && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Er zijn nog geen pickstations ingericht." }))] }));
     }
+    if (field.type === "scanner" || field.type === "printer") {
+        const isScanner = field.type === "scanner";
+        const options = isScanner ? scanners : printers;
+        return (_jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { label: field.label, help: help }), _jsxs(Select, { value: String(value ?? ""), onValueChange: (v) => onChange(v === "__none__" ? "" : v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: devicesLoading ? "Laden…" : isScanner ? "Kies een scanner" : "Kies een printer" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", children: "Niet instellen" }), options.map((option) => (_jsxs(SelectItem, { value: option.id, children: [option.name, option.hint ? ` · ${option.hint}` : ""] }, option.id)))] })] }), !devicesLoading && options.length === 0 && (_jsx("p", { className: "text-xs text-destructive", children: isScanner
+                        ? "Er staan nog geen actieve scanners in het systeem. Zonder scanner kan er niet gecontroleerd worden."
+                        : "Er staan nog geen actieve printers in het systeem. Zonder printer blijft de afleverbrief wachten." }))] }));
+    }
     if (field.type === "days") {
         const selected = Array.isArray(value) ? value : [];
         const days = field.options ?? [];

package/dist-lib/hooks/useRecalcJob.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRecalcJob.d.ts","sourceRoot":"","sources":["../../src/hooks/useRecalcJob.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,UAE/C;AAED,wBAAgB,YAAY;;;qCA4DL,MAAM,GAAG,IAAI;;EAanC"}
+{"version":3,"file":"useRecalcJob.d.ts","sourceRoot":"","sources":["../../src/hooks/useRecalcJob.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,UAE/C;AAwBD,wBAAgB,YAAY;;;qCA6DL,MAAM,GAAG,IAAI;;EAenC"}

package/dist-lib/hooks/useRecalcJob.js

@@ -13,6 +13,27 @@ const PHASE_LABEL = {
 export function phaseLabel(phase) {
     return (phase && PHASE_LABEL[phase]) || "Bezig";
 }
+/**
+ * Serverfuncties gooien bij een fout een Response. Die belandt anders als
+ * "[object Response]" in de foutafhandeling (leeg scherm). Hier maken we er
+ * altijd een leesbare Error van.
+ */
+async function toReadableError(e) {
+    if (typeof Response !== "undefined" && e instanceof Response) {
+        let body = "";
+        try {
+            body = (await e.clone().text()).slice(0, 300);
+        }
+        catch {
+            /* body niet leesbaar */
+        }
+        if (e.status === 401) {
+            return new Error("Je sessie is verlopen. Log opnieuw in en probeer het nog een keer.");
+        }
+        return new Error(body || `Serverfout (${e.status})`);
+    }
+    return e instanceof Error ? e : new Error(String(e?.message ?? e));
+}
 export function useRecalcJob() {
     const [job, setJob] = useState(null);
     const [starting, setStarting] = useState(false);
@@ -56,7 +77,8 @@ export function useRecalcJob() {
                         break;
                 }
             }
-            catch {
+            catch (e) {
+                console.warn("[logistiek-engine] herberekening doorzetten:", (await toReadableError(e)).message);
                 /* de cron-taak pakt het verder op */
             }
             finally {
@@ -75,6 +97,9 @@ export function useRecalcJob() {
             await start({ data: { strategyId } });
             await load();
         }
+        catch (e) {
+            throw await toReadableError(e);
+        }
         finally {
             setStarting(false);
         }

package/dist-lib/hooks/useScannersPrinters.d.ts

@@ -0,0 +1,11 @@
+export interface DeviceOption {
+    id: string;
+    name: string;
+    hint?: string;
+}
+export declare function useScannersPrinters(): {
+    scanners: DeviceOption[];
+    printers: DeviceOption[];
+    loading: boolean;
+};
+//# sourceMappingURL=useScannersPrinters.d.ts.map

package/dist-lib/hooks/useScannersPrinters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScannersPrinters.d.ts","sourceRoot":"","sources":["../../src/hooks/useScannersPrinters.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAsCD,wBAAgB,mBAAmB;;;;EAuBlC"}

package/dist-lib/hooks/useScannersPrinters.js

@@ -0,0 +1,65 @@
+// ============================================================================
+// src/hooks/useScannersPrinters.ts — scanners en printers uit de database,
+// voor de controle-instellingen in de Rule Engine.
+// ============================================================================
+// Alleen actieve records. Geen vaste namen of id's in code: staat er niets in
+// de database, dan blijft de keuzelijst leeg en meldt het scherm dat.
+// ============================================================================
+import { useEffect, useState } from "react";
+import { supabase } from "@flowselections/core";
+const db = () => supabase;
+let cache = null;
+let inflight = null;
+async function load() {
+    if (cache)
+        return cache;
+    if (!inflight) {
+        inflight = (async () => {
+            const [scanners, printers] = await Promise.all([
+                db().from("scan_scanners").select("id, naam, omschrijving, werkplek, actief").order("naam"),
+                db().from("printers").select("id, naam, locatie, actief, online").order("naam"),
+            ]);
+            const mapScanner = (rows) => (Array.isArray(rows) ? rows : [])
+                .filter((r) => r && r.actief !== false)
+                .map((r) => ({
+                id: String(r.id),
+                name: String(r.naam ?? r.id),
+                hint: r.werkplek ? String(r.werkplek) : undefined,
+            }));
+            const mapPrinter = (rows) => (Array.isArray(rows) ? rows : [])
+                .filter((r) => r && r.actief !== false)
+                .map((r) => ({
+                id: String(r.id),
+                name: String(r.naam ?? r.id),
+                hint: r.locatie ? String(r.locatie) : undefined,
+            }));
+            cache = { scanners: mapScanner(scanners?.data), printers: mapPrinter(printers?.data) };
+            return cache;
+        })();
+    }
+    return inflight;
+}
+export function useScannersPrinters() {
+    const [scanners, setScanners] = useState(cache?.scanners ?? []);
+    const [printers, setPrinters] = useState(cache?.printers ?? []);
+    const [loading, setLoading] = useState(!cache);
+    useEffect(() => {
+        let active = true;
+        load()
+            .then((result) => {
+            if (!active)
+                return;
+            setScanners(result.scanners);
+            setPrinters(result.printers);
+        })
+            .catch(() => undefined)
+            .finally(() => {
+            if (active)
+                setLoading(false);
+        });
+        return () => {
+            active = false;
+        };
+    }, []);
+    return { scanners, printers, loading };
+}

package/dist-lib/index.d.ts

@@ -10,6 +10,8 @@ export * from './components/VoorraadMeldingenCard';
 export { FloridayPushCard } from './components/FloridayPushCard';
 export { PrintjobsCard } from './components/PrintjobsCard';
 export { ConsistentieCard } from './components/ConsistentieCard';
+export { KarplanStatusCard } from './components/KarplanStatusCard';
+export { AfmetingenBronnenCard } from './components/AfmetingenBronnenCard';
 export * from './hooks/usePrintjobs';
 export * from './components/VertragingMeldingenCard';
 export * from './components/CapaciteitMeldingenCard';

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,cAAc,sBAAsB,CAAC;AAErC,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAGrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mDAAmD,CAAC;AAChG,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qCAAqC,CAAC;AAMpD,eAAO,MAAM,qBAAqB,EAAE,UAcnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,cAAc,sBAAsB,CAAC;AAErC,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAGrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mDAAmD,CAAC;AAChG,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qCAAqC,CAAC;AAMpD,eAAO,MAAM,qBAAqB,EAAE,UAcnC,CAAC"}

package/dist-lib/index.js

@@ -13,6 +13,8 @@ export * from './components/VoorraadMeldingenCard';
 export { FloridayPushCard } from './components/FloridayPushCard';
 export { PrintjobsCard } from './components/PrintjobsCard';
 export { ConsistentieCard } from './components/ConsistentieCard';
+export { KarplanStatusCard } from './components/KarplanStatusCard';
+export { AfmetingenBronnenCard } from './components/AfmetingenBronnenCard';
 export * from './hooks/usePrintjobs';
 export * from './components/VertragingMeldingenCard';
 export * from './components/CapaciteitMeldingenCard';