@flowselections/floriday-voorraad 1.0.28 → 1.0.29

package/dist-lib/components/voorraad/EditArtikelPage.d.ts

@@ -1,4 +1,5 @@
-export declare function EditArtikelPage({ id }: {
+export declare function EditArtikelPage({ id, resumeJobId, }: {
     id: string;
+    resumeJobId?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=EditArtikelPage.d.ts.map

package/dist-lib/components/voorraad/EditArtikelPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,+BAmFrD"}
+{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,WAAW,GACZ,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,+BAmFA"}

package/dist-lib/components/voorraad/EditArtikelPage.js

@@ -5,7 +5,7 @@ import { Loader2 } from "lucide-react";
 import { ArtikelWizard } from "./ArtikelWizard";
 import { ProductCustomFieldsCard } from "./ProductCustomFieldsCard";
 import { supabase } from "../../integrations/supabase/client";
-export function EditArtikelPage({ id }) {
+export function EditArtikelPage({ id, resumeJobId, }) {
     const [resolved, setResolved] = useState(null);
     useEffect(() => {
         let cancelled = false;
@@ -63,7 +63,7 @@ export function EditArtikelPage({ id }) {
         return (_jsx("main", { className: "p-6", children: _jsxs(Card, { className: "p-6 text-sm space-y-1", children: [_jsx("div", { children: "Artikel niet gevonden." }), resolved.reason && (_jsx("div", { className: "text-muted-foreground", children: resolved.reason }))] }) }));
     }
     if (resolved.kind === "product") {
-        return (_jsxs(_Fragment, { children: [_jsx(ArtikelWizard, { productId: resolved.id }), _jsx("div", { className: "p-6 pt-0", children: _jsx(ProductCustomFieldsCard, { productId: resolved.id }) })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(ArtikelWizard, { productId: resolved.id, resumeJobId: resumeJobId }), _jsx("div", { className: "p-6 pt-0", children: _jsx(ProductCustomFieldsCard, { productId: resolved.id }) })] }));
     }
-    return _jsx(ArtikelWizard, { tradeItemId: resolved.id });
+    return _jsx(ArtikelWizard, { tradeItemId: resolved.id, resumeJobId: resumeJobId });
 }

package/dist-lib/components/voorraad/FustenPage.d.ts

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

package/dist-lib/components/voorraad/FustenPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FustenPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FustenPage.tsx"],"names":[],"mappings":"AA2JA,wBAAgB,UAAU,gCAkMzB"}

package/dist-lib/components/voorraad/FustenPage.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Boxes, Minus, Plus, RefreshCw, Search } from "lucide-react";
+import { Button, Card, Input, Badge } from "@flowselections/core";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection";
+import { useFusten } from "../../hooks/useFusten";
+import { fetchFustMutations, formatFustDimensions, } from "../../lib/fusten";
+/** Afmetingen tonen en handmatig aanvullen wanneer de catalogus ze niet kent. */
+function DimensionCell({ fust, onSave, }) {
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState({
+        length_mm: fust.length_mm?.toString() ?? "",
+        width_mm: fust.width_mm?.toString() ?? "",
+        height_mm: fust.height_mm?.toString() ?? "",
+    });
+    const label = formatFustDimensions(fust);
+    const toNum = (v) => {
+        const n = Math.trunc(Number(v));
+        return Number.isFinite(n) && n > 0 ? n : null;
+    };
+    if (!editing) {
+        return (_jsxs("div", { children: [_jsx("div", { className: label ? "tabular-nums" : "text-muted-foreground", children: label ?? "Onbekend" }), _jsx("button", { type: "button", className: "text-xs text-primary hover:underline", onClick: () => {
+                        setDraft({
+                            length_mm: fust.length_mm?.toString() ?? "",
+                            width_mm: fust.width_mm?.toString() ?? "",
+                            height_mm: fust.height_mm?.toString() ?? "",
+                        });
+                        setEditing(true);
+                    }, children: label ? "Wijzigen" : "Afmeting toevoegen" })] }));
+    }
+    return (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-1", children: [["length_mm", "width_mm", "height_mm"].map((k, i) => (_jsxs("div", { className: "flex items-center gap-1", children: [i > 0 && _jsx("span", { className: "text-muted-foreground", children: "\u00D7" }), _jsx(Input, { type: "number", className: "h-8 w-20 text-right", placeholder: ["L", "B", "H"][i], value: draft[k], onChange: (e) => setDraft((d) => ({ ...d, [k]: e.target.value })) })] }, k))), _jsx("span", { className: "text-xs text-muted-foreground", children: "mm" })] }), _jsxs("div", { className: "flex gap-1", children: [_jsx(Button, { size: "sm", className: "h-7", onClick: async () => {
+                            await onSave({
+                                length_mm: toNum(draft.length_mm),
+                                width_mm: toNum(draft.width_mm),
+                                height_mm: toNum(draft.height_mm),
+                            });
+                            setEditing(false);
+                        }, children: "Opslaan" }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7", onClick: () => setEditing(false), children: "Annuleren" })] })] }));
+}
+function MutationHistory({ fust }) {
+    const [open, setOpen] = useState(false);
+    const [rows, setRows] = useState(null);
+    const toggle = async () => {
+        const next = !open;
+        setOpen(next);
+        if (next && rows === null) {
+            try {
+                setRows(await fetchFustMutations(fust.id));
+            }
+            catch {
+                setRows([]);
+            }
+        }
+    };
+    return (_jsxs("div", { children: [_jsx("button", { type: "button", onClick: toggle, className: "text-xs text-primary hover:underline", children: open ? "Historie verbergen" : "Historie" }), open && (_jsxs("div", { className: "mt-2 rounded-md border border-border bg-muted/30 p-2 text-xs", children: [rows === null && _jsx("p", { className: "text-muted-foreground", children: "Laden\u2026" }), rows !== null && rows.length === 0 && (_jsx("p", { className: "text-muted-foreground", children: "Nog geen mutaties." })), rows !== null &&
+                        rows.map((m) => (_jsxs("div", { className: "flex items-center justify-between gap-3 py-0.5", children: [_jsx("span", { className: "text-muted-foreground", children: new Date(m.created_at).toLocaleString("nl-NL") }), _jsxs("span", { className: "flex-1 truncate", children: [m.reason === "sale" ? "Verkoop" : "Handmatig", m.note ? ` — ${m.note}` : ""] }), _jsx("span", { className: `tabular-nums font-medium ${m.delta < 0 ? "text-rose-600" : "text-emerald-600"}`, children: m.delta > 0 ? `+${m.delta}` : m.delta })] }, m.id)))] }))] }));
+}
+export function FustenPage() {
+    const { activeId } = useFloridayConnection();
+    const { items, loading, syncing, error, sync, adjust, patch } = useFusten(activeId);
+    const [search, setSearch] = useState("");
+    const [busyId, setBusyId] = useState(null);
+    const [amounts, setAmounts] = useState({});
+    const filtered = useMemo(() => {
+        const q = search.trim().toLowerCase();
+        if (!q)
+            return items;
+        return items.filter((f) => f.name.toLowerCase().includes(q) ||
+            String(f.vbn_code ?? "").includes(q) ||
+            f.fust_key.toLowerCase().includes(q));
+    }, [items, search]);
+    const totals = useMemo(() => ({
+        types: items.length,
+        stock: items.reduce((sum, f) => sum + f.stock, 0),
+        belowMin: items.filter((f) => f.minimum_stock > 0 && f.stock < f.minimum_stock).length,
+    }), [items]);
+    const mutate = async (f, sign) => {
+        const step = Math.trunc(Number(amounts[f.id]) || 0);
+        if (step <= 0)
+            return;
+        setBusyId(f.id);
+        setAmounts((a) => ({ ...a, [f.id]: "" }));
+        try {
+            await adjust(f.id, sign * step, sign > 0 ? "Handmatig bijgeboekt" : "Handmatig afgeboekt");
+        }
+        finally {
+            setBusyId(null);
+        }
+    };
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Fusten" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Alle fusttypen worden automatisch afgeleid uit de beladingen van je producten." })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void sync(), disabled: syncing, children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${syncing ? "animate-spin" : ""}` }), "Synchroniseren"] })] }), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Fusten laden mislukt: ", error] })), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Fusttypen" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.types })] }), _jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Totale fustvoorraad" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.stock })] }), _jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Onder minimum" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.belowMin })] })] }), _jsxs("div", { className: "relative max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Zoek fust\u2026", className: "pl-9" })] }), _jsx(Card, { className: "overflow-hidden", children: loading ? (_jsx("p", { className: "p-6 text-sm text-muted-foreground", children: "Fusten laden\u2026" })) : filtered.length === 0 ? (_jsxs("div", { className: "p-6 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Boxes, { className: "h-4 w-4" }), "Nog geen fusttypen gevonden. Voeg een belading toe aan een product."] })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3", children: "Fust" }), _jsx("th", { className: "p-3", children: "Bron" }), _jsx("th", { className: "p-3", children: "Afmeting (L \u00D7 B \u00D7 H)" }), _jsx("th", { className: "p-3 text-right", children: "Gebruikt door" }), _jsx("th", { className: "p-3 text-right", children: "Voorraad" }), _jsx("th", { className: "p-3 text-right", children: "Minimum" }), _jsx("th", { className: "p-3 text-right", children: "Aanpassen" })] }) }), _jsx("tbody", { children: filtered.map((f) => (_jsxs("tr", { className: "border-t border-border align-top", children: [_jsxs("td", { className: "p-3", children: [_jsx("div", { className: "font-medium", children: f.name }), _jsx("div", { className: "text-xs text-muted-foreground", children: f.vbn_code ? `VBN ${f.vbn_code}` : f.fust_key }), !f.in_use && (_jsx(Badge, { variant: "outline", className: "mt-1", children: "Niet meer in gebruik" })), _jsx("div", { className: "mt-1", children: _jsx(MutationHistory, { fust: f }) })] }), _jsx("td", { className: "p-3", children: f.source === "SUPPLIER" ? "Leverancier" : "VBN" }), _jsx("td", { className: "p-3 text-sm", children: _jsx(DimensionCell, { fust: f, onSave: (v) => patch(f.id, v) }) }), _jsx("td", { className: "p-3 text-right tabular-nums", children: f.used_by_count }), _jsx("td", { className: "p-3 text-right", children: _jsx("span", { className: `tabular-nums font-semibold ${f.minimum_stock > 0 && f.stock < f.minimum_stock
+                                                    ? "text-rose-600"
+                                                    : ""}`, children: f.stock }) }), _jsx("td", { className: "p-3 text-right", children: _jsx(Input, { type: "number", className: "h-8 w-28 text-right", defaultValue: f.minimum_stock, onBlur: (e) => {
+                                                    const v = Math.max(0, Math.trunc(Number(e.target.value) || 0));
+                                                    if (v !== f.minimum_stock)
+                                                        void patch(f.id, { minimum_stock: v });
+                                                } }) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx(Button, { variant: "outline", size: "icon", className: "h-8 w-8", disabled: busyId === f.id || !(Number(amounts[f.id]) > 0), onClick: () => void mutate(f, -1), children: _jsx(Minus, { className: "h-4 w-4" }) }), _jsx(Input, { className: "h-8 w-28 text-center", type: "number", placeholder: "Aantal", value: amounts[f.id] ?? "", onChange: (e) => setAmounts((a) => ({ ...a, [f.id]: e.target.value })) }), _jsx(Button, { variant: "outline", size: "icon", className: "h-8 w-8", disabled: busyId === f.id || !(Number(amounts[f.id]) > 0), onClick: () => void mutate(f, 1), children: _jsx(Plus, { className: "h-4 w-4" }) })] }) })] }, f.id))) })] }) })) })] }));
+}

package/dist-lib/components/voorraad/LogistiekTakenCard.d.ts

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

package/dist-lib/components/voorraad/LogistiekTakenCard.d.ts.map

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

package/dist-lib/components/voorraad/LogistiekTakenCard.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Toont de taken die de Logistics Engine voor de voorraadmodule plande
+ * (public.logistics_tasks, owner_module = "voorraad").
+ *
+ * Deze module beslist niets zelf: ze voert `stock.reserve` uit en meldt de
+ * taak af. In schaduwmodus wordt alleen vergeleken, nooit geschreven.
+ */
+import { useState } from "react";
+import { Button, Card } from "@flowselections/core";
+import { AlertTriangle, Eye, Play, RefreshCw } from "lucide-react";
+import { runStockReserveTask, useLogisticsTasks, } from "../../hooks/useLogisticsTasks";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection";
+import { describeLoadCarriers, parseStockReservePlan, } from "../../lib/logistics-engine";
+export function LogistiekTakenCard() {
+    const { tasks, loading, error, refetch } = useLogisticsTasks([
+        "planned",
+        "ready",
+    ]);
+    const { activeId } = useFloridayConnection();
+    const [busyId, setBusyId] = useState(null);
+    const [results, setResults] = useState({});
+    const reserveTasks = tasks.filter((t) => t.task_type === "stock.reserve");
+    if (loading)
+        return null;
+    if (!error && reserveTasks.length === 0)
+        return null;
+    async function handleRun(taskId) {
+        const task = reserveTasks.find((t) => t.id === taskId);
+        if (!task)
+            return;
+        setBusyId(taskId);
+        try {
+            const result = await runStockReserveTask(task, activeId);
+            setResults((prev) => ({ ...prev, [taskId]: result }));
+        }
+        catch (e) {
+            setResults((prev) => ({ ...prev, [taskId]: e?.message ?? String(e) }));
+        }
+        finally {
+            setBusyId(null);
+            refetch();
+        }
+    }
+    return (_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold", children: "Logistics Engine \u2014 taken" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "De Engine plant; deze module voert alleen uit. Taken met schaduwmodus worden uitsluitend vergeleken." })] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => refetch(), children: _jsx(RefreshCw, { className: "h-4 w-4" }) })] }), error && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-800", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("span", { children: ["Taken niet leesbaar: ", error] })] })), _jsx("ul", { className: "space-y-2", children: reserveTasks.map((task) => {
+                    const plan = parseStockReservePlan(task.payload);
+                    const result = results[task.id];
+                    return (_jsxs("li", { className: "rounded-md border border-border p-3 text-sm", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "font-medium", children: [task.task_type, " \u00B7 ", task.order_ref, task.shadow && (_jsx("span", { className: "ml-2 rounded bg-muted px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "schaduw" }))] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [describeLoadCarriers(plan.loadCarriers), " \u00B7", " ", plan.lines.length, " regel(s) \u00B7 status ", task.status, task.rule_version != null
+                                                        ? ` · rule v${task.rule_version}`
+                                                        : "", task.planned_start
+                                                        ? ` · ${new Date(task.planned_start).toLocaleString("nl-NL")}`
+                                                        : ""] })] }), _jsx(Button, { size: "sm", variant: task.shadow ? "outline" : "default", onClick: () => handleRun(task.id), disabled: busyId === task.id, children: task.shadow ? (_jsxs(_Fragment, { children: [_jsx(Eye, { className: "mr-1 h-4 w-4" }), " Vergelijk"] })) : (_jsxs(_Fragment, { children: [_jsx(Play, { className: "mr-1 h-4 w-4" }), " Uitvoeren"] })) })] }), result && (_jsx("div", { className: "mt-2 rounded bg-muted/50 p-2 text-xs", children: typeof result === "string" ? (_jsx("span", { className: "text-destructive", children: result })) : (_jsxs(_Fragment, { children: [_jsx("div", { children: result.message }), result.diff.length > 0 && (_jsx("ul", { className: "mt-1 space-y-0.5", children: result.diff.map((d) => (_jsxs("li", { children: [d.tradeItemKey, ": ", d.currentReserved, " \u2192", " ", d.engineReserved, " (", d.delta >= 0 ? "+" : "", d.delta, ")"] }, d.tradeItemKey))) }))] })) }))] }, task.id));
+                }) })] }));
+}

package/dist-lib/components/voorraad/PublicatiesPage.d.ts

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

package/dist-lib/components/voorraad/PublicatiesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublicatiesPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublicatiesPage.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,eAAe,gCAuI9B"}

package/dist-lib/components/voorraad/PublicatiesPage.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { Card, Button } from "@flowselections/core";
+import { ArrowLeft, Check, AlertTriangle, Loader2, RefreshCw } from "lucide-react";
+import { useEffect, useState } from "react";
+import { usePublishJobs } from "../../hooks/usePublishJob";
+import { supabase } from "../../integrations/supabase/client";
+const STATUS_LABEL = {
+    running: "Bezig",
+    succeeded: "Gepubliceerd",
+    succeeded_with_warnings: "Aandachtspunten",
+    failed: "Actie nodig",
+};
+function StatusChip({ status }) {
+    const tone = status === "succeeded"
+        ? "bg-emerald-100 text-emerald-800"
+        : status === "failed"
+            ? "bg-destructive/10 text-destructive"
+            : status === "running"
+                ? "bg-muted text-muted-foreground"
+                : "bg-amber-100 text-amber-800";
+    return (_jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${tone}`, children: STATUS_LABEL[status] ?? status }));
+}
+export function PublicatiesPage() {
+    const { jobs, loading, reload } = usePublishJobs(50);
+    const [stepsByJob, setStepsByJob] = useState({});
+    useEffect(() => {
+        if (jobs.length === 0)
+            return;
+        let cancelled = false;
+        (async () => {
+            var _a;
+            const { data } = await supabase
+                .from("voorraad_publish_steps")
+                .select("*")
+                .in("job_id", jobs.map((j) => j.id))
+                .order("position");
+            if (cancelled)
+                return;
+            const grouped = {};
+            for (const row of (data ?? [])) {
+                (grouped[_a = row.job_id] ?? (grouped[_a] = [])).push(row);
+            }
+            setStepsByJob(grouped);
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [jobs]);
+    return (_jsxs("main", { className: "p-6 space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Link, { to: "/voorraad", className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Terug naar voorraad"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void reload(), children: [_jsx(RefreshCw, { className: "mr-1 h-3 w-3" }), "Vernieuwen"] })] }), _jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Publicaties" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Alle producten die je hebt gepubliceerd, met wat er eventueel nog moet gebeuren." })] }), loading ? (_jsxs(Card, { className: "p-6 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Laden\u2026"] })) : jobs.length === 0 ? (_jsx(Card, { className: "p-6 text-sm text-muted-foreground", children: "Er zijn nog geen publicaties." })) : (_jsx("div", { className: "space-y-3", children: jobs.map((job) => {
+                    const steps = stepsByJob[job.id] ?? [];
+                    const failed = steps.filter((s) => s.status === "failed");
+                    const target = job.product_id ?? job.trade_item_id;
+                    return (_jsxs(Card, { className: "p-4 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: job.title || "Product" }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [new Date(job.created_at).toLocaleString("nl-NL"), " \u00B7 referentie ", job.reference_code, job.environment !== "live" ? " · testomgeving" : ""] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(StatusChip, { status: job.status }), target && failed.length > 0 && (_jsx(Button, { asChild: true, size: "sm", variant: "outline", children: _jsx(Link, { to: "/voorraad/$id", params: { id: String(target) }, search: { hervat: job.id }, children: "Afronden" }) }))] })] }), steps.length > 0 && (_jsx("ul", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs", children: steps
+                                    .filter((s) => s.status !== "skipped")
+                                    .map((s) => (_jsxs("li", { className: "flex items-center gap-1", children: [s.status === "done" ? (_jsx(Check, { className: "h-3 w-3 text-emerald-600" })) : s.status === "failed" ? (_jsx(AlertTriangle, { className: "h-3 w-3 text-destructive" })) : (_jsx(Loader2, { className: "h-3 w-3 text-muted-foreground" })), _jsx("span", { className: s.status === "failed"
+                                                ? "text-destructive"
+                                                : "text-muted-foreground", children: s.label })] }, s.id))) })), failed.map((s) => (_jsxs("p", { className: "text-xs text-destructive", children: [s.label, ": ", s.error_message] }, `err-${s.id}`)))] }, job.id));
+                }) }))] }));
+}

