@flowselections/logistiek-engine 1.0.1

package/dist-lib/components/RegiePage.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// ============================================================================
+// src/components/RegiePage.tsx — Regieoverzicht van de Logistics Engine
+// ============================================================================
+// Toont welke taken de Engine heeft uitgedeeld, per order en per module,
+// plus een simulatieveld om te zien wat de Engine met een order zou doen.
+// GEEN <Header /> hier — die levert de shell.
+// ============================================================================
+import { useMemo, useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
+import { ArrowUpCircle, Ban, RefreshCw, RotateCcw, Trash2, Workflow } from "lucide-react";
+import { Link } from "@tanstack/react-router";
+import { useLogistiekTaken } from "../hooks/useLogistiekTaken";
+import { BeladingIndelingCard } from "./BeladingIndelingCard";
+import { VoorraadMeldingenCard } from "./VoorraadMeldingenCard";
+import { VertragingMeldingenCard } from "./VertragingMeldingenCard";
+import { CapaciteitMeldingenCard } from "./CapaciteitMeldingenCard";
+import { LOGISTICS_MODULES, TASK_LABEL, TASK_STATUS_LABEL, } from "../lib/logisticsTasks";
+function tijd(value) {
+    if (!value)
+        return "—";
+    const d = new Date(value);
+    if (Number.isNaN(d.getTime()))
+        return "—";
+    return d.toLocaleString("nl-NL", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit" });
+}
+function statusVariant(status) {
+    if (status === "done")
+        return "default";
+    if (status === "failed" || status === "cancelled")
+        return "destructive";
+    if (status === "in_progress" || status === "claimed")
+        return "secondary";
+    return "outline";
+}
+const WAARSCHUWING_LABEL = {
+    pick_start_in_past: "Pickstart lag in het verleden",
+    pick_window_too_short: "Pickvenster te kort",
+    pickup_in_past: "Ophaalmoment verstreken",
+    buffer_close_in_past: "Buffer sloot al",
+    rule_version_not_found: "Regelversie niet gevonden",
+    no_rule_config: "Geen regelset gekoppeld",
+};
+export function RegiePage() {
+    const { taken, planRuns, meldingen, loading, laden, verwijderOrder, herverwerkMelding, claimTaak, rondTaakAf, meldTaakMislukt, annuleerOrder, zetPrioriteit, } = useLogistiekTaken();
+    const [filter, setFilter] = useState("");
+    const safeTaken = Array.isArray(taken) ? taken : [];
+    const safeRuns = Array.isArray(planRuns) ? planRuns : [];
+    const safeMeldingen = Array.isArray(meldingen) ? meldingen : [];
+    const gefilterd = useMemo(() => {
+        const q = filter.trim().toLowerCase();
+        if (!q)
+            return safeTaken;
+        return safeTaken.filter((t) => t.order_ref.toLowerCase().includes(q) ||
+            t.task_type.toLowerCase().includes(q) ||
+            t.owner_module.toLowerCase().includes(q));
+    }, [safeTaken, filter]);
+    const perOrder = useMemo(() => {
+        const map = new Map();
+        for (const t of gefilterd) {
+            const list = map.get(t.order_ref) ?? [];
+            list.push(t);
+            map.set(t.order_ref, list);
+        }
+        return Array.from(map.entries());
+    }, [gefilterd]);
+    const perModule = useMemo(() => {
+        const counts = {};
+        for (const t of safeTaken) {
+            counts[t.owner_module] = (counts[t.owner_module] ?? 0) + 1;
+        }
+        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("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 }), _jsx(TableCell, { className: "text-sm", children: tijd(t.planned_start) }), _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));
+                        })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Planrondes" }), _jsx(CardDescription, { children: "Elke keer dat de Engine (her)plande, met welke regelversie." })] }), _jsx(CardContent, { children: safeRuns.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog geen planrondes." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Moment" }), _jsx(TableHead, { children: "Order" }), _jsx(TableHead, { children: "Aanleiding" }), _jsx(TableHead, { children: "Bron" }), _jsx(TableHead, { children: "Regelversie" }), _jsx(TableHead, { children: "Taken" }), _jsx(TableHead, { children: "Signalen" })] }) }), _jsx(TableBody, { children: safeRuns.map((r) => {
+                                        const warnings = Array.isArray(r.warnings) ? r.warnings : [];
+                                        return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "text-sm", children: tijd(r.created_at) }), _jsx(TableCell, { className: "font-medium", children: r.order_ref }), _jsx(TableCell, { className: "text-sm", children: r.trigger }), _jsx(TableCell, { className: "text-sm", children: r.source_module ?? "—" }), _jsxs(TableCell, { className: "text-sm", children: [r.rule_version ?? "—", r.settings_hash ? (_jsx("span", { className: "text-muted-foreground ml-1 font-mono text-xs", children: r.settings_hash.slice(0, 6) })) : null] }), _jsxs(TableCell, { className: "text-sm", children: [r.tasks_created, " nieuw / ", r.tasks_revised, " herzien"] }), _jsx(TableCell, { className: "text-sm", children: warnings.length === 0 ? (_jsx("span", { className: "text-muted-foreground", children: "\u2014" })) : (_jsx("div", { className: "flex flex-wrap gap-1", children: warnings.map((w, i) => (_jsx(Badge, { variant: "outline", children: WAARSCHUWING_LABEL[String(w.code)] ?? String(w.code) }, i))) })) })] }, r.id));
+                                    }) })] })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Binnengekomen orders" }), _jsx(CardDescription, { children: "Elke binnengekomen order wordt automatisch omgezet naar de bijbehorende werkzaamheden." })] }), _jsx(CardContent, { children: safeMeldingen.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog geen meldingen ontvangen." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Moment" }), _jsx(TableHead, { children: "Onderdeel" }), _jsx(TableHead, { children: "Soort" }), _jsx(TableHead, { children: "Order" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "w-24" })] }) }), _jsx(TableBody, { children: safeMeldingen.map((m) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "text-sm", children: tijd(m.created_at) }), _jsx(TableCell, { className: "text-sm", children: LOGISTICS_MODULES[m.source_module] ?? m.source_module }), _jsx(TableCell, { className: "text-sm", children: m.event_type }), _jsx(TableCell, { className: "font-medium", children: m.order_ref }), _jsxs(TableCell, { children: [_jsx(Badge, { variant: m.status === "failed" ? "destructive" : m.status === "processed" ? "default" : "outline", children: m.status === "processed" ? "Verwerkt" : m.status === "failed" ? "Mislukt" : "Wachtend" }), m.error && _jsx("p", { className: "text-destructive mt-1 text-xs", children: m.error })] }), _jsx(TableCell, { className: "text-right", children: m.status !== "processed" && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void herverwerkMelding(m.id), children: [_jsx(RotateCcw, { className: "mr-1 h-4 w-4" }), "Opnieuw"] })) })] }, m.id))) })] })) })] }), _jsx(VoorraadMeldingenCard, {}), _jsx(VertragingMeldingenCard, {}), _jsx(CapaciteitMeldingenCard, {}), _jsx(BeladingIndelingCard, {})] }));
+}

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

