@flowselections/floriday-voorraad 1.0.41 → 1.0.43

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

@@ -1 +1 @@
-{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AAqMA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,GACZ,GAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,2CAs9DL"}
+{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AAsMA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,GACZ,GAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,2CA89DL"}

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

@@ -34,6 +34,7 @@ import { VoorraadStockCard } from "../../components/voorraad/VoorraadStockCard";
 import { ProductLinkCard } from "../../components/voorraad/ProductLinkCard";
 import { PriceStatusBadge } from "../../components/voorraad/PriceStatusBadge";
 import { OrderHistoryCard } from "../../components/voorraad/OrderHistoryCard";
+import { StockMutationHistoryCard } from "../../components/voorraad/StockMutationHistoryCard";
 import { ArtikelCompositionCard } from "../../components/voorraad/ArtikelCompositionCard";
 import { StepSamenstelling } from "../../components/voorraad/StepSamenstelling";
 import { FloridayInfoCard } from "../../components/voorraad/FloridayInfoCard";
@@ -139,7 +140,10 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
     // van elke geleerde eis, en de gebruiker nooit dezelfde 400 twee keer krijgt.
     const queryClient = useQueryClient();
     const isEditingDraft = Boolean(initialDraftId);
-    const isEditingPublished = Boolean(tradeItemId);
+    // Een lokaal product dat al aan Floriday gekoppeld is, is géén "nieuw"
+    // artikel: bewerken betekent dan bijwerken in Floriday.
+    const publishedTradeItemId = tradeItemId ?? productMeta.floridayTradeItemId ?? null;
+    const isEditingPublished = Boolean(publishedTradeItemId);
     const isEditingProduct = Boolean(productId);
     const isEditing = isEditingDraft || isEditingPublished || isEditingProduct;
     const lastSavedRef = useRef(null);
@@ -969,7 +973,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                     id: draftId,
                     connectionId: activeId,
                     data,
-                    floridayTradeItemId: (isEditingPublished && tradeItemId) ? tradeItemId : (draftFloridayId || null),
+                    floridayTradeItemId: (publishedTradeItemId || draftFloridayId || null),
                     sync: {
                         dirty: true,
                         last_attempt_at: new Date().toISOString(),
@@ -1038,7 +1042,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                 id: draftId,
                 connectionId: activeId,
                 data,
-                floridayTradeItemId: (isEditingPublished && tradeItemId) ? tradeItemId : (draftFloridayId || null),
+                floridayTradeItemId: (publishedTradeItemId || draftFloridayId || null),
                 sync: { dirty: true, last_error: null },
             });
             if (localId && localId !== draftId)
@@ -1104,18 +1108,18 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
         }
         setPublishJobId(jobId);
         const stepOpts = { characteristicLabels };