package/dist-lib/components/voorraad/PublishProgressCard.d.ts

@@ -0,0 +1,12 @@
+import type { PublishJobRow, PublishStepRow } from "../../lib/publish-pipeline";
+/**
+ * Toont de voortgang van een publicatie in deelstappen.
+ */
+export declare function PublishProgressCard({ job, steps, onRetry, retrying, onFixStep, }: {
+    job: PublishJobRow | null;
+    steps: PublishStepRow[];
+    onRetry?: () => void;
+    retrying?: boolean;
+    onFixStep?: (stepKey: string) => void;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=PublishProgressCard.d.ts.map

package/dist-lib/components/voorraad/PublishProgressCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishProgressCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishProgressCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAoBhF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,GAAG,EAAE,aAAa,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,sCAyDA"}

package/dist-lib/components/voorraad/PublishProgressCard.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Button } from "@flowselections/core";
+import { Check, AlertTriangle, Loader2, Circle, MinusCircle, RefreshCw } from "lucide-react";
+function StatusIcon({ status }) {
+    if (status === "done")
+        return _jsx(Check, { className: "h-4 w-4 text-emerald-600" });
+    if (status === "running")
+        return _jsx(Loader2, { className: "h-4 w-4 animate-spin text-primary" });
+    if (status === "failed")
+        return _jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" });
+    if (status === "skipped")
+        return _jsx(MinusCircle, { className: "h-4 w-4 text-muted-foreground/60" });
+    return _jsx(Circle, { className: "h-4 w-4 text-muted-foreground/40" });
+}
+const JOB_TITLE = {
+    running: "Bezig met publiceren…",
+    succeeded: "Gepubliceerd",
+    succeeded_with_warnings: "Gepubliceerd, met aandachtspunten",
+    failed: "Publiceren niet gelukt",
+};
+/**
+ * Toont de voortgang van een publicatie in deelstappen.
+ */
+export function PublishProgressCard({ job, steps, onRetry, retrying, onFixStep, }) {
+    if (!job)
+        return null;
+    const visible = steps.filter((s) => s.status !== "skipped");
+    const failed = visible.filter((s) => s.status === "failed");
+    return (_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: JOB_TITLE[job.status] ?? "Publicatie" }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Referentie ", job.reference_code] })] }), job.status !== "running" && failed.length > 0 && onRetry && (_jsxs(Button, { size: "sm", variant: "outline", onClick: onRetry, disabled: retrying, children: [retrying ? (_jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" })) : (_jsx(RefreshCw, { className: "mr-1 h-3 w-3" })), "Opnieuw proberen"] }))] }), _jsx("ul", { className: "space-y-2", children: visible.map((s) => (_jsxs("li", { className: "flex items-start gap-2 text-sm", children: [_jsx("span", { className: "mt-0.5", children: _jsx(StatusIcon, { status: s.status }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: s.status === "done" ? "text-muted-foreground" : "", children: s.label }), s.status === "failed" && s.error_message && (_jsx("div", { className: "text-xs text-destructive", children: s.error_message }))] }), s.status === "failed" && onFixStep && (_jsx(Button, { size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onFixStep(s.step_key), children: "Oplossen" }))] }, s.id))) })] }));
+}

