@flowselections/logistiek-engine 1.0.53 → 1.0.90

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanWachtrijPage.d.ts","sourceRoot":"","sources":["../../src/components/PlanWachtrijPage.tsx"],"names":[],"mappings":"AAsEA,wBAAgB,gBAAgB,gCA0N/B"}

package/dist-lib/components/PlanWachtrijPage.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PlanWachtrijPage.tsx — de planwachtrij bekijken en resetten
+// ============================================================================
+// Laat zien welke orders wachten op een karrenindeling, hoe vaak het is
+// geprobeerd en wat er precies misging (in gewone taal). Met knoppen om de
+// wachtrij opnieuw te starten. GEEN <Header /> hier — die levert de shell.
+// ============================================================================
+import { useMemo, useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
+import { AlertTriangle, RefreshCw, RotateCcw } from "lucide-react";
+import { toast } from "sonner";
+import { usePlanWachtrij } from "../hooks/usePlanWachtrij";
+import { foutTekst } from "../lib/foutTekst";
+const STAND_KLEUR = {
+    wacht: "bg-amber-500/15 text-amber-700 dark:text-amber-300",
+    bezig: "bg-sky-500/15 text-sky-700 dark:text-sky-300",
+    "blijft hangen": "bg-orange-500/20 text-orange-700 dark:text-orange-300",
+    klaar: "bg-emerald-500/15 text-emerald-700 dark:text-emerald-300",
+    mislukt: "bg-destructive/15 text-destructive",
+    geblokkeerd: "bg-destructive/15 text-destructive",
+};
+const FILTERS = [
+    { id: "alles", label: "Alles" },
+    { id: "open", label: "Open" },
+    { id: "mislukt", label: "Mislukt of geblokkeerd" },
+    { id: "blijft hangen", label: "Blijft hangen" },
+    { id: "klaar", label: "Klaar" },
+];
+function tijd(v) {
+    if (!v)
+        return "—";
+    const d = new Date(v);
+    return Number.isNaN(d.getTime()) ? "—" : d.toLocaleString("nl-NL");
+}
+function klok(v) {
+    if (!v)
+        return "—";
+    const d = new Date(v);
+    return Number.isNaN(d.getTime()) ? "—" : d.toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" });
+}
+function past(regel, filter, zoek) {
+    const z = zoek.trim().toLowerCase();
+    if (z && !`${regel.orderNumber ?? ""} ${regel.klant ?? ""}`.toLowerCase().includes(z))
+        return false;
+    if (filter === "alles")
+        return true;
+    if (filter === "open")
+        return regel.stand === "wacht" || regel.stand === "bezig";
+    if (filter === "mislukt")
+        return regel.stand === "mislukt" || regel.stand === "geblokkeerd";
+    return regel.stand === filter;
+}
+export function PlanWachtrijPage() {
+    const { regels, loading, busy, error, refresh, reset, opnieuw } = usePlanWachtrij();
+    const [filter, setFilter] = useState("alles");
+    const [zoek, setZoek] = useState("");
+    const [nieuwsteEerst, setNieuwsteEerst] = useState(true);
+    const veilig = Array.isArray(regels) ? regels : [];
+    const zichtbaar = useMemo(() => {
+        const lijst = veilig.filter((r) => past(r, filter, zoek));
+        const stempel = (r) => {
+            // Volgorde volgt de order zelf: wanneer de bestelling is binnengekomen.
+            const d = new Date(r.orderGemaaktOp ?? r.aangemeldOp ?? r.bijgewerktOp ?? 0).getTime();
+            return Number.isNaN(d) ? 0 : d;
+        };
+        return [...lijst].sort((a, b) => (nieuwsteEerst ? stempel(b) - stempel(a) : stempel(a) - stempel(b)));
+    }, [veilig, filter, zoek, nieuwsteEerst]);
+    const tellingen = useMemo(() => {
+        const t = {};
+        for (const r of veilig)
+            t[r.stand] = (t[r.stand] ?? 0) + 1;
+        return t;
+    }, [veilig]);
+    async function doeReset(keuze, vraag) {
+        if (!window.confirm(vraag))
+            return;
+        try {
+            const n = await reset(keuze);
+            toast.success(`${n} order(s) opnieuw aangemeld voor indeling.`);
+        }
+        catch (e) {
+            toast.error(e?.message ? String(e.message) : "Opnieuw starten is niet gelukt.");
+        }
+    }
+    return (_jsx("div", { className: "space-y-4 p-4", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Wachtrij \u2014 orders die op een karrenindeling wachten" }), _jsx(CardDescription, { children: "Per order zie je de stand, hoe vaak het is geprobeerd en wat er misging. Je kunt de wachtrij opnieuw starten: de Engine kijkt dan opnieuw wat er in de order zit en maakt de karrenindeling opnieuw. Al geprinte, gescande of gecontroleerde karren blijven altijd staan." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [FILTERS.map((f) => (_jsxs(Button, { size: "sm", variant: filter === f.id ? "default" : "outline", onClick: () => setFilter(f.id), children: [f.label, f.id !== "alles" && f.id !== "open" ? (_jsx("span", { className: "ml-1 text-xs opacity-70", children: f.id === "mislukt"
+                                                ? (tellingen["mislukt"] ?? 0) + (tellingen["geblokkeerd"] ?? 0)
+                                                : tellingen[f.id] ?? 0 })) : null] }, f.id))), _jsx(Input, { value: zoek, onChange: (e) => setZoek(e.target.value), placeholder: "Zoek op ordernummer of klant", className: "h-9 w-64" }), _jsxs("div", { className: "ml-auto flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => setNieuwsteEerst((v) => !v), children: nieuwsteEerst ? "Nieuwste eerst" : "Oudste eerst" }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => void refresh(), disabled: busy, children: [_jsx(RefreshCw, { className: "mr-1 h-4 w-4" }), " Verversen"] }), _jsx(Button, { size: "sm", variant: "outline", disabled: busy, onClick: () => void doeReset("stuck", "Regels die al langer dan een kwartier 'bezig' blijven terugzetten op wachtend?"), children: "Blijft hangen losmaken" }), _jsxs(Button, { size: "sm", disabled: busy, onClick: () => void doeReset("failed", "Alle mislukte en geblokkeerde orders opnieuw aanmelden? De Engine bekijkt ze opnieuw en maakt de karrenindeling opnieuw."), children: [_jsx(RotateCcw, { className: "mr-1 h-4 w-4" }), " Wachtrij resetten"] }), _jsx(Button, { size: "sm", variant: "destructive", disabled: busy, onClick: () => void doeReset("all", "De hele wachtrij opnieuw starten, dus ook orders die al klaar waren? Dit kan even duren."), children: "Alles opnieuw" })] })] }), error ? (_jsxs("p", { className: "flex items-center gap-2 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "h-4 w-4" }), " ", error] })) : null, loading ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" })] })) : zichtbaar.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen regels in de wachtrij voor deze keuze." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Order" }), _jsx(TableHead, { children: "Stand" }), _jsx(TableHead, { children: "Voortgang" }), _jsx(TableHead, { children: "Pogingen" }), _jsx(TableHead, { children: "Volgende poging" }), _jsx(TableHead, { children: "Aangemeld omdat" }), _jsx(TableHead, { children: "Wat ging er mis" }), _jsx(TableHead, { children: "Bijgewerkt" }), _jsx(TableHead, {})] }) }), _jsx(TableBody, { children: zichtbaar.map((r) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsx("div", { className: "font-medium", children: r.orderNumber ?? "—" }), _jsx("div", { className: "text-xs text-muted-foreground", children: r.klant ?? "" })] }), _jsx(TableCell, { children: _jsx(Badge, { className: STAND_KLEUR[r.stand] ?? "", children: r.stand }) }), _jsx(TableCell, { className: "w-40", children: r.voortgang === null ? (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })) : (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "h-2 w-28 overflow-hidden rounded-full bg-muted", children: _jsx("div", { className: "h-full rounded-full bg-primary transition-all", style: { width: `${Math.min(100, Math.max(0, r.voortgang))}%` } }) }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [r.voortgang, "% van de orderregels ingedeeld"] })] })) }), _jsxs(TableCell, { className: "text-sm", children: [r.pogingen, " van ", r.maxPogingen || "—"] }), _jsx(TableCell, { className: "text-sm", children: klok(r.volgendePoging) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: r.reden ?? "—" }), _jsxs(TableCell, { className: "max-w-md text-sm", children: [r.foutTekst ?? foutTekst(r.foutRuw) ?? "—", r.foutRuw && (r.foutTekst ?? foutTekst(r.foutRuw)) !== r.foutRuw ? (_jsxs("details", { className: "mt-1", children: [_jsx("summary", { className: "cursor-pointer text-xs text-muted-foreground", children: "Technische details" }), _jsx("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: r.foutRuw })] })) : null] }), _jsx(TableCell, { className: "text-xs text-muted-foreground", children: tijd(r.bijgewerktOp) }), _jsx(TableCell, { className: "text-right", children: _jsx(Button, { size: "sm", variant: "outline", disabled: busy || !r.orderId, onClick: async () => {
+                                                        if (!r.orderId)
+                                                            return;
+                                                        try {
+                                                            await opnieuw(r.orderId);
+                                                            toast.success(`${r.orderNumber ?? "Order"} opnieuw aangemeld.`);
+                                                        }
+                                                        catch (e) {
+                                                            toast.error(e?.message ? String(e.message) : "Opnieuw proberen is niet gelukt.");
+                                                        }
+                                                    }, children: "Opnieuw" }) })] }, r.id))) })] }))] })] }) }));
+}

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

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

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

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

