@flowselections/floriday-afhandeling-module 1.0.25 → 1.0.26

package/dist-lib/lib/timezone.js

@@ -0,0 +1,68 @@
+/**
+ * Alle datum-/tijdlogica in deze module rekent met de tijdzone van Amsterdam,
+ * ongeacht de tijdzone van het apparaat van de gebruiker of de server.
+ */
+export const APP_TIME_ZONE = "Europe/Amsterdam";
+const partsFormatter = new Intl.DateTimeFormat("en-CA", {
+    timeZone: APP_TIME_ZONE,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: false,
+});
+/** Splits een datum op in kalenderonderdelen zoals Amsterdam ze ziet. */
+export function amsterdamParts(input) {
+    const d = input instanceof Date ? input : new Date(input);
+    if (Number.isNaN(d.getTime()))
+        return null;
+    const p = Object.fromEntries(partsFormatter.formatToParts(d).filter((x) => x.type !== "literal").map((x) => [x.type, Number(x.value)]));
+    return {
+        year: p.year,
+        month: p.month,
+        day: p.day,
+        hour: p.hour === 24 ? 0 : p.hour,
+        minute: p.minute,
+        second: p.second,
+    };
+}
+const pad = (n) => String(n).padStart(2, "0");
+/** YYYY-MM-DD in Amsterdamse tijd. */
+export function amsterdamDay(input) {
+    const p = amsterdamParts(input);
+    return p ? `${p.year}-${pad(p.month)}-${pad(p.day)}` : "";
+}
+/** HH:MM in Amsterdamse tijd. */
+export function amsterdamTime(input) {
+    const p = amsterdamParts(input);
+    return p ? `${pad(p.hour)}:${pad(p.minute)}` : "";
+}
+/** Offset (in minuten) van Amsterdam t.o.v. UTC op dat moment. */
+function amsterdamOffsetMinutes(utcMillis) {
+    const p = amsterdamParts(new Date(utcMillis));
+    if (!p)
+        return 0;
+    const asUtc = Date.UTC(p.year, p.month - 1, p.day, p.hour, p.minute, p.second);
+    return (asUtc - utcMillis) / 60000;
+}
+/**
+ * Bouw een echte tijdstempel uit een Amsterdamse kalenderdag + kloktijd.
+ * Houdt rekening met zomer-/wintertijd.
+ */
+export function amsterdamToInstant(day, hour = 8, minute = 0) {
+    const [y, m, d] = day.split("-").map(Number);
+    const naive = Date.UTC(y ?? 1970, (m ?? 1) - 1, d ?? 1, hour, minute, 0, 0);
+    let millis = naive - amsterdamOffsetMinutes(naive) * 60000;
+    // Tweede pass voor DST-overgangen.
+    millis = naive - amsterdamOffsetMinutes(millis) * 60000;
+    return new Date(millis);
+}
+/** Datum weergeven in Amsterdamse tijd. */
+export function formatAmsterdam(input, options = { dateStyle: "full", timeStyle: "short" }) {
+    const d = input instanceof Date ? input : new Date(input);
+    if (Number.isNaN(d.getTime()))
+        return "";
+    return d.toLocaleString("nl-NL", { timeZone: APP_TIME_ZONE, ...options });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowselections/floriday-afhandeling-module",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -47,7 +47,7 @@
     "@cloudflare/vite-plugin": "^1.25.5",
     "@eslint/js": "^9.32.0",
     "@flowselections/core": "1.0.16",
-    "@lovable.dev/vite-tanstack-config": "2.7.7",
+    "@lovable.dev/vite-tanstack-config": "2.9.0",
     "@rsbuild/core": "^1.0.0",
     "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-query": "^5.83.0",
@@ -99,13 +99,15 @@
         "export": "PickstationPage",
         "route": "pickstation",
         "title": "Pickstation",
-        "nav": false
+        "nav": false,
+        "public": true
       },
       {
         "export": "KioskControle",
         "route": "controle",
         "title": "KioskControle",
-        "nav": false
+        "nav": false,
+        "public": true
       },
       {
         "export": "VervoerdersPage",
@@ -124,23 +126,6 @@
         "route": "afhandeling/vervoerders/$carrierId/bewerken",
         "title": "Vervoerder bewerken",
         "nav": false
-      },
-      {
-        "export": "StrategieenPage",
-        "route": "afhandeling/engine/strategieen",
-        "title": "Logistieke Strategieën"
-      },
-      {
-        "export": "FormulesPage",
-        "route": "afhandeling/engine/formules",
-        "title": "Formules",
-        "nav": false
-      },
-      {
-        "export": "CapaciteitsmaatregelenPage",
-        "route": "afhandeling/engine/capaciteit",
-        "title": "Capaciteitsmaatregelen",
-        "nav": false
       }
     ]
   }

package/dist-lib/components/engine/CapaciteitsmaatregelenPage.d.ts

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

package/dist-lib/components/engine/CapaciteitsmaatregelenPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CapaciteitsmaatregelenPage.d.ts","sourceRoot":"","sources":["../../../src/components/engine/CapaciteitsmaatregelenPage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,0BAA0B,gCAyIzC"}

