@flowselections/floriday-voorraad 1.0.145 → 1.0.149

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

@@ -1,95 +1,109 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState, useSyncExternalStore } from "react";
-import { useNoPriceProducts } from "../../hooks/useNoPriceProducts.js";
+import { TwijfelKiezen } from "./artikel/TwijfelKiezen.js";
+import { Fragment, useEffect, useMemo, useState, useSyncExternalStore } from "react";
+import { Link, useNavigate } from "@tanstack/react-router";
+import { Button, Card, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuTrigger, Input, } from "@flowselections/core";
+import { AlertTriangle, Columns3, Plus, Search } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client.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, } from "@flowselections/core";
-import { AlertTriangle, CheckCircle2, FileText, PackageX, Plus, Search, } from "lucide-react";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
 import { useEnsureVoorraadDefaults } from "../../hooks/useEnsureVoorraadDefaults.js";
+import { useVoorraadLijst } from "../../hooks/useVoorraadLijst.js";
+import { aantal, FILTER_LABEL, meldingen, volgendeSortering, zichtbareFilters, } from "../../lib/voorraad-lijst.js";
 import { FloridayConnectionNotice } from "./FloridayConnectionNotice.js";
-import { useVoorraadData } from "../../hooks/useVoorraadData.js";
-import { StockSyncStatus } from "./StockSyncStatus.js";
 import { StockIntegrityAlert } from "./StockIntegrityAlert.js";
-import { SupplyReadScopeAlert } from "./SupplyReadScopeAlert.js";
-import { ExcelExportButton } from "./ExcelExportButton.js";
-import { StockBulkButtons } from "./StockBulkButtons.js";
 import { TelmomentButton } from "./TelmomentButton.js";
-import { VoorraadTable } from "./VoorraadTable.js";
 import { VoorraadPagination } from "./VoorraadPagination.js";
-import { StockHistoryChart } from "./StockHistoryChart.js";
 import { InventorySettingsDrawer } from "./InventorySettingsDrawer.js";
