@flowselections/floriday-voorraad 1.0.84 → 1.0.87

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

@@ -0,0 +1,7 @@
+export declare function FloridayLeadingSummary({ connectionId }: {
+    connectionId: string | null;
+}): import("react").JSX.Element | null;
+export declare function FloridayTakeoverPanel({ connectionId }: {
+    connectionId: string | null;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=FloridayTakeoverPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloridayTakeoverPanel.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayTakeoverPanel.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAoCvF;AAED,wBAAgB,qBAAqB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCA2QtF"}

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

@@ -0,0 +1,196 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Beheer: "Overnemen uit Floriday" en "ERP leidend maken".
+ * - Proefrapport (alleen lezen) → keuze → overnemen in één transactie → terugdraaien.
+ * - Overnemen zet nooit iets in de wachtrij: overgenomen artikelen zijn Floriday-leidend.
+ * - ERP leidend maken toont eerst wat er naar Floriday zou gaan.
+ * Toont ook "Floriday leidend voor X, ERP voor Y" en de alleen-lezen-stand
+ * (uit Floriday-authenticatie: floriday_write_mode()).
+ */
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useServerFn } from "@tanstack/react-start";
+import { toast } from "sonner";
+import * as XLSX from "xlsx";
+import { Button } from "@flowselections/core";
+import { supabase } from "../../integrations/supabase/client.js";
+import { getFloridayTakeoverPreview } from "../../lib/floriday-takeover.functions.js";
+const sb = supabase;
+const eur = (v) => v == null ? "—" : `€ ${Number(v).toLocaleString("nl-NL", { minimumFractionDigits: 2, maximumFractionDigits: 4 })}`;
+const num = (v) => (v == null ? "—" : Number(v).toLocaleString("nl-NL"));
+function offersText(o) {
+    return o.map((x) => [x.customer ?? "Klant onbekend", x.price != null ? eur(x.price) : null, x.pieces != null ? `${num(x.pieces)} st.` : null,
+        x.from || x.to ? `${(x.from ?? "").slice(0, 10)} – ${(x.to ?? "").slice(0, 10)}` : null].filter(Boolean).join(" ")).join("; ");
+}
+function formsText(f) {
+    const parts = [];
+    if (f.continuous)
+        parts.push("Doorlopende voorraad");
+    if (f.weekly)
+        parts.push(`Weekaanbod (${f.weeks.map((w) => `wk ${w.week}: ${w.pieces}`).join(", ")})`);
+    if (f.supply_lines)
+        parts.push(`${f.supply_lines} aanbodregel${f.supply_lines === 1 ? "" : "s"}`);
+    if (f.customer_offers)
+        parts.push(`${f.customer_offers} klantaanbieding${f.customer_offers === 1 ? "" : "en"} (alleen getoond)`);
+    return parts.join(" · ") || "Geen aanbod gevonden";
+}
+export function FloridayLeadingSummary({ connectionId }) {
+    const [summary, setSummary] = useState(null);
+    const [mode, setMode] = useState(null);
+    const [modeError, setModeError] = useState(null);
+    useEffect(() => {
+        if (!connectionId)
+            return;
+        sb.rpc("floriday_leading_summary", { p_connection_id: connectionId }).then(({ data }) => setSummary(data ?? null));
+        sb.rpc("floriday_write_mode").then(({ data, error }) => {
+            if (error)
+                setModeError(error.message);
+            else
+                setMode(data ?? null);
+        });
+    }, [connectionId]);
+    if (!connectionId)
+        return null;
+    const erp = (summary?.erp_leading ?? 0) + (summary?.legacy ?? 0);
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-1 rounded-md border bg-muted/40 px-3 py-2 text-sm", children: [_jsxs("span", { children: ["Floriday is leidend voor ", _jsx("strong", { children: num(summary?.floriday_leading ?? 0) }), " artikelen, je eigen voorraad voor", " ", _jsx("strong", { children: num(erp) }), " artikelen", summary?.off ? _jsxs(_Fragment, { children: [" \u00B7 ", num(summary.off), " staan op Uit"] }) : null, "."] }), _jsxs("span", { children: ["Floriday:", " ", modeError ? (_jsx("span", { className: "text-muted-foreground", children: "stand onbekend \u2014 er wordt niets verstuurd zolang dit niet bekend is" })) : mode?.read_only === false ? (_jsx("strong", { children: "schrijven toegestaan" })) : (_jsx("strong", { children: "alleen lezen" })), mode?.environment ? _jsxs("span", { className: "text-muted-foreground", children: [" (", mode.environment, ")"] }) : null] })] }));
+}
+export function FloridayTakeoverPanel({ connectionId }) {
+    const preview = useServerFn(getFloridayTakeoverPreview);
+    const [open, setOpen] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [rows, setRows] = useState(null);
+    const [weekError, setWeekError] = useState(null);
+    const [fetchStatus, setFetchStatus] = useState(null);
+    const itemsBlocked = fetchStatus != null && fetchStatus.tradeItems !== "compleet";
+    const [selected, setSelected] = useState(new Set());
+    const [busy, setBusy] = useState(false);
+    const [runs, setRuns] = useState([]);
+    const [leadRows, setLeadRows] = useState([]);
+    const [leadSel, setLeadSel] = useState(new Set());
+    const [erpPreview, setErpPreview] = useState(null);
+    const loadRuns = useCallback(async () => {
+        const { data } = await sb.from("floriday_takeover_runs").select("*").order("created_at", { ascending: false }).limit(5);
+        setRuns(data ?? []);
+    }, []);
+    const loadLeadRows = useCallback(async () => {
+        if (!connectionId)
+            return;
+        const { data } = await sb
+            .from("floriday_inventory_settings")
+            .select("product_id, products(product)")
+            .eq("connection_id", connectionId)
+            .eq("erp_leading", false)
+            .limit(2000);
+        setLeadRows((data ?? []).map((r) => ({ product_id: r.product_id, name: r.products?.product ?? r.product_id })));
+    }, [connectionId]);
+    useEffect(() => {
+        if (open) {
+            loadRuns();
+            loadLeadRows();
+        }
+    }, [open, loadRuns, loadLeadRows]);
+    const runPreview = async () => {
+        setLoading(true);
+        try {
+            const res = await preview();
+            setRows(res.rows);
+            setWeekError(res.weekError);
+            setFetchStatus(res.fetchStatus);
+            setSelected(new Set(res.rows.filter((r) => r.action !== "niet").map((r) => r.tradeItemId)));
+        }
+        catch (e) {
+            toast.error("Het proefrapport kon niet worden gemaakt.", { description: e?.message });
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const chosen = useMemo(() => (rows ?? []).filter((r) => selected.has(r.tradeItemId) && r.action !== "niet"), [rows, selected]);
+    const download = () => {
+        if (!rows)
+            return;
+        const data = rows.map((r) => ({
+            Artikel: r.name, "Floriday-nummer": r.tradeItemId, Artikelcode: r.articleCode ?? "", Barcode: r.gtin ?? "", "VBN-code": r.vbnCode ?? "",
+            Actie: r.action, Reden: r.reason ?? "", Suggestie: r.suggestion ?? "",
+            "Floriday aantal": r.floridayStock ?? "", "Bron aantal": r.stockSource ?? "",
+            "Prijs aanbodregel": r.supplyLinePrice ?? "", Catalogusprijs: r.catalogPrice ?? "", "Gekozen prijs": r.floridayPrice ?? "", "Bron prijs": r.priceSource ?? "",
+            "Eigen voorraad": r.erpStock ?? "", "Eigen prijs": r.erpPrice ?? "", Aanbodvorm: formsText(r.forms),
+            Klantaanbiedingen: offersText(r.customerOffers),
+        }));
+        const wb = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(wb, XLSX.utils.json_to_sheet(data), "Proefrapport");
+        XLSX.writeFile(wb, `overnemen-uit-floriday-${new Date().toISOString().slice(0, 10)}.xlsx`);
+    };
+    const apply = async () => {
+        if (!connectionId || chosen.length === 0 || itemsBlocked)
+            return;
+        const created = chosen.filter((r) => r.action === "aanmaken").length;
+        if (!window.confirm(`${chosen.length} artikelen overnemen uit Floriday${created ? `, waarvan ${created} nieuw aanmaken` : ""}? ` +
+            "Voorraad en prijs worden overgenomen. Er gaat niets naar Floriday; deze artikelen blijven Floriday-leidend."))
+            return;
+        setBusy(true);
+        const items = chosen.map((r) => ({
+            trade_item_id: r.tradeItemId, create: r.action === "aanmaken", name: r.name,
+            article_code: r.articleCode, gtin: r.gtin, vbn_code: r.vbnCode,
+            stock: r.floridayStock, price: r.floridayPrice,
+            stock_source: r.stockSource, price_source: r.priceSource, offer_forms: r.forms,
+        }));
+        const { data, error } = await sb.rpc("floriday_takeover_apply", { p_connection_id: connectionId, p_items: items });
+        setBusy(false);
+        if (error) {
+            toast.error("Overnemen is niet gelukt; er is niets veranderd.", { description: error.message });
+            return;
+        }
+        toast.success(`${data?.items ?? 0} artikelen overgenomen${data?.created_products ? `, ${data.created_products} nieuw` : ""}.`);
+        setRows(null);
+        loadRuns();
+        loadLeadRows();
+    };
+    const undo = async (runId) => {
+        if (!window.confirm("Deze overname terugdraaien? Artikelen die sindsdien zijn gewijzigd blijven staan. Nieuw aangemaakte artikelen blijven bestaan (op Uit)."))
+            return;
+        const { data, error } = await sb.rpc("floriday_takeover_undo", { p_run_id: runId });
+        if (error) {
+            toast.error("Terugdraaien is niet gelukt.", { description: error.message });
+            return;
+        }
+        toast.success(`${data?.undone ?? 0} teruggedraaid${data?.skipped ? `, ${data.skipped} overgeslagen omdat ze later zijn gewijzigd` : ""}.`);
+        loadRuns();
+    };
+    const showErpPreview = async () => {
+        if (!connectionId || leadSel.size === 0)
+            return;
+        const { data, error } = await sb.rpc("floriday_erp_leading_preview", { p_connection_id: connectionId, p_product_ids: [...leadSel] });
+        if (error) {
+            toast.error("Voorbeeld kon niet worden gemaakt.", { description: error.message });
+            return;
+        }
+        setErpPreview(data ?? []);
+    };
+    const confirmErp = async () => {
+        if (!connectionId || !erpPreview)
+            return;
+        const ok = erpPreview.filter((r) => !r.blocker).map((r) => r.product_id);
+        if (ok.length === 0) {
+            toast.error("Geen van deze artikelen kan je eigen voorraad gaan volgen.");
+            return;
+        }
+        const { data, error } = await sb.rpc("floriday_make_erp_leading", { p_connection_id: connectionId, p_product_ids: ok });
+        if (error) {
+            toast.error("Omzetten is niet gelukt.", { description: error.message });
+            return;
+        }
+        const sk = (data?.skipped ?? []);
+        toast.success(`${data?.updated ?? 0} artikelen volgen nu je eigen voorraad.`, sk.length ? { description: `${sk.length} overgeslagen: ${sk.map((s) => s.reason).join("; ")}` } : undefined);
+        setErpPreview(null);
+        setLeadSel(new Set());
+        loadLeadRows();
+    };
+    if (!connectionId)
+        return null;
+    return (_jsxs("section", { className: "rounded-md border p-3 space-y-3", children: [_jsxs("button", { type: "button", className: "text-sm font-medium", onClick: () => setOpen((v) => !v), children: [open ? "▾" : "▸", " Overnemen uit Floriday en eigen voorraad leidend maken"] }), open && (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Neem voorraad en prijs over uit Floriday zonder iets terug te sturen. Maak eerst een proefrapport; er wordt dan nog niets gewijzigd." }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", onClick: runPreview, disabled: loading, children: loading ? "Floriday lezen…" : "Proefrapport maken" }), rows && _jsx(Button, { size: "sm", variant: "outline", onClick: download, children: "Download als Excel" }), rows && _jsx(Button, { size: "sm", onClick: apply, disabled: busy || chosen.length === 0 || itemsBlocked, children: busy ? "Bezig…" : `Overnemen (${chosen.length})` })] }), fetchStatus && fetchStatus.tradeItems !== "compleet" && (_jsx("p", { className: "text-sm text-destructive", children: fetchStatus.tradeItems === "bezig"
+                                    ? "Artikelen worden nog opgehaald – wacht tot dit compleet is. Overnemen kan daarna."
+                                    : "De artikelen uit Floriday zijn nog niet opgehaald – wacht tot dit compleet is. Overnemen kan daarna." })), fetchStatus && fetchStatus.tradeItems === "compleet" && (fetchStatus.catalogPrices === "bezig" || fetchStatus.customerOffers === "bezig") && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Het aanbod wordt nog opgehaald \u2013 wacht tot dit compleet is voor de juiste prijzen. Maak daarna het proefrapport opnieuw." })), weekError && (_jsxs("p", { className: "text-sm text-destructive", children: ["Het weekaanbod kon niet worden gelezen; het rapport gebruikt alleen de overige gegevens.", " ", _jsxs("details", { className: "inline", children: [_jsx("summary", { className: "inline cursor-pointer", children: "Details voor beheer" }), weekError] })] })), rows && (_jsx("div", { className: "max-h-[28rem] overflow-auto rounded border", children: _jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { className: "sticky top-0 bg-muted", children: _jsxs("tr", { className: "text-left", children: [_jsx("th", { className: "p-1" }), _jsx("th", { className: "p-1", children: "Artikel" }), _jsx("th", { className: "p-1", children: "Actie" }), _jsx("th", { className: "p-1", children: "Floriday aantal" }), _jsx("th", { className: "p-1", children: "Floriday prijs" }), _jsx("th", { className: "p-1", children: "Nu in je voorraad" }), _jsx("th", { className: "p-1", children: "Aanbodvorm" })] }) }), _jsx("tbody", { children: rows.map((r) => (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "p-1", children: _jsx("input", { type: "checkbox", disabled: r.action === "niet", checked: selected.has(r.tradeItemId), onChange: (e) => setSelected((s) => { const n = new Set(s); e.target.checked ? n.add(r.tradeItemId) : n.delete(r.tradeItemId); return n; }) }) }), _jsxs("td", { className: "p-1", children: [_jsx("div", { className: "font-medium", children: r.name }), _jsx("div", { className: "text-muted-foreground", children: [r.articleCode, r.gtin, r.vbnCode && `VBN ${r.vbnCode}`].filter(Boolean).join(" · ") }), r.suggestion && _jsx("div", { className: "text-amber-700", children: r.suggestion })] }), _jsxs("td", { className: "p-1", children: [r.action === "aanmaken" ? "Nieuw aanmaken (Uit)" : r.action === "bijwerken" ? "Bijwerken" : "Niet over te nemen", r.reason && _jsx("div", { className: "text-muted-foreground", children: r.reason })] }), _jsxs("td", { className: "p-1", children: [num(r.floridayStock), _jsx("div", { className: "text-muted-foreground", children: r.stockSource ?? "" })] }), _jsxs("td", { className: "p-1", children: [eur(r.floridayPrice), _jsx("div", { className: "text-muted-foreground", children: r.priceSource ?? "" }), r.priceDiffers && _jsxs("div", { className: "text-amber-700", children: ["Aanbodregel ", eur(r.supplyLinePrice), " \u00B7 catalogus ", eur(r.catalogPrice)] })] }), _jsxs("td", { className: "p-1", children: [num(r.erpStock), " \u00B7 ", eur(r.erpPrice)] }), _jsxs("td", { className: "p-1", children: [formsText(r.forms), r.customerOffers.length > 0 && (_jsxs("details", { children: [_jsxs("summary", { className: "cursor-pointer", children: ["Klantaanbiedingen (", r.customerOffers.length, ", alleen getoond)"] }), _jsx("ul", { className: "list-disc pl-4", children: r.customerOffers.map((o) => _jsx("li", { children: offersText([o]) }, o.id)) })] }))] })] }, r.tradeItemId))) })] }) })), runs.length > 0 && (_jsxs("div", { className: "text-sm space-y-1", children: [_jsx("div", { className: "font-medium", children: "Laatste overnames" }), runs.map((r) => (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("span", { children: [new Date(r.created_at).toLocaleString("nl-NL"), " \u2014 ", r.total_items, " artikelen", r.created_products ? `, ${r.created_products} nieuw` : "", " \u2014 ", r.status] }), r.status !== "ongedaan" && _jsx(Button, { size: "sm", variant: "outline", onClick: () => undo(r.id), children: "Terugdraaien" })] }, r.id)))] }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-sm font-medium", children: "Eigen voorraad leidend maken" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Kies artikelen die nu Floriday-leidend zijn. Je ziet eerst wat er naar Floriday zou gaan; pas na bevestigen verandert er iets." }), leadRows.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Er zijn geen Floriday-leidende artikelen." })) : (_jsxs("div", { className: "max-h-48 overflow-auto rounded border p-2 text-sm space-y-1", children: [_jsxs("label", { className: "flex items-center gap-2 font-medium", children: [_jsx("input", { type: "checkbox", checked: leadSel.size === leadRows.length, onChange: (e) => setLeadSel(e.target.checked ? new Set(leadRows.map((r) => r.product_id)) : new Set()) }), "Alles kiezen"] }), leadRows.map((r) => (_jsxs("label", { className: "flex items-center gap-2", children: [_jsx("input", { type: "checkbox", checked: leadSel.has(r.product_id), onChange: (e) => setLeadSel((s) => { const n = new Set(s); e.target.checked ? n.add(r.product_id) : n.delete(r.product_id); return n; }) }), r.name] }, r.product_id)))] })), _jsxs(Button, { size: "sm", variant: "outline", disabled: leadSel.size === 0, onClick: showErpPreview, children: ["Voorbeeld tonen (", leadSel.size, ")"] }), erpPreview && (_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Alleen de huidige week en de komende ", erpPreview[0]?.horizon_weeks ?? "?", " weken worden aangepast; weken in het verleden nooit."] }), _jsxs("table", { className: "w-full text-xs rounded border", children: [_jsx("thead", { className: "bg-muted", children: _jsxs("tr", { className: "text-left", children: [_jsx("th", { className: "p-1", children: "Artikel" }), _jsx("th", { className: "p-1", children: "Week" }), _jsx("th", { className: "p-1", children: "Vorm" }), _jsx("th", { className: "p-1", children: "Aantal" }), _jsx("th", { className: "p-1", children: "Prijs per stuk" }), _jsx("th", { className: "p-1", children: "Nu in Floriday" }), _jsx("th", { className: "p-1", children: "Let op" })] }) }), _jsx("tbody", { children: erpPreview.flatMap((r) => {
+                                                    const ws = r.weeks?.length ? r.weeks : [null];
+                                                    return ws.map((w, i) => (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "p-1", children: i === 0 ? r.product_name : "" }), _jsx("td", { className: "p-1", children: w ? (w.week != null ? `${w.year} wk ${w.week}` : "Doorlopend") : "—" }), _jsx("td", { className: "p-1", children: w ? (w.form === "continuous" ? "Doorlopende voorraad" : "Weekaanbod") : "—" }), _jsx("td", { className: "p-1", children: w ? _jsxs(_Fragment, { children: [num(w.quantity), w.available === false ? " (niet beschikbaar)" : ""] }) : "—" }), _jsx("td", { className: "p-1", children: w ? eur(w.price) : eur(r.sale_price) }), _jsx("td", { className: "p-1", children: w && w.floriday_pieces != null ? num(w.floriday_pieces) : "onbekend" }), _jsx("td", { className: "p-1 text-amber-700", children: i === 0 ? r.blocker ?? "" : "" })] }, `${r.product_id}-${i}`)));
+                                                }) })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { size: "sm", onClick: confirmErp, children: "Bevestigen" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => setErpPreview(null), children: "Annuleren" })] })] }))] })] }))] }));
+}

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

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

