@flowselections/floriday-voorraad 1.0.55 → 1.0.59

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

@@ -1,16 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import * as XLSX from "xlsx";
-import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Checkbox, Label, toast, } from "@flowselections/core";
-import { Download, FileDown, Upload, Loader2 } from "lucide-react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { Download, FileDown, Upload, Loader2, Undo2, Play } from "lucide-react";
 import { supabase } from "../../integrations/supabase/client";
 import { emptyWizardData } from "../../lib/floriday-payload";
-import { upsertLocalTradeItem, updateDraftMeta } from "../../hooks/useLocalTradeItems";
 import { validateDraftForPublish } from "../../lib/floriday-import-validator";
-import { floriday } from "../../lib/floriday-client";
 import { ensureArticleCodes } from "../../lib/ensure-article-codes";
 import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
-import { saveProductCustomValues } from "../../lib/voorraad-custom-fields";
+/**
+ * Voorraadimport in porties (Voorraad-module).
+ * De browser leest het bestand en controleert de rijen; de database verwerkt
+ * per portie (alles of niets) via stock_import_create / _process_chunk /
+ * _undo_chunk. Gereserveerde voorraad wordt nooit geïmporteerd; nieuwe
+ * artikelen worden niet naar Floriday gepubliceerd.
+ */
 const COLUMNS = [
     "Artikelcode",
     "Artikelnaam",
@@ -23,28 +27,18 @@ const COLUMNS = [
     "Gereserveerde voorraad",
     "Inkomende voorraad",
 ];
-/**
- * Bepaalt de canonieke sleutel in `trade_item_stock`: de kale Floriday-UUID
- * zodra het artikel gekoppeld is (die sleutel activeert de push naar Floriday),
- * anders `product:<uuid>`.
- */
-function toKey(item) {
-    if (item.floridayId)
-        return item.floridayId;
-    if (item.tradeItemKey)
-        return item.tradeItemKey;
-    if (item.productId)
-        return `product:${item.productId}`;
-    if (item.localId)
-        return `product:${item.localId}`;
-    return item.id;
-}
+const ACTIVE = ["ontvangen", "bezig", "gestopt"];
+const rpc = (fn, args) => supabase.rpc(fn, args);
 function parseNumber(val) {
     if (val === undefined || val === null || val === "")
         return { value: null };
     const n = typeof val === "number" ? val : Number(String(val).replace(",", "."));
     if (!Number.isFinite(n))
         return { value: null, error: "geen numerieke waarde" };
+    if (!Number.isInteger(n))
+        return { value: null, error: "alleen hele aantallen" };
+    if (Math.abs(n) > 2000000000)
+        return { value: null, error: "aantal te groot" };
     return { value: n };
 }
 function productGroupForVbn(vbn) {
@@ -57,21 +51,28 @@ function productGroupForVbn(vbn) {
         return "GARDEN_PLANT";
     return null;
 }
+async function sha256(buf) {
+    const d = await crypto.subtle.digest("SHA-256", buf);
+    return Array.from(new Uint8Array(d)).map((b) => b.toString(16).padStart(2, "0")).join("");
+}
+const STATUS_LABEL = {
+    ontvangen: "Ontvangen",
+    bezig: "Bezig",
+    gestopt: "Gestopt",
+    voltooid: "Voltooid",
+    ongedaan: "Ongedaan",
+    deels_ongedaan: "Deels ongedaan",
+};
 export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
     const fileRef = useRef(null);
     const [open, setOpen] = useState(false);
-    const [importing, setImporting] = useState(false);
-    const [progress, setProgress] = useState(0);
-    const allowNegative = true;
-    const [autoPublish, setAutoPublish] = useState(false);
-    const [result, setResult] = useState(null);
+    const [busy, setBusy] = useState(null);
+    const [progress, setProgress] = useState(null);
+    const [prepared, setPrepared] = useState(null);
+    const [banner, setBanner] = useState(null);
     const [pastRuns, setPastRuns] = useState([]);
     const { fields: customFields } = useVoorraadCustomFields();
     const templateFields = customFields.filter((f) => f.show_in_template);
-    /**
-     * Leest de waarde van een eigen veld uit een Excel-rij. Kolomkoppen worden
-     * tolerant gematcht: op label óf key, hoofdletter- en spatie-ongevoelig.
-     */
     const readCustomValues = useCallback((row) => {
         const norm = (s) => s.toLowerCase().replace(/[\s_-]+/g, "");
         const lookup = new Map();
@@ -97,7 +98,7 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
     const loadPastRuns = useCallback(async () => {
         const { data, error } = await supabase
             .from("stock_import_runs")
-            .select("id,filename,total_rows,updated_rows,created_rows,skipped_rows,created_at,errors,mutations")
+            .select("id,filename,status,total_rows,updated_rows,created_rows,skipped_rows,total_chunks,done_chunks,undone_rows,undo_skipped_rows,created_at")
             .order("created_at", { ascending: false })
             .limit(10);
         if (!error)
@@ -107,6 +108,17 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
         if (open)
             void loadPastRuns();
     }, [open, loadPastRuns]);
+    // Venster open houden tijdens verwerken.
+    useEffect(() => {
+        if (!busy || busy === "lezen")
+            return;
+        const h = (e) => {
+            e.preventDefault();
+            e.returnValue = "";
+        };
+        window.addEventListener("beforeunload", h);
+        return () => window.removeEventListener("beforeunload", h);
+    }, [busy]);
     const byCode = useMemo(() => {
         const map = new Map();
         for (const it of items) {
@@ -116,7 +128,6 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
         }
         return map;
     }, [items]);
-    /** Published Floriday items only (voor auto-koppeling van nieuwe artikelen). */
     const publishedByCode = useMemo(() => {
         const map = new Map();
         for (const it of items) {
@@ -170,158 +181,84 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
         });
         const headers = [...COLUMNS, ...templateFields.map((f) => f.field_label)];
         const ws = XLSX.utils.json_to_sheet(rows, { header: headers });
-        ws["!cols"] = headers.map((c) => ({
-            wch: c === "Artikelnaam" ? 40 : c === "Artikelcode" ? 18 : 20,
-        }));
+        ws["!cols"] = headers.map((c) => ({ wch: c === "Artikelnaam" ? 40 : c === "Artikelcode" ? 18 : 20 }));
         const wb = XLSX.utils.book_new();
         XLSX.utils.book_append_sheet(wb, ws, "Voorraad");
-        const stamp = new Date().toISOString().slice(0, 10);
-        XLSX.writeFile(wb, `voorraad-template-${stamp}.xlsx`);
+        XLSX.writeFile(wb, `voorraad-template-${new Date().toISOString().slice(0, 10)}.xlsx`);
         if (generatedCount > 0) {
             toast.success(`${generatedCount} artikel(en) kregen automatisch een nieuwe artikelcode.`);
             await onImported();
         }
     };
-    const downloadErrors = () => {
-        if (!result?.errors.length)
-            return;
-        const rows = result.errors.map((e) => ({
-            Regel: e.row,
-            Artikelcode: e.articleCode,
-            Artikelnaam: e.articleName,
-            Fout: e.reden,
-        }));
-        const ws = XLSX.utils.json_to_sheet(rows);
-        const wb = XLSX.utils.book_new();
-        XLSX.utils.book_append_sheet(wb, ws, "Fouten");
-        XLSX.writeFile(wb, `voorraad-import-fouten-${new Date().toISOString().slice(0, 10)}.xlsx`);
-    };
+    /** Stap 1: bestand lezen en per rij controleren (nog niets opgeslagen). */
     const handleFile = async (file) => {
         if (!activeConnectionId) {
             toast.error("Geen actieve Floriday-connectie");
             return;
         }
-        setImporting(true);
-        setProgress(0);
-        setResult(null);
-        const errors = [];
-        const mutations = [];
-        let updated = 0;
-        let created = 0;
-        let linked = 0;
-        let published = 0;
-        let waiting = 0;
+        setBusy("lezen");
+        setBanner(null);
+        setPrepared(null);
         try {
             const buf = await file.arrayBuffer();
+            const fileHash = await sha256(buf);
             const wb = XLSX.read(buf, { type: "array" });
             const sheet = wb.Sheets[wb.SheetNames[0]];
-            const rows = XLSX.utils.sheet_to_json(sheet, {
-                defval: "",
-            });
-            const userRes = await supabase.auth.getUser();
-            const userId = userRes.data.user?.id;
-            if (!userId)
-                throw new Error("Niet ingelogd");
-            // "Nieuw sinds laatste import" — timestamp opslaan
-            try {
-                localStorage.setItem(`voorraad_last_import_${activeConnectionId}`, new Date().toISOString());
-            }
-            catch {
-                /* ignore quota */
-            }
-            const stockBatch = [];
-            for (let idx = 0; idx < rows.length; idx++) {
-                const row = rows[idx];
-                const excelRow = idx + 2;
+            const rows = XLSX.utils.sheet_to_json(sheet, { defval: "" });
+            const out = [];
+            let existing = 0;
+            let fresh = 0;
+            let reservedIgnored = 0;
+            rows.forEach((row, idx) => {
+                const rowNo = idx + 2;
                 const code = String(row["Artikelcode"] ?? "").trim();
                 const name = String(row["Artikelnaam"] ?? "").trim();
+                const base = {
+                    row_no: rowNo,
+                    article_code: code,
+                    article_name: name,
+                    product_id: null,
+                    is_new: false,
+                    new_payload: null,
+                    custom_values: null,
+                    physical_in: null,
+                    minimum_in: null,
+                    incoming_in: null,
+                    error: null,
+                };
                 if (!code) {
-                    errors.push({
-                        row: excelRow,
-                        articleCode: "",
-                        articleName: name,
-                        reden: "Artikelcode ontbreekt",
-                    });
-                    continue;
+                    out.push({ ...base, error: "Artikelcode ontbreekt" });
+                    return;
                 }
-                // Voorraadvelden parsen
-                const stockFields = [
-                    ["physical_stock", "Liggende voorraad"],
-                    ["minimum_stock", "Minimum voorraad"],
-                    ["reserved_stock", "Gereserveerde voorraad"],
-                    ["incoming_stock", "Inkomende voorraad"],
+                if (String(row["Gereserveerde voorraad"] ?? "").trim() !== "")
+                    reservedIgnored++;
+                const fields = [
+                    ["physical_in", "Liggende voorraad"],
+                    ["minimum_in", "Minimum voorraad"],
+                    ["incoming_in", "Inkomende voorraad"],
                 ];
-                const stockValues = {};
-                let stockError = null;
-                for (const [key, col] of stockFields) {
-                    const parsed = parseNumber(row[col]);
-                    if (parsed.error) {
-                        stockError = `${col}: ${parsed.error}`;
-                        break;
-                    }
-                    if (parsed.value !== null && !allowNegative && parsed.value < 0) {
-                        stockError = `${col}: negatieve waarde niet toegestaan`;
-                        break;
+                for (const [key, col] of fields) {
+                    const p = parseNumber(row[col]);
+                    if (p.error) {
+                        out.push({ ...base, error: `${col}: ${p.error}` });
+                        return;
                     }
-                    stockValues[key] = parsed.value;
-                }
-                if (stockError) {
-                    errors.push({
-                        row: excelRow,
-                        articleCode: code,
-                        articleName: name,
-                        reden: stockError,
-                    });
-                    continue;
+                    base[key] = p.value;
                 }
-                const existing = byCode.get(code);
-                // === Bestaand artikel: alleen stock bijwerken ===
-                if (existing) {
-                    const applied = {
-                        physical_stock: stockValues.physical_stock ?? existing.quantity,
-                        minimum_stock: stockValues.minimum_stock ?? existing.minQuantity,
-                        reserved_stock: stockValues.reserved_stock ?? existing.reservedQuantity,
-                        incoming_stock: stockValues.incoming_stock ?? existing.incomingQuantity,
-                    };
-                    const connId = existing.raw?.connection_id ?? activeConnectionId;
-                    stockBatch.push({
-                        user_id: userId,
-                        connection_id: connId,
-                        trade_item_key: toKey(existing),
-                        ...applied,
-                    });
-                    mutations.push({
-                        articleCode: code,
-                        articleName: existing.name,
-                        oldPhysical: existing.quantity,
-                        newPhysical: applied.physical_stock,
-                        oldReserved: existing.reservedQuantity,
-                        newReserved: applied.reserved_stock,
-                    });
-                    // Eigen voorraadvelden uit de template terugschrijven
-                    const targetProductId = existing.productId ?? existing.localId ?? null;
-                    if (targetProductId && customFields.length > 0) {
-                        const patch = readCustomValues(row);
-                        if (Object.keys(patch).length > 0) {
-                            try {
-                                await saveProductCustomValues(targetProductId, patch);
-                            }
-                            catch {
-                                /* eigen velden zijn niet blokkerend voor de voorraadimport */
-                            }
-                        }
+                const custom = readCustomValues(row);
+                base.custom_values = Object.keys(custom).length ? custom : null;
+                const ex = byCode.get(code);
+                if (ex) {
+                    const pid = ex.productId ?? ex.localId ?? null;
+                    if (!pid) {
+                        out.push({ ...base, error: "Artikel heeft nog geen lokale rij; open het eerst in de voorraadlijst" });
+                        return;
                     }
-                    updated++;
-                    setProgress(Math.round(((idx + 1) / rows.length) * 100));
-                    continue;
+                    existing++;
+                    out.push({ ...base, product_id: pid });
+                    return;
                 }
-                // === Nieuw artikel aanmaken ===
                 const vbnCode = String(row["VBN-code"] ?? "").trim();
-                const botanical = String(row["Botanische naam"] ?? "").trim();
-                const country = String(row["Land van oorsprong"] ?? "")
-                    .trim()
-                    .toUpperCase();
-                const gtin = String(row["GTIN"] ?? "").trim();
                 const data = {
                     ...emptyWizardData,
                     articleCode: code,
@@ -329,176 +266,271 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                     vbnCode,
                     vbnName: "",
                     productGroup: productGroupForVbn(vbnCode),
-                    botanicalName: botanical,
-                    countryOfOrigin: country,
-                    gtin,
+                    botanicalName: String(row["Botanische naam"] ?? "").trim(),
+                    countryOfOrigin: String(row["Land van oorsprong"] ?? "").trim().toUpperCase(),
+                    gtin: String(row["GTIN"] ?? "").trim(),
                 };
-                // Zoek in cache van gepubliceerde Floriday-items
                 const matches = publishedByCode.get(code) ?? [];
-                let linkStatus = "unlinked";
-                let floridayId = null;
-                let publishError = null;
-                if (matches.length === 1) {
-                    linkStatus = "linked";
-                    floridayId = matches[0].id;
-                    linked++;
-                }
-                else if (matches.length > 1) {
-                    linkStatus = "ambiguous_match";
-                }
-                else {
-                    // Geen match — evalueer validatie
-                    const validation = validateDraftForPublish(data);
-                    if (validation.ok && autoPublish) {
-                        // Poging tot publiceren
-                        try {
-                            const { buildAddTradeItemPayload } = await import("../../lib/floriday-payload");
-                            const payload = buildAddTradeItemPayload(data);
-                            const res = await floriday.createTradeItem(activeConnectionId, payload);
-                            floridayId = res?.tradeItemId ?? null;
-                            linkStatus = "published";
-                            published++;
-                        }
-                        catch (e) {
-                            publishError = e?.message ?? String(e);
-                            linkStatus = "publish_failed";
-                        }
-                    }
-                    else if (validation.ok) {
-                        linkStatus = "ready_to_publish";
-                    }
-                    else {
-                        linkStatus = "waiting_for_data";
-                        waiting++;
-                    }
-                }
-                // Maak draft aan
-                try {
-                    const validation = validateDraftForPublish(data);
-                    const draftId = await upsertLocalTradeItem({
-                        connectionId: activeConnectionId,
-                        data,
-                        meta: {
-                            floridayLinkStatus: linkStatus,
-                            floridayId,
-                            floridayLinkError: publishError,
-                            missingRequiredFields: validation.missing,
-                            lastFloridaySyncAt: new Date().toISOString(),
-                            source: "excel_import",
-                        },
-                    });
-                    created++;
-                    // Eigen voorraadvelden ook op nieuw aangemaakte producten zetten
-                    if (customFields.length > 0) {
-                        const patch = readCustomValues(row);
-                        if (Object.keys(patch).length > 0) {
-                            try {
-                                await saveProductCustomValues(draftId, patch);
-                            }
-                            catch {
-                                /* niet blokkerend */
-                            }
-                        }
-                    }
-                    // Stock koppelen aan het nieuwe product (draftId is nu de product-uuid)
-                    const anyStock = stockValues.physical_stock !== null ||
-                        stockValues.minimum_stock !== null ||
-                        stockValues.reserved_stock !== null ||
-                        stockValues.incoming_stock !== null;
-                    if (anyStock) {
-                        stockBatch.push({
-                            user_id: userId,
-                            connection_id: activeConnectionId,
-                            trade_item_key: `product:${draftId}`,
-                            physical_stock: stockValues.physical_stock ?? 0,
-                            minimum_stock: stockValues.minimum_stock ?? 0,
-                            reserved_stock: stockValues.reserved_stock ?? 0,
-                            incoming_stock: stockValues.incoming_stock ?? 0,
-                        });
-                    }
-                }
-                catch (e) {
-                    errors.push({
-                        row: excelRow,
-                        articleCode: code,
-                        articleName: name,
-                        reden: `Aanmaken mislukt: ${e?.message ?? e}`,
-                    });
-                }
-                setProgress(Math.round(((idx + 1) / rows.length) * 100));
-            }
-            // Stock batch upserten
-            const CHUNK = 500;
-            for (let i = 0; i < stockBatch.length; i += CHUNK) {
-                const slice = stockBatch.slice(i, i + CHUNK);
-                const { error } = await supabase
-                    .from("trade_item_stock")
-                    .upsert(slice, { onConflict: "connection_id,trade_item_key" });
-                if (error) {
-                    errors.push({
-                        row: 0,
-                        articleCode: "(voorraad-batch)",
-                        articleName: "",
-                        reden: `Database-fout: ${error.message}`,
+                const validation = validateDraftForPublish(data);
+                fresh++;
+                out.push({
+                    ...base,
+                    is_new: true,
+                    new_payload: {
+                        payload: data,
+                        gtin: data.gtin || null,
+                        floriday_id: matches.length === 1 ? (matches[0].floridayId ?? matches[0].id) : null,
+                        import_status: validation.ok ? "klaar_om_te_publiceren" : "wacht_op_gegevens",
+                        missing: validation.missing ?? [],
+                    },
+                });
+            });
+            setPrepared({
+                fileName: file.name,
+                fileHash,
+                rows: out,
+                existing,
+                fresh,
+                errors: out.filter((r) => r.error),
+                reservedIgnored,
+            });
+        }
+        catch (e) {
+            setBanner({ kind: "error", text: `Bestand lezen mislukt: ${e.message}` });
+        }
+        finally {
+            setBusy(null);
+            if (fileRef.current)
+                fileRef.current.value = "";
+        }
+    };
+    /** Verwerkt alle porties die nog wachten, één voor één. */
+    const runChunks = useCallback(async (runId) => {
+        setBusy("importeren");
+        setBanner(null);
+        try {
+            const { data: run } = await supabase
+                .from("stock_import_runs")
+                .select("total_chunks,total_rows")
+                .eq("id", runId)
+                .maybeSingle();
+            const { data: chunks, error } = await supabase
+                .from("stock_import_chunks")
+                .select("chunk_no,status")
+                .eq("run_id", runId)
+                .order("chunk_no");
+            if (error)
+                throw new Error(error.message);
+            const total = run?.total_chunks ?? chunks?.length ?? 0;
+            const totalRows = run?.total_rows ?? 0;
+            const chunkSize = total > 0 ? Math.ceil(totalRows / total) : 0;
+            let done = (chunks ?? []).filter((c) => c.status === "klaar").length;
+            setProgress({ done, total, rows: Math.min(done * chunkSize, totalRows), totalRows });
+            for (const c of (chunks ?? [])) {
+                if (c.status !== "wacht")
+                    continue;
+                const { data, error: e } = await rpc("stock_import_process_chunk", { p_run_id: runId, p_chunk_no: c.chunk_no });
+                if (e || !data?.ok) {
+                    await rpc("stock_import_stop", { p_run_id: runId });
+                    const rowsDone = Math.min(done * chunkSize, totalRows);
+                    setBanner({
+                        kind: "error",
+                        runId,
+                        actions: ["resume", "undo"],
+                        text: `Gestopt bij portie ${c.chunk_no} van ${total}. ${rowsDone} rijen zijn al bijgewerkt, elke portie is volledig; kies Verdergaan of Ongedaan maken.${e?.message ? ` (Melding: ${e.message})` : ""}`,
                     });
+                    return;
                 }
+                done = data.done_chunks ?? done + 1;
+                setProgress({ done, total, rows: Math.min(done * chunkSize, totalRows), totalRows });
             }
-            const finalResult = {
-                updated,
-                created,
-                linked,
-                published,
-                waiting,
-                errors,
-                mutations,
-            };
-            setResult(finalResult);
-            // Persisteer het importverslag zodat het achteraf herbekeken kan worden.
-            try {
-                const { error: logErr } = await supabase.from("stock_import_runs").insert({
-                    user_id: userId,
-                    connection_id: activeConnectionId,
-                    filename: file.name,
-                    total_rows: rows.length,
-                    updated_rows: updated,
-                    created_rows: created,
-                    skipped_rows: errors.length,
-                    errors: errors,
-                    mutations: mutations,
-                });
-                if (logErr)
-                    console.warn("Import log opslaan mislukt", logErr);
-                else
-                    void loadPastRuns();
+            const { data: fin } = await supabase
+                .from("stock_import_runs")
+                .select("updated_rows,created_rows,skipped_rows")
+                .eq("id", runId)
+                .maybeSingle();
+            const f = (fin ?? {});
+            const { count: zeroCount } = await supabase
+                .from("stock_import_rows")
+                .select("id", { count: "exact", head: true })
+                .eq("run_id", runId)
+                .eq("status", "verwerkt")
+                .eq("physical_after", 0)
+                .gt("physical_before", 0);
+            setBanner({
+                kind: "success",
+                runId,
+                actions: ["undo"],
+                text: `Voltooid: ${f.updated_rows ?? 0} bijgewerkt, ${f.created_rows ?? 0} nieuw (klaar om te publiceren of wacht op gegevens), ${f.skipped_rows ?? 0} overgeslagen. ${zeroCount ?? 0} artikelen op 0 gezet.`,
+            });
+            setPrepared(null);
+            await onImported();
+        }
+        catch (e) {
+            await rpc("stock_import_stop", { p_run_id: runId });
+            setBanner({
+                kind: "error",
+                runId,
+                actions: ["resume", "undo"],
+                text: `De import is gestopt: ${e.message}. Elke verwerkte portie is volledig; kies Verdergaan of Ongedaan maken.`,
+            });
+        }
+        finally {
+            setBusy(null);
+            setProgress(null);
+            void loadPastRuns();
+        }
+    }, [loadPastRuns, onImported]);
+    /** Stap 2: run aanmaken en porties verwerken. */
+    const startImport = async (force = false) => {
+        if (!prepared)
+            return;
+        setBusy("importeren");
+        setBanner(null);
+        const { data, error } = await rpc("stock_import_create", {
+            p_connection_id: activeConnectionId,
+            p_filename: prepared.fileName,
+            p_file_hash: prepared.fileHash,
+            p_rows: prepared.rows,
+            p_force: force,
+        });
+        if (error) {
+            setBusy(null);
+            setBanner({ kind: "error", text: `Import starten mislukt: ${error.message}` });
+            return;
+        }
+        if (!data?.ok) {
+            setBusy(null);
+            if (data?.code === "IMPORT_DUPLICATE") {
+                setBanner({ kind: "warning", text: data.message, actions: ["force"] });
             }
-            catch (logE) {
-                console.warn("Import log opslaan mislukt", logE);
+            else if (data?.code === "IMPORT_ACTIVE") {
+                setBanner({ kind: "warning", text: data.message, runId: data.run_id, actions: data.run_id ? ["resume", "undo"] : [] });
             }
-            if (updated + created > 0) {
-                toast.success(`${updated} bijgewerkt · ${created} nieuw`);
-                await onImported();
+            else {
+                setBanner({ kind: "error", text: data?.message ?? "Import kon niet starten." });
             }
-            if (errors.length && updated + created === 0) {
-                toast.error("Geen artikelen verwerkt");
+            return;
+        }
+        await runChunks(data.run_id);
+    };
+    /** Ongedaan maken per portie; alleen velden die sinds de import niet gewijzigd zijn. */
+    const undoRun = async (runId) => {
+        if (!window.confirm("Deze import ongedaan maken? Velden die sindsdien door iets anders zijn gewijzigd, blijven staan en worden gemeld."))
+            return;
+        setBusy("ongedaan");
+        setBanner(null);
+        try {
+            const { data: chunks, error } = await supabase
+                .from("stock_import_chunks")
+                .select("chunk_no,status")
+                .eq("run_id", runId)
+                .eq("status", "klaar")
+                .order("chunk_no");
+            if (error)
+                throw new Error(error.message);
+            let back = 0;
+            let skipped = 0;
+            const total = chunks?.length ?? 0;
+            let i = 0;
+            for (const c of (chunks ?? [])) {
+                const { data, error: e } = await rpc("stock_import_undo_chunk", { p_run_id: runId, p_chunk_no: c.chunk_no });
+                if (e)
+                    throw new Error(e.message);
+                back += data?.undone ?? 0;
+                skipped += data?.skipped ?? 0;
+                i++;
+                setProgress({ done: i, total, rows: back + skipped, totalRows: 0 });
             }
+            const { count: backToZero } = await supabase
+                .from("stock_import_rows")
+                .select("id", { count: "exact", head: true })
+                .eq("run_id", runId)
+                .eq("status", "teruggezet")
+                .eq("physical_before", 0)
+                .gt("physical_after", 0);
+            setBanner({
+                kind: skipped > 0 ? "warning" : "success",
+                runId,
+                text: `Ongedaan: ${back} rijen teruggezet${skipped > 0 ? `, ${skipped} overgeslagen omdat de voorraad sindsdien is gewijzigd` : ""}. ${backToZero ?? 0} artikelen terug naar 0.`,
+            });
+            await onImported();
         }
         catch (e) {
-            toast.error(`Import mislukt: ${e.message}`);
+            setBanner({
+                kind: "error",
+                runId,
+                actions: ["undo"],
+                text: `Ongedaan maken gestopt: ${e.message}. Kies opnieuw Ongedaan maken om verder te gaan.`,
+            });
         }
         finally {
-            setImporting(false);
-            if (fileRef.current)
-                fileRef.current.value = "";
+            setBusy(null);
+            setProgress(null);
+            void loadPastRuns();
         }
     };
-    // Silence unused-import warning if updateDraftMeta remains for later use
-    void updateDraftMeta;
-    return (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", onClick: downloadTemplate, disabled: items.length === 0, children: [_jsx(FileDown, { className: "mr-2 h-4 w-4" }), "Template downloaden"] }), _jsxs(Button, { variant: "outline", onClick: () => setOpen(true), children: [_jsx(Upload, { className: "mr-2 h-4 w-4" }), "Voorraad importeren"] }), _jsx(Dialog, { open: open, onOpenChange: (o) => !importing && setOpen(o), children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Voorraad importeren" }), _jsxs(DialogDescription, { children: ["Upload een Excel-bestand (op basis van de template). Bestaande artikelen worden gematcht op ", _jsx("strong", { children: "Artikelcode" }), " en alleen de voorraadvelden worden bijgewerkt. Onbekende artikelcodes worden als nieuwe artikelen aangemaakt en waar mogelijk automatisch gekoppeld aan Floriday."] })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "auto-publish", checked: autoPublish, onCheckedChange: (v) => setAutoPublish(Boolean(v)), disabled: importing }), _jsx(Label, { htmlFor: "auto-publish", className: "text-sm font-normal", children: "Nieuwe producten automatisch naar Floriday publiceren (indien alle verplichte gegevens aanwezig zijn)" })] }), _jsx("input", { ref: fileRef, type: "file", accept: ".xlsx,.xls", className: "block w-full text-sm file:mr-3 file:rounded-md file:border-0 file:bg-primary file:px-3 file:py-2 file:text-primary-foreground hover:file:bg-primary/90 disabled:opacity-50", disabled: importing, onChange: (e) => {
+    const downloadRowReport = async (runId) => {
+        const all = [];
+        for (let from = 0;; from += 1000) {
+            const { data, error } = await supabase
+                .from("stock_import_rows")
+                .select("row_no,article_code,article_name,status,error,note")
+                .eq("run_id", runId)
+                .in("status", ["fout", "niet_teruggezet"])
+                .order("row_no")
+                .range(from, from + 999);
+            if (error) {
+                toast.error(error.message);
+                return;
+            }
+            all.push(...(data ?? []));
+            if (!data || data.length < 1000)
+                break;
+        }
+        if (all.length === 0) {
+            toast.success("Geen fouten of overgeslagen rijen in deze import.");
+            return;
+        }
+        const ws = XLSX.utils.json_to_sheet(all.map((r) => ({
+            Regel: r.row_no,
+            Artikelcode: r.article_code,
+            Artikelnaam: r.article_name,
+            Status: r.status === "fout" ? "Overgeslagen" : "Niet teruggezet",
+            Reden: r.error ?? r.note ?? "",
+        })));
+        const wb = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(wb, ws, "Rijen");
+        XLSX.writeFile(wb, `voorraad-import-rijen-${new Date().toISOString().slice(0, 10)}.xlsx`);
+    };
+    const downloadPreparedErrors = () => {
+        if (!prepared?.errors.length)
+            return;
+        const ws = XLSX.utils.json_to_sheet(prepared.errors.map((e) => ({ Regel: e.row_no, Artikelcode: e.article_code, Artikelnaam: e.article_name, Fout: e.error })));
+        const wb = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(wb, ws, "Fouten");
+        XLSX.writeFile(wb, `voorraad-import-fouten-${new Date().toISOString().slice(0, 10)}.xlsx`);
+    };
+    const bannerClass = banner?.kind === "error"
+        ? "border-destructive/50 bg-destructive/10 text-destructive"
+        : banner?.kind === "warning"
+            ? "border-warning/50 bg-warning/10"
+            : banner?.kind === "success"
+                ? "border-primary/40 bg-primary/5"
+                : "bg-muted/30";
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", onClick: downloadTemplate, disabled: items.length === 0, children: [_jsx(FileDown, { className: "mr-2 h-4 w-4" }), "Template downloaden"] }), _jsxs(Button, { variant: "outline", onClick: () => setOpen(true), children: [_jsx(Upload, { className: "mr-2 h-4 w-4" }), "Voorraad importeren"] }), _jsx(Dialog, { open: open, onOpenChange: (o) => !busy && setOpen(o), children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Voorraad importeren" }), _jsxs(DialogDescription, { children: ["Upload een Excel-bestand (op basis van de template). Bestaande artikelen worden gematcht op", " ", _jsx("strong", { children: "Artikelcode" }), "; liggende, minimum- en inkomende voorraad worden bijgewerkt. Gereserveerde voorraad wordt nooit ge\u00EFmporteerd. Nieuwe artikelcodes worden als concept aangemaakt en niet naar Floriday gepubliceerd."] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("input", { ref: fileRef, type: "file", accept: ".xlsx,.xls", className: "block w-full text-sm file:mr-3 file:rounded-md file:border-0 file:bg-primary file:px-3 file:py-2 file:text-primary-foreground hover:file:bg-primary/90 disabled:opacity-50", disabled: !!busy, onChange: (e) => {
                                         const f = e.target.files?.[0];
                                         if (f)
                                             void handleFile(f);
-                                    } }), importing && (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "h-2 w-full overflow-hidden rounded bg-muted", children: _jsx("div", { className: "h-full bg-primary transition-all", style: { width: `${progress}%` } }) }), _jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), "Bezig met importeren\u2026 ", progress, "%"] })] })), result && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 text-sm space-y-2", children: [_jsx("div", { className: "font-medium", children: "Importoverzicht" }), _jsxs("ul", { className: "text-xs space-y-1", children: [_jsxs("li", { children: ["Bestaande artikelen bijgewerkt:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.updated })] }), _jsxs("li", { children: ["Nieuwe artikelen aangemaakt:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.created })] }), _jsxs("li", { children: ["Automatisch gekoppeld met Floriday:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.linked })] }), _jsxs("li", { children: ["Gepubliceerd naar Floriday:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.published })] }), _jsxs("li", { children: ["Wacht op Floriday-publicatie (gegevens incompleet):", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.waiting })] }), _jsxs("li", { children: ["Fouten:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.errors.length })] })] }), result.errors.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "max-h-40 overflow-y-auto rounded border bg-background p-2 text-xs space-y-1", children: [result.errors.slice(0, 20).map((e, i) => (_jsxs("div", { className: "text-destructive", children: ["Regel ", e.row, " \u2014 ", e.articleCode || "(geen code)", " \u2014", " ", e.reden] }, i))), result.errors.length > 20 && (_jsxs("div", { className: "text-muted-foreground", children: ["\u2026 en ", result.errors.length - 20, " meer. Download het foutbestand voor de volledige lijst."] }))] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: downloadErrors, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "Download foutbestand"] })] }))] })), !importing && pastRuns.length > 0 && (_jsxs("div", { className: "rounded-md border bg-background p-3 text-sm space-y-2", children: [_jsx("div", { className: "font-medium", children: "Recente imports" }), _jsx("ul", { className: "text-xs space-y-1 max-h-48 overflow-y-auto", children: pastRuns.map((r) => (_jsxs("li", { className: "flex justify-between gap-2 border-b last:border-0 py-1", children: [_jsxs("span", { className: "truncate", children: [_jsx("span", { className: "text-muted-foreground", children: new Date(r.created_at).toLocaleString("nl-NL") }), " ", "\u2014 ", r.filename ?? "(zonder naam)"] }), _jsxs("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: [r.updated_rows, "\u21BB \u00B7 ", r.created_rows, "+ \u00B7 ", r.skipped_rows, "\u2715"] })] }, r.id))) })] }))] }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "ghost", onClick: () => {
+                                    } }), busy === "lezen" && (_jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), " Bestand lezen en controleren\u2026"] })), prepared && !busy && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 text-sm space-y-2", children: [_jsxs("div", { className: "font-medium", children: [prepared.rows.length, " rijen gelezen: ", prepared.existing, " bestaande artikelen, ", prepared.fresh, " nieuwe,", " ", prepared.errors.length, " met een fout"] }), prepared.reservedIgnored > 0 && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["De kolom \"Gereserveerde voorraad\" is bij ", prepared.reservedIgnored, " rijen ingevuld en wordt genegeerd; reserveringen beheert de logistiek."] })), prepared.errors.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "max-h-32 overflow-y-auto rounded border bg-background p-2 text-xs space-y-1", children: [prepared.errors.slice(0, 20).map((e) => (_jsxs("div", { className: "text-destructive", children: ["Rij ", e.row_no, ": ", e.error] }, e.row_no))), prepared.errors.length > 20 && (_jsxs("div", { className: "text-muted-foreground", children: ["\u2026 en ", prepared.errors.length - 20, " meer."] }))] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: downloadPreparedErrors, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), " Fouten downloaden"] })] })), _jsxs("div", { className: "flex gap-2 pt-1", children: [_jsx(Button, { size: "sm", onClick: () => void startImport(false), disabled: prepared.rows.length === prepared.errors.length, children: "Importeren" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setPrepared(null), children: "Annuleren" })] })] })), progress && (busy === "importeren" || busy === "ongedaan") && (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "h-2 w-full overflow-hidden rounded bg-muted", children: _jsx("div", { className: "h-full bg-primary transition-all", style: { width: `${progress.total ? Math.round((progress.done / progress.total) * 100) : 0}%` } }) }), _jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), busy === "importeren"
+                                                    ? `Bezig: ${progress.rows} van ${progress.totalRows} rijen (portie ${progress.done} van ${progress.total}). Houd dit venster open; sluit je het, dan ga je later verder met Verdergaan.`
+                                                    : `Ongedaan maken: portie ${progress.done} van ${progress.total}. Houd dit venster open.`] })] })), banner && (_jsxs("div", { className: `rounded-md border p-3 text-sm space-y-2 ${bannerClass}`, children: [_jsx("p", { children: banner.text }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [banner.actions?.includes("force") && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => void startImport(true), disabled: !!busy, children: "Toch importeren" })), banner.runId && banner.actions?.includes("resume") && (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => void runChunks(banner.runId), disabled: !!busy, children: [_jsx(Play, { className: "mr-2 h-4 w-4" }), " Verdergaan"] })), banner.runId && banner.actions?.includes("undo") && (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => void undoRun(banner.runId), disabled: !!busy, children: [_jsx(Undo2, { className: "mr-2 h-4 w-4" }), " Ongedaan maken"] })), banner.runId && (_jsxs(Button, { size: "sm", variant: "ghost", onClick: () => void downloadRowReport(banner.runId), children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), " Fouten downloaden"] }))] })] })), !busy && pastRuns.length > 0 && (_jsxs("div", { className: "rounded-md border bg-background p-3 text-sm space-y-2", children: [_jsx("div", { className: "font-medium", children: "Importgeschiedenis" }), _jsx("ul", { className: "text-xs space-y-1 max-h-56 overflow-y-auto", children: pastRuns.map((r) => {
+                                                const active = ACTIVE.includes(r.status);
+                                                const canUndo = (r.status === "voltooid" || active) && r.done_chunks > 0;
+                                                return (_jsxs("li", { className: "border-b last:border-0 py-1 space-y-1", children: [_jsxs("div", { className: "flex justify-between gap-2", children: [_jsxs("span", { className: "truncate", children: [_jsx("span", { className: "text-muted-foreground", children: new Date(r.created_at).toLocaleString("nl-NL") }), " ", "\u2014 ", r.filename ?? "(zonder naam)"] }), _jsxs("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: [STATUS_LABEL[active && r.status !== "gestopt" ? "gestopt" : r.status] ?? r.status, r.total_chunks > 0 && active ? ` · ${r.done_chunks}/${r.total_chunks}` : "", " \u00B7 ", r.updated_rows, "\u21BB \u00B7", " ", r.created_rows, "+ \u00B7 ", r.skipped_rows, "\u2715", r.undo_skipped_rows > 0 ? ` · ${r.undo_skipped_rows} niet teruggezet` : ""] })] }), (active || canUndo) && (_jsxs("div", { className: "flex gap-2", children: [active && (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => void runChunks(r.id), children: [_jsx(Play, { className: "mr-1 h-3 w-3" }), " Verdergaan"] })), canUndo && (_jsxs(Button, { size: "sm", variant: "ghost", onClick: () => void undoRun(r.id), children: [_jsx(Undo2, { className: "mr-1 h-3 w-3" }), " Ongedaan maken"] }))] }))] }, r.id));
+                                            }) })] }))] }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "ghost", onClick: () => {
                                     setOpen(false);
-                                    setResult(null);
-                                }, disabled: importing, children: "Sluiten" }) })] }) })] }));
+                                    setPrepared(null);
+                                    setBanner(null);
+                                }, disabled: !!busy, children: "Sluiten" }) })] }) })] }));
 }