package/dist-lib/components/engine/CapaciteitsmaatregelenPage.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useMutation, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
-import { useServerFn } from "@tanstack/react-start";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription, Button, Input, Label, Switch, Separator, toast, } from "@flowselections/core";
-import { ChevronDown, ChevronUp, Save, ShieldCheck } from "lucide-react";
-import { DEFAULT_CAPACITY_SETTINGS, MEASURE_LABELS, MEASURE_UNITS, } from "../../lib/logisticsEngine/safetyLayer";
-import { getCapacitySettings, saveCapacitySettings } from "../../lib/logisticsEngine/capacity.functions";
-export function CapaciteitsmaatregelenPage() {
-    const getFn = useServerFn(getCapacitySettings);
-    const saveFn = useServerFn(saveCapacitySettings);
-    const qc = useQueryClient();
-    const { data } = useSuspenseQuery({
-        queryKey: ["capacity-settings"],
-        queryFn: () => getFn(),
-    });
-    const [settings, setSettings] = useState(data.settings ?? DEFAULT_CAPACITY_SETTINGS);
-    useEffect(() => { setSettings(data.settings ?? DEFAULT_CAPACITY_SETTINGS); }, [data.settings]);
-    const save = useMutation({
-        mutationFn: () => saveFn({ data: { settings } }),
-        onSuccess: () => {
-            toast.success("Instellingen opgeslagen");
-            qc.invalidateQueries({ queryKey: ["capacity-settings"] });
-        },
-        onError: (e) => toast.error(e instanceof Error ? e.message : "Opslaan mislukt"),
-    });
-    const move = (idx, dir) => {
-        const next = [...settings.measures];
-        const j = idx + dir;
-        if (j < 0 || j >= next.length)
-            return;
-        [next[idx], next[j]] = [next[j], next[idx]];
-        setSettings({ ...settings, measures: next });
-    };
-    const patch = (idx, p) => {
-        const next = settings.measures.map((m, i) => (i === idx ? { ...m, ...p } : m));
-        setSettings({ ...settings, measures: next });
-    };
-    return (_jsxs("main", { className: "p-6 space-y-6 max-w-4xl", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs("h1", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "w-6 h-6" }), " Capaciteitsmaatregelen"] }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Bepaal welke maatregelen de engine mag inzetten wanneer de planning niet meer haalbaar is, en in welke volgorde." })] }), _jsxs(Button, { onClick: () => save.mutate(), disabled: save.isPending, children: [_jsx(Save, { className: "w-4 h-4 mr-2" }), " Opslaan"] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Drempels en modus" }), _jsx(CardDescription, { children: "Wanneer wordt de planning oranje of rood en mag de engine zelf ingrijpen?" })] }), _jsxs(CardContent, { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Oranje drempel (min reserve)" }), _jsx(Input, { type: "number", value: settings.amberThresholdMinutes, onChange: (e) => setSettings({ ...settings, amberThresholdMinutes: Number(e.target.value) || 0 }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Rood drempel (min reserve)" }), _jsx(Input, { type: "number", value: settings.redThresholdMinutes, onChange: (e) => setSettings({ ...settings, redThresholdMinutes: Number(e.target.value) || 0 }) })] }), _jsxs("div", { className: "flex items-center justify-between rounded-md border p-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Automatisch toepassen" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Voer maatregelen automatisch uit zodra ze nodig zijn." })] }), _jsx(Switch, { checked: settings.autoApply, onCheckedChange: (v) => setSettings({ ...settings, autoApply: Boolean(v), warningOnly: v ? false : settings.warningOnly }) })] }), _jsxs("div", { className: "flex items-center justify-between rounded-md border p-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Nooit automatisch ingrijpen" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Alleen waarschuwingen tonen, geen maatregelen voorstellen." })] }), _jsx(Switch, { checked: settings.warningOnly, onCheckedChange: (v) => setSettings({ ...settings, warningOnly: Boolean(v), autoApply: v ? false : settings.autoApply }) })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Maatregelen op volgorde" }), _jsx(CardDescription, { children: "De engine probeert maatregelen van boven naar beneden totdat het tekort is opgelost." })] }), _jsx(CardContent, { className: "space-y-3", children: settings.measures.map((m, idx) => (_jsxs("div", { className: "rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("button", { className: "p-1 text-muted-foreground hover:text-foreground disabled:opacity-30", disabled: idx === 0, onClick: () => move(idx, -1), "aria-label": "Omhoog", children: _jsx(ChevronUp, { className: "w-4 h-4" }) }), _jsx("button", { className: "p-1 text-muted-foreground hover:text-foreground disabled:opacity-30", disabled: idx === settings.measures.length - 1, onClick: () => move(idx, 1), "aria-label": "Omlaag", children: _jsx(ChevronDown, { className: "w-4 h-4" }) })] }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "font-medium", children: [idx + 1, ". ", MEASURE_LABELS[m.kind]] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Prioriteit ", idx + 1] })] }), _jsx(Switch, { checked: m.enabled, onCheckedChange: (v) => patch(idx, { enabled: Boolean(v) }) })] }), m.enabled && (_jsxs("div", { className: "mt-3 grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsxs(Label, { children: ["Maximum (", MEASURE_UNITS[m.kind], ")"] }), _jsx(Input, { type: "number", value: m.max, onChange: (e) => patch(idx, { max: Number(e.target.value) || 0 }) })] }), m.kind === "extra-pickers" && (_jsxs("div", { children: [_jsx(Label, { children: "Karren/uur per picker" }), _jsx(Input, { type: "number", value: m.perUnit ?? 10, onChange: (e) => patch(idx, { perUnit: Number(e.target.value) || 0 }) })] }))] }))] })] }), idx < settings.measures.length - 1 && _jsx(Separator, { className: "mt-3" })] }, m.kind))) })] })] }));
-}

package/dist-lib/components/engine/CapaciteitsmonitorPage.d.ts

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

package/dist-lib/components/engine/CapaciteitsmonitorPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CapaciteitsmonitorPage.d.ts","sourceRoot":"","sources":["../../../src/components/engine/CapaciteitsmonitorPage.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,sBAAsB,gCAiLrC"}

