@flowselections/floriday-voorraad 1.0.110 → 1.0.113

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

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

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

@@ -5,30 +5,30 @@ import { Button, Card, Input, Badge, toast } from "@flowselections/core";
 import { supabase } from "../../integrations/supabase/client.js";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
 import { useFusten } from "../../hooks/useFusten.js";
-import { fetchFloricodeFustMap, fetchFustMutations, formatFustDimensions, resolveFustDimensions, } from "../../lib/fusten.js";
+import { fetchFloricodeFustMap, fetchFloridayCustomPackageMap, fetchFustMutations, formatFustDimensions, resolveFustDimensions, } from "../../lib/fusten.js";
 /** Afmetingen tonen en handmatig aanvullen wanneer de catalogus ze niet kent. */
-function DimensionCell({ fust, floricode, onSave, }) {
+function DimensionCell({ fust, floricode, customPackages, 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 resolved = resolveFustDimensions(fust, floricode);
+    const resolved = resolveFustDimensions(fust, floricode, customPackages);
     const label = formatFustDimensions(resolved);
     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" }), resolved.source !== "onbekend" && (_jsx("div", { className: "text-xs text-muted-foreground", children: resolved.source === "floricode" ? "Floricode" : "handmatig" })), _jsx("button", { type: "button", className: "text-xs text-primary hover:underline", onClick: () => {
+        return (_jsxs("div", { children: [_jsx("div", { className: label ? "tabular-nums" : "text-muted-foreground", children: label ?? "Onbekend" }), resolved.source !== "onbekend" && (_jsx("div", { className: "text-xs text-muted-foreground", children: resolved.source === "floricode" ? "Floricode" : resolved.source === "floriday" ? "Floriday eigen fust" : "handmatig" })), _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: resolved.source === "handmatig" ? "Wijzigen" : resolved.source === "floricode" ? "Handmatig aanvullen" : "Afmeting toevoegen" })] }));
+                    }, children: resolved.source === "handmatig" ? "Wijzigen" : resolved.source === "floricode" || resolved.source === "floriday" ? "Handmatig aanvullen" : "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({
@@ -73,7 +73,11 @@ export function FustenPage() {
         fetchFloricodeFustMap()
             .then((m) => { setFloricode(m); setFloricodeError(null); })
             .catch((e) => setFloricodeError(e.message));
+        fetchFloridayCustomPackageMap()
+            .then(setCustomPackages)
+            .catch(() => setCustomPackages(new Map()));
     }, []);
+    const [customPackages, setCustomPackages] = useState(null);
     const [busyId, setBusyId] = useState(null);
     const [amounts, setAmounts] = useState({});
     const [negative, setNegative] = useState([]);
@@ -115,7 +119,7 @@ export function FustenPage() {
             void loadNegative();
         }
     };