package/dist-lib/components/PlannerDiffCard.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Badge, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@flowselections/core";
+import { getPlannerDiffOverview } from "../lib/plannerDiff.functions";
+const MODUS = {
+    off: "Uit (wissen en opnieuw opbouwen)",
+    dry_run: "Proef (oude aanpak leidend, vergelijking ernaast)",
+    apply: "Actief (alleen verschillen aanpassen)",
+};
+export function PlannerDiffCard() {
+    const fetchOverview = useServerFn(getPlannerDiffOverview);
+    const { data, isLoading, error } = useQuery({ queryKey: ["planner-diff"], queryFn: () => fetchOverview() });
+    if (isLoading)
+        return _jsx(Skeleton, { className: "h-24 w-full" });
+    if (error || !data)
+        return _jsx("p", { className: "text-sm text-destructive", children: "Kon de vergelijking niet ophalen." });
+    const afwijkingen = Array.isArray(data.afwijkingen) ? data.afwijkingen : [];
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("p", { className: "text-sm", children: ["Modus: ", _jsx("span", { className: "font-medium", children: MODUS[data.modus] ?? MODUS["off"] })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Badge, { variant: "secondary", children: ["Buffers vergeleken: ", data.totaal] }), _jsxs(Badge, { variant: "secondary", children: ["Identiek: ", data.identiek] }), _jsxs(Badge, { variant: data.afwijkend > 0 ? "destructive" : "secondary", children: ["Afwijkend: ", data.afwijkend] }), data.mislukt > 0 && _jsxs(Badge, { variant: "destructive", children: ["Mislukt: ", data.mislukt] }), data.overgeslagen > 0 && _jsxs(Badge, { variant: "outline", children: ["Overgeslagen (indeling geblokkeerd): ", data.overgeslagen] })] }), afwijkingen.length > 0 && (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Order" }), _jsx(TableHead, { children: "Karren oud \u2192 nieuw" }), _jsx(TableHead, { children: "Verschil" }), _jsx(TableHead, { children: "Moment" })] }) }), _jsx(TableBody, { children: afwijkingen.map((r) => {
+                            const diffs = Array.isArray(r.differences) ? r.differences : [];
+                            return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: r.order_ref ?? "—" }), _jsxs(TableCell, { children: [r.carts_before ?? "?", " \u2192 ", r.carts_after ?? "?"] }), _jsxs(TableCell, { className: "max-w-md text-xs", children: [diffs.slice(0, 3).map((d, i) => (_jsx("div", { children: d?.fout
+                                                    ? `Fout: ${d.fout}`
+                                                    : `Kar ${d?.cartNumber ?? "?"}: ${d?.before ?? "leeg"} → ${d?.after ?? "leeg"}` }, i))), diffs.length > 3 && _jsxs("div", { children: ["\u2026 en ", diffs.length - 3, " meer"] })] }), _jsx(TableCell, { className: "text-xs", children: new Date(r.created_at).toLocaleString("nl-NL") })] }, r.id));
+                        }) })] }))] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"RegiePage.d.ts","sourceRoot":"","sources":["../../src/components/RegiePage.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,SAAS,gCAqExB"}
+{"version":3,"file":"RegiePage.d.ts","sourceRoot":"","sources":["../../src/components/RegiePage.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,SAAS,gCA0FxB"}

package/dist-lib/components/RegiePage.js

@@ -6,25 +6,33 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // orders met het volledige logboek per order.
 // GEEN <Header /> hier — die levert de shell.
 // ============================================================================
-import { useMemo } from "react";
-import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@flowselections/core";
+import { useCallback, useEffect, useState } from "react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, supabase, } from "@flowselections/core";
 import { RefreshCw, Workflow } from "lucide-react";
 import { Link } from "@tanstack/react-router";
-import { useLogistiekTaken } from "../hooks/useLogistiekTaken";
 import { ConsistentieCard } from "./ConsistentieCard";
 import { KarplanStatusCard } from "./KarplanStatusCard";
+import { KardekkingCard } from "./KardekkingCard";
+import { PlannerDiffCard } from "./PlannerDiffCard";
+import { BeladingsafwijkingenCard } from "./BeladingsafwijkingenCard";
 import { OrderLogboek } from "./OrderLogboek";
 import { InklapbaarVenster } from "./InklapbaarVenster";
+import { tellOpenTaken } from "../lib/taskCounts";
 import { LOGISTICS_MODULES } from "../lib/logisticsTasks";
 export function RegiePage() {
-    const { taken, loading, laden } = useLogistiekTaken();
-    const safeTaken = Array.isArray(taken) ? taken : [];
-    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(InklapbaarVenster, { titel: "Binnengekomen orders", omschrijving: "Klik een order open voor elke stap, beslissing, foutmelding en elk document.", standaardOpen: true, children: _jsx(OrderLogboek, { titel: "Binnengekomen orders" }) }), _jsx(InklapbaarVenster, { titel: "Consistentie", omschrijving: "Controle of alle modules hetzelfde tonen.", children: _jsx(ConsistentieCard, {}) }), _jsx(InklapbaarVenster, { titel: "Karplanstatus", omschrijving: "Stand van de karrenindeling.", children: _jsx(KarplanStatusCard, {}) }), _jsx(InklapbaarVenster, { titel: "Taken per module", omschrijving: "Openstaande en geplande taken.", children: _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))) }) })] }));
+    // Alleen open en geplande taken, geteld in de database (geen 500-grens, geen geannuleerde).
+    const [perModule, setPerModule] = useState({});
+    const [loading, setLoading] = useState(true);
+    const [telFout, setTelFout] = useState(null);
+    const laden = useCallback(async () => {
+        setLoading(true);
+        const { data, error } = await supabase.rpc("logistics_task_open_counts");
+        setTelFout(error ? error.message : null);
+        setPerModule(error ? {} : tellOpenTaken(data));
+        setLoading(false);
+    }, []);
+    useEffect(() => {
+        void laden();
+    }, [laden]);
+    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(InklapbaarVenster, { titel: "Binnengekomen orders", omschrijving: "Klik een order open voor elke stap, beslissing, foutmelding en elk document.", standaardOpen: true, children: _jsx(OrderLogboek, { titel: "Binnengekomen orders" }) }), _jsx(InklapbaarVenster, { titel: "Consistentie", omschrijving: "Controle of alle modules hetzelfde tonen.", children: _jsx(ConsistentieCard, {}) }), _jsx(InklapbaarVenster, { titel: "Beladingsafwijkingen", omschrijving: "Verschillen tussen onze belading en de laatste Floriday-gegevens.", children: _jsx(BeladingsafwijkingenCard, {}) }), _jsx(InklapbaarVenster, { titel: "Karplanstatus", omschrijving: "Stand van de karrenindeling.", children: _jsx(KarplanStatusCard, {}) }), _jsx(InklapbaarVenster, { titel: "Kardekking", omschrijving: "Staat elke bestelregel correct op een kar?", children: _jsx(KardekkingCard, {}) }), _jsx(InklapbaarVenster, { titel: "Vergelijkende planner", omschrijving: "Proefvergelijking: blijft de karindeling gelijk?", children: _jsx(PlannerDiffCard, {}) }), _jsxs(InklapbaarVenster, { titel: "Taken per module", omschrijving: "Openstaande en geplande taken.", children: [telFout && _jsxs("p", { className: "mb-2 text-sm text-destructive", children: ["Telling niet beschikbaar: ", telFout] }), _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))) })] })] }));
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaakGezondheidCard.d.ts","sourceRoot":"","sources":["../../src/components/TaakGezondheidCard.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,kBAAkB,gCA6DjC"}