-        let resolvedTradeItemId = tradeItemId ?? null;
+        let resolvedTradeItemId = publishedTradeItemId ?? null;
         try {
             // 1) Productgegevens -------------------------------------------------
             const core = await runPublishStep(jobId, "trade-item", async () => {
-                if (isEditingPublished && tradeItemId) {
-                    await saveWarehousePreference(tradeItemId, data.warehouseId);
+                if (publishedTradeItemId) {
+                    await saveWarehousePreference(publishedTradeItemId, data.warehouseId);
                     const payload = buildUpdateTradeItemPayload(data);
-                    const res = await floriday.updateTradeItem(activeId, tradeItemId, payload);
+                    const res = await floriday.updateTradeItem(activeId, publishedTradeItemId, payload);
                     if (!res?.attemptId) {
                         throw new Error("De wijziging is niet bevestigd door de handelsomgeving");
                     }
-                    return { tradeItemId };
+                    return { tradeItemId: publishedTradeItemId };
                 }
                 const payload = buildAddTradeItemPayload(data);
                 const res = await floriday.createTradeItem(activeId, payload);
@@ -1374,7 +1378,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
     const persistAndPush = useCallback(async (snapshot) => {
         if (!activeId)
             return false;
-        const pushTargetId = (isEditingPublished && tradeItemId) ? tradeItemId : (draftFloridayId || null);
+        const pushTargetId = (publishedTradeItemId || draftFloridayId || null);
         setSyncState("saving");
         setSyncError(null);
         // 1. Lokaal opslaan — nooit overslaan.
@@ -1479,7 +1483,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             return;
         if (draftLoading || publishedLoading || productLoading)
             return;
-        const pushTargetId = (isEditingPublished && tradeItemId) ? tradeItemId : (draftFloridayId || null);
+        const pushTargetId = (publishedTradeItemId || draftFloridayId || null);
         if (!draftId && !pushTargetId)
             return;
         const serialized = JSON.stringify(data);
@@ -1545,7 +1549,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                             name: data.name || data.vbnName,
                             articleNumber: data.articleCode,
                             gtin: data.gtin,
-                        } }), _jsx(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null, productId: linkedProductId }), _jsx(OrderHistoryCard, { tradeItemKey: localTradeItemKey, productName: data.name || data.vbnName || null, productId: linkedProductId ?? null }), _jsx(ProductLinkCard, { tradeItemKey: localTradeItemKey, productName: data.vbnName || null })] })), _jsx("ol", { className: "space-y-3", children: steps.map((s, i) => {
+                        } }), _jsx(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null, productId: linkedProductId }), _jsx(OrderHistoryCard, { tradeItemKey: localTradeItemKey, productName: data.name || data.vbnName || null, productId: linkedProductId ?? null }), _jsx(StockMutationHistoryCard, { tradeItemKey: localTradeItemKey, productId: linkedProductId ?? null }), _jsx(ProductLinkCard, { tradeItemKey: localTradeItemKey, productName: data.vbnName || null })] })), _jsx("ol", { className: "space-y-3", children: steps.map((s, i) => {
                     const isOpen = i === step;
                     const isValid = stepValidity[i];
                     const isVisited = i < step || isEditing;

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

@@ -123,11 +123,11 @@ export function OrderHistoryCard({ tradeItemKey, productName, productId }) {
             supabase.removeChannel(channel);
         };
     }, [tradeItemKey, productName, productId]);
-    return (_jsxs(Card, { children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 px-6 py-4", children: [_jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full border border-primary/40 bg-primary/10 text-primary", children: _jsx(ClipboardList, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Bestelgeschiedenis" }), _jsx("span", { className: "text-xs text-muted-foreground tabular-nums", children: rows ? `${rows.length} bestelling${rows.length === 1 ? "" : "en"}` : "" })] }), _jsxs(CardContent, { className: "pt-0", children: [error && (_jsxs("div", { className: "text-sm text-destructive", children: ["Kon bestelgeschiedenis niet laden: ", error] })), !rows && !error && (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Bestellingen laden\u2026"] })), rows && rows.length === 0 && !error && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen bestellingen voor dit artikel." })), rows && rows.length > 0 && (_jsx("div", { className: "overflow-x-auto rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-xs uppercase text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left", children: "Ordernummer" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Klant" }), _jsx("th", { className: "px-3 py-2 text-right", children: "Fusten" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Besteldatum" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Status" }), _jsx("th", { className: "px-3 py-2" })] }) }), _jsx("tbody", { children: rows.map((r) => {
+    return (_jsxs(Card, { children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 px-6 py-4", children: [_jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full border border-primary/40 bg-primary/10 text-primary", children: _jsx(ClipboardList, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Bestelgeschiedenis" }), _jsx("span", { className: "text-xs text-muted-foreground tabular-nums", children: rows ? `${rows.length} bestelling${rows.length === 1 ? "" : "en"}` : "" })] }), _jsxs(CardContent, { className: "pt-0", children: [error && (_jsxs("div", { className: "text-sm text-destructive", children: ["Kon bestelgeschiedenis niet laden: ", error] })), !rows && !error && (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Bestellingen laden\u2026"] })), rows && rows.length === 0 && !error && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen bestellingen voor dit artikel." })), rows && rows.length > 0 && (_jsx("div", { className: "overflow-x-auto rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-xs uppercase text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left", children: "Ordernummer" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Klant" }), _jsx("th", { className: "px-3 py-2 text-right", children: "Fusten" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Besteldatum" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Status" }), _jsx("th", { className: "px-3 py-2" })] }) }), _jsx("tbody", { children: rows.map((r, i) => {
                                         const label = normalizeStatus(r.status);
                                         const tone = STATUS_TONE[label.toLowerCase()] ??
                                             "bg-slate-100 text-slate-700 border-slate-200";
                                         const href = `/floriday-verkoop/verkooporders/${r.order_id}`;
-                                        return (_jsxs("tr", { className: "border-t hover:bg-muted/40 cursor-pointer", onClick: () => { window.location.href = href; }, children: [_jsx("td", { className: "px-3 py-2 font-medium", children: _jsx("a", { href: href, className: "text-primary hover:underline", onClick: (e) => e.stopPropagation(), children: r.order_number }) }), _jsx("td", { className: "px-3 py-2", children: r.customer_name ?? "—" }), _jsxs("td", { className: "px-3 py-2 text-right tabular-nums", children: [r.quantity, r.unit ? _jsx("span", { className: "ml-1 text-xs text-muted-foreground", children: r.unit }) : null] }), _jsx("td", { className: "px-3 py-2", children: formatDate(r.order_date ?? r.created_at) }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: "outline", className: `border ${tone}`, children: label }) }), _jsx("td", { className: "px-3 py-2 text-right text-muted-foreground", children: _jsx(ExternalLink, { className: "h-3.5 w-3.5 inline" }) })] }, r.order_id));
+                                        return (_jsxs("tr", { className: "border-t hover:bg-muted/40 cursor-pointer", onClick: () => { window.location.href = href; }, children: [_jsx("td", { className: "px-3 py-2 font-medium", children: _jsx("a", { href: href, className: "text-primary hover:underline", onClick: (e) => e.stopPropagation(), children: r.order_number }) }), _jsx("td", { className: "px-3 py-2", children: r.customer_name ?? "—" }), _jsxs("td", { className: "px-3 py-2 text-right tabular-nums", children: [r.quantity, r.unit ? _jsx("span", { className: "ml-1 text-xs text-muted-foreground", children: r.unit }) : null] }), _jsx("td", { className: "px-3 py-2", children: formatDate(r.order_date ?? r.created_at) }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: "outline", className: `border ${tone}`, children: label }) }), _jsx("td", { className: "px-3 py-2 text-right text-muted-foreground", children: _jsx(ExternalLink, { className: "h-3.5 w-3.5 inline" }) })] }, `${r.order_id}-${i}`));
                                     }) })] }) }))] })] }));
 }

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