@@ -0,0 +1,7 @@
+export interface RuleEnginePageProps {
+    /** Configureer alleen de werkwijze van deze strategie */
+    strategyId?: string | null;
+    strategyName?: string | null;
+}
+export declare function RuleEnginePage({ strategyId, strategyName }?: RuleEnginePageProps): import("react").JSX.Element;
+//# sourceMappingURL=RuleEnginePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuleEnginePage.d.ts","sourceRoot":"","sources":["../../src/components/RuleEnginePage.tsx"],"names":[],"mappings":"AAiEA,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,EAAE,UAAiB,EAAE,YAAmB,EAAE,GAAE,mBAAwB,+BAkYlG"}

package/dist-lib/components/RuleEnginePage.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/RuleEnginePage.tsx — logistieke werkwijze instellen
+// ============================================================================
+import { useMemo, useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Input, Label, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Skeleton, } from "@flowselections/core";
+import { AlertTriangle, CheckCircle2, ChevronLeft, ChevronRight, MoreVertical, Plus, RefreshCw, Save, Trash2, } from "lucide-react";
+import { toast } from "@flowselections/core";
+import { useRecalcJob, phaseLabel } from "../hooks/useRecalcJob";
+import { fieldVisible, } from "../lib/ruleEngineSchema";
+import { WIZARD_STEPS, groupSummary, isAdvancedField, } from "../lib/ruleEngineWizard";
+import { useRuleEngine } from "../hooks/useRuleEngine";
+import { RuleFieldInput } from "./rule-engine/RuleFieldInput";
+import { CollapsibleGroup } from "./rule-engine/CollapsibleGroup";
+import { ConditionsEditor } from "./rule-engine/ConditionsEditor";
+import { ImpactPanel } from "./rule-engine/ImpactPanel";
+import { VersionsPanel } from "./rule-engine/VersionsPanel";
+const WIDE_TYPES = ["priority", "toggle", "days", "radio", "textarea"];
+function fieldClass(field) {
+    return WIDE_TYPES.includes(field.type) ? "md:col-span-2" : "";
+}
+export function RuleEnginePage({ strategyId = null, strategyName = null } = {}) {
+    const { versions, activeConfig, loading, saving, error, createConfig, patchSettings, saveConfig, activateConfig, restoreVersion, deleteConfig, } = useRuleEngine({ strategyId, strategyName });
+    const [stepIndex, setStepIndex] = useState(0);
+    const [createOpen, setCreateOpen] = useState(false);
+    const [newName, setNewName] = useState("");
+    const [newDescription, setNewDescription] = useState("");
+    const [recalculating, setRecalculating] = useState(false);
+    const step = WIZARD_STEPS[stepIndex] ?? WIZARD_STEPS[0];
+    const settings = activeConfig?.settings ?? {};
+    const stepValues = settings?.[step.storeId]?.fields ?? {};
+    const stepConditions = settings?.[step.storeId]?.conditions ?? [];
+    const setFieldValue = (key, value) => {
+        if (!activeConfig)
+            return;
+        patchSettings(activeConfig.id, {
+            ...settings,
+            [step.storeId]: {
+                ...(settings[step.storeId] ?? { fields: {}, conditions: [] }),
+                fields: { ...stepValues, [key]: value },
+            },
+        });
+    };
+    const setConditions = (conditions) => {
+        if (!activeConfig)
+            return;
+        patchSettings(activeConfig.id, {
+            ...settings,
+            [step.storeId]: {
+                ...(settings[step.storeId] ?? { fields: {}, conditions: [] }),
+                conditions,
+            },
+        });
+    };
+    const handleCreate = async () => {
+        if (!newName.trim())
+            return;
+        await createConfig(newName.trim(), newDescription.trim() || undefined);
+        setNewName("");
+        setNewDescription("");
+        setCreateOpen(false);
+        setStepIndex(0);
+    };
+    const { job, starting, startRecalculation } = useRecalcJob();
+    const running = job?.status === "running";
+    const busy = starting || running || recalculating;
+    const handleSaveAndRecalculate = async () => {
+        if (!activeConfig)
+            return;
+        setRecalculating(true);
+        try {
+            await saveConfig(activeConfig);
+            // Een werkwijze telt pas mee als hij actief is.
+            if (!activeConfig.is_active)
+                await activateConfig(activeConfig.id);
+            // De herberekening draait als achtergrondtaak door, ook als je wegnavigeert.
+            await startRecalculation(strategyId);
+            toast.success("Opgeslagen — de herberekening loopt op de achtergrond");
+        }
+        catch (e) {
+            toast.error("Opnieuw berekenen is niet gelukt. Probeer het nog een keer.");
+        }
+        finally {
+            setRecalculating(false);
+        }
+    };
+    const jobProblems = useMemo(() => {
+        const list = [];
+        if (Array.isArray(job?.errors))
+            list.push(...job.errors.slice(0, 3));
+        if (Array.isArray(job?.steps)) {
+            list.push(...job.steps.filter((s) => !s.ok).map((s) => s.error ?? "Onderdeel niet gelukt").slice(0, 3));
+        }
+        return list;
+    }, [job]);
+    const showJobLine = Boolean(job) && (running || job?.status === "error" || jobProblems.length > 0);
+    return (_jsxs("div", { className: "space-y-4 p-6", children: [_jsxs("header", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx("h1", { className: "text-xl font-semibold tracking-tight", children: strategyName ? `Werkwijze: ${strategyName}` : "Werkwijze instellen" }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setCreateOpen(true), children: [_jsx(Plus, { className: "h-4 w-4" }), "Nieuw"] }), _jsxs(Button, { size: "sm", disabled: !activeConfig || saving || busy, onClick: handleSaveAndRecalculate, children: [busy ? _jsx(RefreshCw, { className: "h-4 w-4 animate-spin" }) : _jsx(Save, { className: "h-4 w-4" }), running
+                                        ? `${phaseLabel(job?.phase)}… (${job?.processed ?? 0})`
+                                        : busy
+                                            ? "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 ? (_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
+                                ? "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));
+                                            if (visibleFields.length === 0)
+                                                return null;
+                                            const basicFields = visibleFields.filter((f) => !isAdvancedField(f));
+                                            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], 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], 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" })] })] }) })] }));
+}

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

@@ -0,0 +1,11 @@
+import type { LogistiekStrategie, StrategieInput } from "../hooks/useLogistiekStrategieen";
+interface Props {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    strategie: LogistiekStrategie | null;
+    saving: boolean;
+    onSubmit: (input: StrategieInput) => Promise<boolean>;
+}
+export declare function StrategieDialog({ open, onOpenChange, strategie, saving, onSubmit }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=StrategieDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StrategieDialog.d.ts","sourceRoot":"","sources":["../../src/components/StrategieDialog.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAE3F,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACvD;AAUD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,+BA4FzF"}

package/dist-lib/components/StrategieDialog.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/StrategieDialog.tsx — strategie aanmaken of bewerken
+// ============================================================================
+import { useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Switch, Textarea, } from "@flowselections/core";
+const EMPTY = {
+    name: "",
+    description: "",
+    priority: 100,
+    color: "#3b82f6",
+    is_active: false,
+};
+export function StrategieDialog({ open, onOpenChange, strategie, saving, onSubmit }) {
+    const [form, setForm] = useState(EMPTY);
+    useEffect(() => {
+        if (!open)
+            return;
+        setForm(strategie
+            ? {
+                name: strategie.name ?? "",
+                description: strategie.description ?? "",
+                priority: Number(strategie.priority ?? 100),
+                color: strategie.color ?? "#3b82f6",
+                is_active: !!strategie.is_active,
+            }
+            : EMPTY);
+    }, [open, strategie]);
+    const set = (key, value) => setForm((prev) => ({ ...prev, [key]: value }));
+    const handleSubmit = async () => {
+        if (!form.name.trim())
+            return;
+        const ok = await onSubmit({ ...form, name: form.name.trim() });
+        if (ok)
+            onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: strategie ? "Werkwijze bewerken" : "Nieuwe werkwijze" }), _jsx(DialogDescription, { children: "Geef de werkwijze een herkenbare naam en kleur." })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Naam" }), _jsx(Input, { value: form.name, onChange: (e) => set("name", e.target.value), placeholder: "Bijv. Standaard werkwijze" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving" }), _jsx(Textarea, { value: form.description, onChange: (e) => set("description", e.target.value), placeholder: "Waarvoor gebruik je deze werkwijze?" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Kleur" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { type: "color", className: "h-10 w-14 p-1", value: form.color, onChange: (e) => set("color", e.target.value) }), _jsx(Input, { value: form.color, onChange: (e) => set("color", e.target.value) })] })] }), _jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border p-3", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { className: "text-sm font-medium", children: "Aan" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Alleen een werkwijze die aan staat wordt op je orders toegepast." })] }), _jsx(Switch, { checked: form.is_active, onCheckedChange: (checked) => set("is_active", checked) })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { onClick: handleSubmit, disabled: saving || !form.name.trim(), children: strategie ? "Opslaan" : "Aanmaken" })] })] }) }));
+}

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

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

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

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

package/dist-lib/components/VertragingMeldingenCard.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/VertragingMeldingenCard.tsx — orders die de leverdatum niet halen
+// ============================================================================
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Skeleton, } from "@flowselections/core";
+import { CheckCircle2, Clock, RefreshCw, ThumbsUp } from "lucide-react";
+import { VERTRAGING_PRIORITEIT, useVertragingMeldingen } from "../hooks/useVertragingMeldingen";
+function tijd(value) {
+    if (!value)
+        return "onbekend";
+    try {
+        return new Date(value).toLocaleString("nl-NL", { dateStyle: "short", timeStyle: "short" });
+    }
+    catch {
+        return value;
+    }
+}
+function datum(value) {
+    if (!value)
+        return "onbekend";
+    try {
+        return new Date(value).toLocaleDateString("nl-NL", { dateStyle: "short" });
+    }
+    catch {
+        return value;
+    }
+}
+export function VertragingMeldingenCard() {
+    const { meldingen, loading, reload, scan, goedkeuren, afhandelen } = useVertragingMeldingen();
+    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(Clock, { className: "h-4 w-4 text-amber-500" }), "Vertraagde leveringen"] }), _jsx(CardDescription, { children: "Meldingen blijven zichtbaar tot ze zijn afgehandeld." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => void scan(), children: "Nu controleren" }), _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-24 w-full" })) : safe.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen vertraagde leveringen." })) : (safe.map((m) => (_jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-sm font-semibold", children: ["Order ", m.order_ref, m.customer_name ? ` · ${m.customer_name}` : ""] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Gepland ", datum(m.planned_delivery_date), " \u00B7 verwacht ", datum(m.expected_delivery_date), " \u00B7 gemeld ", tijd(m.created_at)] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: "secondary", children: VERTRAGING_PRIORITEIT[m.priority] ?? "Normaal" }), m.current_status ? _jsx(Badge, { variant: "outline", children: m.current_status }) : null, m.reschedule_status === "awaiting_approval" ? (_jsx(Badge, { variant: "outline", children: "Wacht op goedkeuring" })) : null, m.customer_notified ? _jsx(Badge, { variant: "outline", children: "Klant ge\u00EFnformeerd" }) : null] })] }), m.reason ? (_jsxs("p", { className: "mt-2 text-sm text-muted-foreground", children: ["Reden: ", m.reason] })) : null, _jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [m.reschedule_status === "awaiting_approval" ? (_jsxs(Button, { size: "sm", onClick: () => void goedkeuren(m.id), children: [_jsx(ThumbsUp, { className: "mr-1 h-4 w-4" }), "Herplanning goedkeuren"] })) : null, _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void afhandelen(m.id), children: [_jsx(CheckCircle2, { className: "mr-1 h-4 w-4" }), "Afgehandeld"] })] })] }, m.id)))) })] }));
+}

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

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

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

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