package/dist-lib/components/TaakGezondheidCard.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/TaakGezondheidCard.tsx — draaien de achtergrondtaken nog?
+// ============================================================================
+// Toont per achtergrondtaak van de engine wanneer hij voor het laatst draaide
+// en of hij mislukt. Alleen lezen.
+// ============================================================================
+import { AlertTriangle, CheckCircle2, RefreshCw } from "lucide-react";
+import { useTaakGezondheid } from "../hooks/useTaakGezondheid";
+function geleden(tijd) {
+    if (!tijd)
+        return "nooit gedraaid";
+    const ms = Date.now() - new Date(tijd).getTime();
+    if (!Number.isFinite(ms))
+        return "onbekend";
+    const min = Math.round(ms / 60000);
+    if (min < 1)
+        return "zojuist";
+    if (min < 60)
+        return `${min} min geleden`;
+    return `${Math.round(min / 6) / 10} uur geleden`;
+}
+export function TaakGezondheidCard() {
+    const { taken, laden, fout, herlaad } = useTaakGezondheid();
+    const veilig = Array.isArray(taken) ? taken : [];
+    const problemen = veilig.filter((t) => !t.actief || t.mislukt24u > 0 || t.laatsteStatus === "failed");
+    return (_jsxs("div", { className: "rounded-lg border bg-card p-4 text-card-foreground", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-semibold", children: "Achtergrondtaken" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Indelen, taken uitvoeren, afronden en opruimen draaien automatisch." })] }), _jsx("button", { type: "button", onClick: () => void herlaad(), className: "rounded-md border px-3 py-1.5 text-sm hover:bg-accent", "aria-label": "Vernieuwen", children: _jsx(RefreshCw, { className: "h-4 w-4" }) })] }), fout ? _jsx("p", { className: "mb-3 text-sm text-destructive", children: fout }) : null, !laden && problemen.length === 0 && veilig.length > 0 ? (_jsxs("p", { className: "mb-3 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), " Alle taken draaien zonder fouten."] })) : null, _jsx("ul", { className: "space-y-2", children: veilig.map((t) => {
+                    const slecht = !t.actief || t.mislukt24u > 0 || t.laatsteStatus === "failed";
+                    return (_jsxs("li", { className: "rounded-md border p-3 text-sm", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "font-medium", children: t.naam }), _jsx("span", { className: slecht ? "text-destructive" : "text-muted-foreground", children: geleden(t.laatsteStart) })] }), _jsxs("p", { className: "text-muted-foreground", children: [t.actief ? "actief" : "uitgezet", " \u00B7 ", t.schema, t.mislukt24u > 0 ? ` · ${t.mislukt24u} keer mislukt in 24 uur` : ""] }), slecht && t.laatsteBericht ? (_jsxs("p", { className: "mt-1 flex items-start gap-2 text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), t.laatsteBericht] })) : null] }, t.naam));
+                }) })] }));
+}

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