@@ -0,0 +1,7 @@
+interface Props {
+    tradeItemKey: string | null;
+    productId?: string | null;
+}
+export declare function StockMutationHistoryCard({ tradeItemKey, productId }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StockMutationHistoryCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StockMutationHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockMutationHistoryCard.tsx"],"names":[],"mappings":"AAUA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AA8CD,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,2CAiM1E"}

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

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Afboekgeschiedenis: wanneer is er voorraad bij- of afgeboekt en waarom.
+ * Leest public.stock_mutation_log op de sleutel van dit artikel (inclusief
+ * de groepssleutel wanneer het artikel via een groep wordt afgeboekt).
+ */
+import { useEffect, useState } from "react";
+import { Card, CardContent, Badge } from "@flowselections/core";
+import { Loader2, History } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client";
+const TYPE_LABEL = {
+    consumption: { label: "Afboeking (verkoop)", tone: "bg-rose-100 text-rose-800 border-rose-200" },
+    consumption_blocked: { label: "Afboeking geblokkeerd", tone: "bg-amber-100 text-amber-800 border-amber-200" },
+    consumption_skipped: { label: "Afboeking overgeslagen", tone: "bg-amber-100 text-amber-800 border-amber-200" },
+    reservation: { label: "Reservering", tone: "bg-blue-100 text-blue-800 border-blue-200" },
+    reservation_release: { label: "Reservering vrijgegeven", tone: "bg-blue-100 text-blue-800 border-blue-200" },
+    reservation_skipped: { label: "Reservering overgeslagen", tone: "bg-amber-100 text-amber-800 border-amber-200" },
+    manual_correction: { label: "Handmatige correctie", tone: "bg-slate-100 text-slate-700 border-slate-200" },
+    order_sync: { label: "Verwerking verkooporders", tone: "bg-indigo-100 text-indigo-800 border-indigo-200" },
+    import: { label: "Import", tone: "bg-slate-100 text-slate-700 border-slate-200" },
+    production: { label: "Productie", tone: "bg-emerald-100 text-emerald-800 border-emerald-200" },
+    stock_update: { label: "Voorraad bijgewerkt", tone: "bg-slate-100 text-slate-700 border-slate-200" },
+};
+function formatMoment(v) {
+    try {
+        const d = new Date(v);
+        if (Number.isNaN(d.getTime()))
+            return v;
+        return d.toLocaleString("nl-NL", {
+            day: "2-digit",
+            month: "short",
+            year: "numeric",
+            hour: "2-digit",
+            minute: "2-digit",
+        });
+    }
+    catch {
+        return v;
+    }
+}
+export function StockMutationHistoryCard({ tradeItemKey, productId }) {
+    const [rows, setRows] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        const load = async () => {
+            setError(null);
+            if (!tradeItemKey && !productId) {
+                setRows([]);
+                return;
+            }
+            try {
+                const keys = new Set();
+                if (tradeItemKey)
+                    keys.add(tradeItemKey);
+                if (productId)
+                    keys.add(productId);
+                // Groepssleutels waaronder dit artikel ook afgeboekt kan worden.
+                const { data: groups } = await supabase
+                    .from("product_group_items")
+                    .select("product_group_id")
+                    .in("trade_item_id", [...keys])
+                    .limit(20);
+                for (const g of (groups ?? [])) {
+                    keys.add(`group:${g.product_group_id}`);
+                }
+                const { data, error } = await supabase
+                    .from("stock_mutation_log")
+                    .select("id,created_at,mutation_type,qty_delta,physical_before,physical_after,reserved_before,reserved_after,reason,order_id")
+                    .in("trade_item_key", [...keys])
+                    .order("created_at", { ascending: false })
+                    .limit(100);
+                if (error)
+                    throw error;
+                if (cancelled)
+                    return;
+                // Ordernummers los ophalen: er is geen databaserelatie tussen de
+                // afboekingen en de orders, dus een gecombineerde vraag mislukt.
+                const orderIds = Array.from(new Set((data ?? []).map((r) => r.order_id).filter(Boolean)));
+                const orderNumbers = new Map();
+                if (orderIds.length > 0) {
+                    const { data: orderRows } = await supabase
+                        .from("orders")
+                        .select("id, order_number")
+                        .in("id", orderIds);
+                    for (const o of (orderRows ?? [])) {
+                        orderNumbers.set(String(o.id), String(o.order_number ?? ""));
+                    }
+                }
+                if (cancelled)
+                    return;
+                setRows((data ?? []).map((r) => ({
+                    id: r.id,
+                    created_at: r.created_at,
+                    mutation_type: r.mutation_type ?? "",
+                    qty_delta: Number(r.qty_delta ?? 0),
+                    physical_before: r.physical_before === null ? null : Number(r.physical_before),
+                    physical_after: r.physical_after === null ? null : Number(r.physical_after),
+                    reserved_before: r.reserved_before === null ? null : Number(r.reserved_before),
+                    reserved_after: r.reserved_after === null ? null : Number(r.reserved_after),
+                    reason: r.reason ?? null,
+                    order_id: r.order_id ?? null,
+                    order_number: r.order_id ? orderNumbers.get(String(r.order_id)) ?? null : null,
+                })));
+            }
+            catch (e) {
+                if (!cancelled)
+                    setError(e.message);
+            }
+        };
+        load();
+        const channel = supabase
+            .channel(`stock-mutations-${tradeItemKey ?? productId ?? "none"}`)
+            .on("postgres_changes", { event: "*", schema: "public", table: "stock_mutation_log" }, load)
+            .subscribe();
+        return () => {
+            cancelled = true;
+            supabase.removeChannel(channel);
+        };
+    }, [tradeItemKey, productId]);
+    return (_jsxs(Card, { children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 px-6 py-4", children: [_jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full border border-primary/40 bg-primary/10 text-primary", children: _jsx(History, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Afboekgeschiedenis" }), _jsx("span", { className: "text-xs text-muted-foreground tabular-nums", children: rows ? `${rows.length} mutatie${rows.length === 1 ? "" : "s"}` : "" })] }), _jsxs(CardContent, { className: "pt-0", children: [error && (_jsxs("div", { className: "text-sm text-destructive", children: ["Kon voorraadmutaties niet laden: ", error] })), !rows && !error && (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Mutaties laden\u2026"] })), rows && rows.length === 0 && !error && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen voorraadmutaties voor dit artikel." })), rows && rows.length > 0 && (_jsx("div", { className: "overflow-x-auto rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-xs uppercase text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left", children: "Wanneer" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Soort" }), _jsx("th", { className: "px-3 py-2 text-right", children: "Aantal" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Van \u2192 naar" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Order" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Reden" })] }) }), _jsx("tbody", { children: rows.map((r) => {
+                                        const meta = TYPE_LABEL[r.mutation_type] ?? {
+                                            label: r.mutation_type || "Onbekend",
+                                            tone: "bg-slate-100 text-slate-700 border-slate-200",
+                                        };
+                                        const physChanged = r.physical_before !== null &&
+                                            r.physical_after !== null &&
+                                            r.physical_before !== r.physical_after;
+                                        const resChanged = r.reserved_before !== null &&
+                                            r.reserved_after !== null &&
+                                            r.reserved_before !== r.reserved_after;
+                                        return (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "whitespace-nowrap px-3 py-2", children: formatMoment(r.created_at) }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: "outline", className: `border ${meta.tone}`, children: meta.label }) }), _jsxs("td", { className: `px-3 py-2 text-right tabular-nums font-medium ${r.qty_delta < 0 ? "text-rose-700" : r.qty_delta > 0 ? "text-emerald-700" : ""}`, children: [r.qty_delta > 0 ? "+" : "", r.qty_delta] }), _jsxs("td", { className: "whitespace-nowrap px-3 py-2 tabular-nums text-muted-foreground", children: [physChanged && (_jsxs("div", { children: ["Liggend ", r.physical_before, " \u2192 ", r.physical_after] })), resChanged && (_jsxs("div", { children: ["Gereserveerd ", r.reserved_before, " \u2192 ", r.reserved_after] })), !physChanged && !resChanged && _jsx("span", { children: "\u2014" })] }), _jsx("td", { className: "whitespace-nowrap px-3 py-2", children: r.order_id ? (_jsx("a", { href: `/floriday-verkoop/verkooporders/${r.order_id}`, className: "text-primary hover:underline", children: r.order_number ?? "Order" })) : (_jsx("span", { className: "text-muted-foreground", children: "\u2014" })) }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: r.reason ?? "—" })] }, r.id));
+                                    }) })] }) }))] })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"StockPushMonitor.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockPushMonitor.tsx"],"names":[],"mappings":"AAiFA,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,2CAyJjF"}
+{"version":3,"file":"StockPushMonitor.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockPushMonitor.tsx"],"names":[],"mappings":"AAqKA,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,2CA+LjF"}

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