package/dist-lib/components/engine/CapaciteitsmonitorPage.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { useServerFn } from "@tanstack/react-start";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription, Input, Label, Badge, Separator, } from "@flowselections/core";
-import { Activity, AlertTriangle, CheckCircle2, PlayCircle, TimerReset } from "lucide-react";
-import { DEFAULT_CAPACITY_SETTINGS, evaluateCapacity, } from "../../lib/logisticsEngine/safetyLayer";
-import { getCapacitySettings, listCapacityEvents } from "../../lib/logisticsEngine/capacity.functions";
-function statusMeta(s) {
-    if (s === "green")
-        return { color: "bg-emerald-500", label: "Groen — planning haalbaar", icon: CheckCircle2 };
-    if (s === "amber")
-        return { color: "bg-amber-500", label: "Oranje — planning wordt kritisch", icon: AlertTriangle };
-    return { color: "bg-red-500", label: "Rood — planning niet meer haalbaar", icon: AlertTriangle };
-}
-export function CapaciteitsmonitorPage() {
-    const getSettingsFn = useServerFn(getCapacitySettings);
-    const listEventsFn = useServerFn(listCapacityEvents);
-    const settingsQ = useQuery({ queryKey: ["capacity-settings"], queryFn: () => getSettingsFn() });
-    const eventsQ = useQuery({ queryKey: ["capacity-events"], queryFn: () => listEventsFn(), refetchInterval: 30000 });
-    const settings = settingsQ.data?.settings ?? DEFAULT_CAPACITY_SETTINGS;
-    const [input, setInput] = useState({
-        remainingWorkHours: 4,
-        cartsPerHour: 10,
-        pickers: 1,
-        requiredCarts: 40,
-        remainingBreakMinutes: 30,
-        earlierStartRoom: 1,
-    });
-    const [extraSim, setExtraSim] = useState(10);
-    const evalNow = useMemo(() => evaluateCapacity(input, settings), [input, settings]);
-    const evalSim = useMemo(() => evaluateCapacity({ ...input, requiredCarts: input.requiredCarts + extraSim }, settings), [input, extraSim, settings]);
-    const meta = statusMeta(evalNow.status);
-    const Icon = meta.icon;
-    return (_jsxs("main", { className: "p-6 space-y-6 max-w-6xl", children: [_jsxs("div", { children: [_jsxs("h1", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Activity, { className: "w-6 h-6" }), " Capaciteitsmonitor"] }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Live gezondheid van de logistieke planning. Simuleer extra orders en bekijk welke maatregelen ingezet zouden worden." })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-3", children: [_jsxs(Card, { className: "lg:col-span-2", children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: `inline-flex h-8 w-8 items-center justify-center rounded-full ${meta.color}`, children: _jsx(Icon, { className: "w-4 h-4 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: meta.label }), _jsx(CardDescription, { children: evalNow.reason })] })] }) }), _jsxs(CardContent, { className: "grid gap-4 sm:grid-cols-4", children: [_jsx(Stat, { label: "Beschikbaar", value: `${evalNow.availableCarts} karren` }), _jsx(Stat, { label: "Benodigd", value: `${evalNow.requiredCarts} karren` }), _jsx(Stat, { label: "Reserve", value: `${evalNow.reserveMinutes} min` }), _jsx(Stat, { label: "Verwachte eindtijd", value: `+${evalNow.expectedFinishMinutes} min` })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-sm font-medium mb-2", children: "Actievoorstellen" }), evalNow.measures.length === 0 ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Geen maatregelen nodig \u2014 planning past binnen de capaciteit." })) : (_jsx("ul", { className: "space-y-2", children: evalNow.measures.map((m, i) => (_jsxs("li", { className: "flex items-center justify-between rounded-md border p-2 text-sm", children: [_jsxs("div", { children: [_jsxs("div", { className: "font-medium", children: ["\u2714 ", m.label] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [m.amount, " ", m.unit, m.addsCarts > 0 ? ` → +${m.addsCarts} karren capaciteit` : ""] })] }), _jsxs(Badge, { variant: "secondary", children: ["stap ", i + 1] })] }, i))) })), evalNow.stillShortAfterMeasures > 0 && (_jsxs("div", { className: "mt-2 text-xs text-red-600", children: ["Zelfs met alle maatregelen blijft er een tekort van ", evalNow.stillShortAfterMeasures, " karren."] }))] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsxs(CardTitle, { className: "text-base flex items-center gap-2", children: [_jsx(TimerReset, { className: "w-4 h-4" }), " Huidige situatie"] }), _jsx(CardDescription, { children: "Pas aan om de monitor door te rekenen." })] }), _jsx(CardContent, { className: "space-y-2", children: [
-                                    ["remainingWorkHours", "Resterende werkuren"],
-                                    ["cartsPerHour", "Karren/uur (per picker)"],
-                                    ["pickers", "Aantal pickers"],
-                                    ["requiredCarts", "Benodigde karren"],
-                                    ["remainingBreakMinutes", "Resterende pauze (min)"],
-                                    ["earlierStartRoom", "Ruimte om eerder te starten (uur)"],
-                                ].map(([key, label]) => (_jsxs("div", { className: "grid grid-cols-2 items-center gap-2", children: [_jsx(Label, { className: "text-xs", children: label }), _jsx(Input, { type: "number", value: input[key], onChange: (e) => setInput({ ...input, [key]: Number(e.target.value) || 0 }) })] }, key))) })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsxs(CardTitle, { className: "text-base flex items-center gap-2", children: [_jsx(PlayCircle, { className: "w-4 h-4" }), " Simulatie"] }), _jsx(CardDescription, { children: "Test wat er gebeurt bij een plotselinge extra order." })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-end gap-3", children: [_jsxs("div", { className: "w-40", children: [_jsx(Label, { className: "text-xs", children: "Extra karren" }), _jsx(Input, { type: "number", value: extraSim, onChange: (e) => setExtraSim(Number(e.target.value) || 0) })] }), _jsxs("div", { className: "text-sm", children: [_jsx("span", { className: "font-medium", children: "Resultaat: " }), _jsx(Badge, { variant: evalSim.status === "green" ? "secondary" : "destructive", children: evalSim.status === "green" ? "Haalbaar" : evalSim.status === "amber" ? "Kritisch" : "Niet haalbaar" })] })] }), _jsx("div", { className: "text-sm text-muted-foreground", children: evalSim.reason }), evalSim.measures.length > 0 && (_jsx("ul", { className: "text-sm list-disc list-inside", children: evalSim.measures.map((m, i) => (_jsxs("li", { children: [m.label, " \u2014 ", m.amount, " ", m.unit, m.addsCarts > 0 ? ` (+${m.addsCarts} karren)` : ""] }, i))) }))] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardTitle, { className: "text-base", children: "Auditlog" }), _jsx(CardDescription, { children: "Laatste 50 capaciteitsberekeningen." })] }), _jsx(CardContent, { children: eventsQ.isLoading ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Laden\u2026" })) : (eventsQ.data?.events ?? []).length === 0 ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Nog geen evaluaties gelogd." })) : (_jsx("ul", { className: "divide-y", children: (eventsQ.data?.events ?? []).map((ev) => {
-                                const m = statusMeta(ev.status);
-                                return (_jsxs("li", { className: "py-2 flex items-center gap-3 text-sm", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${m.color}` }), _jsx("span", { className: "w-40 text-muted-foreground text-xs", children: new Date(ev.created_at).toLocaleString("nl-NL") }), _jsxs("span", { className: "flex-1", children: ["Benodigd ", ev.required_carts, ", beschikbaar ", ev.available_carts, ", reserve ", ev.reserve_minutes, " min", ev.shortage_carts > 0 ? ` — tekort ${ev.shortage_carts}` : ""] }), _jsx(Badge, { variant: "outline", children: ev.outcome })] }, ev.id));
-                            }) })) })] }), _jsx(Separator, {}), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Instellingen aanpassen? Ga naar ", _jsx("a", { className: "underline", href: "/afhandeling/engine/capaciteit", children: "Capaciteitsmaatregelen" }), "."] })] }));
-}
-function Stat({ label, value }) {
-    return (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: label }), _jsx("div", { className: "text-lg font-semibold", children: value })] }));
-}

package/dist-lib/components/engine/FormulesPage.d.ts

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

package/dist-lib/components/engine/FormulesPage.d.ts.map

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

package/dist-lib/components/engine/FormulesPage.js

@@ -1,252 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useServerFn } from "@tanstack/react-start";
-import { useSearch } from "@tanstack/react-router";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription, Button, Input, Label, Badge, Checkbox, Switch, Separator, Textarea, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, toast, } from "@flowselections/core";
-import { Save, Sparkles, Code2, Loader2 } from "lucide-react";
-import { listStrategies } from "../../lib/logisticsEngine/strategies.functions";
-import { loadWizardConfig, saveWizardConfig, aiSuggestConfig } from "../../lib/logisticsEngine/wizard.functions";
-import { DEFAULT_CONFIG, compileConfig, summarizeConfig, computePreview, } from "../../lib/logisticsEngine/config";
-import { WeekdayPicker } from "../afhandeling/WeekdayPicker";
-function normalizeConfig(c) {
-    const pv = (c.pickstationVisibility ?? {});
-    const d = DEFAULT_CONFIG.pickstationVisibility;
-    const legacy = pv;
-    const pickstationVisibility = {
-        mode: (pv.mode ?? "auto"),
-        logistics: {
-            batchClosed: pv.logistics?.batchClosed ?? legacy.batchClosed ?? d.logistics.batchClosed,
-            cartBuilt: pv.logistics?.cartBuilt ?? d.logistics.cartBuilt,
-            cartFull: pv.logistics?.cartFull ?? d.logistics.cartFull,
-            plannerApproved: pv.logistics?.plannerApproved ?? legacy.plannerApproved ?? d.logistics.plannerApproved,
-            capacityReleased: pv.logistics?.capacityReleased ?? d.logistics.capacityReleased,
-        },
-        documents: {
-            packingSlip: pv.documents?.packingSlip ?? legacy.packingSlip ?? d.documents.packingSlip,
-            deliveryNote: pv.documents?.deliveryNote ?? d.documents.deliveryNote,
-            transportLabel: pv.documents?.transportLabel ?? d.documents.transportLabel,
-        },
-        control: (pv.control ?? (legacy.controlDone ? "cart" : legacy.manual ? "manual" : "none")),
-    };
-    const sm = (c.startMoment ?? {});
-    const startMoment = {
-        autoWhenCapacity: sm.autoWhenCapacity ?? DEFAULT_CONFIG.startMoment.autoWhenCapacity,
-        safetyBufferMinutes: sm.safetyBufferMinutes ?? DEFAULT_CONFIG.startMoment.safetyBufferMinutes,
-        capacityMode: sm.capacityMode ?? DEFAULT_CONFIG.startMoment.capacityMode,
-        pickCapacityPerHour: sm.pickCapacityPerHour ?? DEFAULT_CONFIG.startMoment.pickCapacityPerHour,
-        minutesPerCart: sm.minutesPerCart ?? DEFAULT_CONFIG.startMoment.minutesPerCart,
-    };
-    const continuous = { ...DEFAULT_CONFIG.continuous, ...(c.continuous ?? {}), enabled: true };
-    const workingSchedule = {
-        ...DEFAULT_CONFIG.workingSchedule,
-        ...(c.workingSchedule ?? {}),
-        breaks: (c.workingSchedule?.breaks ?? DEFAULT_CONFIG.workingSchedule.breaks) ?? [],
-    };
-    const pickPlanningRelease = {
-        ...DEFAULT_CONFIG.pickPlanningRelease,
-        ...(c.pickPlanningRelease ?? {}),
-    };
-    return { ...c, pickstationVisibility, startMoment, continuous, workingSchedule, pickPlanningRelease };
-}
-export function FormulesPage() {
-    const search = useSearch({ strict: false });
-    const qc = useQueryClient();
-    const fetchStrategies = useServerFn(listStrategies);
-    const loadCfg = useServerFn(loadWizardConfig);
-    const saveCfg = useServerFn(saveWizardConfig);
-    const aiCfg = useServerFn(aiSuggestConfig);
-    const stratQ = useQuery({
-        queryKey: ["logistics", "strategies"],
-        queryFn: async () => (await fetchStrategies()).strategies,
-    });
-    const [strategyId, setStrategyId] = useState(null);
-    useEffect(() => {
-        if (!strategyId) {
-            const first = search.strategy ?? stratQ.data?.[0]?.id ?? null;
-            if (first)
-                setStrategyId(first);
-        }
-    }, [stratQ.data, search.strategy, strategyId]);
-    const cfgQ = useQuery({
-        queryKey: ["logistics", "wizard", strategyId],
-        queryFn: async () => (await loadCfg({ data: { strategy_id: strategyId } })).config,
-        enabled: !!strategyId,
-    });
-    const [config, setConfig] = useState(DEFAULT_CONFIG);
-    useEffect(() => { if (cfgQ.data)
-        setConfig(normalizeConfig(cfgQ.data)); }, [cfgQ.data]);
-    const update = (patch) => {
-        setConfig((prev) => typeof patch === "function" ? patch(prev) : { ...prev, ...patch });
-        void 0;
-    };
-    const saveMut = useMutation({
-        mutationFn: () => saveCfg({ data: { strategy_id: strategyId, config } }),
-        onSuccess: () => {
-            qc.invalidateQueries({ queryKey: ["logistics", "wizard", strategyId] });
-            qc.invalidateQueries({ queryKey: ["logistics", "formulas", strategyId] });
-            toast.success("Configuratie opgeslagen");
-        },
-        onError: (e) => toast.error(e.message),
-    });
-    const compiled = useMemo(() => compileConfig(config), [config]);
-    const summary = useMemo(() => summarizeConfig(config), [config]);
-    const preview = useMemo(() => computePreview(config), [config]);
-    const [advanced, setAdvanced] = useState(false);
-    const [aiOpen, setAiOpen] = useState(false);
-    const [aiText, setAiText] = useState("");
-    const [aiBusy, setAiBusy] = useState(false);
-    const runAi = async () => {
-        if (!aiText.trim())
-            return;
-        setAiBusy(true);
-        try {
-            const r = await aiCfg({ data: { description: aiText, current: config } });
-            setConfig(r.config);
-            setAiOpen(false);
-            setAiText("");
-            toast.success("Configuratie ingevuld door AI — controleer en sla op");
-        }
-        catch (e) {
-            toast.error(e.message);
-        }
-        finally {
-            setAiBusy(false);
-        }
-    };
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 flex-wrap", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Logistieke Configurator" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Beschrijf je werkwijze \u2014 het systeem bouwt de formules automatisch." })] }), _jsx("div", { className: "flex gap-2 items-center", children: _jsxs(Button, { onClick: () => saveMut.mutate(), disabled: !strategyId || saveMut.isPending, children: [saveMut.isPending ? _jsx(Loader2, { className: "w-4 h-4 mr-2 animate-spin" }) : _jsx(Save, { className: "w-4 h-4 mr-2" }), " Opslaan"] }) })] }), _jsx("div", { className: "flex gap-3 flex-wrap items-end", children: _jsxs("div", { children: [_jsx(Label, { children: "Strategie" }), _jsxs(Select, { value: strategyId ?? "", onValueChange: setStrategyId, children: [_jsx(SelectTrigger, { className: "min-w-64", children: _jsx(SelectValue, { placeholder: "Kies strategie" }) }), _jsx(SelectContent, { children: (stratQ.data ?? []).map((s) => (_jsxs(SelectItem, { value: s.id, children: [s.name, s.is_active ? " (actief)" : ""] }, s.id))) })] })] }) }), _jsxs("div", { className: "grid gap-6 lg:grid-cols-[1fr_360px]", children: [_jsxs("div", { className: "space-y-6", children: [_jsx(Step1, { config: config, onChange: setConfig }), _jsx(Step5, { config: config, onChange: setConfig }), _jsx(Step6Combined, { config: config, onChange: setConfig }), _jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "text-base flex items-center gap-2", children: [_jsx(Code2, { className: "w-4 h-4" }), " Geavanceerde modus"] }), _jsx(CardDescription, { children: "Bekijk de automatisch gegenereerde formules." })] }), _jsx(Switch, { checked: advanced, onCheckedChange: setAdvanced })] }) }), advanced && (_jsx(CardContent, { children: _jsx("div", { className: "space-y-2 font-mono text-xs", children: compiled.map((f) => (_jsxs("div", { className: "border rounded p-2 bg-muted/40", children: [_jsx("div", { className: "text-muted-foreground text-[10px] uppercase", children: f.slot }), _jsx("div", { className: "mt-1", children: f.expression })] }, f.slot))) }) }))] })] }), _jsxs("aside", { className: "space-y-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Jouw logistieke strategie" }), _jsx(CardDescription, { children: "Automatisch bijgewerkt." })] }), _jsx(CardContent, { children: _jsx("ul", { className: "text-sm space-y-1.5", children: summary.map((line, i) => _jsxs("li", { className: "flex gap-2", children: [_jsx("span", { className: "text-primary", children: "\u2022" }), _jsx("span", { children: line })] }, i)) }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Praktijkvoorbeeld" }), _jsx(CardDescription, { children: "Illustratieve dag met deze instellingen." })] }), _jsxs(CardContent, { children: [_jsx(FlowLine, { label: `${preview.orders} orders vandaag` }), _jsx(FlowArrow, {}), _jsx(FlowLine, { label: `${preview.carts} karren` }), _jsx(FlowArrow, {}), _jsxs("div", { className: "text-xs text-muted-foreground pl-4 space-y-0.5", children: [_jsxs("div", { children: [preview.full, " volle karren"] }), _jsxs("div", { children: [preview.combined, " gecombineerde karren"] }), _jsxs("div", { children: [preview.rest, " restkar"] })] }), _jsx(FlowArrow, {}), _jsx(FlowLine, { label: `Pakken start om ${preview.pickStart}` }), _jsx(FlowArrow, {}), _jsx(FlowLine, { label: `Pakbonnen om ${preview.packingSlipTime}` }), _jsx(FlowArrow, {}), _jsx(FlowLine, { label: `Pickstation vanaf ${preview.pickstationStart}` })] })] })] })] }), _jsx(Dialog, { open: aiOpen, onOpenChange: setAiOpen, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Vertel hoe jouw logistiek werkt" }), _jsx(DialogDescription, { children: "Beschrijf in gewone taal wat je wil. De AI vertaalt dit naar instellingen." })] }), _jsx(Textarea, { rows: 8, value: aiText, onChange: (e) => setAiText(e.target.value), placeholder: `Bv. "Wij willen altijd eerst volledige karren picken. Veilingorders tot drie lagen mogen gecombineerd worden. BVO-orders nooit. We kunnen tien karren per uur picken en willen altijd dertig minuten reserve houden."` }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setAiOpen(false), disabled: aiBusy, children: "Annuleer" }), _jsxs(Button, { onClick: runAi, disabled: aiBusy || !aiText.trim(), children: [aiBusy ? _jsx(Loader2, { className: "w-4 h-4 mr-2 animate-spin" }) : _jsx(Sparkles, { className: "w-4 h-4 mr-2" }), " Vul in"] })] })] }) })] }));
-}
-/* --------------------------- Building blocks --------------------------- */
-function FlowLine({ label }) {
-    return _jsx("div", { className: "text-sm font-medium", children: label });
-}
-function FlowArrow() {
-    return _jsx("div", { className: "text-muted-foreground text-center text-xs my-1", children: "\u2193" });
-}
-function StepCard({ n, title, question, children }) {
-    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Badge, { variant: "outline", className: "rounded-full h-7 w-7 flex items-center justify-center p-0", children: n }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-base", children: title }), _jsx(CardDescription, { children: question })] })] }) }), _jsx(CardContent, { className: "space-y-4", children: children })] }));
-}
-function RadioRow({ value, onChange, options }) {
-    return (_jsx("div", { className: "flex flex-wrap gap-2", children: options.map((o) => {
-            const active = o.value === value;
-            return (_jsx("button", { type: "button", onClick: () => onChange(o.value), className: `px-3 py-2 rounded border text-sm transition ${active ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted"}`, children: o.label }, o.value));
-        }) }));
-}
-function CheckLine({ checked, onChange, label }) {
-    return (_jsxs("label", { className: "flex items-center gap-2 text-sm cursor-pointer", children: [_jsx(Checkbox, { checked: checked, onCheckedChange: (v) => onChange(!!v) }), _jsx("span", { children: label })] }));
-}
-function Step1({ config, onChange }) {
-    return (_jsx(StepCard, { n: 1, title: "Verwerking", question: "Hoe wil je orders verwerken?", children: _jsx(RadioRow, { value: config.orderMode, onChange: (v) => onChange({ ...config, orderMode: v }), options: [
-                { value: "per-order", label: "Per order" },
-                { value: "per-customer", label: "Per klant" },
-                { value: "per-location", label: "Per afleverlocatie" },
-                { value: "per-cart", label: "Per kar" },
-            ] }) }));
-}
-function FitExample(_) {
-    return null;
-}
-function Step5({ config, onChange }) {
-    const d = config.documents;
-    const set = (patch) => onChange({ ...config, documents: { ...d, ...patch } });
-    return (_jsxs(StepCard, { n: 5, title: "Documenten", question: "Wanneer wordt het document vastgesteld (definitief gegenereerd)? Printen gebeurt altijd pas in Pickstation.", children: [_jsxs("div", { className: "grid sm:grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx(Label, { className: "mb-1 block", children: "Pakbon" }), _jsx(RadioRow, { value: d.packingSlip, onChange: (v) => set({ packingSlip: v }), options: [
-                                    { value: "cart-full", label: "Bij kar vol" },
-                                    { value: "batch-close", label: "Bij batch sluit" },
-                                    { value: "pickstation", label: "Bij opname in Pickstation" },
-                                ] })] }), _jsxs("div", { children: [_jsx(Label, { className: "mb-1 block", children: "Afleverbrief" }), _jsx(RadioRow, { value: d.deliveryNote, onChange: (v) => set({ deliveryNote: v }), options: [
-                                    { value: "floriday", label: "Via Floriday" },
-                                    { value: "pickstation", label: "Bij opname in Pickstation" },
-                                    { value: "manual", label: "Handmatig" },
-                                ] })] })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Vaststellen = het documentbestand definitief aanmaken zodat het klaarstaat. Het daadwerkelijk afdrukken gebeurt altijd pas wanneer de medewerker in Pickstation op \"Printen\" klikt." })] }));
-}
-function Step6Combined({ config, onChange }) {
-    return (_jsxs(StepCard, { n: 6, title: "Pickplanning & startmoment", question: "Regelt in drie deelvragen wanneer een order de buffer verlaat, wanneer de opgebouwde kar op het Pickstation verschijnt en wanneer het pickteam daadwerkelijk begint.", children: [_jsxs("div", { className: "rounded border bg-muted/40 p-3 text-xs text-muted-foreground leading-relaxed space-y-2", children: [_jsx("div", { className: "font-medium text-foreground", children: "Tijdlijn van een order" }), _jsxs("div", { className: "font-mono text-[11px] leading-5", children: ["order binnen", _jsx("br", {}), "\u00A0\u00A0\u2193 buffer \u2014 orders combineren, karren bouwen", _jsx("br", {}), _jsx("span", { className: "text-primary", children: "6a" }), " order vrijgegeven aan pickplanning", _jsx("br", {}), "\u00A0\u00A0\u2193 kar opgebouwd, batch sluit, documenten aangemaakt", _jsx("br", {}), _jsx("span", { className: "text-primary", children: "6b" }), " kar verschijnt op Pickstation", _jsx("br", {}), "\u00A0\u00A0\u2193 kar wacht op picker", _jsx("br", {}), _jsx("span", { className: "text-primary", children: "6c" }), " picker start (capaciteit + buffer)", _jsx("br", {}), "\u00A0\u00A0\u2193 picken"] })] }), _jsx(SubBlock, { n: 1, title: "Werkdagen & werktijden", question: "Op welke dagen en tussen welke tijden werkt het pickteam? Deze basis wordt gebruikt voor alle capaciteits- en tijdsberekeningen in de volgende stappen.", children: _jsx(WorkingScheduleInner, { config: config, onChange: onChange }) }), _jsx(Separator, {}), _jsx(SubBlock, { n: 2, title: `Wanneer mag ${config.orderMode === "per-cart" ? "een kar" : "een order"} de buffer uit?`, question: `Bepaalt wanneer ${config.orderMode === "per-cart" ? "een kar" : "een order"} definitief wordt ingepland. Tot dat moment kunnen ${config.orderMode === "per-cart" ? "karren nog verder opgebouwd en samengevoegd worden" : "orders nog worden samengevoegd en karren nog worden opgebouwd"}.`, children: _jsx(ReleaseInner, { config: config, onChange: onChange }) }), config.pickPlanningRelease.mode === "latest" && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx(SubBlock, { n: 3, title: "Wanneer start het pickteam?", question: "Bepaalt op basis van pickcapaciteit en veiligheidsbuffer wanneer daadwerkelijk met picken wordt begonnen.", children: _jsx(StartInner, { config: config, onChange: onChange }) })] }))] }));
-}
-function WorkingScheduleInner({ config, onChange }) {
-    const w = config.workingSchedule;
-    const set = (patch) => onChange({ ...config, workingSchedule: { ...w, ...patch } });
-    const breaks = w.breaks ?? [];
-    const updateBreak = (i, patch) => {
-        const next = breaks.map((b, idx) => (idx === i ? { ...b, ...patch } : b));
-        set({ breaks: next });
-    };
-    const addBreak = () => set({ breaks: [...breaks, { start: "12:00", end: "12:30", label: "Pauze" }] });
-    const removeBreak = (i) => set({ breaks: breaks.filter((_, idx) => idx !== i) });
-    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx(Label, { className: "mb-2 block", children: "Werkdagen" }), _jsx(WeekdayPicker, { value: w.weekdays, onChange: (days) => set({ weekdays: days }), idPrefix: "engine-workdays" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { children: [_jsx(Label, { children: "Starttijd" }), _jsx(Input, { type: "time", value: w.startTime, onChange: (e) => set({ startTime: e.target.value }) })] }), _jsxs("div", { children: [_jsx(Label, { children: "Eindtijd" }), _jsx(Input, { type: "time", value: w.endTime, onChange: (e) => set({ endTime: e.target.value }) })] })] }), _jsxs("div", { className: "pt-3 border-t", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx(Label, { className: "block", children: "Pauzes" }), _jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: addBreak, children: "+ Pauze toevoegen" })] }), _jsx("p", { className: "text-xs text-muted-foreground mb-2", children: "Pauzes worden afgetrokken van de beschikbare werktijd bij alle capaciteits- en tijdsberekeningen." }), breaks.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground italic", children: "Geen pauzes ingesteld." })) : (_jsx("div", { className: "space-y-2", children: breaks.map((b, i) => (_jsxs("div", { className: "grid grid-cols-[1fr_auto_auto_auto] gap-2 items-end", children: [_jsxs("div", { children: [_jsx(Label, { className: "text-xs", children: "Naam" }), _jsx(Input, { value: b.label ?? "", placeholder: "Bijv. Lunch", onChange: (e) => updateBreak(i, { label: e.target.value }) })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-xs", children: "Van" }), _jsx(Input, { type: "time", value: b.start, onChange: (e) => updateBreak(i, { start: e.target.value }) })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-xs", children: "Tot" }), _jsx(Input, { type: "time", value: b.end, onChange: (e) => updateBreak(i, { end: e.target.value }) })] }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: () => removeBreak(i), "aria-label": "Pauze verwijderen", children: "\u2715" })] }, i))) }))] })] }));
-}
-function ReleaseInner({ config, onChange }) {
-    const p = config.pickPlanningRelease;
-    const set = (patch) => onChange({ ...config, pickPlanningRelease: { ...p, ...patch } });
-    const isCart = config.orderMode === "per-cart";
-    const U = isCart ? "kar" : "order";
-    const Us = isCart ? "Karren" : "Orders";
-    const us = isCart ? "karren" : "orders";
-    const modes = [
-        { value: "latest", label: "Zo laat mogelijk", recommended: true,
-            hint: `Het systeem berekent continu hoeveel capaciteit nog beschikbaar is. ${Us} worden pas vrijgegeven wanneer er nog precies voldoende tijd over is om alle karren vóór vertrek van de vervoerder te picken. Zo blijven ${us} zo lang mogelijk combineerbaar.` },
-        { value: "between-signup-window", label: "Binnen venster vóór aanmeldmoment",
-            hint: `Een ${U} mag vanaf X werkuren vóór het aanmeldmoment naar het Pickstation, tot en met het aanmeldmoment zelf. Wordt het te druk, dan mogen ${us} ook X werkuren eerder naar het Pickstation.` },
-    ];
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "space-y-2", children: modes.map((m) => (_jsx(ModeOption, { active: p.mode === m.value, onClick: () => set({ mode: m.value }), title: m.label, recommended: m.recommended, description: m.hint }, m.value))) }), p.mode === "between-signup-window" && (_jsxs("div", { className: "border rounded p-4 space-y-4 bg-background", children: [_jsxs("div", { children: [_jsxs(Label, { children: ["Werkuren v\u00F3\u00F3r aanmeldtijd \u2014 ", us, " mogen naar het Pickstation"] }), _jsxs("p", { className: "text-xs text-muted-foreground mb-1", children: ["Vanaf zoveel werkuren v\u00F3\u00F3r het aanmeldmoment mogen ", us, " naar het Pickstation gaan."] }), _jsx(Input, { type: "number", min: 0, value: p.hoursBeforeSignupWindow, onChange: (e) => set({ hoursBeforeSignupWindow: Number(e.target.value) || 0 }), className: "max-w-32" })] }), _jsxs("div", { children: [_jsxs(Label, { children: ["Extra werkuren bij drukte \u2014 ", us, " mogen eerder naar het Pickstation"] }), _jsxs("p", { className: "text-xs text-muted-foreground mb-1", children: ["Als er te veel ", us, " in dit venster zouden vallen, mogen ", us, " zoveel werkuren eerder naar het Pickstation."] }), _jsx(Input, { type: "number", min: 0, value: p.earlyPickHours, onChange: (e) => set({ earlyPickHours: Number(e.target.value) || 0 }), className: "max-w-32" })] }), _jsxs("div", { className: "pt-2 border-t", children: [_jsxs(Label, { className: "mb-2 block", children: ["Niet-volle ", us] }), _jsxs("div", { className: "space-y-2", children: [_jsx(ModeOption, { active: !p.incompleteCartsBeforeSignup, onClick: () => set({ incompleteCartsBeforeSignup: false }), title: "Alleen na het aanmeldmoment", description: `Niet-volle ${us} blijven open tot het aanmeldmoment en gaan pas daarna naar het Pickstation, zodat ze maximaal gecombineerd kunnen worden.` }), _jsx(ModeOption, { active: p.incompleteCartsBeforeSignup, onClick: () => set({ incompleteCartsBeforeSignup: true }), title: "Ook v\u00F3\u00F3r het aanmeldmoment", description: `Niet-volle ${us} mogen ook binnen het venster vóór het aanmeldmoment al naar het Pickstation.` })] })] })] })), p.mode === "latest" && (_jsxs("div", { className: "border rounded p-4 space-y-4 bg-background", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Buffer tussen laatste order en ophaalmoment" }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Hoeveel reserve wil je altijd overhouden tussen de laatste order die nog verwerkt mag worden en het daadwerkelijke ophaalmoment van de vervoerder? Bedoeld voor spoedorders, wijzigingen, vertragingen en onverwachte extra karren." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: () => set({ safetyBufferMode: "minutes" }), className: `px-3 py-1.5 rounded border text-sm transition ${p.safetyBufferMode === "minutes" ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted"}`, children: "Vaste tijd" }), _jsx("button", { type: "button", onClick: () => set({ safetyBufferMode: "percent" }), className: `px-3 py-1.5 rounded border text-sm transition ${p.safetyBufferMode === "percent" ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted"}`, children: "Percentage van picktijd" })] }), p.safetyBufferMode === "minutes" ? (_jsxs("div", { className: "flex flex-wrap gap-2", children: [[30, 60, 120].map((min) => {
-                                const active = p.safetyBufferMinutes === min;
-                                const label = min >= 60 ? `${min / 60} uur` : `${min} minuten`;
-                                return (_jsx("button", { type: "button", onClick: () => set({ safetyBufferMinutes: min }), className: `px-3 py-2 rounded border text-sm transition ${active ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted"}`, children: label }, min));
-                            }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { type: "number", min: 0, value: p.safetyBufferMinutes, onChange: (e) => set({ safetyBufferMinutes: Number(e.target.value) || 0 }), className: "w-24" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "min. (zelf bepalen)" })] })] })) : (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [[10, 20, 30, 50].map((pct) => {
-                                        const active = p.safetyBufferPercent === pct;
-                                        return (_jsxs("button", { type: "button", onClick: () => set({ safetyBufferPercent: pct }), className: `px-3 py-2 rounded border text-sm transition ${active ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted"}`, children: [pct, "%"] }, pct));
-                                    }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { type: "number", min: 0, max: 100, value: p.safetyBufferPercent, onChange: (e) => set({ safetyBufferPercent: Math.max(0, Math.min(100, Number(e.target.value) || 0)) }), className: "w-24" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "% (zelf bepalen)" })] })] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Voorbeeld: bij 6 uur benodigde picktijd en ", p.safetyBufferPercent, "% buffer \u2192", " ", (() => {
-                                        const totalMin = Math.round(360 * (p.safetyBufferPercent / 100));
-                                        const h = Math.floor(totalMin / 60);
-                                        const m = totalMin % 60;
-                                        return h > 0 ? `${h} uur${m ? ` en ${m} minuten` : ""}` : `${m} minuten`;
-                                    })(), " reserve."] })] }))] })), _jsxs("div", { className: "rounded border bg-background p-4 space-y-3", children: [_jsx("div", { className: "text-xs font-medium uppercase text-muted-foreground", children: "Live voorbeeld" }), _jsxs("div", { className: "border-t pt-3 first:border-t-0 first:pt-0 text-xs space-y-1", children: [_jsx("div", { className: "font-medium", children: "Voorbeeld 1 \u2014 Order ruim v\u00F3\u00F3r levering" }), _jsx("div", { children: "Vandaag: 1 augustus \u00B7 Leverdatum: 21 augustus" }), _jsx("div", { className: "text-muted-foreground", children: "\u2192 Order blijft buiten de pickplanning. Nieuwe orders kunnen nog gecombineerd worden." })] }), _jsxs("div", { className: "border-t pt-3 text-xs space-y-1", children: [_jsx("div", { className: "font-medium", children: "Voorbeeld 2 \u2014 Op de leverdag" }), _jsx("div", { children: "21 augustus 06:45 \u00B7 Beschikbare capaciteit: 32 karren \u00B7 Verwacht werk: 30 karren" }), _jsx("div", { className: "text-primary", children: "\u2192 Order wordt nu opgenomen in de pickplanning." })] }), _jsxs("div", { className: "border-t pt-3 text-xs space-y-1", children: [_jsx("div", { className: "font-medium", children: "Voorbeeld 3 \u2014 Nieuwe order tijdens pickronde" }), _jsx("div", { children: "21 augustus 07:20 \u00B7 Nieuwe order komt binnen" }), _jsx("div", { className: "text-muted-foreground", children: "Past deze nog binnen de beschikbare capaciteit?" }), _jsx("div", { className: "text-primary", children: "\u2714 Ja \u2192 toevoegen aan huidige batch" }), _jsx("div", { className: "text-destructive", children: "\u2716 Nee \u2192 nieuwe batch of volgende pickronde" })] })] })] }));
-}
-function VisibilityInner({ config, onChange }) {
-    const v = config.pickstationVisibility;
-    const setLog = (patch) => onChange({ ...config, pickstationVisibility: { ...v, logistics: { ...v.logistics, ...patch } } });
-    const setDoc = (patch) => onChange({ ...config, pickstationVisibility: { ...v, documents: { ...v.documents, ...patch } } });
-    const setMode = (mode) => onChange({ ...config, pickstationVisibility: { ...v, mode } });
-    const setCtrl = (control) => onChange({ ...config, pickstationVisibility: { ...v, control } });
-    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-3", children: [_jsx(ModeOption, { active: v.mode === "auto", onClick: () => setMode("auto"), title: "Automatisch zodra alles gereed is", recommended: true, description: "Het systeem bepaalt zelf wanneer een kar klaar is. Een kar wordt vrijgegeven zodra de kar volledig is opgebouwd, er geen producten meer bij passen, alle verplichte documenten aanwezig zijn en de batch is afgesloten. Documenten die voor het ordertype niet nodig zijn worden automatisch genegeerd." }), _jsx(ModeOption, { active: v.mode === "custom", onClick: () => setMode("custom"), title: "Automatisch volgens mijn eigen voorwaarden", description: "Kies zelf welke logistieke voorwaarden, documenten en controles vereist zijn voordat een kar zichtbaar wordt op het Pickstation." })] }), v.mode === "custom" && (_jsxs("div", { className: "space-y-5 border rounded-lg p-4 bg-muted/30", children: [_jsxs(SubBlock, { n: 1, title: "Logistiek", question: "Welke logistieke voorwaarden moeten eerst voltooid zijn?", children: [_jsx(ExplainedCheck, { checked: v.logistics.batchClosed, onChange: (x) => setLog({ batchClosed: x }), label: "Batch afgesloten", hint: "De kar wordt pas vrijgegeven wanneer er geen nieuwe orders meer aan deze batch toegevoegd kunnen worden." }), _jsx(ExplainedCheck, { checked: v.logistics.cartBuilt, onChange: (x) => setLog({ cartBuilt: x }), label: "Kar volledig opgebouwd", hint: "Alle producten zijn definitief aan de kar toegewezen." }), _jsx(ExplainedCheck, { checked: v.logistics.cartFull, onChange: (x) => setLog({ cartFull: x }), label: "Er passen geen producten meer op de kar", hint: "Het systeem heeft gecontroleerd dat er volgens alle logistieke regels geen extra lagen, fusten of gecombineerde orders meer bij kunnen." }), _jsx(ExplainedCheck, { checked: v.logistics.plannerApproved, onChange: (x) => setLog({ plannerApproved: x }), label: "Planner heeft de kar vrijgegeven", hint: "De kar verschijnt pas op het Pickstation na een expliciet akkoord van de planner." }), _jsx(ExplainedCheck, { checked: v.logistics.capacityReleased, onChange: (x) => setLog({ capacityReleased: x }), label: "Capaciteit vrijgegeven", hint: "Wachten tot er pickcapaciteit beschikbaar is voordat de kar wordt getoond." })] }), _jsxs(SubBlock, { n: 2, title: "Documenten", question: "Welke documenten moeten beschikbaar zijn?", children: [_jsx(ExplainedCheck, { checked: v.documents.packingSlip, onChange: (x) => setDoc({ packingSlip: x }), label: "Pakbon", hint: "De pakbon moet beschikbaar zijn voordat de kar naar het Pickstation gaat." }), _jsx(ExplainedCheck, { checked: v.documents.deliveryNote, onChange: (x) => setDoc({ deliveryNote: x }), label: "Afleverbrief (alleen indien nodig)", hint: "Alleen vereist wanneer de afleverbrief bij deze order verplicht is; anders wordt de controle overgeslagen." }), _jsx(ExplainedCheck, { checked: v.documents.transportLabel, onChange: (x) => setDoc({ transportLabel: x }), label: "Transportlabel", hint: "Het transportlabel is aanwezig en de kar is klaar om aangemeld te worden." })] }), _jsx(SubBlock, { n: 3, title: "Controle", question: "Moet een kar eerst gecontroleerd worden?", children: _jsx(RadioRow, { value: v.control, onChange: setCtrl, options: [
-                                { value: "none", label: "Nee" },
-                                { value: "quality", label: "Alleen kwaliteitscontrole" },
-                                { value: "cart", label: "Alleen karcontrole" },
-                                { value: "both", label: "Beide controles" },
-                                { value: "manual", label: "Handmatige vrijgave door planner" },
-                            ] }) })] })), _jsxs("div", { className: "rounded border bg-background p-4 space-y-3", children: [_jsx("div", { className: "text-xs font-medium uppercase text-muted-foreground", children: "Live voorbeeld" }), _jsx(ReleaseExample, { title: "Kar 14", checks: [
-                            { ok: true, label: "Batch afgesloten" },
-                            { ok: true, label: "Kar volledig opgebouwd" },
-                            { ok: true, label: "Pakbon aanwezig" },
-                            { ok: true, label: "Afleverbrief aanwezig" },
-                        ], outcome: "Kar wordt automatisch zichtbaar op het Pickstation", positive: true }), _jsx(ReleaseExample, { title: "Kar 18", checks: [
-                            { ok: true, label: "Batch afgesloten" },
-                            { ok: true, label: "Pakbon aanwezig" },
-                            { ok: false, label: "Afleverbrief ontbreekt" },
-                        ], outcome: "Kar blijft wachten", positive: false }), _jsx(ReleaseExample, { title: "Kar 22 (BVO)", checks: [
-                            { ok: true, label: "Batch afgesloten" },
-                            { ok: true, label: "Pakbon aanwezig" },
-                            { ok: true, label: "Afleverbrief aanwezig" },
-                        ], outcome: "Kar wordt automatisch zichtbaar op het Pickstation", positive: true })] })] }));
-}
-function ModeOption({ active, onClick, title, description, recommended }) {
-    return (_jsx("button", { type: "button", onClick: onClick, className: `w-full text-left rounded-lg border p-4 transition ${active ? "border-primary bg-primary/5" : "hover:bg-muted"}`, children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: `mt-0.5 h-4 w-4 rounded-full border-2 flex-shrink-0 ${active ? "border-primary" : "border-muted-foreground/40"}`, children: active && _jsx("span", { className: "block h-full w-full rounded-full bg-primary scale-50" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-medium text-sm", children: title }), recommended && _jsx(Badge, { variant: "secondary", className: "text-[10px]", children: "Aanbevolen" })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1 leading-relaxed", children: description })] })] }) }));
-}
-function SubBlock({ n, title, question, children }) {
-    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "rounded-full h-5 w-5 flex items-center justify-center p-0 text-[10px]", children: n }), _jsx("div", { className: "text-sm font-medium", children: title })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: question }), _jsx("div", { className: "space-y-2 pl-1", children: children })] }));
-}
-function ExplainedCheck({ checked, onChange, label, hint }) {
-    return (_jsxs("label", { className: "flex items-start gap-2 text-sm cursor-pointer", children: [_jsx(Checkbox, { checked: checked, onCheckedChange: (v) => onChange(!!v), className: "mt-0.5" }), _jsxs("div", { children: [_jsx("div", { children: label }), _jsx("div", { className: "text-xs text-muted-foreground leading-relaxed", children: hint })] })] }));
-}
-function ReleaseExample({ title, checks, outcome, positive }) {
-    return (_jsxs("div", { className: "border-t pt-3 first:border-t-0 first:pt-0 text-xs", children: [_jsx("div", { className: "font-medium mb-1", children: title }), _jsx("ul", { className: "space-y-0.5 mb-1", children: checks.map((c, i) => (_jsxs("li", { className: c.ok ? "text-primary" : "text-destructive", children: [c.ok ? "✔" : "✖", " ", c.label] }, i))) }), _jsxs("div", { className: `font-medium ${positive ? "text-primary" : "text-muted-foreground"}`, children: ["\u2192 ", outcome] })] }));
-}
-function StartInner({ config, onChange }) {
-    const s = config.startMoment;
-    const set = (patch) => onChange({ ...config, startMoment: { ...s, ...patch } });
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { checked: s.autoWhenCapacity, onCheckedChange: (v) => set({ autoWhenCapacity: v }) }), _jsx("span", { className: "text-sm", children: "Begint automatisch wanneer capaciteit bijna bereikt is" })] }), _jsx("div", { className: "grid sm:grid-cols-2 gap-4", children: _jsxs("div", { children: [_jsx(Label, { children: "Veiligheidsbuffer (minuten)" }), _jsx(Input, { type: "number", min: 0, value: s.safetyBufferMinutes, onChange: (e) => set({ safetyBufferMinutes: Number(e.target.value) || 0 }) })] }) }), _jsxs("div", { children: [_jsx(Label, { className: "mb-2 block", children: "Hoe wordt de pickcapaciteit bepaald?" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { type: "button", size: "sm", variant: s.capacityMode === "carts-per-hour" ? "default" : "outline", onClick: () => set({ capacityMode: "carts-per-hour" }), children: "Karren per uur" }), _jsx(Button, { type: "button", size: "sm", variant: s.capacityMode === "minutes-per-cart" ? "default" : "outline", onClick: () => set({ capacityMode: "minutes-per-cart" }), children: "Picktijd per kar" })] })] }), _jsx("div", { className: "grid sm:grid-cols-2 gap-4", children: s.capacityMode === "minutes-per-cart" ? (_jsxs("div", { children: [_jsx(Label, { children: "Picktijd per kar (minuten)" }), _jsx(Input, { type: "number", min: 1, value: s.minutesPerCart, onChange: (e) => set({ minutesPerCart: Number(e.target.value) || 1 }) }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: ["Komt neer op ", s.minutesPerCart > 0 ? Math.round((60 / s.minutesPerCart) * 10) / 10 : 0, " karren per uur."] })] })) : (_jsxs("div", { children: [_jsx(Label, { children: "Pickcapaciteit (karren per uur)" }), _jsx(Input, { type: "number", min: 1, value: s.pickCapacityPerHour, onChange: (e) => set({ pickCapacityPerHour: Number(e.target.value) || 1 }) })] })) })] }));
-}
-function Step7Continuous({ config, onChange }) {
-    const co = config.continuous;
-    const set = (patch) => onChange({ ...config, continuous: { ...co, ...patch, enabled: true } });
-    return (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs(SubBlock, { n: 4, title: "Orders na het aanmeldmoment", question: "Wat gebeurt er met nieuwe orders die n\u00E1 het aanmeldmoment binnenkomen?", children: [_jsx(ModeOption, { active: co.ordersAfterRegistration === "current-batch", onClick: () => set({ ordersAfterRegistration: "current-batch" }), title: "Toevoegen aan huidige batch", description: "De afgesloten batch wordt heropend om de order toe te voegen." }), _jsx(ModeOption, { active: co.ordersAfterRegistration === "new-batch", onClick: () => set({ ordersAfterRegistration: "new-batch" }), title: "Nieuwe batch maken", description: "Er wordt direct een nieuwe batch aangemaakt voor de order." }), _jsx(ModeOption, { active: co.ordersAfterRegistration === "next-round", onClick: () => set({ ordersAfterRegistration: "next-round" }), title: "Doorschuiven naar volgend aanmeldmoment", recommended: true, description: "De order gaat automatisch naar de volgende pickronde. Een afgesloten batch hoeft dus nooit meer gewijzigd te worden." })] }), _jsx(Separator, {}), _jsxs(SubBlock, { n: 5, title: "Pickstation altijd gevuld houden", question: "Hoe wil je het Pickstation laten werken?", children: [_jsx(ModeOption, { active: !co.keepStationFilled, onClick: () => set({ keepStationFilled: false }), title: "Alleen tonen wanneer nodig", description: "Karren verschijnen pas wanneer ze volgens de standaardvoorwaarden vrijgegeven zijn." }), _jsx(ModeOption, { active: co.keepStationFilled, onClick: () => set({ keepStationFilled: true }), title: "Altijd gevuld houden", recommended: true, description: "Zodra een picker een kar afrondt verschijnt automatisch de volgende beschikbare kar. De engine plant vooruit zodat de picker nooit hoeft te wachten." })] }), _jsx(Separator, {}), _jsxs(SubBlock, { n: 6, title: "Werkdruk gelijkmatig verdelen", question: "Hoe moet de werkdruk over de picktijd verdeeld worden?", children: [_jsx(ModeOption, { active: !co.evenWorkload, onClick: () => set({ evenWorkload: false }), title: "Zo snel mogelijk wegwerken", description: "De engine start direct met de eerste beschikbare karren, zonder gelijkmatige spreiding." }), _jsx(ModeOption, { active: co.evenWorkload, onClick: () => set({ evenWorkload: true }), title: "Zo gelijkmatig mogelijk verdelen", recommended: true, description: "De engine verdeelt de karren zo gelijkmatig mogelijk over de beschikbare picktijd zodat er een constante werkstroom ontstaat, in plaats van eerst 2 uur extreem druk en daarna niets." })] }), _jsx(Separator, {}), _jsx(SubBlock, { n: 7, title: "Prioriteit van karren", question: "De engine gebruikt automatisch de volgende volgorde:", children: _jsxs("ol", { className: "text-xs text-muted-foreground space-y-1 list-decimal pl-5", children: [_jsx("li", { children: "Volledige karren binnen de normale pickperiode." }), _jsx("li", { children: "Volledige karren die eerder gepickt moeten worden wegens capaciteitsproblemen." }), _jsx("li", { children: "Niet-volledige karren na het aanmeldmoment." }), _jsx("li", { children: "Nieuwe orders na het aanmeldmoment gaan automatisch naar de volgende batch." })] }) })] }));
-}