@@ -0,0 +1,28 @@
+export interface AfrondStand {
+    wachtend: number;
+    bezig: number;
+    mislukt: number;
+    oudsteWachttijdSeconden: number;
+    laatsteFout: string | null;
+    laatstAfgerond: string | null;
+}
+export interface AfrondRegel {
+    orderId: string;
+    status: string;
+    pogingen: number;
+    maxPogingen: number;
+    reden: string | null;
+    fout: string | null;
+    aangemeldOp: string | null;
+    volgendePoging: string | null;
+}
+export declare function useAfrondWachtrij(intervalMs?: number): {
+    stand: AfrondStand;
+    regels: AfrondRegel[];
+    laden: boolean;
+    fout: string | null;
+    herlaad: () => Promise<void>;
+    opnieuw: (orderId: string) => Promise<boolean>;
+    naloop: () => Promise<boolean>;
+};
+//# sourceMappingURL=useAfrondWachtrij.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAfrondWachtrij.d.ts","sourceRoot":"","sources":["../../src/hooks/useAfrondWachtrij.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAWD,wBAAgB,iBAAiB,CAAC,UAAU,SAAQ;;;;;;uBA4DhC,MAAM;;EAuBzB"}

package/dist-lib/hooks/useAfrondWachtrij.js

@@ -0,0 +1,88 @@
+// ============================================================================
+// src/hooks/useAfrondWachtrij.ts — stand van de afrondwachtrij na de controle
+// ============================================================================
+// Leest logistics_order_finalize_overview en de openstaande/mislukte regels.
+// Muteert niets, behalve wanneer expliciet opnieuw proberen wordt gevraagd.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase } from "../integrations/supabase/moduleClient.js";
+const LEEG = {
+    wachtend: 0,
+    bezig: 0,
+    mislukt: 0,
+    oudsteWachttijdSeconden: 0,
+    laatsteFout: null,
+    laatstAfgerond: null,
+};
+export function useAfrondWachtrij(intervalMs = 20000) {
+    const [stand, setStand] = useState(LEEG);
+    const [regels, setRegels] = useState([]);
+    const [laden, setLaden] = useState(true);
+    const [fout, setFout] = useState(null);
+    const laad = useCallback(async () => {
+        setFout(null);
+        const { data, error } = await supabase.rpc("logistics_order_finalize_overview");
+        if (error) {
+            setFout(error.message);
+            setLaden(false);
+            return;
+        }
+        const rijen = Array.isArray(data) ? data : [];
+        const r = (rijen[0] ?? {});
+        setStand({
+            wachtend: Number(r["wachtend"] ?? 0),
+            bezig: Number(r["bezig"] ?? 0),
+            mislukt: Number(r["mislukt"] ?? 0),
+            oudsteWachttijdSeconden: Number(r["oudste_wachttijd_seconden"] ?? 0),
+            laatsteFout: r["laatste_fout"] ?? null,
+            laatstAfgerond: r["laatst_afgerond"] ?? null,
+        });
+        const { data: lijst } = await supabase
+            .from("logistics_order_finalize_queue")
+            .select("order_id,status,attempts,max_attempts,reason,last_error,requested_at,next_attempt_at")
+            .in("status", ["pending", "running", "failed"])
+            .order("requested_at", { ascending: true })
+            .limit(50);
+        const veilig = Array.isArray(lijst) ? lijst : [];
+        setRegels(veilig.map((x) => {
+            const row = x;
+            return {
+                orderId: String(row["order_id"] ?? ""),
+                status: String(row["status"] ?? ""),
+                pogingen: Number(row["attempts"] ?? 0),
+                maxPogingen: Number(row["max_attempts"] ?? 0),
+                reden: row["reason"] ?? null,
+                fout: row["last_error"] ?? null,
+                aangemeldOp: row["requested_at"] ?? null,
+                volgendePoging: row["next_attempt_at"] ?? null,
+            };
+        }));
+        setLaden(false);
+    }, []);
+    useEffect(() => {
+        void laad();
+        const t = setInterval(() => {
+            void laad();
+        }, Math.max(5000, intervalMs));
+        return () => clearInterval(t);
+    }, [laad, intervalMs]);
+    const opnieuw = useCallback(async (orderId) => {
+        const { error } = await supabase.rpc("logistics_order_finalize_retry", { p_order_id: orderId });
+        if (error) {
+            setFout(error.message);
+            return false;
+        }
+        await laad();
+        return true;
+    }, [laad]);
+    const naloop = useCallback(async () => {
+        const { error } = await supabase.rpc("logistics_order_finalize_reconcile", { p_days: 14, p_limit: 200 });
+        if (error) {
+            setFout(error.message);
+            return false;
+        }
+        await laad();
+        return true;
+    }, [laad]);
+    return { stand, regels, laden, fout, herlaad: laad, opnieuw, naloop };
+}

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