package/dist-lib/components/VoorraadMeldingenCard.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/VoorraadMeldingenCard.tsx — open voorraadtekorten
+// ============================================================================
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Skeleton, } from "@flowselections/core";
+import { AlertTriangle, CheckCircle2, Mail, RefreshCw } from "lucide-react";
+import { PRIORITEIT_LABELS, useVoorraadMeldingen } from "../hooks/useVoorraadMeldingen";
+function tijd(value) {
+    try {
+        return new Date(value).toLocaleString("nl-NL", { dateStyle: "short", timeStyle: "short" });
+    }
+    catch {
+        return value;
+    }
+}
+export function VoorraadMeldingenCard() {
+    const { meldingen, loading, reload, afhandelen, mailOpnieuw } = useVoorraadMeldingen();
+    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" }), "Onvoldoende voorraad"] }), _jsx(CardDescription, { children: "Meldingen blijven open staan tot ze zijn afgehandeld." })] }), _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-24 w-full" })) : safe.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen openstaande voorraadmeldingen." })) : (safe.map((m) => (_jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-sm font-semibold", children: ["Order ", m.order_ref, m.customer_name ? ` · ${m.customer_name}` : ""] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Gemeld ", tijd(m.created_at), m.delivery_date ? ` · gewenste leverdatum ${m.delivery_date}` : ""] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: m.priority >= 3 ? "destructive" : "secondary", children: PRIORITEIT_LABELS[m.priority] ?? "Normaal" }), m.email_enabled && (_jsxs(Badge, { variant: m.email_status === "failed" ? "destructive" : "outline", className: "gap-1", title: m.email_error ?? undefined, children: [_jsx(Mail, { className: "h-3 w-3" }), m.email_status === "sent"
+                                                    ? "Verstuurd"
+                                                    : m.email_status === "queued"
+                                                        ? "In wachtrij"
+                                                        : m.email_status === "failed"
+                                                            ? "Mislukt"
+                                                            : "E-mail"] })), m.email_enabled && m.email_status !== "sent" && (_jsxs(Button, { size: "sm", variant: "ghost", onClick: () => void mailOpnieuw(m.id), children: [_jsx(Mail, { className: "mr-1 h-4 w-4" }), "Mail opnieuw"] })), _jsxs(Button, { size: "sm", variant: "ghost", onClick: () => void afhandelen(m.id), children: [_jsx(CheckCircle2, { className: "mr-1 h-4 w-4" }), "Afhandelen"] })] })] }), _jsx("ul", { className: "mt-2 space-y-1 text-sm", children: (Array.isArray(m.shortages) ? m.shortages : []).map((s, i) => (_jsxs("li", { className: "text-muted-foreground", children: [s.product ?? "Onbekend product", " \u2014 ", Number(s.missing ?? 0), " stuks tekort", " ", "(besteld ", Number(s.wanted ?? 0), ", voorraad ", Number(s.available ?? 0), ")"] }, i))) })] }, m.id)))) })] }));
+}

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

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+interface Props {
+    title: string;
+    /** Korte samenvatting van de huidige keuze, zichtbaar als het blok dicht is. */
+    summary?: string;
+    help?: string;
+    defaultOpen?: boolean;
+    children: ReactNode;
+}
+export declare function CollapsibleGroup({ title, summary, help, defaultOpen, children }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/CollapsibleGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,WAAmB,EAAE,QAAQ,EAAE,EAAE,KAAK,+BA2B9F"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/rule-engine/CollapsibleGroup.tsx — in- en uitklapbaar blok
+// ============================================================================
+import { useState } from "react";
+import { ChevronDown } from "lucide-react";
+import { FieldHelp } from "./FieldHelp";
+export function CollapsibleGroup({ title, summary, help, defaultOpen = false, children }) {
+    const [open, setOpen] = useState(defaultOpen);
+    return (_jsxs("section", { className: "rounded-lg border border-border", children: [_jsxs("button", { type: "button", onClick: () => setOpen((v) => !v), "aria-expanded": open, className: "flex w-full items-center justify-between gap-3 rounded-lg px-3 py-2.5 text-left transition-colors hover:bg-muted/60", children: [_jsxs("span", { className: "min-w-0", children: [_jsxs("span", { className: "flex items-center gap-1.5 text-sm font-semibold", children: [title, _jsx(FieldHelp, { text: help })] }), !open && summary && (_jsx("span", { className: "mt-0.5 block truncate text-xs text-muted-foreground", children: summary }))] }), _jsx(ChevronDown, { className: `h-4 w-4 shrink-0 text-muted-foreground transition-transform ${open ? "rotate-180" : ""}` })] }), open && _jsx("div", { className: "space-y-4 border-t border-border px-3 py-4", children: children })] }));
+}

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

@@ -0,0 +1,8 @@
+import { type RuleCondition } from "../../lib/ruleEngineSchema";
+interface Props {
+    conditions: RuleCondition[];
+    onChange: (conditions: RuleCondition[]) => void;
+}
+export declare function ConditionsEditor({ conditions, onChange }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ConditionsEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/ConditionsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,KAAK;IACb,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,+BAiH/D"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/rule-engine/ConditionsEditor.tsx — voorwaarden per stap
+// ============================================================================
+import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+import { Plus, Trash2 } from "lucide-react";
+import { CONDITION_FIELDS, CONDITION_OPERATORS, } from "../../lib/ruleEngineSchema";
+export function ConditionsEditor({ conditions, onChange }) {
+    const safe = Array.isArray(conditions) ? conditions : [];
+    const add = () => {
+        onChange([
+            ...safe,
+            {
+                id: `c_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`,
+                field: "customer",
+                operator: "in",
+                values: [],
+            },
+        ]);
+    };
+    const update = (id, patch) => {
+        onChange(safe.map((c) => (c.id === id ? { ...c, ...patch } : c)));
+    };
+    const remove = (id) => onChange(safe.filter((c) => c.id !== id));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx(Label, { className: "text-sm font-medium", children: "Voorwaarden" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Zonder voorwaarden gelden deze regels voor alle orders." })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: add, children: [_jsx(Plus, { className: "h-4 w-4" }), "Voorwaarde"] })] }), safe.length === 0 ? (_jsx("p", { className: "rounded-lg border border-dashed border-border p-3 text-sm text-muted-foreground", children: "Geldt voor alle orders." })) : (_jsx("ul", { className: "space-y-2", children: safe.map((condition) => (_jsxs("li", { className: "flex flex-wrap items-end gap-2 rounded-lg border border-border p-3", children: [_jsxs("div", { className: "min-w-40 flex-1 space-y-1", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: "Veld" }), _jsxs(Select, { value: condition.field, onValueChange: (value) => update(condition.id, { field: value }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: CONDITION_FIELDS.map((f) => (_jsx(SelectItem, { value: f.value, children: f.label }, f.value))) })] })] }), _jsxs("div", { className: "min-w-36 flex-1 space-y-1", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: "Operator" }), _jsxs(Select, { value: condition.operator, onValueChange: (value) => update(condition.id, { operator: value }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: CONDITION_OPERATORS.map((o) => (_jsx(SelectItem, { value: o.value, children: o.label }, o.value))) })] })] }), _jsxs("div", { className: "min-w-48 flex-[2] space-y-1", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: "Waarden (komma-gescheiden)" }), _jsx(Input, { value: (condition.values ?? []).join(", "), placeholder: "bijv. Klant A, Klant B", onChange: (e) => update(condition.id, {
+                                        values: e.target.value
+                                            .split(",")
+                                            .map((v) => v.trim())
+                                            .filter(Boolean),
+                                    }) })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => remove(condition.id), "aria-label": "Voorwaarde verwijderen", children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, condition.id))) }))] }));
+}

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