-    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] })), floricodeError && (_jsxs("div", { className: "rounded-md border border-amber-500/40 bg-amber-500/10 p-3 text-sm", children: ["Floricode-fustcodes niet leesbaar: ", floricodeError, ". Alleen handmatig ingevoerde maten worden getoond."] })), negative.length > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive space-y-1", children: [_jsxs("p", { className: "font-medium", children: [negative.length, " fusttype", negative.length === 1 ? " heeft" : "n hebben", " een tekort."] }), _jsx("p", { className: "text-foreground/80", children: "Er is meer uitgeleverd dan ingeboekt. Controleer de ontvangsten en retouren, of boek de werkelijke telling bij." }), _jsx("ul", { className: "text-xs text-foreground/80", children: negative.map((n) => (_jsxs("li", { children: [n.name.trim(), ": tekort van ", n.shortage.toLocaleString("nl-NL"), " fusten", n.duplicate_names > 0 ? " (dit fusttype bestaat meerdere keren)" : ""] }, n.fust_type_id))) })] })), _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, floricode: floricode, 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: f.stock < 0 ? (_jsxs("span", { className: "tabular-nums font-semibold text-rose-600", title: "Er is meer uitgeleverd dan ingeboekt. Boek ontvangen of geretourneerde fusten bij.", children: ["Tekort van ", Math.abs(f.stock).toLocaleString("nl-NL"), " fusten"] })) : (_jsx("span", { className: `tabular-nums font-semibold ${f.minimum_stock > 0 && f.stock < f.minimum_stock
+    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] })), floricodeError && (_jsxs("div", { className: "rounded-md border border-amber-500/40 bg-amber-500/10 p-3 text-sm", children: ["Floricode-fustcodes niet leesbaar: ", floricodeError, ". Alleen handmatig ingevoerde maten worden getoond."] })), negative.length > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive space-y-1", children: [_jsxs("p", { className: "font-medium", children: [negative.length, " fusttype", negative.length === 1 ? " heeft" : "n hebben", " een tekort."] }), _jsx("p", { className: "text-foreground/80", children: "Er is meer uitgeleverd dan ingeboekt. Controleer de ontvangsten en retouren, of boek de werkelijke telling bij." }), _jsx("ul", { className: "text-xs text-foreground/80", children: negative.map((n) => (_jsxs("li", { children: [n.name.trim(), ": tekort van ", n.shortage.toLocaleString("nl-NL"), " fusten", n.duplicate_names > 0 ? " (dit fusttype bestaat meerdere keren)" : ""] }, n.fust_type_id))) })] })), _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, floricode: floricode, customPackages: customPackages, 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: f.stock < 0 ? (_jsxs("span", { className: "tabular-nums font-semibold text-rose-600", title: "Er is meer uitgeleverd dan ingeboekt. Boek ontvangen of geretourneerde fusten bij.", children: ["Tekort van ", Math.abs(f.stock).toLocaleString("nl-NL"), " fusten"] })) : (_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));

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

@@ -1 +1 @@
-{"version":3,"file":"PriceStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PriceStatusBadge.tsx"],"names":[],"mappings":"AAuFA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,sCAmG/E"}
+{"version":3,"file":"PriceStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PriceStatusBadge.tsx"],"names":[],"mappings":"AA2FA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,sCAmG/E"}

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isTabHidden } from "../../lib/request-guard.js";
 import { CircleDollarSign, Clock, MinusCircle, Loader2 } from "lucide-react";
 import { useEffect, useState } from "react";
 import { useTradeItemSupplyLine } from "../../hooks/useTradeItemSupplyLine.js";
@@ -36,7 +37,11 @@ function useLastSentPrice(tradeItemId, productId) {
                     : null);
         };
         void load();
-        const t = setInterval(load, 30000);
+        // Alleen opvragen als het tabblad zichtbaar is (1.0.111).
+        const t = setInterval(() => {
+            if (!isTabHidden())
+                void load();
+        }, 30000);
         return () => {
             cancelled = true;
             clearInterval(t);

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":"AA2GA,wBAAgB,YAAY,gCAsX3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA+GA,wBAAgB,YAAY,gCA2W3B"}

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

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState, useSyncExternalStore } from "react";
+import { useNoPriceProducts } from "../../hooks/useNoPriceProducts.js";
+import { pageRequestGuard } from "../../lib/request-guard.js";
+const EMPTY_TRIPS = [];
 import { Link } from "@tanstack/react-router";
 import { Button, Card, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, useAuthState, } from "@flowselections/core";
 import { AlertTriangle, CheckCircle2, FileText, PackageX, Plus, Search, } from "lucide-react";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
 import { FloridayConnectionNotice } from "./FloridayConnectionNotice.js";
-import { supabase } from "../../integrations/supabase/client.js";
 import { useVoorraadData } from "../../hooks/useVoorraadData.js";
 import { StockSyncStatus } from "./StockSyncStatus.js";
 import { StockIntegrityAlert } from "./StockIntegrityAlert.js";