@@ -0,0 +1,39 @@
+export interface BeladingStand {
+    openTotaal: number;
+    beoordelen: number;
+    herstelbaar: number;
+    producten: number;
+    orders: number;
+    oudsteSeconden: number;
+    laatstHersteld: string | null;
+    laatstGemeten: string | null;
+}
+export interface Belading {
+    piecesPerPackage: number | null;
+    packagesPerLayer: number | null;
+    layersPerLoadCarrier: number | null;
+    loadCarrier: string | null;
+}
+export interface Beladingsafwijking {
+    id: string;
+    soort: "product" | "order_line";
+    productNaam: string | null;
+    orderNummer: string | null;
+    lokaal: Belading;
+    floriday: Belading;
+    beoordelen: boolean;
+    reden: string | null;
+    sinds: string | null;
+    laatstGezien: string | null;
+}
+export declare function useBeladingsafwijkingen(intervalMs?: number): {
+    stand: BeladingStand;
+    afwijkingen: Beladingsafwijking[];
+    laden: boolean;
+    bezig: boolean;
+    fout: string | null;
+    herlaad: () => Promise<void>;
+    nuControleren: () => Promise<boolean>;
+    afsluiten: (id: string, notitie?: string) => Promise<boolean>;
+};
+//# sourceMappingURL=useBeladingsafwijkingen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBeladingsafwijkingen.d.ts","sourceRoot":"","sources":["../../src/hooks/useBeladingsafwijkingen.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,QAAQ;IACvB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,GAAG,YAAY,CAAC;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,QAAQ,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAwBD,wBAAgB,uBAAuB,CAAC,UAAU,SAAQ;;;;;;;;oBAsF3C,MAAM,YAAY,MAAM;EAgBtC"}