@@ -12,26 +12,96 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { toast } from "sonner";
 import { ChevronDown, ChevronRight, RefreshCw, Send } from "lucide-react";
+import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { supabase } from "../../integrations/supabase/client";
 import { useStockPushJobs, useCentralAuthBlockade } from "../../hooks/useStockPushJobs";
 import { enqueueTestStockPush } from "../../lib/stock-sync.functions";
 const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+/** Een verwerker houdt een regel maximaal 5 minuten vast. */
+const LOCK_STALE_MS = 5 * 60000;
 const STATUS_LABEL = {
     pending: "In wachtrij",
     processing: "Bezig",
+    sent: "Verstuurd",
     completed: "Verstuurd",
     failed: "Mislukt",
+    dead_letter: "Definitief mislukt",
     superseded: "Vervangen",
 };
-function statusClass(status) {
-    if (status === "completed")
+function toneClass(tone) {
+    if (tone === "ok")
         return "bg-emerald-500/15 text-emerald-700";
-    if (status === "failed")
+    if (tone === "error")
         return "bg-destructive/15 text-destructive";
-    if (status === "superseded")
+    if (tone === "muted")
         return "bg-muted text-muted-foreground";
     return "bg-amber-500/15 text-amber-700";
 }
+/** Namen komen soms als taalobject binnen ({ nl: "…" }). */
+function plainName(value) {
+    if (typeof value === "string")
+        return value.trim() || null;
+    if (value && typeof value === "object") {
+        const first = value.nl ?? value.en ?? Object.values(value)[0];
+        if (typeof first === "string")
+            return first.trim() || null;
+    }
+    return null;
+}
+/**
+ * Vertaalt de technische foutregel naar wat er aan de hand is en wat er moet
+ * gebeuren. Bewust concreet: een tokenfout lost zichzelf nooit op.
+ */
+function explainError(raw) {
+    if (!raw)
+        return null;
+    const m = raw.toLowerCase();
+    if (m.includes("token") || m.includes("requested path is invalid")) {
+        return {
+            text: "De Floriday-Authenticatiemodule kon geen geldig token ophalen.",
+            action: "Controleer in de Floriday-Authenticatiemodule het adres van Central Auth en of de gepubliceerde versie actueel is. Plan de opdracht daarna opnieuw in.",
+        };
+    }
+    if (m.includes("credential") || m.includes("central auth")) {
+        return {
+            text: "Er zijn geen actieve Floriday-inloggegevens voor deze omgeving.",
+            action: "Zet in Central Auth de juiste inloggegevens voor deze omgeving actief.",
+        };
+    }
+    if (m.includes("prijs")) {
+        return { text: raw, action: "Vul een prijs in bij dit artikel en probeer opnieuw." };
+    }
+    if (m.includes("cache")) {
+        return { text: raw, action: "Synchroniseer de Floriday-artikelen en probeer opnieuw." };
+    }
+    if (m.includes("429") || m.includes("rate limit") || m.includes("snelheidslimiet")) {
+        return { text: "Floriday liet even geen nieuwe berichten toe.", action: "Dit gaat vanzelf; de volgende ronde pakt het op." };
+    }
+    return { text: raw, action: null };
+}
+/** Status zoals de gebruiker hem hoort te zien, inclusief vastgelopen regels. */
+function displayStatus(job) {
+    if (job.status === "processing") {
+        const started = job.lockedAt ? new Date(job.lockedAt).getTime() : NaN;
+        if (!Number.isFinite(started) || Date.now() - started > LOCK_STALE_MS) {
+            return {
+                label: "Vastgelopen",
+                tone: "error",
+                hint: "De verwerker heeft deze opdracht opgepakt maar nooit afgerond. Hij wordt automatisch opnieuw opgepakt.",
+            };
+        }
+        return { label: "Bezig", tone: "warn" };
+    }
+    if (job.status === "sent" || job.status === "completed")
+        return { label: "Verstuurd", tone: "ok" };
+    if (job.status === "dead_letter")
+        return { label: "Definitief mislukt", tone: "error" };
+    if (job.status === "failed")
+        return { label: "Mislukt", tone: "error" };
+    if (job.status === "superseded")
+        return { label: "Vervangen", tone: "muted" };
+    return { label: STATUS_LABEL[job.status] ?? job.status, tone: "warn" };
+}
 function timeLabel(iso) {
     if (!iso)
         return "—";
@@ -62,9 +132,12 @@ function useLinkedTradeItems(connectionId) {
             const names = new Map();
             for (const row of (cached ?? [])) {
                 const d = row.data;
-                const label = d?.tradeItemName ?? d?.name ?? d?.productName ?? null;
+                const label = plainName(d?.tradeItemName) ??
+                    plainName(d?.name) ??
+                    plainName(d?.productName) ??
+                    plainName(d?.vbnProductName);
                 if (label)
-                    names.set(String(row.floriday_id), String(label));
+                    names.set(String(row.floriday_id), label);
             }
             return rows
                 .filter((r) => names.has(String(r.trade_item_key)))
@@ -85,11 +158,11 @@ export function StockPushMonitor({ connectionId }) {
     const blockade = useCentralAuthBlockade();
     const items = useLinkedTradeItems(open ? connectionId : null);
     const testPush = useServerFn(enqueueTestStockPush);
+    const itemList = items.data ?? [];
     useEffect(() => {
-        if (!selected && items.data && items.data.length > 0) {
-            setSelected(items.data[0].id);
-        }
-    }, [items.data, selected]);
+        if (!selected && itemList.length > 0)
+            setSelected(itemList[0].id);
+    }, [itemList, selected]);
     const mutation = useMutation({
         mutationFn: (tradeItemId) => testPush({ data: { tradeItemId } }),
         onSuccess: (res) => {
@@ -104,7 +177,12 @@ export function StockPushMonitor({ connectionId }) {
         if (rows.length === 0)
             return "nog geen pushes";
         const last = rows[0];
-        return `laatste: ${STATUS_LABEL[last.status] ?? last.status} om ${timeLabel(last.createdAt)}`;
+        return `laatste: ${displayStatus(last).label} om ${timeLabel(last.createdAt)}`;
     }, [rows]);
-    return (_jsxs("section", { className: "rounded-lg border bg-card", children: [_jsxs("button", { type: "button", className: "flex w-full items-center gap-2 px-4 py-3 text-left text-sm font-medium", onClick: () => setOpen((v) => !v), children: [open ? (_jsx(ChevronDown, { className: "h-4 w-4 text-muted-foreground" })) : (_jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })), "Voorraadsync naar Floriday testen", _jsx("span", { className: "ml-auto text-xs font-normal text-muted-foreground", children: summary })] }), open && (_jsxs("div", { className: "space-y-4 border-t px-4 py-4 text-sm", children: [_jsx("p", { className: "text-muted-foreground", children: "Elke voorraadwijziging van een gekoppeld artikel zet automatisch een opdracht in de wachtrij. De Floriday-Authenticatiemodule verwerkt die elke minuut en stuurt dan het aantal stuks en de beschikbaarheid naar Floriday. Hieronder plan je een testopdracht in met de huidige voorraadstand, zonder iets te wijzigen." }), blockade.data?.blocked && (_jsxs("div", { className: "rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-amber-800", children: [_jsx("span", { className: "font-medium", children: "Let op: " }), "de tokenaanvraag bij Central Auth mislukt op dit moment, dus elke push loopt daarop vast. Dit ligt buiten deze module.", blockade.data.message && (_jsxs("span", { className: "block opacity-80", children: ["Melding: ", blockade.data.message] }))] })), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("select", { className: "h-9 min-w-[16rem] rounded-md border bg-background px-2 text-sm", value: selected, onChange: (e) => setSelected(e.target.value), disabled: !connectionId || items.isLoading || (items.data ?? []).length === 0, children: (items.data ?? []).length === 0 ? (_jsx("option", { value: "", children: items.isLoading ? "Artikelen laden…" : "Geen gekoppelde artikelen gevonden" })) : ((items.data ?? []).map((i) => (_jsxs("option", { value: i.id, children: [i.name, " \u2014 ", i.stock, " stuks"] }, i.id)))) }), _jsxs("button", { type: "button", className: "inline-flex h-9 items-center rounded-md bg-primary px-3 text-sm font-medium text-primary-foreground hover:opacity-90 disabled:opacity-50", disabled: !selected || mutation.isPending, onClick: () => selected && mutation.mutate(selected), children: [_jsx(Send, { className: "mr-2 h-4 w-4" }), "Testpush uitvoeren"] }), _jsxs("button", { type: "button", className: "inline-flex h-9 items-center rounded-md border px-3 text-sm font-medium hover:bg-muted disabled:opacity-50", disabled: jobs.isFetching, onClick: () => void jobs.refetch(), children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${jobs.isFetching ? "animate-spin" : ""}` }), "Ververs"] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-left text-xs", children: [_jsx("thead", { className: "text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "py-1 pr-3 font-medium", children: "Artikel" }), _jsx("th", { className: "py-1 pr-3 font-medium", children: "Stuks" }), _jsx("th", { className: "py-1 pr-3 font-medium", children: "Status" }), _jsx("th", { className: "py-1 pr-3 font-medium", children: "Pogingen" }), _jsx("th", { className: "py-1 pr-3 font-medium", children: "Aangemaakt" }), _jsx("th", { className: "py-1 font-medium", children: "Melding" })] }) }), _jsxs("tbody", { children: [rows.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 6, className: "py-3 text-muted-foreground", children: "Er staan nog geen push-opdrachten in de wachtrij." }) })), rows.map((r) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "py-1.5 pr-3", children: r.name }), _jsx("td", { className: "py-1.5 pr-3 tabular-nums", children: r.numberOfPieces }), _jsx("td", { className: "py-1.5 pr-3", children: _jsx("span", { className: `rounded px-1.5 py-0.5 ${statusClass(r.status)}`, children: STATUS_LABEL[r.status] ?? r.status }) }), _jsx("td", { className: "py-1.5 pr-3 tabular-nums", children: r.attempts }), _jsx("td", { className: "py-1.5 pr-3 whitespace-nowrap", children: timeLabel(r.createdAt) }), _jsx("td", { className: "py-1.5 max-w-[24rem] truncate text-muted-foreground", title: r.lastError ?? "", children: r.lastError ?? "—" })] }, r.id)))] })] }) })] }))] }));
+    const stuckCount = rows.filter((r) => displayStatus(r).label === "Vastgelopen").length;
+    return (_jsxs("section", { className: "rounded-lg border bg-card", children: [_jsxs("button", { type: "button", className: "flex w-full items-center gap-2 px-4 py-3 text-left text-sm font-medium", onClick: () => setOpen((v) => !v), children: [open ? (_jsx(ChevronDown, { className: "h-4 w-4 text-muted-foreground" })) : (_jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })), "Voorraadsync naar Floriday testen", _jsx("span", { className: "ml-auto text-xs font-normal text-muted-foreground", children: summary })] }), open && (_jsxs("div", { className: "space-y-4 border-t px-4 py-4 text-sm", children: [_jsx("p", { className: "text-muted-foreground", children: "Elke voorraadwijziging van een gekoppeld artikel zet automatisch een opdracht in de wachtrij. De Floriday-Authenticatiemodule verwerkt die elke minuut en stuurt dan het aantal stuks en de beschikbaarheid naar Floriday. Hieronder plan je een testopdracht in met de huidige voorraadstand, zonder iets te wijzigen." }), blockade.data?.blocked && (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-destructive", children: [_jsx("span", { className: "font-medium", children: "Actie nodig: " }), "de Floriday-Authenticatiemodule krijgt geen geldig token, dus elke push mislukt meteen. Dit lost zichzelf niet op \u2014 controleer daar het adres van Central Auth en de actieve inloggegevens voor deze omgeving.", blockade.data.message && (_jsxs("span", { className: "block opacity-80", children: ["Melding: ", blockade.data.message] }))] })), stuckCount > 0 && (_jsxs("div", { className: "rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-amber-800", children: [stuckCount === 1 ? "Eén opdracht is" : `${stuckCount} opdrachten zijn`, " door de verwerker opgepakt maar nooit afgerond. Ze worden na vijf minuten automatisch opnieuw opgepakt."] })), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Select, { value: selected, onValueChange: setSelected, disabled: !connectionId || items.isLoading || itemList.length === 0, children: [_jsx(SelectTrigger, { className: "h-9 w-[22rem]", children: _jsx(SelectValue, { placeholder: items.isLoading ? "Artikelen laden…" : "Geen gekoppelde artikelen gevonden" }) }), _jsx(SelectContent, { className: "max-h-72", children: itemList.map((i) => (_jsx(SelectItem, { value: i.id, children: _jsxs("span", { className: "flex w-full items-center justify-between gap-3", children: [_jsx("span", { className: "truncate", children: i.name }), _jsxs("span", { className: "tabular-nums text-muted-foreground", children: [i.stock, " stuks"] })] }) }, i.id))) })] }), _jsxs(Button, { type: "button", disabled: !selected || mutation.isPending, onClick: () => selected && mutation.mutate(selected), children: [_jsx(Send, { className: "mr-2 h-4 w-4" }), "Testpush uitvoeren"] }), _jsxs(Button, { type: "button", variant: "outline", disabled: jobs.isFetching, onClick: () => void jobs.refetch(), children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${jobs.isFetching ? "animate-spin" : ""}` }), "Ververs"] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-left text-xs", children: [_jsx("thead", { className: "text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "py-1 pr-3 font-medium", children: "Artikel" }), _jsx("th", { className: "py-1 pr-3 font-medium", children: "Stuks" }), _jsx("th", { className: "py-1 pr-3 font-medium", children: "Status" }), _jsx("th", { className: "py-1 pr-3 font-medium", children: "Pogingen" }), _jsx("th", { className: "py-1 pr-3 font-medium", children: "Aangemaakt" }), _jsx("th", { className: "py-1 pr-3 font-medium", children: "Bijgewerkt" }), _jsx("th", { className: "py-1 font-medium", children: "Melding" })] }) }), _jsxs("tbody", { children: [rows.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 7, className: "py-3 text-muted-foreground", children: "Er staan nog geen push-opdrachten in de wachtrij." }) })), rows.map((r) => {
+                                            const status = displayStatus(r);
+                                            const detail = explainError(r.lastError);
+                                            return (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "py-1.5 pr-3", children: r.name }), _jsx("td", { className: "py-1.5 pr-3 tabular-nums", children: r.numberOfPieces }), _jsx("td", { className: "py-1.5 pr-3", children: _jsx("span", { className: `rounded px-1.5 py-0.5 ${toneClass(status.tone)}`, title: status.hint ?? "", children: status.label }) }), _jsx("td", { className: "py-1.5 pr-3 tabular-nums", children: r.attempts }), _jsx("td", { className: "py-1.5 pr-3 whitespace-nowrap", children: timeLabel(r.createdAt) }), _jsx("td", { className: "py-1.5 pr-3 whitespace-nowrap", children: timeLabel(r.updatedAt ?? r.createdAt) }), _jsx("td", { className: "py-1.5 max-w-[26rem] text-muted-foreground", children: detail ? (_jsxs("span", { title: r.lastError ?? "", children: [_jsx("span", { className: "block truncate", children: detail.text }), detail.action && (_jsxs("span", { className: "block text-[11px] text-foreground/70", children: ["Wat te doen: ", detail.action] }))] })) : ("—") })] }, r.id));
+                                        })] })] }) })] }))] }));
 }

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":"AAqGA,wBAAgB,YAAY,4CAiT3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AAqGA,wBAAgB,YAAY,4CAqT3B"}

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