-import { useInventorySettings } from "../../hooks/useInventorySettings.js";
-function isLinkedToFloriday(i) {
-    return Boolean(i.floridayId) || i.source === "published";
-}
-function toneClasses(tone) {
-    switch (tone) {
-        case "emerald":
-            return { icon: "bg-emerald-100 text-emerald-700", value: "text-foreground" };
-        case "rose":
-            return { icon: "bg-rose-100 text-rose-700", value: "text-foreground" };
-        case "amber":
-            return { icon: "bg-amber-100 text-amber-700", value: "text-foreground" };
-        case "primary":
-        default:
-            return { icon: "bg-primary/10 text-primary", value: "text-foreground" };
-    }
-}
-function KpiCard({ icon, label, count, tone, active, onClick, hint, }) {
-    const cls = toneClasses(tone);
-    return (_jsxs("button", { type: "button", onClick: onClick, title: hint, className: `text-left rounded-lg border bg-card p-4 transition-colors hover:border-primary/50 ${active ? "border-primary ring-1 ring-primary" : "border-border"}`, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `inline-flex h-8 w-8 items-center justify-center rounded-md ${cls.icon}`, children: icon }), _jsx("span", { className: "text-sm font-medium text-foreground", children: label })] }), _jsx("div", { className: `mt-3 text-3xl font-bold tabular-nums ${cls.value}`, children: count }), hint && _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: hint })] }));
-}
-function availableOf(i) {
-    return i.availableQuantity ?? i.quantity ?? 0;
-}
-/**
- * "Op voorraad" = artikelen met liggende voorraad (fysiek > 0).
- * "Vrij beschikbaar" = artikelen waarvan liggend min gereserveerd > 0.
- */
-export function countStock(items) {
-    let inStock = 0;
-    let outOfStock = 0;
-    let belowMin = 0;
-    let fullyReserved = 0;
-    let freeAvailable = 0;
-    for (const i of items) {
-        const physical = Number(i.quantity ?? 0);
-        const avail = availableOf(i);
-        if (physical > 0)
-            inStock++;
+import { OPTIONELE_KOLOMMEN, VoorraadLijstTabel } from "./lijst/VoorraadLijstTabel.js";
+import { AanpassenDialog, AfboekenDialog } from "./lijst/SnelActieDialogen.js";
+import { LijstExportKnop } from "./lijst/LijstExportKnop.js";
+import { ImporteerKnop } from "./lijst/ImporteerKnop.js";
+// Bestaande export blijft (tests en andere modules).
+export { countStock } from "../../lib/count-stock.js";
+const EMPTY_TRIPS = [];
+const KOLOMMEN_KEY = "voorraad.lijst.kolommen.v2";
+const STANDAARD_KOLOMMEN = ["inkomend", "prijs"];
+function useKolommen() {
+    const [set, setSet] = useState(new Set(STANDAARD_KOLOMMEN));
+    useEffect(() => {
+        try {
+            const raw = window.localStorage.getItem(KOLOMMEN_KEY);
+            if (raw)
+                setSet(new Set(JSON.parse(raw)));
+        }
+        catch {
+            /* standaard houden */
+        }
+    }, []);
+    const toggle = (k) => setSet((cur) => {
+        const next = new Set(cur);
+        if (next.has(k))
+            next.delete(k);
         else
-            outOfStock++;
-        if (avail > 0)
-            freeAvailable++;
-        if (physical > 0 && avail <= 0)
-            fullyReserved++;
-        if ((i.minQuantity ?? 0) > 0 && avail < (i.minQuantity ?? 0))
-            belowMin++;
-    }
-    return { total: items.length, inStock, outOfStock, belowMin, fullyReserved, freeAvailable };
+            next.add(k);
+        try {
+            window.localStorage.setItem(KOLOMMEN_KEY, JSON.stringify([...next]));
+        }
+        catch {
+            /* niet opslaan is geen probleem */
+        }
+        return next;
+    });
+    return { kolommen: set, toggle };
+}
+/** Verbinding van de voorraadcontext (nodig voor afboeken op de juiste voorraadregel). */
+function useStockContextId() {
+    const [id, setId] = useState(null);
+    useEffect(() => {
+        void supabase.rpc("get_stock_context").then(({ data }) => {
+            const row = Array.isArray(data) ? data[0] : data;
+            setId(row?.connection_id ?? null);
+        });
+    }, []);
+    return id;
 }
 export function VoorraadPage() {
     useEnsureVoorraadDefaults();
+    const navigate = useNavigate();
     const conn = useFloridayConnection();
-    const { activeId, error: connError } = conn;
-    const { items, loading, error, reload } = useVoorraadData(activeId);
-    const { byKey: settingsByKey, reload: reloadSettings } = useInventorySettings(activeId);
-    const [search, setSearch] = useState("");
-    const [stockFilter, setStockFilter] = useState("all");
-    const [floridayFilter, setFloridayFilter] = useState("all");
-    const [typeFilter, setTypeFilter] = useState("all");
-    const [page, setPage] = useState(1);
-    const [pageSize, setPageSize] = useState(25);
+    const stockConnId = useStockContextId();
+    const [zoekInvoer, setZoekInvoer] = useState("");
+    const [zoek, setZoek] = useState("");
+    const [filter, setFilter] = useState("alles");
+    const [sorteer, setSorteer] = useState({ sort: "naam", oplopend: true });
+    const [pagina, setPagina] = useState(1);
+    const [grootte, setGrootte] = useState(25);
     const [selected, setSelected] = useState(new Set());
-    const [drawerIds, setDrawerIds] = useState([]);
     const [drawerOpen, setDrawerOpen] = useState(false);
-    // Artikelen zonder geldige prijs per stuk (eenheid "stuks", prijs > 0), op id.
-    // Los van de identiteit van `items`: dat effect veroorzaakte een opvraag-lus (1.0.111).
-    const { noPriceIds, noPriceBreakdown } = useNoPriceProducts();
-    const [noPriceOnly, setNoPriceOnly] = useState(false);
+    const [aanpassen, setAanpassen] = useState(null);
+    const [afboeken, setAfboeken] = useState(null);
+    const { kolommen, toggle: toggleKolom } = useKolommen();
     const guardTrips = useSyncExternalStore(pageRequestGuard.subscribe, () => pageRequestGuard.trips(), () => EMPTY_TRIPS);
+    // Zoeken met korte vertraging; nieuwe zoekopdracht of filter begint op pagina 1.
+    useEffect(() => {
+        const t = setTimeout(() => setZoek(zoekInvoer), 300);
+        return () => clearTimeout(t);
+    }, [zoekInvoer]);
+    useEffect(() => setPagina(1), [zoek, filter, sorteer, grootte]);
+    // Sneltoets N = nieuw artikel (niet tijdens typen).
+    useEffect(() => {
+        const h = (e) => {
+            const t = e.target;
+            if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable))
+                return;
+            if (e.key === "n" && !e.metaKey && !e.ctrlKey && !e.altKey)
+                navigate({ to: "/voorraad/nieuw" });
+        };
+        window.addEventListener("keydown", h);
+        return () => window.removeEventListener("keydown", h);
+    }, [navigate]);
+    const vraag = { zoek, filter, sort: sorteer.sort, oplopend: sorteer.oplopend, pagina, grootte };
+    const { data, loading, error, reload } = useVoorraadLijst(vraag);
+    const heeftKoppeling = data?.heeft_koppeling ?? false;
+    const filters = useMemo(() => zichtbareFilters(heeftKoppeling), [heeftKoppeling]);
+    const melding = data ? meldingen(data) : [];
+    const bijgewerkt = data?.bijgewerkt ? new Date(data.bijgewerkt).toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" }) : null;
     const toggleSelect = (id) => setSelected((cur) => {
         const next = new Set(cur);
         if (next.has(id))
@@ -98,69 +112,17 @@ export function VoorraadPage() {
             next.add(id);
         return next;
     });
-    const toggleAll = (ids) => setSelected((cur) => {
-        const all = ids.length > 0 && ids.every((id) => cur.has(id));
-        return all ? new Set() : new Set(ids);
-    });
-    const openSettings = (ids) => {
-        setDrawerIds(ids);
-        setDrawerOpen(true);
-    };
-    const counts = useMemo(() => countStock(items), [items]);
-    const filtered = useMemo(() => {
-        const q = search.trim().toLowerCase();
-        return items.filter((i) => {
-            if (noPriceOnly && !(i.productId && noPriceIds.has(i.productId)))
-                return false;
-            const avail = availableOf(i);
-            const physicalQty = Number(i.quantity ?? 0);
-            if (stockFilter === "in_stock" && physicalQty <= 0)
-                return false;
-            if (stockFilter === "out_of_stock" && physicalQty > 0)
-                return false;
-            if (stockFilter === "below_min" &&
-                !((i.minQuantity ?? 0) > 0 && avail < i.minQuantity))
-                return false;
-            if (floridayFilter === "linked" && !isLinkedToFloriday(i))
-                return false;
-            if (floridayFilter === "unlinked" && isLinkedToFloriday(i))
-                return false;
-            if (typeFilter !== "all" && (i.itemType ?? "artikel") !== typeFilter)
-                return false;
-            if (!q)
-                return true;
-            return (i.name.toLowerCase().includes(q) ||
-                (i.articleNumber ?? "").toLowerCase().includes(q));
-        });
-    }, [items, search, stockFilter, floridayFilter, typeFilter, noPriceOnly, noPriceIds]);
-    const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
-    useEffect(() => {
-        if (page > totalPages)
-            setPage(1);
-    }, [page, totalPages]);
-    const paged = useMemo(() => filtered.slice((page - 1) * pageSize, page * pageSize), [filtered, page, pageSize]);
-    const toggle = (id) => setStockFilter((cur) => (cur === id && id !== "all" ? "all" : id));
-    const TABS = [
-        { id: "all", label: "Alle", count: counts.total },
-        { id: "in_stock", label: "Op voorraad", count: counts.inStock },
-        { 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"] }) })] })] }), 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,
-                                    ]
-                                        .filter(Boolean)
-                                        .join(", "), "."] }), " ", "Kies \"Toon deze artikelen\", open een artikel en vul bij Artikel regulier de verkoopprijs per stuk (excl. btw) in. De voorraadsturing van elk artikel heeft ook een link \"Prijs invullen\"."] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setNoPriceOnly((v) => !v), children: noPriceOnly ? "Alle artikelen tonen" : "Toon deze artikelen" })] })), _jsx(FloridayConnectionNotice, { status: conn.status, environment: conn.selectedEnvironment, error: 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-5 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"), hint: "Artikelen waarvan nu iets op de kwekerij staat." }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "primary", label: "Vrij beschikbaar", count: counts.freeAvailable, active: false, hint: "Artikelen waarvan na aftrek van wat voor orders gereserveerd is nog iets over is." }), _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"
-                                    : "text-muted-foreground hover:text-foreground"}`, children: [t.label, _jsx("span", { className: `ml-2 text-xs ${active ? "text-primary" : "text-muted-foreground/70"}`, children: t.count }), active && (_jsx("span", { className: "absolute left-2 right-2 -bottom-px h-0.5 bg-primary rounded-full" }))] }, t.id));
-                        }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 p-4 border-b", children: [_jsxs("div", { className: "relative flex-1 min-w-[220px] max-w-md", children: [_jsx(Search, { className: "w-4 h-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op product of artikelnummer...", className: "pl-9", value: search, onChange: (e) => setSearch(e.target.value) })] }), _jsxs(Select, { value: floridayFilter, onValueChange: (v) => setFloridayFilter(v), children: [_jsx(SelectTrigger, { className: "h-9 w-[190px]", children: _jsx(SelectValue, { placeholder: "Floriday" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle (Floriday)" }), _jsx(SelectItem, { value: "linked", children: "Gekoppeld aan Floriday" }), _jsx(SelectItem, { value: "unlinked", children: "Niet gekoppeld" })] })] }), _jsxs(Select, { value: typeFilter, onValueChange: (v) => setTypeFilter(v), children: [_jsx(SelectTrigger, { className: "h-9 w-[170px]", children: _jsx(SelectValue, { placeholder: "Type" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle types" }), _jsx(SelectItem, { value: "artikel", children: "Artikel" }), _jsx(SelectItem, { value: "productgroep", children: "Productgroep" }), _jsx(SelectItem, { value: "samenstelling", children: "Samenstelling" })] })] }), _jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [_jsx(ExcelExportButton, { items: filtered }), _jsx(TelmomentButton, { onSaved: reload }), _jsx(StockBulkButtons, { items: items, activeConnectionId: activeId, onImported: reload })] })] }), selected.size > 0 && (_jsxs("div", { className: "flex flex-wrap items-center gap-3 border-b bg-primary/5 px-4 py-2 text-sm", children: [_jsxs("span", { className: "font-medium", children: [selected.size, " geselecteerd"] }), _jsx(Button, { size: "sm", onClick: () => openSettings([...selected]), children: "Voorraadsturing instellen" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setSelected(new Set()), children: "Selectie wissen" })] })), _jsx("div", { className: "overflow-x-auto", children: _jsx(VoorraadTable, { items: paged, loading: loading, settingsByKey: settingsByKey, selected: selected, onToggleSelect: toggleSelect, onToggleAll: toggleAll, onOpenSettings: (id) => openSettings([id]) }) }), _jsx(VoorraadPagination, { total: filtered.length, page: page, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] }), _jsx(StockHistoryChart, { connectionId: activeId ?? null }), _jsx(InventorySettingsDrawer, { open: drawerOpen, onOpenChange: setDrawerOpen, connectionId: activeId ?? null, productIds: drawerIds, current: drawerIds.length === 1
-                    ? [...settingsByKey.values()].find((s) => s.product_id === drawerIds[0])
-                    : undefined, onSaved: () => {
-                    reloadSettings();
-                    reload();
-                } })] }));
+    const toggleAll = (ids) => setSelected((cur) => (ids.length > 0 && ids.every((id) => cur.has(id)) ? new Set() : new Set(ids)));
+    return (_jsxs("main", { className: "p-6 space-y-4", 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: bijgewerkt ? `Bijgewerkt ${bijgewerkt}` : "Laden…" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(ImporteerKnop, { connectionId: conn.activeId ?? null, onImported: reload }), _jsx(LijstExportKnop, { vraag: { zoek, filter, sort: sorteer.sort, oplopend: sorteer.oplopend } }), _jsx(TelmomentButton, { onSaved: reload }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { to: "/voorraad/validatie", children: "Validatie" }) }), _jsx(Button, { asChild: true, size: "sm", title: "Sneltoets N", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Nieuw artikel"] }) })] })] }), guardTrips.length > 0 && (_jsx("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." })), _jsx(StockIntegrityAlert, {}), _jsx(FloridayConnectionNotice, { status: conn.status, environment: conn.selectedEnvironment, error: conn.error }), error && (_jsxs("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Voorraad laden mislukt: ", error] })), melding.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 rounded-md border border-border bg-muted/40 px-3 py-2 text-sm", children: [_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), melding.map((m) => m.filter ? (_jsx("button", { type: "button", className: "underline-offset-2 hover:underline", onClick: () => setFilter(m.filter), children: m.tekst }, m.tekst)) : (_jsx("span", { children: m.tekst }, m.tekst)))] })), _jsxs(Card, { className: "overflow-hidden p-0", children: [_jsx("div", { role: "tablist", "aria-label": "Filter", className: "flex flex-wrap items-center gap-1 border-b px-2", children: filters.map((f) => {
+                            const actief = filter === f;
+                            const n = data?.tellers?.[f];
+                            return (_jsxs("button", { role: "tab", "aria-selected": actief, type: "button", onClick: () => setFilter(f), className: `relative px-3 py-3 text-sm font-medium whitespace-nowrap transition-colors ${actief ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`, children: [FILTER_LABEL[f], _jsx("span", { className: `ml-2 text-xs tabular-nums ${actief ? "text-primary" : "text-muted-foreground/70"}`, children: n == null ? "…" : aantal(n) }), actief && _jsx("span", { className: "absolute left-2 right-2 -bottom-px h-0.5 rounded-full bg-primary" })] }, f));
+                        }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b p-3", children: [_jsxs("div", { className: "relative flex-1 min-w-[220px] max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op naam, artikelnummer of barcode\u2026", className: "pl-9", value: zoekInvoer, onChange: (e) => setZoekInvoer(e.target.value), "aria-label": "Zoeken" })] }), _jsx("div", { className: "ml-auto", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(Columns3, { className: "mr-2 h-4 w-4" }), "Kolommen"] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuLabel, { children: "Kolommen kiezen" }), OPTIONELE_KOLOMMEN.map((c) => (_jsx(DropdownMenuCheckboxItem, { checked: kolommen.has(c.key), onCheckedChange: () => toggleKolom(c.key), children: c.label }, c.key)))] })] }) })] }), selected.size > 0 && filter !== "twijfel" && (_jsxs("div", { className: "flex flex-wrap items-center gap-3 border-b bg-primary/5 px-4 py-2 text-sm", children: [_jsxs("span", { className: "font-medium", children: [selected.size, " gekozen"] }), _jsx(Button, { size: "sm", onClick: () => setDrawerOpen(true), children: "Voorraadsturing instellen" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setSelected(new Set()), children: "Keuze wissen" })] })), _jsx("div", { className: "overflow-x-auto", children: filter === "twijfel" ? (_jsx(TwijfelTabel, { rijen: data?.twijfel_rijen ?? [], loading: loading, onGekozen: () => void reload() })) : (_jsx(VoorraadLijstTabel, { rijen: data?.rijen ?? [], loading: loading, sort: sorteer.sort, oplopend: sorteer.oplopend, onSort: (k) => setSorteer((cur) => volgendeSortering(cur, k)), kolommen: kolommen, selected: selected, onToggleSelect: toggleSelect, onToggleAll: toggleAll, onAanpassen: setAanpassen, onAfboeken: setAfboeken, heeftKoppeling: heeftKoppeling })) }), _jsx(VoorraadPagination, { total: data?.totaal ?? 0, page: pagina, pageSize: grootte, onPageChange: setPagina, onPageSizeChange: setGrootte })] }), _jsx(AanpassenDialog, { rij: aanpassen, onClose: () => setAanpassen(null), onDone: reload }), _jsx(AfboekenDialog, { rij: afboeken, connectionId: stockConnId, onClose: () => setAfboeken(null), onDone: reload }), _jsx(InventorySettingsDrawer, { open: drawerOpen, onOpenChange: setDrawerOpen, connectionId: conn.activeId ?? null, productIds: [...selected], onSaved: reload })] }));
+}
+function TwijfelTabel({ rijen, loading, onGekozen }) {
+    const [open, setOpen] = useState(null);
+    if (!loading && rijen.length === 0) {
+        return _jsx("p", { className: "px-4 py-10 text-center text-sm text-muted-foreground", children: "Geen twijfelgevallen." });
+    }
+    return (_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "border-b bg-muted/40 text-xs text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left font-medium", children: "Floriday-artikel" }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: "Reden" }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: "Mogelijke artikelen" }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: "Actie" })] }) }), _jsx("tbody", { children: rijen.map((t) => (_jsxs(Fragment, { children: [_jsxs("tr", { className: "border-b", children: [_jsx("td", { className: "px-3 py-2 font-medium", children: t.naam ?? "(naamloos)" }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: t.reden ?? "Meerdere mogelijke artikelen; niets aangemaakt" }), _jsx("td", { className: "px-3 py-2 text-right tabular-nums", children: t.kandidaten }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsx(Button, { size: "sm", variant: "outline", onClick: () => setOpen(open === t.floriday_id ? null : t.floriday_id), children: "Zelf kiezen" }) })] }), open === t.floriday_id && (_jsx("tr", { className: "border-b", children: _jsx("td", { colSpan: 4, className: "px-3 py-2", children: _jsx(TwijfelKiezen, { floridayId: t.floriday_id, onGekozen: () => { setOpen(null); onGekozen?.(); } }) }) }))] }, t.floriday_id))) })] }));
 }

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

@@ -0,0 +1,6 @@
+/**
+ * Shellinstelling: welke voorraadsturing krijgen artikelen die automatisch uit
+ * Floriday worden aangemaakt. Bestaande artikelen veranderen niet.
+ */
+export declare function VoorraadSturingCard(): import("react").JSX.Element;
+//# sourceMappingURL=VoorraadSturingCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadSturingCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadSturingCard.tsx"],"names":[],"mappings":"AAiBA;;;GAGG;AACH,wBAAgB,mBAAmB,gCAgElC"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Label, toast, } from "@flowselections/core";
+import { Loader2 } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client.js";
+import { dbFoutTekst } from "../../lib/db-error-message.js";
+/**
+ * Shellinstelling: welke voorraadsturing krijgen artikelen die automatisch uit
+ * Floriday worden aangemaakt. Bestaande artikelen veranderen niet.
+ */
+export function VoorraadSturingCard() {
+    const [opgeslagen, setOpgeslagen] = useState(null);
+    const [keuze, setKeuze] = useState("lokaal");
+    const [bezig, setBezig] = useState(false);
+    useEffect(() => {
+        void supabase
+            .rpc("voorraad_instellingen_lezen")
+            .then(({ data, error }) => {
+            if (error)
+                toast.error(dbFoutTekst(error));
+            const v = (data?.standaard_sturing ?? "lokaal");
+            setOpgeslagen(v);
+            setKeuze(v);
+        });
+    }, []);
+    const opslaan = async () => {
+        setBezig(true);
+        const { data, error } = await supabase.rpc("voorraad_instellingen_opslaan", { p_standaard_sturing: keuze });
+        setBezig(false);
+        if (error) {
+            toast.error(dbFoutTekst(error));
+            return;
+        }
+        const r = data;
+        if (!r.ok) {
+            toast.error(r.melding ?? "Niet opgeslagen");
+            return;
+        }
+        setOpgeslagen(keuze);
+        toast.success("Standaard voorraadsturing opgeslagen");
+    };
+    const opties = [
+        { waarde: "lokaal", titel: "Lokaal", uitleg: "Je eigen voorraad leidt; Floriday wordt niet bijgewerkt tot je dat per artikel aanzet." },
+        { waarde: "floriday", titel: "Floriday volgt", uitleg: "Je eigen voorraad gaat via de gewone wachtrij naar Floriday." },
+    ];
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Standaard voorraadsturing" }), _jsx(CardDescription, { children: "Geldt voor artikelen die automatisch uit Floriday worden aangemaakt. Bestaande artikelen veranderen niet." })] }), _jsx(CardContent, { className: "space-y-3", children: opgeslagen === null ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })) : (_jsxs(_Fragment, { children: [_jsx("div", { role: "radiogroup", className: "space-y-2", children: opties.map((o) => (_jsxs(Label, { className: "flex cursor-pointer items-start gap-2 rounded-md border p-3 font-normal", children: [_jsx("input", { type: "radio", name: "standaard-sturing", className: "mt-1", checked: keuze === o.waarde, onChange: () => setKeuze(o.waarde) }), _jsxs("span", { children: [_jsx("span", { className: "font-medium", children: o.titel }), _jsx("span", { className: "block text-sm text-muted-foreground", children: o.uitleg })] })] }, o.waarde))) }), _jsxs(Button, { onClick: opslaan, disabled: bezig || keuze === opgeslagen, children: [bezig && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Opslaan"] })] })) })] }));
+}

package/dist-lib/components/voorraad/artikel/ArtikelPagina.d.ts

@@ -0,0 +1,6 @@
+export declare function ArtikelPagina({ id, resumeJobId, onNietGevonden }: {
+    id: string;
+    resumeJobId?: string;
+    onNietGevonden?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ArtikelPagina.d.ts.map

package/dist-lib/components/voorraad/artikel/ArtikelPagina.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtikelPagina.d.ts","sourceRoot":"","sources":["../../../../src/components/voorraad/artikel/ArtikelPagina.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,+BA+bnI"}