package/dist-lib/hooks/useBeladingsafwijkingen.js

@@ -0,0 +1,119 @@
+// ============================================================================
+// src/hooks/useBeladingsafwijkingen.ts — verschillen tussen onze belading en Floriday
+// ============================================================================
+// Leest logistics_packing_overview en de openstaande afwijkingen. Muteert niets,
+// behalve wanneer expliciet om een nieuwe controle of om afsluiten wordt gevraagd.
+// Een regel die handmatig is vastgezet wordt nooit automatisch aangepast; dat
+// bewaakt de database zelf.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase } from "../integrations/supabase/moduleClient.js";
+const LEEG = {
+    openTotaal: 0,
+    beoordelen: 0,
+    herstelbaar: 0,
+    producten: 0,
+    orders: 0,
+    oudsteSeconden: 0,
+    laatstHersteld: null,
+    laatstGemeten: null,
+};
+function leesBelading(waarde) {
+    const b = (waarde ?? {});
+    const getal = (v) => (v === null || v === undefined ? null : Number(v));
+    return {
+        piecesPerPackage: getal(b["pieces_per_package"]),
+        packagesPerLayer: getal(b["packages_per_layer"]),
+        layersPerLoadCarrier: getal(b["layers_per_load_carrier"]),
+        loadCarrier: b["load_carrier"] ?? null,
+    };
+}
+export function useBeladingsafwijkingen(intervalMs = 60000) {
+    const [stand, setStand] = useState(LEEG);
+    const [afwijkingen, setAfwijkingen] = useState([]);
+    const [laden, setLaden] = useState(true);
+    const [bezig, setBezig] = useState(false);
+    const [fout, setFout] = useState(null);
+    const laad = useCallback(async () => {
+        setFout(null);
+        const { data, error } = await supabase.rpc("logistics_packing_overview");
+        if (error) {
+            setFout(error.message);
+            setLaden(false);
+            return;
+        }
+        const rijen = Array.isArray(data) ? data : [];
+        const r = (rijen[0] ?? {});
+        setStand({
+            openTotaal: Number(r["open_totaal"] ?? 0),
+            beoordelen: Number(r["beoordelen"] ?? 0),
+            herstelbaar: Number(r["herstelbaar"] ?? 0),
+            producten: Number(r["producten"] ?? 0),
+            orders: Number(r["orders"] ?? 0),
+            oudsteSeconden: Number(r["oudste_seconden"] ?? 0),
+            laatstHersteld: r["laatst_hersteld"] ?? null,
+            laatstGemeten: r["laatst_gemeten"] ?? null,
+        });
+        const { data: lijst, error: lijstFout } = await supabase
+            .from("logistics_packing_deviations")
+            .select("id,scope,product_name,order_number,local_packing,floriday_packing,needs_human,human_reason,first_seen_at,last_seen_at")
+            .is("resolved_at", null)
+            .order("first_seen_at", { ascending: true })
+            .limit(100);
+        if (lijstFout)
+            setFout(lijstFout.message);
+        const veilig = Array.isArray(lijst) ? lijst : [];
+        setAfwijkingen(veilig.map((x) => {
+            const row = (x ?? {});
+            return {
+                id: String(row["id"] ?? ""),
+                soort: row["scope"] ?? "order_line",
+                productNaam: row["product_name"] ?? null,
+                orderNummer: row["order_number"] ?? null,
+                lokaal: leesBelading(row["local_packing"]),
+                floriday: leesBelading(row["floriday_packing"]),
+                beoordelen: row["needs_human"] === true,
+                reden: row["human_reason"] ?? null,
+                sinds: row["first_seen_at"] ?? null,
+                laatstGezien: row["last_seen_at"] ?? null,
+            };
+        }));
+        setLaden(false);
+    }, []);
+    useEffect(() => {
+        void laad();
+        const t = setInterval(() => {
+            void laad();
+        }, Math.max(15000, intervalMs));
+        return () => clearInterval(t);
+    }, [laad, intervalMs]);
+    /** Nu meten en waar veilig mogelijk bijwerken. */
+    const nuControleren = useCallback(async () => {
+        setBezig(true);
+        const { error } = await supabase.rpc("logistics_packing_reconcile", {
+            p_scan_limit: 500,
+            p_fix_limit: 100,
+        });
+        setBezig(false);
+        if (error) {
+            setFout(error.message);
+            return false;
+        }
+        await laad();
+        return true;
+    }, [laad]);
+    /** Een afwijking bewust afsluiten nadat een mens ernaar heeft gekeken. */
+    const afsluiten = useCallback(async (id, notitie) => {
+        const { error } = await supabase.rpc("logistics_packing_dismiss", {
+            p_id: id,
+            p_note: notitie ?? null,
+        });
+        if (error) {
+            setFout(error.message);
+            return false;
+        }
+        await laad();
+        return true;
+    }, [laad]);
+    return { stand, afwijkingen, laden, bezig, fout, herlaad: laad, nuControleren, afsluiten };
+}

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