package/dist-lib/components/voorraad/PublishReadinessCard.d.ts

@@ -0,0 +1,10 @@
+import type { ReadinessReport } from "../../lib/publish-readiness";
+/**
+ * Korte checklist die laat zien of het product klaar is om te publiceren.
+ */
+export declare function PublishReadinessCard({ report, loading, onGoToStep, }: {
+    report: ReadinessReport;
+    loading?: boolean;
+    onGoToStep?: (stepKey: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PublishReadinessCard.d.ts.map

package/dist-lib/components/voorraad/PublishReadinessCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishReadinessCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishReadinessCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,GACX,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,+BAuEA"}

package/dist-lib/components/voorraad/PublishReadinessCard.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Button } from "@flowselections/core";
+import { Check, AlertTriangle, Loader2, ArrowRight } from "lucide-react";
+import { Link } from "@tanstack/react-router";
+/**
+ * Korte checklist die laat zien of het product klaar is om te publiceren.
+ */
+export function PublishReadinessCard({ report, loading, onGoToStep, }) {
+    return (_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [loading ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })) : report.ok ? (_jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-emerald-100 text-emerald-700", children: _jsx(Check, { className: "h-3 w-3" }) })) : (_jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-amber-100 text-amber-700", children: _jsx(AlertTriangle, { className: "h-3 w-3" }) })), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: report.ok ? "Klaar om te publiceren" : "Nog even dit afmaken" }), _jsx("p", { className: "text-xs text-muted-foreground", children: report.ok
+                                    ? "Alles is ingevuld. Je kunt het product nu publiceren."
+                                    : `${report.blockers.length} ding(en) moeten nog geregeld worden.` })] })] }), _jsx("ul", { className: "space-y-1.5", children: report.items.map((item) => (_jsxs("li", { className: "flex items-start gap-2 text-sm", children: [item.ok ? (_jsx(Check, { className: "mt-0.5 h-4 w-4 shrink-0 text-emerald-600" })) : (_jsx(AlertTriangle, { className: `mt-0.5 h-4 w-4 shrink-0 ${item.blocking ? "text-amber-600" : "text-muted-foreground"}` })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: item.ok ? "text-muted-foreground" : "", children: item.label }), !item.ok && item.hint && (_jsx("div", { className: "text-xs text-muted-foreground", children: item.hint }))] }), !item.ok && item.stepKey && onGoToStep && (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-6 shrink-0 px-2 text-xs", onClick: () => onGoToStep(item.stepKey), children: ["Invullen", _jsx(ArrowRight, { className: "ml-1 h-3 w-3" })] })), !item.ok && item.key === "connection" && (_jsx(Link, { to: "/instellingen", className: "shrink-0 text-xs text-primary underline", children: "Instellingen" }))] }, item.key))) })] }));
+}

package/dist-lib/components/voorraad/StockSyncStatus.d.ts

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

package/dist-lib/components/voorraad/StockSyncStatus.d.ts.map

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

package/dist-lib/components/voorraad/StockSyncStatus.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Subtiele melding op de voorraadpagina wanneer de push naar Floriday
+ * vastloopt of stilstaat.
+ */
+import { AlertTriangle } from "lucide-react";
+import { useStockSyncHealth } from "../../hooks/useStockSyncHealth";
+export function StockSyncStatus() {
+    const { data } = useStockSyncHealth();
+    if (!data)
+        return null;
+    const { failed, stalePending, oldestPendingAt } = data;
+    if (failed === 0 && stalePending === 0)
+        return null;
+    const parts = [];
+    if (failed > 0) {
+        parts.push(`${failed} voorraadwijziging${failed === 1 ? "" : "en"} mislukt`);
+    }
+    if (stalePending > 0) {
+        parts.push(`${stalePending} wacht${stalePending === 1 ? "" : "en"} langer dan 10 minuten`);
+    }
+    return (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-800", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { children: [_jsx("span", { className: "font-medium", children: "Voorraadsync naar Floriday: " }), parts.join(" · "), ".", oldestPendingAt && (_jsxs("span", { className: "opacity-80", children: [" ", "Oudste wachtende regel: ", new Date(oldestPendingAt).toLocaleString("nl-NL"), "."] }))] })] }));
+}

package/dist-lib/components/voorraad/VoorraadPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA4FA,wBAAgB,YAAY,gCAkO3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AAkGA,wBAAgB,YAAY,gCA+O3B"}

package/dist-lib/components/voorraad/VoorraadPage.js

@@ -4,7 +4,10 @@ import { Link } from "@tanstack/react-router";
 import { Button, Card, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { AlertTriangle, CheckCircle2, FileText, PackageX, Plus, Search, } from "lucide-react";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection";
+import { useRegisterModuleBaseUrl } from "../../hooks/useRegisterModuleBaseUrl";
 import { useVoorraadData } from "../../hooks/useVoorraadData";
+import { StockSyncStatus } from "./StockSyncStatus";
+import { LogistiekTakenCard } from "./LogistiekTakenCard";
 import { ExcelExportButton } from "./ExcelExportButton";
 import { StockBulkButtons } from "./StockBulkButtons";
 import { VoorraadTable } from "./VoorraadTable";
@@ -33,6 +36,7 @@ function availableOf(i) {
     return i.availableQuantity ?? i.quantity ?? 0;
 }
 export function VoorraadPage() {
+    useRegisterModuleBaseUrl();
     const { activeId, error: connError } = useFloridayConnection();
     const { items, loading, error, reload } = useVoorraadData(activeId);
     const [search, setSearch] = useState("");
@@ -92,7 +96,7 @@ export function VoorraadPage() {
         { id: "out_of_stock", label: "Niet op voorraad", count: counts.outOfStock },
         { id: "below_min", label: "Onder minimum", count: counts.belowMin },
     ];
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer je artikelen en voorraadniveaus." })] }), _jsx(Button, { asChild: true, disabled: !activeId, size: "sm", className: "shrink-0", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] }), connError && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Floriday-connectie laden mislukt: ", connError] })), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsx(KpiCard, { icon: _jsx(FileText, { className: "h-4 w-4" }), tone: "primary", label: "Artikelen", count: counts.total, active: stockFilter === "all", onClick: () => toggle("all") }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "emerald", label: "Op voorraad", count: counts.inStock, active: stockFilter === "in_stock", onClick: () => toggle("in_stock") }), _jsx(KpiCard, { icon: _jsx(PackageX, { className: "h-4 w-4" }), tone: "rose", label: "Niet op voorraad", count: counts.outOfStock, active: stockFilter === "out_of_stock", onClick: () => toggle("out_of_stock") }), _jsx(KpiCard, { icon: _jsx(AlertTriangle, { className: "h-4 w-4" }), tone: "amber", label: "Onder minimum", count: counts.belowMin, active: stockFilter === "below_min", onClick: () => toggle("below_min") })] }), _jsxs(Card, { className: "overflow-hidden p-0", children: [_jsx("div", { className: "flex flex-wrap items-center gap-1 border-b px-4", children: TABS.map((t) => {
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer je artikelen en voorraadniveaus." })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { to: "/voorraad/publicaties", children: "Publicaties" }) }), _jsx(Button, { asChild: true, disabled: !activeId, size: "sm", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] })] }), _jsx(StockSyncStatus, {}), _jsx(LogistiekTakenCard, {}), connError && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Floriday-connectie laden mislukt: ", connError] })), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsx(KpiCard, { icon: _jsx(FileText, { className: "h-4 w-4" }), tone: "primary", label: "Artikelen", count: counts.total, active: stockFilter === "all", onClick: () => toggle("all") }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "emerald", label: "Op voorraad", count: counts.inStock, active: stockFilter === "in_stock", onClick: () => toggle("in_stock") }), _jsx(KpiCard, { icon: _jsx(PackageX, { className: "h-4 w-4" }), tone: "rose", label: "Niet op voorraad", count: counts.outOfStock, active: stockFilter === "out_of_stock", onClick: () => toggle("out_of_stock") }), _jsx(KpiCard, { icon: _jsx(AlertTriangle, { className: "h-4 w-4" }), tone: "amber", label: "Onder minimum", count: counts.belowMin, active: stockFilter === "below_min", onClick: () => toggle("below_min") })] }), _jsxs(Card, { className: "overflow-hidden p-0", children: [_jsx("div", { className: "flex flex-wrap items-center gap-1 border-b px-4", children: TABS.map((t) => {
                             const active = stockFilter === t.id;
                             return (_jsxs("button", { type: "button", onClick: () => setStockFilter(t.id), className: `relative py-3 px-3 text-sm font-medium whitespace-nowrap transition-colors ${active
                                     ? "text-foreground"

package/dist-lib/components/voorraad/VoorraadTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAmB3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,+BAyJA"}
+{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAmB3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,+BAmKA"}

package/dist-lib/components/voorraad/VoorraadTable.js

@@ -49,6 +49,6 @@ export function VoorraadTable({ items, loading, }) {
                                                         : "Niet online in Floriday", title: floriday
                                                         ? "Online in Floriday"
                                                         : "Niet online in Floriday", className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-background px-2 py-0.5 text-[11px] font-medium leading-none text-muted-foreground", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full " +
-                                                                (floriday ? "bg-emerald-500" : "bg-red-500"), "aria-hidden": true }), _jsx("span", { children: "Floriday" })] })] }), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _jsx("td", { className: "p-3", children: item.itemType === "productgroep" ? (_jsx(Badge, { className: "bg-indigo-500/15 text-indigo-700 border-indigo-500/30", children: "Productgroep" })) : item.itemType === "samenstelling" ? (_jsx(Badge, { className: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: "Samenstelling" })) : (_jsx(Badge, { variant: "secondary", children: "Artikel" })) }), _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber || "—" }), columns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums text-muted-foreground", children: Number(item[c.key] ?? 0) }, c.key))), extraColumns.map((f) => (_jsx("td", { className: "p-3 text-muted-foreground whitespace-nowrap", children: formatCustomValue(customValue(item, f.field_key)) }, f.id)))] }, item.id));
+                                                                (floriday ? "bg-emerald-500" : "bg-red-500"), "aria-hidden": true }), _jsx("span", { children: "Floriday" })] })] }), Boolean(customValue(item, "floriday_sync")?.dirty) && (_jsx("div", { className: "mt-1 inline-flex items-center rounded-full bg-amber-100 px-2 py-0.5 text-[11px] font-medium leading-none text-amber-800", title: "Opgeslagen in dit systeem, wacht nog op doorgifte naar Floriday", children: "Wacht op Floriday" })), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _jsx("td", { className: "p-3", children: item.itemType === "productgroep" ? (_jsx(Badge, { className: "bg-indigo-500/15 text-indigo-700 border-indigo-500/30", children: "Productgroep" })) : item.itemType === "samenstelling" ? (_jsx(Badge, { className: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: "Samenstelling" })) : (_jsx(Badge, { variant: "secondary", children: "Artikel" })) }), _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber || "—" }), columns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums text-muted-foreground", children: Number(item[c.key] ?? 0) }, c.key))), extraColumns.map((f) => (_jsx("td", { className: "p-3 text-muted-foreground whitespace-nowrap", children: formatCustomValue(customValue(item, f.field_key)) }, f.id)))] }, item.id));
                     }) })] }) }));
 }

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

@@ -0,0 +1,17 @@
+import { type FustType } from "../lib/fusten";
+/**
+ * Fustenvoorraad, altijd afgeleid van de beladingen van de producten.
+ * Bij het openen én bij elke wijziging aan producten/beladingen wordt
+ * automatisch gesynchroniseerd.
+ */
+export declare function useFusten(connectionId: string | null): {
+    items: FustType[];
+    loading: boolean;
+    syncing: boolean;
+    error: string | null;
+    reload: () => Promise<void>;
+    sync: () => Promise<void>;
+    adjust: (fustTypeId: string, delta: number, note?: string) => Promise<void>;
+    patch: (id: string, values: Partial<Pick<FustType, "name" | "minimum_stock" | "notes" | "length_mm" | "width_mm" | "height_mm">>) => Promise<void>;
+};
+//# sourceMappingURL=useFusten.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFusten.d.ts","sourceRoot":"","sources":["../../src/hooks/useFusten.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,QAAQ,EACd,MAAM,eAAe,CAAC;AAEvB;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;;;yBAwE9B,MAAM,SAAS,MAAM,SAAS,MAAM;gBAQ5C,MAAM,UAAU,OAAO,CAChC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC,CAC5F;EAQJ"}

package/dist-lib/hooks/useFusten.js

@@ -0,0 +1,81 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { supabase } from "../integrations/supabase/client";
+import { adjustFustStock, fetchFustTypes, syncFustTypes, updateFustType, } from "../lib/fusten";
+/**
+ * Fustenvoorraad, altijd afgeleid van de beladingen van de producten.
+ * Bij het openen én bij elke wijziging aan producten/beladingen wordt
+ * automatisch gesynchroniseerd.
+ */
+export function useFusten(connectionId) {
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [syncing, setSyncing] = useState(false);
+    const [error, setError] = useState(null);
+    const syncingRef = useRef(false);
+    const load = useCallback(async () => {
+        try {
+            setItems(await fetchFustTypes(connectionId));
+            setError(null);
+        }
+        catch (e) {
+            setError(e.message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [connectionId]);
+    const sync = useCallback(async () => {
+        if (syncingRef.current)
+            return;
+        syncingRef.current = true;
+        setSyncing(true);
+        try {
+            await syncFustTypes(connectionId);
+            setError(null);
+        }
+        catch (e) {
+            setError(e.message);
+        }
+        finally {
+            syncingRef.current = false;
+            setSyncing(false);
+            await load();
+        }
+    }, [connectionId, load]);
+    useEffect(() => {
+        setLoading(true);
+        void (async () => {
+            await load();
+            await sync();
+        })();
+    }, [load, sync]);
+    useEffect(() => {
+        const channel = supabase
+            .channel(`fusten-${connectionId ?? "none"}`)
+            .on("postgres_changes", { event: "*", schema: "public", table: "fust_types" }, () => {
+            void load();
+        })
+            .on("postgres_changes", { event: "*", schema: "public", table: "fust_stock_mutations" }, () => {
+            void load();
+        })
+            .on("postgres_changes", { event: "*", schema: "public", table: "products" }, () => {
+            void sync();
+        })
+            .on("postgres_changes", { event: "*", schema: "public", table: "floriday_trade_items_cache" }, () => {
+            void sync();
+        })
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+    }, [connectionId, load, sync]);
+    const adjust = useCallback(async (fustTypeId, delta, note) => {
+        await adjustFustStock({ fustTypeId, delta, note: note ?? null });
+        await load();
+    }, [load]);
+    const patch = useCallback(async (id, values) => {
+        await updateFustType(id, values);
+        await load();
+    }, [load]);
+    return { items, loading, syncing, error, reload: load, sync, adjust, patch };
+}

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

@@ -37,16 +37,26 @@ export interface DraftMeta {
     lastFloridaySyncAt?: string | null;
     source?: "manual" | "excel_import";
 }
-/**
- * Slaat Floriday-velden op in `products.custom_fields.floriday_payload`. Als `id` ontbreekt maken we een
- * nieuw product aan (met minimale ERP-velden uit de payload). Nooit een concept-rij.
- */
+/** Status van de doorgifte naar Floriday, opgeslagen in `custom_fields.floriday_sync`. */
+export interface LocalSyncStatus {
+    /** true = lokaal opgeslagen maar (nog) niet bevestigd door Floriday. */
+    dirty: boolean;
+    last_attempt_at?: string | null;
+    last_error?: string | null;
+    last_synced_at?: string | null;
+}
+export declare function readLocalSyncStatus(customFields: unknown): LocalSyncStatus | null;
 export declare function upsertLocalTradeItem(params: {
     id?: string;
     connectionId: string;
     data: WizardData;
     meta?: DraftMeta;
+    /** Koppel/maak de lokale rij voor een artikel dat alleen in Floriday bestaat. */
+    floridayTradeItemId?: string | null;
+    sync?: LocalSyncStatus;
 }): Promise<string>;
+/** Zet alleen de sync-status bij, zonder de payload te herschrijven. */
+export declare function markLocalSyncStatus(productRowId: string, status: LocalSyncStatus): Promise<void>;
 /**
  * Legacy API. Alleen meta-velden die vandaag nog op `products` bestaan (`floriday_trade_item_id`
  * en `custom_fields.floriday_id`) worden gepersisteerd; overige velden worden stilzwijgend genegeerd