@@ -0,0 +1,14 @@
+interface FieldHelpProps {
+    text?: string;
+}
+export declare function FieldHelp({ text }: FieldHelpProps): import("react").JSX.Element | null;
+interface FieldLabelProps {
+    label: string;
+    help?: string;
+    unit?: string;
+    className?: string;
+}
+/** Label met optioneel vraagteken-icoon voor de uitleg. */
+export declare function FieldLabel({ label, help, unit, className }: FieldLabelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FieldHelp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldHelp.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/FieldHelp.tsx"],"names":[],"mappings":"AAUA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,cAAc,sCAmBjD;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2DAA2D;AAC3D,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,eAAe,+BAU3E"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/rule-engine/FieldHelp.tsx — uitleg bij een instelling
+// ============================================================================
+// Toont een klein vraagteken naast het label. Hover of focus toont de uitleg,
+// zodat de uitleg niet permanent ruimte inneemt op het scherm.
+// ============================================================================
+import { HelpCircle } from "lucide-react";
+import { Label } from "@flowselections/core";
+export function FieldHelp({ text }) {
+    if (!text)
+        return null;
+    return (_jsxs("span", { className: "group relative inline-flex align-middle", children: [_jsx("button", { type: "button", "aria-label": "Uitleg", className: "text-muted-foreground/70 transition-colors hover:text-foreground focus:text-foreground focus:outline-none", children: _jsx(HelpCircle, { className: "h-3.5 w-3.5" }) }), _jsx("span", { role: "tooltip", className: "pointer-events-none absolute left-1/2 top-full z-50 mt-1.5 hidden w-64 -translate-x-1/2 rounded-md border border-border bg-popover p-2.5 text-xs font-normal leading-relaxed text-popover-foreground shadow-md group-hover:block group-focus-within:block", children: text })] }));
+}
+/** Label met optioneel vraagteken-icoon voor de uitleg. */
+export function FieldLabel({ label, help, unit, className }) {
+    return (_jsxs(Label, { className: `flex items-center gap-1.5 text-sm font-medium ${className ?? ""}`, children: [_jsxs("span", { children: [label, unit ? _jsxs("span", { className: "text-muted-foreground", children: [" (", unit, ")"] }) : null] }), _jsx(FieldHelp, { text: help })] }));
+}

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/ImpactPanel.d.ts

@@ -0,0 +1,5 @@
+import type { RuleEngineSettings } from "../../lib/ruleEngineSchema";
+export declare function ImpactPanel({ settings }: {
+    settings: RuleEngineSettings;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ImpactPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImpactPanel.d.ts","sourceRoot":"","sources":["../../../src/components/rule-engine/ImpactPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAerE,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,+BAqEzE"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/rule-engine/ImpactPanel.tsx — impact & samenvatting
+// ============================================================================
+import { Badge, Card, CardContent, CardHeader, CardTitle } from "@flowselections/core";
+import { AlertTriangle, Info, ShieldAlert } from "lucide-react";
+import { analyseImpact, summarize } from "../../lib/ruleEngineImpact";
+const ICONS = {
+    info: Info,
+    warning: AlertTriangle,
+    risk: ShieldAlert,
+};
+const TONE = {
+    info: "text-muted-foreground",
+    warning: "text-amber-600",
+    risk: "text-destructive",
+};
+export function ImpactPanel({ settings }) {
+    const impact = analyseImpact(settings);
+    const lines = summarize(settings);
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "text-base", children: "Impact" }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-3 gap-2 text-center", children: [_jsxs("div", { className: "rounded-lg border border-border p-2", children: [_jsxs("p", { className: "text-lg font-semibold", children: [impact.automationScore, "%"] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Automatisch" })] }), _jsxs("div", { className: "rounded-lg border border-border p-2", children: [_jsx("p", { className: "text-lg font-semibold", children: impact.manualSteps }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Handmatig" })] }), _jsxs("div", { className: "rounded-lg border border-border p-2", children: [_jsx("p", { className: "text-lg font-semibold", children: impact.scanMoments }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Scanmomenten" })] })] }), _jsx("ul", { className: "space-y-3", children: impact.signals.map((signal, index) => {
+                                    const Icon = ICONS[signal.level];
+                                    return (_jsxs("li", { className: "flex gap-2", children: [_jsx(Icon, { className: `mt-0.5 h-4 w-4 shrink-0 ${TONE[signal.level]}` }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: signal.title }), _jsx("p", { className: "text-xs text-muted-foreground", children: signal.detail })] })] }, index));
+                                }) })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "text-base", children: "Samenvatting" }) }), _jsx(CardContent, { children: lines.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog niets ingesteld." })) : (_jsx("ul", { className: "space-y-2", children: lines.map((line, index) => (_jsxs("li", { className: "space-y-0.5 border-b border-border pb-2 last:border-0 last:pb-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "secondary", className: "text-[10px]", children: line.step }), _jsx("span", { className: "text-xs font-medium", children: line.label })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: line.value })] }, index))) })) })] })] }));
+}