@@ -24,5 +24,12 @@ export declare function useGeblokkeerdeOrders(): {
     busy: boolean;
     refresh: () => Promise<void>;
     retry: (orderIds: string[]) => Promise<number>;
+    dubbelenOpruimen: (orderId: string) => Promise<{
+        ok: boolean;
+        reden: string;
+        verwijderd: number;
+        na: number;
+        meerTeDoen: boolean;
+    }>;
 };
 //# sourceMappingURL=useGeblokkeerdeOrders.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGeblokkeerdeOrders.d.ts","sourceRoot":"","sources":["../../src/hooks/useGeblokkeerdeOrders.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAY9C,CAAC;AAEF,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,UAGzD;AAED,wBAAgB,qBAAqB;;;;;;;sBAqDhB,MAAM,EAAE;EAmB5B"}
+{"version":3,"file":"useGeblokkeerdeOrders.d.ts","sourceRoot":"","sources":["../../src/hooks/useGeblokkeerdeOrders.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAc9C,CAAC;AAEF,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,UAGzD;AAED,wBAAgB,qBAAqB;;;;;;;sBAqDhB,MAAM,EAAE;gCAwBT,MAAM;;;;;;;EAyBzB"}

package/dist-lib/hooks/useGeblokkeerdeOrders.js

@@ -4,7 +4,7 @@
 // logistics_blocked_orders / logistics_blocked_overview / logistics_plan_retry.
 // ============================================================================
 import { useCallback, useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/moduleClient";
+import { supabase } from "../integrations/supabase/moduleClient.js";
 export const REDEN_LABEL = {
     belading_onbekend: "Belading onbekend",
     belading_onvolledig: "Belading onvolledig",
@@ -15,6 +15,7 @@ export const REDEN_LABEL = {
     geen_karren: "Geen karren berekend",
     verificatie_mislukt: "Controle mislukt",
     bufferdekking_onvolledig: "Buffer niet volledig gedekt",
+    dubbele_regels: "Dubbele bestelregels",
     karindeling_geblokkeerd: "Karindeling geblokkeerd",
     other: "Overige reden",
 };
@@ -90,5 +91,30 @@ export function useGeblokkeerdeOrders() {
             setBusy(false);
         }
     }, [load]);
-    return { rows, overzicht, loading, error, busy, refresh: load, retry };
+    /**
+     * Dubbele bestelregels van één order opruimen. Bewust handmatig: van elke
+     * identieke regel blijft er één staan. De Engine weigert bij orders waarvan
+     * al iets is geprint, gescand of gecontroleerd.
+     */
+    const dubbelenOpruimen = useCallback(async (orderId) => {
+        setBusy(true);
+        try {
+            const { data, error: rpcError } = await supabase.rpc("logistics_cleanup_duplicate_order_lines", { p_order_id: orderId });
+            if (rpcError)
+                throw new Error(rpcError.message);
+            const raw = (data ?? {});
+            await load();
+            return {
+                ok: Boolean(raw["ok"]),
+                reden: raw["reden"] ?? null,
+                verwijderd: Number(raw["verwijderd"] ?? 0),
+                na: Number(raw["na"] ?? 0),
+                meerTeDoen: Boolean(raw["meerTeDoen"]),
+            };
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [load]);
+    return { rows, overzicht, loading, error, busy, refresh: load, retry, dubbelenOpruimen };
 }

package/dist-lib/hooks/useLogisticsTrace.js

@@ -6,7 +6,7 @@
 // staat, is echt door de Engine vastgelegd.
 // ============================================================================
 import { useCallback, useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/moduleClient";
+import { supabase } from "../integrations/supabase/moduleClient.js";
 function mapOrder(r) {
     return {
         orderRef: String(r?.order_ref ?? ""),

package/dist-lib/hooks/useOrderTrace.js

@@ -6,7 +6,7 @@
 // afgeleid of aangevuld: wat hier staat is echt door de Engine vastgelegd.
 // ============================================================================
 import { useCallback, useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/moduleClient";
+import { supabase } from "../integrations/supabase/moduleClient.js";
 const LEEG = { search: "", state: "", errorClass: "", source: "", step: "", hours: 72 };
 function mapRij(r) {
     return {