@@ -58,41 +60,10 @@ export function VoorraadPage() {
     const [drawerIds, setDrawerIds] = useState([]);
     const [drawerOpen, setDrawerOpen] = useState(false);
     // Artikelen zonder geldige prijs per stuk (eenheid "stuks", prijs > 0), op id.
-    const [noPriceIds, setNoPriceIds] = useState(new Set());
-    const [noPriceBreakdown, setNoPriceBreakdown] = useState({ empty: 0, zero: 0, unit: 0 });
+    // Los van de identiteit van `items`: dat effect veroorzaakte een opvraag-lus (1.0.111).
+    const { noPriceIds, noPriceBreakdown } = useNoPriceProducts();
     const [noPriceOnly, setNoPriceOnly] = useState(false);
-    useEffect(() => {
-        let cancelled = false;
-        void supabase
-            .from("products")
-            .select("id, unit, sale_price")
-            .then(({ data }) => {
-            if (cancelled)
-                return;
-            const s = new Set();
-            const b = { empty: 0, zero: 0, unit: 0 };
-            for (const p of (data ?? [])) {
-                const isPiece = (p.unit ?? "").trim().toLowerCase() === "stuks";
-                if (!isPiece) {
-                    s.add(p.id);
-                    b.unit++;
-                }
-                else if (p.sale_price == null) {
-                    s.add(p.id);
-                    b.empty++;
-                }
-                else if (!(Number(p.sale_price) > 0)) {
-                    s.add(p.id);
-                    b.zero++;
-                }
-            }
-            setNoPriceIds(s);
-            setNoPriceBreakdown(b);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [items]);
+    const guardTrips = useSyncExternalStore(pageRequestGuard.subscribe, () => pageRequestGuard.trips(), () => EMPTY_TRIPS);
     const toggleSelect = (id) => setSelected((cur) => {
         const next = new Set(cur);
         if (next.has(id))
@@ -162,7 +133,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: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-[12rem] flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer je artikelen en voorraadniveaus." })] }), _jsxs("div", { className: "flex flex-wrap 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, size: "sm", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] })] }), _jsx(StockIntegrityAlert, {}), _jsx(SupplyReadScopeAlert, {}), _jsx(StockSyncStatus, {}), noPriceIds.size > 0 && (_jsxs("div", { className: "flex flex-wrap 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", { className: "flex-1 min-w-[12rem]", children: [_jsxs("span", { className: "font-medium", children: [noPriceIds.size, " artikel", noPriceIds.size === 1 ? " staat" : "en staan", " niet in Floriday zonder geldige prijs:", " ", [
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-[12rem] flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer je artikelen en voorraadniveaus." })] }), _jsxs("div", { className: "flex flex-wrap 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, size: "sm", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] })] }), guardTrips.length > 0 && (_jsxs("div", { role: "alert", className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: ["Deze pagina vroeg te vaak gegevens op en is daarmee gestopt. Open de pagina opnieuw.", _jsxs("details", { className: "text-xs opacity-80", children: [_jsx("summary", { className: "cursor-pointer", children: "Details voor beheer" }), guardTrips.map((t) => (_jsxs("div", { children: [t.table, ": ", t.count, " aanvragen binnen 10 s om ", new Date(t.at).toLocaleTimeString("nl-NL")] }, t.table)))] })] })), _jsx(StockIntegrityAlert, {}), _jsx(SupplyReadScopeAlert, {}), _jsx(StockSyncStatus, {}), noPriceIds.size > 0 && (_jsxs("div", { className: "flex flex-wrap 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", { className: "flex-1 min-w-[12rem]", children: [_jsxs("span", { className: "font-medium", children: [noPriceIds.size, " artikel", noPriceIds.size === 1 ? " staat" : "en staan", " niet in Floriday zonder geldige prijs:", " ", [
                                         noPriceBreakdown.empty > 0 ? `${noPriceBreakdown.empty} zonder verkoopprijs` : null,
                                         noPriceBreakdown.zero > 0 ? `${noPriceBreakdown.zero} met prijs € 0,00` : null,
                                         noPriceBreakdown.unit > 0 ? `${noPriceBreakdown.unit} met een andere eenheid dan stuks` : null,

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

@@ -0,0 +1,10 @@
+export type NoPriceBreakdown = {
+    empty: number;
+    zero: number;
+    unit: number;
+};
+export declare function useNoPriceProducts(): {
+    noPriceIds: Set<string>;
+    noPriceBreakdown: NoPriceBreakdown;
+};
+//# sourceMappingURL=useNoPriceProducts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNoPriceProducts.d.ts","sourceRoot":"","sources":["../../src/hooks/useNoPriceProducts.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7E,wBAAgB,kBAAkB;;;EA+CjC"}

package/dist-lib/hooks/useNoPriceProducts.js

@@ -0,0 +1,56 @@
+/**
+ * Artikelen zonder geldige prijs per stuk. Eén keer bij openen, daarna alleen na een
+ * echte wijziging aan products (realtime), gebundeld tot hooguit 1 aanvraag per 5 s.
+ * Bewust los van de identiteit van de voorraadlijst (die veroorzaakte een opvraag-lus).
+ */
+import { useEffect, useState } from "react";
+import { supabase } from "../integrations/supabase/client.js";
+import { createBundler, pageRequestGuard } from "../lib/request-guard.js";
+export function useNoPriceProducts() {
+    const [ids, setIds] = useState(new Set());
+    const [breakdown, setBreakdown] = useState({ empty: 0, zero: 0, unit: 0 });
+    useEffect(() => {
+        let cancelled = false;
+        const load = async () => {
+            if (!pageRequestGuard.allow("products"))
+                return;
+            const { data } = await supabase.from("products").select("id, unit, sale_price");
+            if (cancelled)
+                return;
+            const s = new Set();
+            const b = { empty: 0, zero: 0, unit: 0 };
+            for (const p of (data ?? [])) {
+                const isPiece = (p.unit ?? "").trim().toLowerCase() === "stuks";
+                if (!isPiece) {
+                    s.add(p.id);
+                    b.unit++;
+                }
+                else if (p.sale_price == null) {
+                    s.add(p.id);
+                    b.empty++;
+                }
+                else if (!(Number(p.sale_price) > 0)) {
+                    s.add(p.id);
+                    b.zero++;
+                }
+            }
+            setIds((cur) => (cur.size === s.size && [...s].every((x) => cur.has(x)) ? cur : s));
+            setBreakdown((cur) => cur.empty === b.empty && cur.zero === b.zero && cur.unit === b.unit ? cur : b);
+        };
+        void load();
+        const bundler = createBundler(() => void load(), 5000);
+        const channel = supabase
+            .channel(`voorraad-noprice-${Math.random().toString(36).slice(2)}`)
+            .on("postgres_changes", { event: "*", schema: "public", table: "products" }, () => bundler.trigger())
+            .subscribe();
+        const onVis = () => bundler.flushIfPending();
+        document.addEventListener("visibilitychange", onVis);
+        return () => {
+            cancelled = true;
+            bundler.cancel();
+            document.removeEventListener("visibilitychange", onVis);
+            supabase.removeChannel(channel);
+        };
+    }, []);
+    return { noPriceIds: ids, noPriceBreakdown: breakdown };
+}

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;IACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,qEAAqE;IACrE,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAwBD,wBAAgB,gBAAgB,CAAC,KAAK,SAAK,yEAqD1C;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":"AASA,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;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,qEAAqE;IACrE,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAwBD,wBAAgB,gBAAgB,CAAC,KAAK,SAAK,yEAuD1C;AAED;;;GAGG;AACH,wBAAgB,sBAAsB;aACT,OAAO;aAAW,MAAM,GAAG,IAAI;UAsB3D"}

package/dist-lib/hooks/useStockPushJobs.js

@@ -3,6 +3,7 @@
  * inclusief de artikelnaam uit de Floriday-cache. Bedoeld om een testpush te
  * kunnen volgen zonder databasekennis.
  */
+import { MIN_POLL_MS } from "../lib/request-guard.js";
 import { useQuery } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/client.js";
 /** Floriday levert namen soms als taalobject ({ nl: "…", en: "…" }). */
@@ -28,7 +29,9 @@ function nameFromCache(data) {
 export function useStockPushJobs(limit = 10) {
     return useQuery({
         queryKey: ["stock-push-jobs", limit],
-        refetchInterval: 15000,
+        refetchInterval: MIN_POLL_MS,
+        refetchIntervalInBackground: false,
+        refetchOnWindowFocus: false,
         queryFn: async () => {
             const { data, error } = await supabase
                 .from("floriday_continuous_stock_queue")
@@ -82,6 +85,8 @@ export function useCentralAuthBlockade() {
     return useQuery({
         queryKey: ["central-auth-blockade"],
         refetchInterval: 60000,
+        refetchIntervalInBackground: false,
+        refetchOnWindowFocus: false,
         queryFn: async () => {
             const since = new Date(Date.now() - 30 * 60000).toISOString();
             const { data, error } = await supabase

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

@@ -1 +1 @@
-{"version":3,"file":"useStockSyncHealth.d.ts","sourceRoot":"","sources":["../../src/hooks/useStockSyncHealth.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kEAAkE;IAClE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,4DAA4D;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,kDAAkD;IAClD,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAS3E;AAED,wBAAgB,kBAAkB,2EAuGjC"}
+{"version":3,"file":"useStockSyncHealth.d.ts","sourceRoot":"","sources":["../../src/hooks/useStockSyncHealth.ts"],"names":[],"mappings":"AAgBA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kEAAkE;IAClE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,4DAA4D;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,kDAAkD;IAClD,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAS3E;AAED,wBAAgB,kBAAkB,2EAyGjC"}

package/dist-lib/hooks/useStockSyncHealth.js

@@ -1,12 +1,3 @@
-/**
- * Gezondheid van de voorraad-push-wachtrij richting Floriday.
- *
- * Bewust een venster van 24 uur: oude, allang achterhaalde fouten mogen de
- * gebruiker niet eindeloos blijven waarschuwen. Regels die door een nieuwere
- * voorraadstand zijn vervangen (`superseded`) tellen niet mee.
- * Toont ook de meest voorkomende reden, het aantal artikelen en hoeveel
- * daarvan geen prijs in het weekaanbod hebben.
- */
 import { useQuery } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/client.js";
 const STALE_MINUTES = 10;
@@ -29,6 +20,8 @@ export function useStockSyncHealth() {
     return useQuery({
         queryKey: ["stock-sync-health"],
         refetchInterval: 60000,
+        refetchIntervalInBackground: false,
+        refetchOnWindowFocus: false,
         queryFn: async () => {
             const since = new Date(Date.now() - WINDOW_HOURS * 3600000).toISOString();
             const { data, error } = await supabase

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

@@ -1 +1 @@
-{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAsB5E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EA+U1D"}
+{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAsB5E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EA2U1D"}

package/dist-lib/hooks/useVoorraadData.js

@@ -1,4 +1,5 @@
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { createBundler, pageRequestGuard } from "../lib/request-guard.js";
 import { supabase } from "../integrations/supabase/client.js";
 import { normaliseTradeItem } from "../lib/floriday-client.js";
 import { floridayInfoFromCache } from "../lib/floriday-info.js";
@@ -45,6 +46,8 @@ export function useVoorraadData(connectionId) {
     const [error, setError] = useState(null);
     const { items: localItems, loading: localLoading, reload: reloadLocal, } = useLocalTradeItems(connectionId);
     const loadPublished = useCallback(async () => {
+        if (!pageRequestGuard.allow("products-overzicht"))
+            return;
         setLoading(true);
         setError(null);
         try {
@@ -148,30 +151,46 @@ export function useVoorraadData(connectionId) {
     useEffect(() => {
         loadPublished();
     }, [loadPublished]);
+    // Realtime-seintjes gebundeld: hooguit één herlaadactie per 2 s, niet in een
+    // verborgen tabblad (wel bij terugkeren). Voorkomt opvraag-stormen (1.0.111).
+    const reloadRef = useRef({ stock: false, all: false });
     useEffect(() => {
-        const channel = supabase
+        const bundler = createBundler(() => {
+            const r = reloadRef.current;
+            reloadRef.current = { stock: false, all: false };
+            if (r.all) {
+                loadPublished();
+                reloadLocal();
+            }
+            else if (r.stock && pageRequestGuard.allow("trade_item_stock")) {
+                fetchStockMap(connectionId).then(setStockMap).catch(() => { });
+            }
+        }, 2000);
+        const markAll = () => {
+            reloadRef.current.all = true;
+            bundler.trigger();
+        };
+        const markStock = () => {
+            reloadRef.current.stock = true;
+            bundler.trigger();
+        };
+        let channel = supabase
             .channel(`voorraad-stock-${connectionId ?? "eigen"}`)
-            .on("postgres_changes", { event: "*", schema: "public", table: "trade_item_stock" }, () => {
-            fetchStockMap(connectionId).then(setStockMap).catch(() => { });
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "products" }, () => {
-            loadPublished();
-            reloadLocal();
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "floriday_trade_items_cache", filter: `connection_id=eq.${connectionId}` }, () => {
-            loadPublished();
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "product_groups" }, () => {
-            loadPublished();
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "product_bom_items" }, () => {
-            loadPublished();
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "product_group_items" }, () => {
-            loadPublished();
-        })
-            .subscribe();
+            .on("postgres_changes", { event: "*", schema: "public", table: "trade_item_stock" }, markStock)
+            .on("postgres_changes", { event: "*", schema: "public", table: "products" }, markAll);
+        if (connectionId) {
+            channel = channel.on("postgres_changes", { event: "*", schema: "public", table: "floriday_trade_items_cache", filter: `connection_id=eq.${connectionId}` }, markAll);
+        }
+        channel = channel
+            .on("postgres_changes", { event: "*", schema: "public", table: "product_groups" }, markAll)
+            .on("postgres_changes", { event: "*", schema: "public", table: "product_bom_items" }, markAll)
+            .on("postgres_changes", { event: "*", schema: "public", table: "product_group_items" }, markAll);
+        channel.subscribe();
+        const onVis = () => bundler.flushIfPending();
+        document.addEventListener("visibilitychange", onVis);
         return () => {
+            bundler.cancel();
+            document.removeEventListener("visibilitychange", onVis);
             supabase.removeChannel(channel);
         };
     }, [connectionId, loadPublished, reloadLocal]);
@@ -274,7 +293,8 @@ export function useVoorraadData(connectionId) {
             return i;
         return { ...i, floriday: info };
     };
-    const merged = [
+    // Stabiele identiteit: alleen een nieuwe lijst als de onderliggende data verandert.
+    const merged = useMemo(() => [
         ...localItems.map((i) => applyProductGroupReservation(classify(attachFloriday(applyStock(i, lookupStock(stockMap, {
             tradeItemKey: i.tradeItemKey ?? null,
             floridayId: i.floridayId ?? null,
@@ -287,7 +307,8 @@ export function useVoorraadData(connectionId) {
             tradeItemKey: i.tradeItemKey ?? null,
             productId: i.productId ?? null,
         })))))),
-    ];
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    ], [localItems, publishedItems, stockMap, typeSets, floridayInfoMap, floridayStockMap]);
     return {
         items: merged,
         loading: loading || localLoading,