@flowselections/mailbox-orders 1.0.30 → 1.0.32

package/dist-lib/components/MailboxProcessedPage.js

@@ -38,7 +38,7 @@ export function MailboxProcessedPage() {
     const [period, setPeriod] = usePersistedState("mailbox-processed:period", "all");
     const [sortOrder, setSortOrder] = usePersistedState("mailbox-processed:sort", "date-desc");
     const [statusFilter, setStatusFilter] = usePersistedState("mailbox-processed:status", "all");
-    const customerNameFor = (p) => p.mailbox_messages?.from_name || p.mailbox_messages?.from_email || "Onbekend";
+    const customerNameFor = (p) => p.customer_name || p.mailbox_messages?.from_name || p.mailbox_messages?.from_email || "Onbekend";
     const filteredItems = useMemo(() => {
         const q = normalizeText(search).trim();
         const filtered = items.filter((p) => {

package/dist-lib/components/MailboxProposalsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MailboxProposalsPage.d.ts","sourceRoot":"","sources":["../../src/components/MailboxProposalsPage.tsx"],"names":[],"mappings":"AA6FA,6EAA6E;AAC7E,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AA2CD,wBAAgB,oBAAoB,gCA8bnC"}
+{"version":3,"file":"MailboxProposalsPage.d.ts","sourceRoot":"","sources":["../../src/components/MailboxProposalsPage.tsx"],"names":[],"mappings":"AA6GA,6EAA6E;AAC7E,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AA2CD,wBAAgB,oBAAoB,gCAubnC"}

package/dist-lib/components/MailboxProposalsPage.js

@@ -4,8 +4,8 @@ import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Button, Badge, Card, CardContent, CardHeader, CardTitle, Input, Label, Textarea, Switch, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Dialog, DialogContent, DialogHeader, DialogTitle, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
 import { Check, X, Trash2, Plus, AlertTriangle, RefreshCw } from "lucide-react";
-import { computeEarliestDelivery, isValidDeliveryDate } from "../lib/delivery-date.js";
-import { listProposals, getProposalDetail, approveProposal, rejectProposal, listCustomersForPicker, createCustomerFromGroup, listProductsForPicker, listDeliveryLocationsForCustomer, listPickupLocations, listCarriersForPicker, getOrderPickDays, getActiveOrdersMailbox, syncMailboxNow, refreshProposalsForAgentChange, reparseProposalNow, listBeladingOptionsForProducts, listAllowedLoadCarriers, } from "../lib/mailbox.functions.js";
+import { listProposals, getProposalDetail, approveProposal, rejectProposal, listCustomersForPicker, createCustomerFromGroup, listProductsForPicker, listDeliveryLocationsForCustomer, listPickupLocations, listCarriersForPicker, getActiveOrdersMailbox, syncMailboxNow, refreshProposalsForAgentChange, reparseProposalNow, listBeladingOptionsForProducts, listAllowedLoadCarriers, getDeparturePreview, getAgreementPrices, countOutdatedProposals, } from "../lib/mailbox.functions.js";
+import { normalizeUnitKind, toPlants, describeConversion, lineTotal, UNIT_KIND_LABEL, } from "../lib/mailbox-units.js";
 import { enabledLoadCarriers, normalizeAllowedLoadCarriers, EMPTY_LOAD_CARRIERS } from "../lib/load-carriers.js";
 import { listTemplateFields, listPlantTypesForPicker, listSuppliersForPicker, } from "../lib/mailbox-template.functions.js";
 import { SearchableSelect } from "./SearchableSelect.js";
@@ -108,9 +108,7 @@ export function MailboxProposalsPage() {
     const [search, setSearch] = usePersistedState("mailbox-proposals:search", "");
     const [period, setPeriod] = usePersistedState("mailbox-proposals:period", "all");
     const [sortOrder, setSortOrder] = usePersistedState("mailbox-proposals:sort", "date-desc");
-    const [refsEnabled, setRefsEnabled] = useState(false);
-    useEffect(() => { if (activeId)
-        setRefsEnabled(true); }, [activeId]);
+    const refsEnabled = true;
     const refOpts = {
         enabled: refsEnabled,
         staleTime: 5 * 60000,
@@ -185,27 +183,31 @@ export function MailboxProposalsPage() {
             event: "INSERT", schema: "public", table: "email_auth_events",
             filter: `connection_id=eq.${activeMailboxId}`,
         }, () => {
-            syncMut.mutate("realtime");
+            // Geen eigen verwerkingsrun per open tabblad: de cron verwerkt de mail.
+            // We verversen alleen de lijst, kort nadat de verwerking klaar is.
+            setTimeout(() => qc.invalidateQueries({ queryKey: ["mailbox-proposals"] }), 20000);
+            setTimeout(() => qc.invalidateQueries({ queryKey: ["mailbox-proposals"] }), 70000);
         })
             .subscribe();
         return () => { void supabase.removeChannel(channel); };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [activeMailboxId]);
-    // Bij eerste keer openen + elke 5 min extra vangnet naast pg_cron/realtime.
-    const didInitialBackfill = useRef(false);
-    useEffect(() => {
-        if (!activeMailboxId || didInitialBackfill.current)
-            return;
-        didInitialBackfill.current = true;
-        syncMut.mutate("manual");
-        const t = setInterval(() => syncMut.mutate("manual"), 300000);
-        return () => clearInterval(t);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [activeMailboxId]);
-    // AI-agent gewijzigd? Dan worden openstaande voorstellen automatisch opnieuw
-    // geanalyseerd met de nieuwste agent. Server-side draait dit ook elke
-    // cron-run; hier reageren we direct op wijzigingen in de AI-module.
+    void syncMut;
+    // AI-agent gewijzigd? Niet automatisch opnieuw analyseren (kost AI-analyses):
+    // we tonen hoeveel voorstellen het betreft en een knop.
     const fetchAgentRefresh = useServerFn(refreshProposalsForAgentChange);
+    const fetchOutdated = useServerFn(countOutdatedProposals);
+    const { data: outdatedData, refetch: refetchOutdated } = useQuery({
+        queryKey: ["mailbox-outdated-count"],
+        queryFn: async () => { try {
+            return await fetchOutdated();
+        }
+        catch {
+            return { count: 0 };
+        } },
+        refetchInterval: 300000,
+    });
+    const outdatedCount = Number(outdatedData?.count ?? 0);
     const agentRefreshMut = useMutation({
         mutationFn: async () => {
             try {
@@ -216,10 +218,9 @@ export function MailboxProposalsPage() {
             }
         },
         onSuccess: (res) => {
-            if ((res?.reparsed ?? 0) > 0) {
-                qc.invalidateQueries({ queryKey: ["mailbox-proposals"] });
-                toast.success(`${res.reparsed} voorstel(len) opnieuw geanalyseerd met de bijgewerkte AI-agent`);
-            }
+            qc.invalidateQueries({ queryKey: ["mailbox-proposals"] });
+            void refetchOutdated();
+            toast.success(`${res?.reparsed ?? 0} voorstel(len) opnieuw geanalyseerd`);
         },
     });
     // Handmatig één voorstel opnieuw laten analyseren door de AI-agent.
@@ -249,22 +250,6 @@ export function MailboxProposalsPage() {
             toast.error(msg);
         },
     });
-    const didAgentCheck = useRef(false);
-    useEffect(() => {
-        if (didAgentCheck.current)
-            return;
-        didAgentCheck.current = true;
-        agentRefreshMut.mutate();
-        const channel = supabase
-            .channel("ai-agent-changes")
-            .on("postgres_changes", { event: "*", schema: "public", table: "ai_module_bindings" }, () => agentRefreshMut.mutate())
-            .on("postgres_changes", { event: "*", schema: "public", table: "ai_models" }, () => agentRefreshMut.mutate())
-            .on("postgres_changes", { event: "*", schema: "public", table: "ai_credentials" }, () => agentRefreshMut.mutate())
-            .subscribe();
-        const t = setInterval(() => agentRefreshMut.mutate(), 120000);
-        return () => { clearInterval(t); void supabase.removeChannel(channel); };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
     const items = Array.isArray(data?.items) ? data.items : [];
     const template = Array.isArray(templateData?.items) ? templateData.items : [];
     const customers = Array.isArray(customersData?.items) ? customersData.items : [];
@@ -280,6 +265,8 @@ export function MailboxProposalsPage() {
     const statusLabel = (_s) => "Te controleren";
     const statusVariant = (_s) => "secondary";
     const customerNameFor = (p) => {
+        if (typeof p?.customer_name === "string" && p.customer_name)
+            return p.customer_name;
         const fvs = Array.isArray(p.mailbox_proposal_field_values) ? p.mailbox_proposal_field_values : [];
         const fv = fvs.find((v) => v.field_key === "customer");
         const id = resolveCustomerId(fv?.value, customers, p.matched_customer_id);
@@ -320,11 +307,9 @@ export function MailboxProposalsPage() {
     const pageCount = Math.max(1, Math.ceil(filteredItems.length / pageSize));
     const currentPage = Math.min(page, pageCount);
     const pagedItems = filteredItems.slice((currentPage - 1) * pageSize, currentPage * pageSize);
-    return (_jsxs("div", { className: "flex h-[calc(100dvh-var(--app-header-height)-var(--core-topbar-h,0px))] max-h-[calc(100dvh-var(--app-header-height)-var(--core-topbar-h,0px))] min-h-0 w-full flex-col gap-4 overflow-hidden p-6", children: [_jsx(MailboxAuthBanner, { active: activeMailbox }), _jsx("div", { className: "flex items-center justify-between shrink-0", children: _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Bestelvoorstellen" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Nieuw binnengekomen bestellingen die nog handmatig gecontroleerd moeten worden." })] }) }), items.length > 0 && (_jsx(MailboxFilterBar, { search: search, onSearchChange: setSearch, period: period, onPeriodChange: setPeriod, sortOrder: sortOrder, onSortOrderChange: setSortOrder, filteredCount: filteredItems.length, totalCount: items.length, countLabel: "voorstellen", onClear: clearFilters, hasActiveFilters: hasActiveFilters })), _jsx("div", { className: "flex-1 min-h-0 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]", children: isLoading ? (_jsx("div", { className: "text-muted-foreground", children: "Laden..." })) : listError ? (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-4 text-sm", children: [_jsx("p", { className: "font-medium text-destructive", children: "Bestellingen konden niet worden opgehaald." }), _jsxs("p", { className: "text-muted-foreground mt-1", children: [listError?.message ?? "Onbekende fout", " \u2014 de lijst is niet leeg, alleen niet geladen."] }), _jsx(Button, { size: "sm", variant: "outline", className: "mt-3", onClick: () => void refetchList(), children: "Opnieuw proberen" })] })) : items.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: "Geen bestellingen te controleren." })) : filteredItems.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: "Geen voorstellen gevonden voor deze zoekopdracht." })) : (_jsx(Card, { children: _jsxs(CardContent, { className: "p-0", children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Klantnaam" }), _jsx(TableHead, { children: "Bericht" }), _jsx(TableHead, { children: "Orderdatum" }), _jsx(TableHead, { children: "Status" })] }) }), _jsx(TableBody, { children: pagedItems.map((p) => {
-                                            const fvs = Array.isArray(p.mailbox_proposal_field_values) ? p.mailbox_proposal_field_values : [];
-                                            const needsReview = fvs.some((v) => v.needs_review);
+    return (_jsxs("div", { className: "flex h-[calc(100dvh-var(--app-header-height)-var(--core-topbar-h,0px))] max-h-[calc(100dvh-var(--app-header-height)-var(--core-topbar-h,0px))] min-h-0 w-full flex-col gap-4 overflow-hidden p-6", children: [_jsx(MailboxAuthBanner, { active: activeMailbox }), _jsx("div", { className: "flex items-center justify-between shrink-0", children: _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Bestelvoorstellen" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Nieuw binnengekomen bestellingen die nog handmatig gecontroleerd moeten worden." })] }) }), outdatedCount > 0 && (_jsxs("div", { className: "shrink-0 flex items-center justify-between gap-3 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800", children: [_jsxs("span", { children: ["De AI-instelling is gewijzigd. ", outdatedCount, " voorstel(len) zijn nog met de vorige instelling gelezen."] }), _jsx(Button, { size: "sm", variant: "outline", disabled: agentRefreshMut.isPending, onClick: () => agentRefreshMut.mutate(), children: agentRefreshMut.isPending ? "Bezig…" : "Opnieuw analyseren" })] })), items.length > 0 && (_jsx(MailboxFilterBar, { search: search, onSearchChange: setSearch, period: period, onPeriodChange: setPeriod, sortOrder: sortOrder, onSortOrderChange: setSortOrder, filteredCount: filteredItems.length, totalCount: items.length, countLabel: "voorstellen", onClear: clearFilters, hasActiveFilters: hasActiveFilters })), _jsx("div", { className: "flex-1 min-h-0 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]", children: isLoading ? (_jsx("div", { className: "text-muted-foreground", children: "Laden..." })) : listError ? (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-4 text-sm", children: [_jsx("p", { className: "font-medium text-destructive", children: "Bestellingen konden niet worden opgehaald." }), _jsxs("p", { className: "text-muted-foreground mt-1", children: [listError?.message ?? "Onbekende fout", " \u2014 de lijst is niet leeg, alleen niet geladen."] }), _jsx(Button, { size: "sm", variant: "outline", className: "mt-3", onClick: () => void refetchList(), children: "Opnieuw proberen" })] })) : items.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: "Geen bestellingen te controleren." })) : filteredItems.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: "Geen voorstellen gevonden voor deze zoekopdracht." })) : (_jsx(Card, { children: _jsxs(CardContent, { className: "p-0", children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Klantnaam" }), _jsx(TableHead, { children: "Bericht" }), _jsx(TableHead, { children: "Orderdatum" }), _jsx(TableHead, { children: "Status" })] }) }), _jsx(TableBody, { children: pagedItems.map((p) => {
                                             const date = p.mailbox_messages?.received_at ?? p.created_at;
-                                            return (_jsxs(TableRow, { className: "cursor-pointer hover:bg-muted/50", onClick: () => setActiveId(p.id), children: [_jsx(TableCell, { className: "font-medium", children: customerNameFor(p) }), _jsxs(TableCell, { className: "max-w-sm", children: [_jsx("div", { className: "truncate text-sm font-medium", children: p.mailbox_messages?.subject || "(geen onderwerp)" }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: p.mailbox_messages?.preview || "Geen voorbeeldtekst" })] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: date ? new Date(date).toLocaleDateString("nl-NL") : "-" }), _jsx(TableCell, { children: _jsx(Badge, { variant: "secondary", children: "Te controleren" }) })] }, p.id));
+                                            return (_jsxs(TableRow, { className: "cursor-pointer hover:bg-muted/50", onClick: () => setActiveId(p.id), children: [_jsx(TableCell, { className: "font-medium", children: customerNameFor(p) }), _jsxs(TableCell, { className: "max-w-sm", children: [_jsx("div", { className: "truncate text-sm font-medium", children: p.mailbox_messages?.subject || "(geen onderwerp)" }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: p.mailbox_messages?.preview || "Geen voorbeeldtekst" })] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: date ? new Date(date).toLocaleDateString("nl-NL") : "-" }), _jsx(TableCell, { children: _jsxs("div", { className: "flex flex-wrap gap-1", children: [p.readiness === "klaar" ? (_jsx(Badge, { variant: "outline", className: "border-emerald-300 bg-emerald-50 text-emerald-800", children: "Klaar om te bevestigen" })) : (_jsx(Badge, { variant: "secondary", children: "Controleren" })), p.duplicate && _jsx(Badge, { variant: "outline", className: "border-amber-300 bg-amber-50 text-amber-800", children: "Mogelijk dubbel" })] }) })] }, p.id));
                                         }) })] }), _jsx(TablePagination, { total: filteredItems.length, page: currentPage, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] }) })) }), _jsx(Dialog, { open: !!activeId, onOpenChange: (o) => { if (!o) {
                     setActiveId(null);
                     setReparseError(null);
@@ -372,9 +357,15 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
     const visibleFields = template.filter((f) => f.visible);
     const [values, setValues] = useState(() => {
         const init = {};
+        // Alle velden uit de mail overnemen, ook als het template leeg is.
+        Object.entries(fvMap).forEach(([k, v]) => { init[k] = v?.value ?? null; });
         visibleFields.forEach((f) => {
             init[f.key] = fvMap[f.key]?.value ?? f.default_value ?? null;
         });
+        if (!init["delivery_date"] && proposal.delivery_date)
+            init["delivery_date"] = proposal.delivery_date;
+        if (!init["reference"] && proposal.customer_reference)
+            init["reference"] = proposal.customer_reference;
         // De AI schrijft soms een klantnaam i.p.v. een id — altijd omzetten naar een
         // geldig klant-id, met de automatisch herkende klant als terugval.
         init["customer"] = resolveCustomerId(init["customer"], customers, proposal.matched_customer_id);
@@ -395,18 +386,41 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
     const initialLines = Array.isArray(proposal.mailbox_proposal_lines)
         ? proposal.mailbox_proposal_lines.map((l) => {
             const p = products.find((x) => x.id === l.product_id);
-            const ppc = Math.max(1, Number(p?.plants_per_crate ?? 1));
-            const q = Number(l.quantity ?? 0);
-            const normalized = q > 0 ? Math.ceil(q / ppc) * ppc : q;
+            const savedBel = l.belading && typeof l.belading === "object" ? l.belading : null;
+            const bel = savedBel ?? defaultBelading(p);
+            const kind = l.unit_kind ? normalizeUnitKind(l.unit_kind) : null;
+            // Nieuw schema: het aantal staat al in planten (omgerekend op de server).
+            // Oud schema (zonder eenheid): aantal was planten, afronden op hele fusten.
+            let quantity;
+            if (kind) {
+                quantity = l.plants !== null && l.plants !== undefined ? Number(l.plants) : toPlants(l.qty_in_mail, kind, bel);
+            }
+            else {
+                const ppc = Math.max(1, Number(bel?.plants_per_crate ?? 1));
+                const q = Number(l.quantity ?? 0);
+                quantity = q > 0 ? Math.ceil(q / ppc) * ppc : null;
+            }
+            const conf = (l.confidence ?? {});
             return {
                 id: l.id,
                 product_id: l.product_id,
                 raw_product_text: l.raw_product_text ?? "",
                 plant_type: l.plant_type ?? null,
-                quantity: normalized || null,
-                unit: l.unit,
-                // Geen belading bekend uit de mail → altijd de standaardbelading.
-                belading: defaultBelading(p),
+                quantity: quantity || null,
+                unit: "planten",
+                belading: bel,
+                unit_kind: kind,
+                qty_in_mail: l.qty_in_mail ?? null,
+                unit_text: l.unit_text ?? null,
+                pieces_per_unit: l.pieces_per_unit ?? null,
+                unit_price: l.unit_price !== null && l.unit_price !== undefined ? Number(l.unit_price) : null,
+                price_source: l.unit_price !== null && l.unit_price !== undefined ? "uit mail" : null,
+                mail_price: conf.mail_price ?? null,
+                price_per: l.price_per ?? null,
+                raw_code: l.raw_code ?? null,
+                match_source: l.match_source ?? null,
+                product_confidence: typeof conf.product === "number" ? conf.product : (l.match_confidence ?? null),
+                warnings: Array.isArray(l.warnings) ? l.warnings : [],
             };
         })
         : [];
@@ -470,9 +484,10 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
     useEffect(() => {
         if (deliveryLocationVal || deliveryLocations.length === 0)
             return;
-        const primary = deliveryLocations.find((l) => l.is_primary === true) ?? deliveryLocations[0];
-        if (primary?.id)
-            setVal("delivery_location", primary.id);
+        // Alleen de vaste locatie (is_primary) voorselecteren; anders niets kiezen.
+        const primary = deliveryLocations.filter((l) => l.is_primary === true);
+        if (primary.length === 1 && primary[0]?.id)
+            setVal("delivery_location", primary[0].id);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [deliveryLocationVal, deliveryLocations.length, customerVal]);
     // Auto-vul vervoerder zodra een nieuwe locatie wordt gekozen (één keer per wissel).
@@ -488,22 +503,7 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [deliveryLocationVal, deliveryLocations.length]);
-    // ─── Eerst mogelijke leverdatum ────────────────────────────────────────────
-    const fetchPickDays = useServerFn(getOrderPickDays);
-    const { data: pickDaysData } = useQuery({
-        queryKey: ["mailbox-order-pick-days"],
-        queryFn: async () => {
-            try {
-                return await fetchPickDays();
-            }
-            catch {
-                return { pickDays: 0 };
-            }
-        },
-    });
-    const pickDays = Math.max(0, Number(pickDaysData?.pickDays ?? 0));
     const selectedCarrier = carriers.find((c) => c.id === carrierVal) ?? null;
-    const carrierDeliveryDays = Math.max(0, Number(selectedCarrier?.delivery_days ?? 0));
     const pickupLocationVal = values["pickup_location"];
     // ─── Ladingdragers uit de Rule Engine (nooit cachen) ──────────────────────
     const fetchLoadCarriers = useServerFn(listAllowedLoadCarriers);
@@ -556,34 +556,52 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [pickupLocationVal, pickupLocations.length]);
     const canPickDate = !!customerVal && !!deliveryLocationVal && !!pickupLocationVal && !!carrierVal;
-    const fmtISO = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
-    const earliest = useMemo(() => computeEarliestDelivery(selectedCarrier, pickDays), [selectedCarrier, pickDays]);
-    const earliestDate = earliest.date;
-    const earliestISO = earliest.iso;
-    const earliestLabel = earliestDate.toLocaleDateString("nl-NL", {
-        day: "numeric", month: "long", year: "numeric",
+    // ─── Leverdatum: gevraagde datum is leidend, de Engine toetst ──────────────
+    const fetchPreview = useServerFn(getDeparturePreview);
+    const { data: previewData, isFetching: previewLoading } = useQuery({
+        queryKey: ["mailbox-departure-preview", carrierVal, deliveryLocationVal, deliveryVal],
+        enabled: !!carrierVal && !!deliveryLocationVal && !!deliveryVal && /^\d{4}-\d{2}-\d{2}$/.test(deliveryVal ?? ""),
+        staleTime: 0,
+        queryFn: async () => {
+            try {
+                return await fetchPreview({ data: { carrierId: carrierVal, deliveryLocationId: deliveryLocationVal, deliveryDate: deliveryVal } });
+            }
+            catch (e) {
+                return { ok: false, error: String(e?.message ?? e), preview: null };
+            }
+        },
     });
-    // Bij wisselen van vervoerder: bezorgdatum altijd opnieuw bepalen.
-    const lastCarrierRef = useRef(carrierVal);
-    useEffect(() => {
-        if (carrierVal === lastCarrierRef.current)
-            return;
-        lastCarrierRef.current = carrierVal;
-        if (!carrierVal)
-            return;
-        setVal("delivery_date", earliestISO);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [carrierVal, earliestISO]);
-    // Synchroniseer delivery_date wanneer de eerst mogelijke datum verandert of
-    // de huidige datum niet geldig is voor de gekozen vervoerder.
-    useEffect(() => {
-        if (!canPickDate)
-            return;
-        if (!deliveryVal || !isValidDeliveryDate(selectedCarrier, deliveryVal, pickDays)) {
-            setVal("delivery_date", earliestISO);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [canPickDate, earliestISO, deliveryVal, carrierVal]);
+    const preview = (previewData?.ok ? previewData.preview : null);
+    const previewError = previewData?.ok === false ? String(previewData.error ?? "") : null;
+    const dateFeasible = preview?.ok === true && preview?.deliveryDateFeasible === true;
+    const fmtDate = (iso) => iso ? new Date(`${iso}T12:00:00`).toLocaleDateString("nl-NL", { weekday: "long", day: "numeric", month: "long", year: "numeric" }) : "";
+    const fmtDateTime = (iso) => iso ? new Date(iso).toLocaleString("nl-NL", { weekday: "short", day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" }) : "";
+    // ─── Prijsafspraak ter vergelijking ───────────────────────────────────────
+    const fetchAgreement = useServerFn(getAgreementPrices);
+    const agreementKey = lines.map((l) => `${l.product_id}:${l.quantity}`).join(",");
+    const { data: agreementData } = useQuery({
+        queryKey: ["mailbox-agreement-prices", customerVal, deliveryVal, agreementKey],
+        enabled: isLocalCustomerId(customerVal) && !!deliveryVal && lines.some((l) => l.product_id),
+        queryFn: async () => {
+            try {
+                return await fetchAgreement({
+                    data: {
+                        customerId: customerVal,
+                        onDate: deliveryVal,
+                        lines: lines.filter((l) => l.product_id).map((l) => ({ productId: l.product_id, quantity: Number(l.quantity ?? 0) })),
+                    },
+                });
+            }
+            catch {
+                return { prices: {} };
+            }
+        },
+    });
+    const agreements = agreementData?.prices ?? {};
+    const [acceptNoPrice, setAcceptNoPrice] = useState(false);
+    const orderTotal = lines.reduce((sum, l) => sum + lineTotal(l.quantity ?? null, l.unit_price ?? null), 0);
+    const linesWithoutPrice = lines.filter((l) => l.product_id && (l.unit_price === null || l.unit_price === undefined)).length;
+    const euro = (n) => n.toLocaleString("nl-NL", { style: "currency", currency: "EUR" });
     const [confirmOpen, setConfirmOpen] = useState(false);
     const [submitting, setSubmitting] = useState(false);
     const [checkedOk, setCheckedOk] = useState(false);
@@ -611,6 +629,18 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
             toast.error("Voeg minimaal één product toe aan de bestelling.");
             return null;
         }
+        if (lines.some((l) => l.product_id && l.unit_kind === "onbekend")) {
+            toast.error("Kies bij elke regel met een onbekende eenheid of het om fust, laag, kar of stuks gaat.");
+            return null;
+        }
+        if (!carrierVal) {
+            toast.error("Kies een vervoerder.");
+            return null;
+        }
+        if (!dateFeasible) {
+            toast.error(preview?.reason ? `Leverdatum niet haalbaar: ${preview.reason}` : "De leverdatum is nog niet gecontroleerd of niet haalbaar.");
+            return null;
+        }
         for (const l of validLines) {
             const p = products.find((x) => x.id === l.product_id);
             const b = l.belading ?? defaultBelading(p);
@@ -626,10 +656,25 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
             proposalId: proposal.id,
             customerId: customerVal ?? null,
             customerName: cust?.company_name ?? msg.from_name ?? msg.from_email ?? "Onbekend",
-            deliveryDate: deliveryVal || new Date(Date.now() + 86400000).toISOString().slice(0, 10),
+            deliveryDate: deliveryVal,
             notes: notesVal || null,
-            lines: validLines,
+            lines: validLines.map((l) => {
+                const p = products.find((x) => x.id === l.product_id);
+                const b = l.belading ?? defaultBelading(p);
+                return {
+                    id: l.id,
+                    product_id: l.product_id,
+                    raw_product_text: l.raw_product_text,
+                    quantity: l.quantity,
+                    unit: "planten",
+                    unit_price: l.unit_price ?? null,
+                    belading: b ? { plants_per_crate: b.plants_per_crate, crates_per_layer: b.crates_per_layer, layers_per_cart: b.layers_per_cart } : null,
+                };
+            }),
             fieldValues: Object.entries(values).map(([field_key, value]) => ({ field_key, value })),
+            customerReference: typeof values["reference"] === "string" ? values["reference"].trim() || null : null,
+            momentKey: preview?.chosen?.momentKey ?? null,
+            acceptMissingPrice: acceptNoPrice,
         };
     };
     // Stap 1: controleren → bevestigingsdialoog. Pas na bevestigen wordt de
@@ -663,16 +708,25 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
                                     visible: true,
                                 };
                                 const deliveryDateField = visibleFields.find((f) => f.key === "delivery_date");
-                                const otherFields = visibleFields.filter((f) => f.key !== "customer" && f.key !== "delivery_date");
+                                const otherFields = visibleFields.filter((f) => f.key !== "customer" && f.key !== "delivery_date" && f.key !== "reference");
                                 const renderField = (field) => (_jsx(DynamicField, { field: field, value: values[field.key], meta: fvMap[field.key], onChange: (v) => setVal(field.key, v), customers: customers, products: products, plantTypes: plantTypes, suppliers: suppliers, onSelectCustomer: handleSelectCustomer }, field.key));
                                 const customerNotLocal = !!customerVal && !isLocalCustomerId(customerVal);
                                 const payload = (proposal.parsed_payload ?? {});
                                 const autoMatched = payload.auto_matched_customer === true;
                                 const matchWarning = typeof payload.auto_match_warning === "string" ? payload.auto_match_warning : null;
                                 const ai = (payload.ai ?? null);
-                                return (_jsxs(_Fragment, { children: [ai && ai.ok === false && (_jsx("div", { className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800", children: ai.retry_pending
+                                const fieldMeta = (payload.field_meta ?? {});
+                                const thresholds = { green: Number(payload.thresholds?.green ?? 0.8), orange: Number(payload.thresholds?.orange ?? 0.5) };
+                                const validation = (proposal.ai_validation ?? payload.validation ?? null);
+                                const missingList = Array.isArray(validation?.missing) ? validation.missing : [];
+                                const uncertainList = Array.isArray(validation?.uncertain) ? validation.uncertain : [];
+                                const dup = payload.duplicate_of;
+                                const metaFor = (key) => fieldMeta[key] ?? (key === "customer" && proposal.matched_customer_id
+                                    ? { confidence: payload.auto_match_warning ? 0.6 : 1, source: payload.auto_match_forwarded ? "afgeleid" : "uit mail" }
+                                    : null);
+                                return (_jsxs(_Fragment, { children: [dup && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-xs text-amber-800", children: [_jsx("strong", { children: "Mogelijk dubbel:" }), " ", dup.kind === "referentie" ? "dezelfde referentie" : "vrijwel dezelfde regels", " als ", dup.label, "."] })), payload.attachment_unread && (_jsx("div", { className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800", children: "Deze mail heeft een bijlage. De bijlage is niet automatisch gelezen; controleer hem zelf." })), (missingList.length > 0 || uncertainList.length > 0) && (_jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [missingList.length > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs", children: [_jsx("div", { className: "font-medium text-destructive mb-1", children: "Ontbreekt" }), _jsx("ul", { className: "list-disc pl-4 space-y-0.5", children: missingList.map((m) => _jsx("li", { children: m }, m)) })] })), uncertainList.length > 0 && (_jsxs("div", { className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800", children: [_jsx("div", { className: "font-medium mb-1", children: "Twijfel" }), _jsx("ul", { className: "list-disc pl-4 space-y-0.5", children: uncertainList.map((m) => _jsx("li", { children: m }, m)) })] }))] })), ai && ai.ok === false && (_jsx("div", { className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800", children: ai.retry_pending
                                                 ? "De AI-dienst was even bezet — we proberen deze mail automatisch opnieuw. Je kunt de velden intussen zelf invullen."
-                                                : "Deze mail is niet automatisch uitgelezen — vul de velden handmatig in." })), matchWarning && (_jsx("div", { className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800", children: matchWarning })), customerField && renderField(customerField), customerNotLocal && (_jsxs("div", { className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800 flex items-center justify-between gap-2", children: [_jsx("span", { children: "Deze klant bestaat nog niet lokaal. Maak de klant eerst aan." }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => setNewCustomer(customers.find((c) => c.id === customerVal) ?? null), children: "Klant aanmaken" })] })), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Locatie" }), _jsx(SearchableSelect, { value: deliveryLocationVal, placeholder: !customerVal
+                                                : "Deze mail is niet automatisch uitgelezen — vul de velden handmatig in." })), matchWarning && (_jsx("div", { className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800", children: matchWarning })), customerField && renderField(customerField), _jsx(ConfBadge, { meta: metaFor("customer"), thresholds: thresholds }), customerNotLocal && (_jsxs("div", { className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800 flex items-center justify-between gap-2", children: [_jsx("span", { children: "Deze klant bestaat nog niet lokaal. Maak de klant eerst aan." }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => setNewCustomer(customers.find((c) => c.id === customerVal) ?? null), children: "Klant aanmaken" })] })), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Locatie" }), _jsx(SearchableSelect, { value: deliveryLocationVal, placeholder: !customerVal
                                                         ? "Selecteer eerst een klant"
                                                         : deliveryLocations.length
                                                             ? "Kies locatie..."
@@ -687,25 +741,15 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
                                                             label: (l.name || addr || "Locatie") + (l.is_primary ? " ★" : ""),
                                                             hint: l.name && addr ? addr : undefined,
                                                         };
-                                                    }), onChange: (v) => setVal("delivery_location", v) })] }), selectedLocation && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 space-y-2", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Adresgegevens" }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(ReadOnlyField, { label: "Straat", value: selectedLocation.street }), _jsx(ReadOnlyField, { label: "Huisnummer", value: selectedLocation.house_number }), _jsx(ReadOnlyField, { label: "Postcode", value: selectedLocation.postal_code }), _jsx(ReadOnlyField, { label: "Plaats", value: selectedLocation.city }), _jsx(ReadOnlyField, { label: "Provincie", value: selectedLocation.province }), _jsx(ReadOnlyField, { label: "Land", value: selectedLocation.country })] })] })), _jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { className: "flex items-center gap-2", children: ["Afhaallocatie / Tuin ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(SearchableSelect, { value: pickupLocationVal, placeholder: pickupLocations.length ? "Kies eigen locatie..." : "Geen eigen locaties bekend", clearLabel: "\u2014 Geen \u2014", allowClear: false, disabled: pickupLocations.length === 0, options: pickupLocations.map((l) => ({ value: l.id, label: l.name + (l.is_default ? " ★" : "") })), onChange: (v) => setVal("pickup_location", v) }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Locatie van waaruit de bestelling wordt geleverd of opgehaald." })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Vervoerder" }), _jsx(SearchableSelect, { value: carrierVal, placeholder: !customerVal
+                                                    }), onChange: (v) => setVal("delivery_location", v) }), _jsx(ConfBadge, { meta: metaFor("delivery_location"), thresholds: thresholds })] }), selectedLocation && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 space-y-2", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: "Adresgegevens" }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(ReadOnlyField, { label: "Straat", value: selectedLocation.street }), _jsx(ReadOnlyField, { label: "Huisnummer", value: selectedLocation.house_number }), _jsx(ReadOnlyField, { label: "Postcode", value: selectedLocation.postal_code }), _jsx(ReadOnlyField, { label: "Plaats", value: selectedLocation.city }), _jsx(ReadOnlyField, { label: "Provincie", value: selectedLocation.province }), _jsx(ReadOnlyField, { label: "Land", value: selectedLocation.country })] })] })), _jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { className: "flex items-center gap-2", children: ["Afhaallocatie / Tuin ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(SearchableSelect, { value: pickupLocationVal, placeholder: pickupLocations.length ? "Kies eigen locatie..." : "Geen eigen locaties bekend", clearLabel: "\u2014 Geen \u2014", allowClear: false, disabled: pickupLocations.length === 0, options: pickupLocations.map((l) => ({ value: l.id, label: l.name + (l.is_default ? " ★" : "") })), onChange: (v) => setVal("pickup_location", v) }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Locatie van waaruit de bestelling wordt geleverd of opgehaald." })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Vervoerder" }), _jsx(SearchableSelect, { value: carrierVal, placeholder: !customerVal
                                                         ? "Selecteer eerst een klant"
                                                         : !deliveryLocationVal
                                                             ? "Selecteer eerst een locatie"
                                                             : "Kies vervoerder...", clearLabel: "\u2014 Geen \u2014", disabled: !deliveryLocationVal, options: carriers.map((c) => ({
                                                         value: c.id,
                                                         label: c.name + (c.is_default ? " (standaard)" : ""),
-                                                    })), onChange: (v) => setVal("carrier", v) }), selectedLocation?.carrier_id && carrierVal !== selectedLocation.carrier_id && (_jsx("div", { className: "text-xs text-muted-foreground", children: "Wijkt af van standaard vervoerder van deze locatie \u2014 geldt alleen voor deze bestelling." }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { className: "flex items-center gap-2", children: ["Bezorgdatum", deliveryDateField?.required && _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { type: "date", value: canPickDate ? (deliveryVal ?? "") : "", min: canPickDate ? earliestISO : undefined, disabled: !canPickDate, onChange: (e) => {
-                                                        const v = e.target.value || null;
-                                                        if (v && v < earliestISO) {
-                                                            toast.error(`Eerst mogelijke leverdatum is ${earliestLabel}.`);
-                                                            setVal("delivery_date", earliestISO);
-                                                            return;
-                                                        }
-                                                        setVal("delivery_date", v);
-                                                    } }), !canPickDate ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Selecteer eerst klant, afleverlocatie, afhaallocatie en vervoerder." })) : (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Eerst beschikbare leverdatum is ", earliestLabel, earliest.signupAt
-                                                            ? `, o.b.v. het eerstvolgende aanmeldmoment bij de vervoerder (${earliest.signupAt.toLocaleString("nl-NL", { weekday: "long", day: "numeric", month: "long", hour: "2-digit", minute: "2-digit" })})`
-                                                            : `, op basis van orderpicktijd (${pickDays}d) en levertijd vervoerder (${carrierDeliveryDays}d)`, "."] }))] }), otherFields.map(renderField)] }));
-                            })(), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Bestelregels" }), _jsxs("div", { className: "grid grid-cols-12 gap-2 text-xs text-muted-foreground px-1", children: [_jsx("div", { className: "col-span-4", children: "Product" }), _jsx("div", { className: "col-span-3", children: "Belading" }), _jsx("div", { className: "col-span-4", children: "Fusten" }), _jsx("div", { className: "col-span-1" })] }), lines.map((line, idx) => {
+                                                    })), onChange: (v) => setVal("carrier", v) }), selectedLocation?.carrier_id && carrierVal !== selectedLocation.carrier_id && (_jsx("div", { className: "text-xs text-muted-foreground", children: "Wijkt af van standaard vervoerder van deze locatie \u2014 geldt alleen voor deze bestelling." }))] }), _jsxs("div", { className: "space-y-1", children: [_jsxs(Label, { className: "flex items-center gap-2", children: ["Bezorgdatum ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(Input, { type: "date", value: deliveryVal ?? "", onChange: (e) => setVal("delivery_date", e.target.value || null) }), _jsx(ConfBadge, { meta: metaFor("delivery_date"), thresholds: thresholds }), !carrierVal || !deliveryLocationVal ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Kies een afleverlocatie en vervoerder; daarna controleren we of deze datum haalbaar is." })) : !deliveryVal ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "De mail noemt geen datum. Kies zelf een datum." })) : previewLoading ? (_jsx("div", { className: "text-xs text-muted-foreground", children: "Haalbaarheid controleren\u2026" })) : previewError ? (_jsxs("div", { className: "text-xs text-destructive", children: ["De haalbaarheid kon niet worden gecontroleerd: ", previewError] })) : dateFeasible ? (_jsxs("div", { className: "rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-800", children: [fmtDate(deliveryVal), " is haalbaar.", preview?.chosen?.departureAt ? ` Ophaalmoment: ${fmtDateTime(preview.chosen.departureAt)}` : "", preview?.chosen?.signupDeadline ? ` (aanmelden tot ${fmtDateTime(preview.chosen.signupDeadline)}).` : "."] })) : (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs space-y-2", children: [_jsxs("div", { className: "text-destructive", children: [fmtDate(deliveryVal), " is niet haalbaar", preview?.reason ? `: ${preview.reason}` : "."] }), preview?.firstFeasibleDeliveryDate && preview.firstFeasibleDeliveryDate !== deliveryVal && (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => setVal("delivery_date", preview.firstFeasibleDeliveryDate), children: ["Gebruik ", fmtDate(preview.firstFeasibleDeliveryDate)] }))] }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Referentie klant" }), _jsx(Input, { value: typeof values["reference"] === "string" ? values["reference"] : "", placeholder: "Bijv. ordernummer van de klant", onChange: (e) => setVal("reference", e.target.value) }), _jsx(ConfBadge, { meta: metaFor("reference"), thresholds: thresholds })] }), otherFields.map(renderField)] }));
+                            })(), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Bestelregels" }), _jsxs("div", { className: "grid grid-cols-12 gap-2 text-xs text-muted-foreground px-1", children: [_jsx("div", { className: "col-span-4", children: "Product" }), _jsx("div", { className: "col-span-3", children: "Belading" }), _jsx("div", { className: "col-span-2", children: "Fusten" }), _jsx("div", { className: "col-span-2", children: "Prijs per stuk" }), _jsx("div", { className: "col-span-1" })] }), lines.map((line, idx) => {
                                         const product = line.product_id ? products.find((p) => p.id === line.product_id) : null;
                                         const stdBelading = defaultBelading(product);
                                         const available = (line.product_id ? (Array.isArray(beladingByProduct[line.product_id]) ? beladingByProduct[line.product_id] : []) : []).map((b) => ({
@@ -762,16 +806,19 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
                                                                     const newPpc = Math.max(1, Number(b?.plants_per_crate ?? 1));
                                                                     const currentQ = Number(next[idx].quantity ?? 0);
                                                                     const normalizedQ = currentQ > 0 ? Math.ceil(currentQ / newPpc) * newPpc : newPpc;
+                                                                    const kind = next[idx].unit_kind;
+                                                                    const fromMail = kind && kind !== "onbekend" ? toPlants(next[idx].qty_in_mail, kind, b) : null;
                                                                     next[idx] = {
                                                                         ...next[idx], product_id: v,
-                                                                        raw_product_text: p?.product ?? next[idx].raw_product_text,
-                                                                        unit: next[idx].unit ?? p?.unit ?? "stuks",
-                                                                        quantity: normalizedQ,
+                                                                        raw_product_text: next[idx].raw_product_text || p?.product || "",
+                                                                        unit: "planten",
+                                                                        quantity: fromMail ?? normalizedQ,
                                                                         belading: b,
+                                                                        warnings: (next[idx].warnings ?? []).filter((w) => !w.startsWith("Onbekend artikel")),
                                                                     };
                                                                 }
                                                                 setLines(next);
-                                                            } }), (line.plant_type || line.raw_product_text) && (_jsx("div", { className: "mt-1 truncate text-[11px] text-muted-foreground", children: line.plant_type ? `Plantsoort: ${line.plant_type}` : `Uit mail: ${line.raw_product_text}` }))] }), _jsxs("div", { className: "col-span-3", children: [_jsx(SearchableSelect, { value: effBelading ? beladingKey(effBelading) : null, placeholder: !line.product_id ? "Kies eerst product"
+                                                            } }), line.raw_product_text && (_jsxs("div", { className: "mt-1 text-[11px] text-muted-foreground break-words", children: ["Uit mail: ", line.raw_product_text] })), line.match_source && line.product_id && (_jsxs("div", { className: "text-[11px] text-muted-foreground", children: [line.match_source === "code" ? `Gekoppeld op code ${line.raw_code ?? ""}`.trim() : line.match_source === "naam" ? "Gekoppeld op naam — controleer" : "Gekozen door de AI", typeof line.product_confidence === "number" ? ` · ${Math.round(line.product_confidence * 100)}%` : ""] })), !line.product_id && line.raw_product_text && (_jsx("div", { className: "text-[11px] text-destructive", children: "Onbekend artikel: kies zelf een product." }))] }), _jsxs("div", { className: "col-span-3", children: [_jsx(SearchableSelect, { value: effBelading ? beladingKey(effBelading) : null, placeholder: !line.product_id ? "Kies eerst product"
                                                                 : loadingBeladingen ? "Beladingen laden..."
                                                                     : "Kies belading...", disabled: !line.product_id, allowClear: false, emptyLabel: "Geen belading gekoppeld aan dit product", options: Array.from(optionMap.entries()).map(([key, b]) => ({
                                                                 value: key,
@@ -793,20 +840,41 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
                                                                     quantity: crates * b.plants_per_crate,
                                                                 };
                                                                 setLines(next);
-                                                            } }), effBelading && (_jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [plants ?? 0, " planten", defaultKey && beladingKey(effBelading) !== defaultKey ? " · afwijkend van standaard" : ""] }))] }), _jsx(Input, { className: "col-span-4", type: "number", min: 1, step: 1, inputMode: "numeric", onKeyDown: blockDecimal, value: cratesDisplay, onChange: (e) => {
+                                                            } }), effBelading && (_jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [line.unit_kind && line.unit_kind !== "onbekend" && line.qty_in_mail
+                                                                    ? describeConversion(line.qty_in_mail, line.unit_kind, effBelading) ?? `${plants ?? 0} planten`
+                                                                    : `${plants ?? 0} planten`, defaultKey && beladingKey(effBelading) !== defaultKey ? " · afwijkend van standaard" : ""] })), line.unit_kind === "onbekend" && (_jsxs("div", { className: "mt-1 space-y-1", children: [_jsxs("div", { className: "text-[11px] text-destructive", children: ["Eenheid onbekend", line.unit_text ? ` ("${line.qty_in_mail ?? ""} ${line.unit_text}")` : "", ". Kies wat er bedoeld wordt:"] }), _jsxs(Select, { value: "__none", onValueChange: (v) => {
+                                                                        const kind = v;
+                                                                        const next = [...lines];
+                                                                        const pl = toPlants(next[idx].qty_in_mail, kind, effBelading);
+                                                                        next[idx] = { ...next[idx], unit_kind: kind, quantity: pl ?? next[idx].quantity };
+                                                                        setLines(next);
+                                                                    }, children: [_jsx(SelectTrigger, { className: "h-8", children: _jsx(SelectValue, { placeholder: "Kies eenheid" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none", disabled: true, children: "Kies eenheid" }), ["fust", "laag", "kar", "stuk"].map((k) => (_jsx(SelectItem, { value: k, children: UNIT_KIND_LABEL[k] }, k)))] })] })] })), (line.warnings ?? []).filter((w) => !w.startsWith("Onbekend artikel") && !w.startsWith("Eenheid onbekend")).map((w) => (_jsx("div", { className: "mt-1 text-[11px] text-amber-700", children: w }, w)))] }), _jsx(Input, { className: "col-span-2", type: "number", min: 1, step: 1, inputMode: "numeric", onKeyDown: blockDecimal, value: cratesDisplay, onChange: (e) => {
                                                         const next = [...lines];
                                                         const raw = e.target.value.replace(/[.,]/g, "");
                                                         const cr = raw ? Math.max(1, Math.floor(Number(raw))) : null;
                                                         next[idx] = { ...next[idx], quantity: cr === null ? null : cr * ppc };
                                                         setLines(next);
-                                                    }, placeholder: "Fusten", title: `${ppc} planten per fust — verkoop per hele fust` }), _jsx(Button, { variant: "ghost", size: "icon", className: "col-span-1", onClick: () => setLines(lines.filter((_, i) => i !== idx)), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, idx));
-                                    }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setLines([...lines, { product_id: null, raw_product_text: "", quantity: 1, unit: "stuks", belading: null }]), children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), " Regel toevoegen"] })] }), _jsxs("div", { className: "flex gap-2 pt-2", children: [_jsxs(Button, { className: "flex-1", onClick: handleApprove, children: [_jsx(Check, { className: "h-4 w-4 mr-1" }), " Controleren & bevestigen"] }), _jsxs(Button, { variant: "destructive", onClick: () => onReject(notesVal || ""), children: [_jsx(X, { className: "h-4 w-4 mr-1" }), " Afwijzen"] })] }), _jsx(Dialog, { open: confirmOpen, onOpenChange: (o) => {
+                                                    }, placeholder: "Fusten", title: `${ppc} planten per fust — verkoop per hele fust` }), _jsxs("div", { className: "col-span-2 space-y-1", children: [_jsx(Input, { type: "number", min: 0, step: "0.01", inputMode: "decimal", value: line.unit_price ?? "", placeholder: "\u20AC", onChange: (e) => {
+                                                                const next = [...lines];
+                                                                const v = e.target.value === "" ? null : Math.max(0, Number(e.target.value.replace(",", ".")));
+                                                                next[idx] = { ...next[idx], unit_price: v, price_source: v === null ? null : "handmatig" };
+                                                                setLines(next);
+                                                            } }), (() => {
+                                                            const ag = line.product_id ? agreements[line.product_id] : null;
+                                                            const src = line.price_source;
+                                                            return (_jsxs("div", { className: "text-[11px] text-muted-foreground space-y-0.5", children: [line.unit_price === null || line.unit_price === undefined ? (_jsx("div", { className: "text-amber-700", children: "Geen prijs bekend" })) : (_jsxs("div", { children: [src === "uit mail" ? "Uit mail" : src === "afspraak" ? "Prijsafspraak" : "Zelf ingevuld", line.mail_price && line.price_per === "eenheid" ? ` (${euro(line.mail_price)} per ${UNIT_KIND_LABEL[(line.unit_kind ?? "fust")]})` : "", line.quantity ? ` · ${euro(lineTotal(line.quantity, line.unit_price))}` : ""] })), ag && Math.abs(ag.net_price - Number(line.unit_price ?? -1)) > 0.0001 && (_jsxs("div", { className: "text-amber-700", children: ["Afspraak: ", euro(ag.net_price), " ", _jsx("button", { type: "button", className: "underline", onClick: () => {
+                                                                                    const next = [...lines];
+                                                                                    next[idx] = { ...next[idx], unit_price: ag.net_price, price_source: "afspraak" };
+                                                                                    setLines(next);
+                                                                                }, children: "gebruiken" })] }))] }));
+                                                        })()] }), _jsx(Button, { variant: "ghost", size: "icon", className: "col-span-1", onClick: () => setLines(lines.filter((_, i) => i !== idx)), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, idx));
+                                    }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setLines([...lines, { product_id: null, raw_product_text: "", quantity: 1, unit: "stuks", belading: null }]), children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), " Regel toevoegen"] }), _jsxs("div", { className: "flex justify-between border-t pt-2 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: "Totaal" }), _jsx("span", { className: "font-medium", children: euro(orderTotal) })] }), linesWithoutPrice > 0 && (_jsxs("div", { className: "rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800", children: ["Geen prijs bekend voor ", linesWithoutPrice, " regel(s). Vul een prijs in of bevestig straks dat je zonder prijs doorgaat."] }))] }), _jsxs("div", { className: "flex gap-2 pt-2", children: [_jsxs(Button, { className: "flex-1", onClick: handleApprove, children: [_jsx(Check, { className: "h-4 w-4 mr-1" }), " Controleren & bevestigen"] }), _jsxs(Button, { variant: "destructive", onClick: () => onReject(notesVal || ""), children: [_jsx(X, { className: "h-4 w-4 mr-1" }), " Afwijzen"] })] }), _jsx(Dialog, { open: confirmOpen, onOpenChange: (o) => {
                                     if (submitting)
                                         return;
                                     setConfirmOpen(o);
                                     if (!o)
                                         setCheckedOk(false);
-                                }, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Bestelling bevestigen" }) }), _jsxs("div", { className: "space-y-3 text-sm", children: [_jsx("p", { className: "text-muted-foreground", children: "De bestelling wordt pas aangemaakt in Bestellingen nadat je hem hebt gecontroleerd en bevestigd." }), _jsxs("div", { className: "rounded-md border p-3 space-y-1", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Klant:" }), " ", customers.find((c) => c.id === customerVal)?.company_name ?? "-"] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Bezorgdatum:" }), " ", deliveryVal || "-"] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Bestelregels:" }), " ", lines.filter((l) => l.product_id && (l.quantity ?? 0) > 0).length] })] }), _jsxs("label", { className: "flex items-start gap-2 cursor-pointer", children: [_jsx("input", { type: "checkbox", className: "mt-1", checked: checkedOk, onChange: (e) => setCheckedOk(e.target.checked) }), _jsx("span", { children: "Ik heb deze bestelling gecontroleerd en de gegevens kloppen." })] })] }), _jsxs("div", { className: "flex gap-2 pt-2", children: [_jsxs(Button, { className: "flex-1", disabled: !checkedOk || submitting, onClick: handleConfirm, children: [_jsx(Check, { className: "h-4 w-4 mr-1" }), submitting ? "Bezig…" : "Bevestigen en bestelling aanmaken"] }), _jsx(Button, { variant: "outline", disabled: submitting, onClick: () => setConfirmOpen(false), children: "Annuleren" })] })] }) }), _jsx(NewCustomerDialog, { candidate: newCustomer, onClose: () => setNewCustomer(null), onCreated: (id) => { setNewCustomer(null); setVal("customer", id); } })] })] })] }));
+                                }, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Bestelling bevestigen" }) }), _jsxs("div", { className: "space-y-3 text-sm", children: [_jsx("p", { className: "text-muted-foreground", children: "De bestelling wordt pas aangemaakt in Bestellingen nadat je hem hebt gecontroleerd en bevestigd." }), _jsxs("div", { className: "rounded-md border p-3 space-y-1", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Klant:" }), " ", customers.find((c) => c.id === customerVal)?.company_name ?? "-"] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Bezorgdatum:" }), " ", deliveryVal || "-"] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Bestelregels:" }), " ", lines.filter((l) => l.product_id && (l.quantity ?? 0) > 0).length] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Referentie:" }), " ", values["reference"] || "-"] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Totaal:" }), " ", euro(orderTotal)] })] }), linesWithoutPrice > 0 && (_jsxs("label", { className: "flex items-start gap-2 cursor-pointer rounded-md border border-amber-200 bg-amber-50 p-2 text-amber-800", children: [_jsx("input", { type: "checkbox", className: "mt-1", checked: acceptNoPrice, onChange: (e) => setAcceptNoPrice(e.target.checked) }), _jsxs("span", { children: ["Geen prijs bekend voor ", linesWithoutPrice, " regel(s). Ik wil toch zonder prijs bevestigen."] })] })), _jsxs("label", { className: "flex items-start gap-2 cursor-pointer", children: [_jsx("input", { type: "checkbox", className: "mt-1", checked: checkedOk, onChange: (e) => setCheckedOk(e.target.checked) }), _jsx("span", { children: "Ik heb deze bestelling gecontroleerd en de gegevens kloppen." })] })] }), _jsxs("div", { className: "flex gap-2 pt-2", children: [_jsxs(Button, { className: "flex-1", disabled: !checkedOk || submitting || (linesWithoutPrice > 0 && !acceptNoPrice), onClick: handleConfirm, children: [_jsx(Check, { className: "h-4 w-4 mr-1" }), submitting ? "Bezig…" : "Bevestigen en bestelling aanmaken"] }), _jsx(Button, { variant: "outline", disabled: submitting, onClick: () => setConfirmOpen(false), children: "Annuleren" })] })] }) }), _jsx(NewCustomerDialog, { candidate: newCustomer, onClose: () => setNewCustomer(null), onCreated: (id) => { setNewCustomer(null); setVal("customer", id); } })] })] })] }));
 }
 /** Verplichte bevestiging: externe klant eerst als lokale klant aanmaken. */
 function NewCustomerDialog({ candidate, onClose, onCreated, }) {
@@ -912,3 +980,15 @@ function DynamicField({ field, value, meta, onChange, customers, products, plant
     };
     return (_jsxs("div", { className: "space-y-1", children: [label, _jsx("div", { className: reviewClass, children: renderControl() })] }));
 }
+/** Betrouwbaarheid + bron per veld, met kleur volgens de drempels in de instellingen. */
+function ConfBadge({ meta, thresholds, }) {
+    if (!meta)
+        return null;
+    const c = Math.max(0, Math.min(1, Number(meta.confidence ?? 0)));
+    const cls = c >= thresholds.green
+        ? "border-emerald-300 bg-emerald-50 text-emerald-800"
+        : c >= thresholds.orange
+            ? "border-amber-300 bg-amber-50 text-amber-800"
+            : "border-destructive/40 bg-destructive/5 text-destructive";
+    return (_jsxs("span", { className: `inline-flex items-center rounded border px-1.5 py-0.5 text-[11px] ${cls}`, children: [Math.round(c * 100), "% \u00B7 ", meta.source] }));
+}

package/dist-lib/components/MailboxSkippedPage.d.ts

@@ -0,0 +1,2 @@
+export declare function MailboxSkippedPage(): import("react").JSX.Element;
+//# sourceMappingURL=MailboxSkippedPage.d.ts.map

package/dist-lib/components/MailboxSkippedPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailboxSkippedPage.d.ts","sourceRoot":"","sources":["../../src/components/MailboxSkippedPage.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,kBAAkB,gCAoJjC"}