@@ -117,7 +117,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." })] }), _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(StockPushMonitor, { connectionId: activeId ?? null }), 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/validatie", children: "Validatie" }) }), _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(StockPushMonitor, { connectionId: activeId ?? null }), 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/hooks/useFloriday.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFloriday.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloriday.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,OAAO,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAChB,MAAM,EACN,KAAK,CAAC;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,CACH,CAAC;CACH;AAoMD,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,yEA0BhC;AAqBD,wBAAgB,sBAAsB,0EA0CrC;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;QAMnD,OAAO;cACD,MAAM;YACR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE;UAKvD;AAED,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,EACxC,KAAK,SAAO;QAOF,OAAO;YACH,MAAM;UACR;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,EAAE;UAKxD;AAED;;;;GAIG;AACH,wBAAgB,uCAAuC,SAStD"}
+{"version":3,"file":"useFloriday.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloriday.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,OAAO,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAChB,MAAM,EACN,KAAK,CAAC;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,CACH,CAAC;CACH;AAoMD,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,yEA0BhC;AAqBD,wBAAgB,sBAAsB,0EA2CrC;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;QAMnD,OAAO;cACD,MAAM;YACR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE;UAKvD;AAED,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,EACxC,KAAK,SAAO;QAOF,OAAO;YACH,MAAM;UACR;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,EAAE;UAKxD;AAED;;;;GAIG;AACH,wBAAgB,uCAAuC,SAStD"}