package/dist-lib/components/engine/PlaceholderPage.d.ts

@@ -1,6 +0,0 @@
-export declare function PlaceholderPage({ title, description, items }: {
-    title: string;
-    description: string;
-    items?: string[];
-}): import("react").JSX.Element;
-//# sourceMappingURL=PlaceholderPage.d.ts.map

package/dist-lib/components/engine/PlaceholderPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlaceholderPage.d.ts","sourceRoot":"","sources":["../../../src/components/engine/PlaceholderPage.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE;IAC7D,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CACtD,+BA0BA"}

package/dist-lib/components/engine/PlaceholderPage.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@flowselections/core";
-import { Construction } from "lucide-react";
-export function PlaceholderPage({ title, description, items }) {
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Construction, { className: "w-4 h-4" }), " Binnenkort beschikbaar"] }), _jsx(CardDescription, { children: "Deze pagina hoort bij de Logistieke Engine en wordt in een volgende fase gebouwd." })] }), items && (_jsx(CardContent, { children: _jsx("ul", { className: "list-disc list-inside text-sm space-y-1 text-muted-foreground", children: items.map((i) => _jsx("li", { children: i }, i)) }) }))] })] }));
-}

package/dist-lib/components/engine/StrategieenPage.d.ts

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

package/dist-lib/components/engine/StrategieenPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StrategieenPage.d.ts","sourceRoot":"","sources":["../../../src/components/engine/StrategieenPage.tsx"],"names":[],"mappings":"AAeA,wBAAgB,eAAe,gCA6J9B"}