@@ -10,6 +10,7 @@ import { StockSyncStatus } from "./StockSyncStatus.js";
 import { StockIntegrityAlert } from "./StockIntegrityAlert.js";
 import { SupplyReadScopeAlert } from "./SupplyReadScopeAlert.js";
 import { StockPushMonitor } from "./StockPushMonitor.js";
+import { FloridayLeadingSummary, FloridayTakeoverPanel } from "./FloridayTakeoverPanel.js";
 import { ExcelExportButton } from "./ExcelExportButton.js";
 import { StockBulkButtons } from "./StockBulkButtons.js";
 import { VoorraadTable } from "./VoorraadTable.js";
@@ -165,7 +166,7 @@ export function VoorraadPage() {
                                         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" })] })), auth.isAdmin && _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-koppeling laden mislukt. ", _jsxs("details", { className: "inline", children: [_jsx("summary", { className: "cursor-pointer inline", children: "Details voor beheer" }), 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) => {
+                                        .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(FloridayLeadingSummary, { connectionId: activeId ?? null }), auth.isAdmin && _jsx(FloridayTakeoverPanel, { connectionId: activeId ?? null }), auth.isAdmin && _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-koppeling laden mislukt. ", _jsxs("details", { className: "inline", children: [_jsx("summary", { className: "cursor-pointer inline", children: "Details voor beheer" }), 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"