package/dist-lib/hooks/useFloriday.js

@@ -245,9 +245,12 @@ export function useTradeItemFormSchema() {
                 throw new Error(res?.error ??
                     "Floriday trade-item schema niet beschikbaar (gateway gaf geen ok=true terug)");
             }
+            // Een lege `vbn-product-group` maakt het schema minder compleet, maar mag
+            // bewerken en publiceren niet blokkeren: de wizard valt dan terug op de
+            // reeds bekende karakteristieken.
             const vbnList = res.codeLists?.["vbn-product-group"] ?? [];
-            if (vbnList.length === 0) {
-                throw new Error("Floriday schema-call is incompleet: codeLists['vbn-product-group'] ontbreekt. Daardoor kunnen VBN-specifieke karakteristieken niet betrouwbaar worden bepaald.");
+            if (vbnList.length === 0 && import.meta.env.DEV) {
+                console.warn("[floriday-schema] codeLists['vbn-product-group'] is leeg");
             }
             return res;
         },

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

@@ -10,6 +10,8 @@ export interface StockPushJob {
     createdAt: string;
     updatedAt: string | null;
     sentAt: string | null;
+    lockedAt: string | null;
+    lockedBy: string | null;
 }
 export declare function useStockPushJobs(limit?: number): import("@tanstack/react-query").UseQueryResult<StockPushJob[], Error>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"useStockPushJobs.d.ts","sourceRoot":"","sources":["../../src/hooks/useStockPushJobs.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAaD,wBAAgB,gBAAgB,CAAC,KAAK,SAAK,yEA4C1C;AAED;;;GAGG;AACH,wBAAgB,sBAAsB;aACT,OAAO;aAAW,MAAM,GAAG,IAAI;UAoB3D"}
+{"version":3,"file":"useStockPushJobs.d.ts","sourceRoot":"","sources":["../../src/hooks/useStockPushJobs.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAwBD,wBAAgB,gBAAgB,CAAC,KAAK,SAAK,yEAgD1C;AAED;;;GAGG;AACH,wBAAgB,sBAAsB;aACT,OAAO;aAAW,MAAM,GAAG,IAAI;UAoB3D"}

package/dist-lib/hooks/useStockPushJobs.js

@@ -5,13 +5,24 @@
  */
 import { useQuery } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/client";
+/** Floriday levert namen soms als taalobject ({ nl: "…", en: "…" }). */
+function plainName(value) {
+    if (typeof value === "string")
+        return value.trim() || null;
+    if (value && typeof value === "object") {
+        const first = value.nl ?? value.en ?? Object.values(value)[0];
+        if (typeof first === "string")
+            return first.trim() || null;
+    }
+    return null;
+}
 function nameFromCache(data) {
     if (!data || typeof data !== "object")
         return null;
-    return (data.tradeItemName ??
-        data.name ??
-        data.productName ??
-        data.vbnProductName ??
+    return (plainName(data.tradeItemName) ??
+        plainName(data.name) ??
+        plainName(data.productName) ??
+        plainName(data.vbnProductName) ??
         null);
 }
 export function useStockPushJobs(limit = 10) {
@@ -21,7 +32,7 @@ export function useStockPushJobs(limit = 10) {
         queryFn: async () => {
             const { data, error } = await supabase
                 .from("floriday_continuous_stock_queue")
-                .select("id, trade_item_id, number_of_pieces, desired_available, status, attempts, last_error, created_at, updated_at, sent_at")
+                .select("id, trade_item_id, number_of_pieces, desired_available, status, attempts, last_error, created_at, updated_at, sent_at, locked_at, locked_by")
                 .order("created_at", { ascending: false })
                 .limit(limit);
             if (error)
@@ -52,6 +63,8 @@ export function useStockPushJobs(limit = 10) {
                 createdAt: String(r.created_at),
                 updatedAt: r.updated_at ?? null,
                 sentAt: r.sent_at ?? null,
+                lockedAt: r.locked_at ?? null,
+                lockedBy: r.locked_by ?? null,
             }));
         },
     });