@flowselections/mailbox-orders 1.0.12 → 1.0.13

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

@@ -0,0 +1,26 @@
+export type PreviewAddress = {
+    name?: string | null;
+    email?: string | null;
+};
+export type PreviewAttachment = {
+    name: string;
+    contentType?: string | null;
+    size?: number | null;
+    contentId?: string | null;
+    url?: string | null;
+};
+type Props = {
+    subject?: string | null;
+    fromName?: string | null;
+    fromEmail?: string | null;
+    receivedAt?: string | null;
+    to?: PreviewAddress[];
+    cc?: PreviewAddress[];
+    bodyHtml?: string | null;
+    bodyText?: string | null;
+    attachments?: PreviewAttachment[];
+    hasAttachments?: boolean;
+};
+export declare function EmailPreview({ subject, fromName, fromEmail, receivedAt, to, cc, bodyHtml, bodyText, attachments, hasAttachments, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EmailPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmailPreview.d.ts","sourceRoot":"","sources":["../../src/components/EmailPreview.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC;IACtB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAsEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,EAAO,EACP,EAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAgB,EAChB,cAAc,GACf,EAAE,KAAK,+BAsHP"}

package/dist-lib/components/EmailPreview.js

@@ -0,0 +1,56 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { Button, Badge } from "@flowselections/core";
+import { Paperclip, Download, Code, FileText, ShieldOff, Shield } from "lucide-react";
+function addrLabel(a) {
+    if (a.name && a.email && a.name !== a.email)
+        return `${a.name} <${a.email}>`;
+    return a.email || a.name || "";
+}
+function AddressLine({ label, list }) {
+    const [expanded, setExpanded] = useState(false);
+    if (!list.length)
+        return null;
+    const shown = expanded ? list : list.slice(0, 3);
+    return (_jsxs("div", { className: "flex gap-1 text-xs text-muted-foreground", children: [_jsxs("span", { className: "shrink-0 font-medium", children: [label, ":"] }), _jsxs("span", { className: "break-all", children: [shown.map(addrLabel).filter(Boolean).join(", "), !expanded && list.length > 3 && (_jsxs("button", { type: "button", className: "ml-1 underline", onClick: () => setExpanded(true), children: ["en ", list.length - 3, " meer"] }))] })] }));
+}
+function formatSize(n) {
+    if (!n || n <= 0)
+        return "";
+    if (n < 1024)
+        return `${n} B`;
+    if (n < 1024 * 1024)
+        return `${Math.round(n / 1024)} kB`;
+    return `${(n / (1024 * 1024)).toFixed(1)} MB`;
+}
+/** Blokkeert externe requests door remote src/href-bronnen te neutraliseren. */
+function blockRemote(html) {
+    return html
+        .replace(/\ssrc\s*=\s*(["'])https?:\/\/[^"']*\1/gi, ' data-blocked-src=""')
+        .replace(/\sbackground\s*=\s*(["'])https?:\/\/[^"']*\1/gi, "")
+        .replace(/url\((["']?)https?:\/\/[^)]*\)/gi, "none");
+}
+function EmailFrame({ html }) {
+    const doc = useMemo(() => `<!doctype html><html><head><meta charset="utf-8">` +
+        `<base target="_blank">` +
+        `<style>html,body{margin:0;padding:12px;background:#fff;color:#111;` +
+        `font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;}` +
+        `img{max-width:100%;height:auto;}table{max-width:100%;}` +
+        `*{word-break:break-word;}</style></head><body>${html}</body></html>`, [html]);
+    return (_jsx("iframe", { title: "E-mailweergave", srcDoc: doc, 
+        // Geen allow-scripts en geen allow-same-origin: de mail kan niets uitvoeren
+        // en niet bij de applicatie. Popups blijven werken voor links.
+        sandbox: "allow-popups allow-popups-to-escape-sandbox", referrerPolicy: "no-referrer", className: "h-full w-full rounded border bg-white" }));
+}
+export function EmailPreview({ subject, fromName, fromEmail, receivedAt, to = [], cc = [], bodyHtml, bodyText, attachments = [], hasAttachments, }) {
+    const html = (bodyHtml ?? "").trim();
+    const [mode, setMode] = useState(html ? "html" : "text");
+    const [blockRemoteContent, setBlockRemoteContent] = useState(false);
+    useEffect(() => {
+        setMode(html ? "html" : "text");
+    }, [html]);
+    const rendered = blockRemoteContent ? blockRemote(html) : html;
+    const safeAttachments = Array.isArray(attachments) ? attachments : [];
+    const inlineOnly = safeAttachments.every((a) => !!a.contentId);
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsxs("div", { className: "shrink-0 space-y-1 border-b pb-3", children: [_jsx("div", { className: "text-base font-semibold leading-snug", children: subject || "(geen onderwerp)" }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-foreground", children: fromName || fromEmail }), fromName && fromEmail ? ` <${fromEmail}>` : "", receivedAt ? ` · ${new Date(receivedAt).toLocaleString("nl-NL")}` : ""] }), _jsx(AddressLine, { label: "Aan", list: to }), _jsx(AddressLine, { label: "CC", list: cc }), (safeAttachments.length > 0 || hasAttachments) && (_jsxs("div", { className: "flex flex-wrap items-center gap-2 pt-2", children: [safeAttachments.length === 0 ? (_jsxs(Badge, { variant: "outline", className: "gap-1 font-normal", children: [_jsx(Paperclip, { className: "h-3 w-3" }), " Deze mail bevat bijlagen (nog niet opgehaald)"] })) : (safeAttachments.map((a, i) => (_jsxs("span", { className: "inline-flex items-center gap-1 rounded border bg-muted/40 px-2 py-1 text-xs", children: [_jsx(Paperclip, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "max-w-[16rem] truncate", children: a.name }), formatSize(a.size) && (_jsx("span", { className: "text-muted-foreground", children: formatSize(a.size) })), a.url && (_jsx("a", { href: a.url, target: "_blank", rel: "noopener noreferrer", className: "text-primary", "aria-label": `Download ${a.name}`, children: _jsx(Download, { className: "h-3 w-3" }) }))] }, `${a.name}-${i}`)))), safeAttachments.length > 0 && inlineOnly && (_jsx("span", { className: "text-[11px] text-muted-foreground", children: "(in de mail ingesloten afbeeldingen)" }))] })), _jsxs("div", { className: "flex flex-wrap items-center gap-2 pt-2", children: [_jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => setMode(mode === "html" ? "text" : "html"), disabled: !html, children: mode === "html" ? (_jsxs(_Fragment, { children: [_jsx(FileText, { className: "mr-1 h-3.5 w-3.5" }), " Platte tekst"] })) : (_jsxs(_Fragment, { children: [_jsx(Code, { className: "mr-1 h-3.5 w-3.5" }), " Opgemaakte mail"] })) }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", disabled: mode !== "html" || !html, onClick: () => setBlockRemoteContent((v) => !v), children: blockRemoteContent ? (_jsxs(_Fragment, { children: [_jsx(Shield, { className: "mr-1 h-3.5 w-3.5" }), " Externe inhoud tonen"] })) : (_jsxs(_Fragment, { children: [_jsx(ShieldOff, { className: "mr-1 h-3.5 w-3.5" }), " Externe inhoud blokkeren"] })) })] })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden pt-3", children: mode === "html" && html ? (_jsx(EmailFrame, { html: rendered })) : (_jsx("div", { className: "h-full w-full overflow-y-auto overscroll-contain rounded border bg-white p-3", children: _jsx("pre", { className: "whitespace-pre-wrap break-words font-sans text-sm leading-relaxed text-[#111]", children: bodyText || "(geen tekst)" }) })) })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"MailboxProcessedPage.d.ts","sourceRoot":"","sources":["../../src/components/MailboxProcessedPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,oBAAoB,gCA+FnC"}
+{"version":3,"file":"MailboxProcessedPage.d.ts","sourceRoot":"","sources":["../../src/components/MailboxProcessedPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,oBAAoB,gCA6GnC"}

package/dist-lib/components/MailboxProcessedPage.js

@@ -6,6 +6,7 @@ import { toast } from "sonner";
 import { Badge, Button, Card, CardContent, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
 import { listProposals, reopenProposal, getActiveOrdersMailbox } from "../lib/mailbox.functions";
 import { MailboxAuthBanner } from "./MailboxAuthBanner";
+import { TablePagination } from "./TablePagination";
 export function MailboxProcessedPage() {
     const fetchList = useServerFn(listProposals);
     const reopen = useServerFn(reopenProposal);
@@ -30,6 +31,11 @@ export function MailboxProcessedPage() {
         ...(Array.isArray(rejected.data?.items) ? rejected.data.items : []),
     ].sort((a, b) => (b.reviewed_at ?? "").localeCompare(a.reviewed_at ?? ""));
     const [busyId, setBusyId] = useState(null);
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(25);
+    const pageCount = Math.max(1, Math.ceil(items.length / pageSize));
+    const currentPage = Math.min(page, pageCount);
+    const pagedItems = items.slice((currentPage - 1) * pageSize, currentPage * pageSize);
     const handleReopen = async (proposalId) => {
         setBusyId(proposalId);
         try {
@@ -44,5 +50,5 @@ export function MailboxProcessedPage() {
             setBusyId(null);
         }
     };
-    return (_jsxs("div", { className: "p-6 flex flex-col gap-4 flex-1 min-h-0 overflow-hidden", children: [_jsx(MailboxAuthBanner, { active: activeMailbox }), _jsx("h1", { className: "text-2xl font-semibold shrink-0", children: "Verwerkt" }), _jsx("div", { className: "flex-1 min-h-0 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]", children: _jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: items.length === 0 ? (_jsx("div", { className: "p-8 text-center text-muted-foreground", children: "Nog geen verwerkte voorstellen." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Afzender" }), _jsx(TableHead, { children: "Onderwerp" }), _jsx(TableHead, { children: "Verwerkt op" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: items.map((p) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Badge, { variant: p.status === "approved" ? "default" : "destructive", children: p.status === "approved" ? "Goedgekeurd" : "Afgewezen" }) }), _jsx(TableCell, { children: p.mailbox_messages?.from_email ?? "-" }), _jsx(TableCell, { className: "max-w-md truncate", children: p.mailbox_messages?.subject ?? "-" }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: p.reviewed_at ? new Date(p.reviewed_at).toLocaleString("nl-NL") : "-" }), _jsx(TableCell, { className: "text-right space-x-2", children: p.status === "rejected" && (_jsx(Button, { size: "sm", variant: "outline", disabled: busyId === p.id, onClick: () => handleReopen(p.id), children: busyId === p.id ? "Bezig..." : "Terugzetten" })) })] }, p.id))) })] })) }) }) })] }));
+    return (_jsxs("div", { className: "p-6 flex flex-col gap-4 flex-1 min-h-0 overflow-hidden", children: [_jsx(MailboxAuthBanner, { active: activeMailbox }), _jsx("h1", { className: "text-2xl font-semibold shrink-0", children: "Verwerkt" }), _jsx("div", { className: "flex-1 min-h-0 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]", children: _jsx(Card, { children: _jsxs(CardContent, { className: "p-0", children: [items.length === 0 ? (_jsx("div", { className: "p-8 text-center text-muted-foreground", children: "Nog geen verwerkte voorstellen." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Afzender" }), _jsx(TableHead, { children: "Onderwerp" }), _jsx(TableHead, { children: "Verwerkt op" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: pagedItems.map((p) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Badge, { variant: p.status === "approved" ? "default" : "destructive", children: p.status === "approved" ? "Goedgekeurd" : "Afgewezen" }) }), _jsx(TableCell, { children: p.mailbox_messages?.from_email ?? "-" }), _jsx(TableCell, { className: "max-w-md truncate", children: p.mailbox_messages?.subject ?? "-" }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: p.reviewed_at ? new Date(p.reviewed_at).toLocaleString("nl-NL") : "-" }), _jsx(TableCell, { className: "text-right space-x-2", children: p.status === "rejected" && (_jsx(Button, { size: "sm", variant: "outline", disabled: busyId === p.id, onClick: () => handleReopen(p.id), children: busyId === p.id ? "Bezig..." : "Terugzetten" })) })] }, p.id))) })] })), items.length > 0 && (_jsx(TablePagination, { total: items.length, page: currentPage, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize }))] }) }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MailboxProposalsPage.d.ts","sourceRoot":"","sources":["../../src/components/MailboxProposalsPage.tsx"],"names":[],"mappings":"AAyFA,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,gCAwYnC"}
+{"version":3,"file":"MailboxProposalsPage.d.ts","sourceRoot":"","sources":["../../src/components/MailboxProposalsPage.tsx"],"names":[],"mappings":"AA2FA,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,gCAqbnC"}

package/dist-lib/components/MailboxProposalsPage.js

@@ -5,11 +5,13 @@ 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";
-import { listProposals, approveProposal, rejectProposal, listCustomersForPicker, createCustomerFromGroup, listProductsForPicker, listDeliveryLocationsForCustomer, listPickupLocations, listCarriersForPicker, getOrderPickDays, getActiveOrdersMailbox, syncMailboxNow, getLastIngestRun, refreshProposalsForAgentChange, reparseProposalNow, listBeladingOptionsForProducts, listAllowedLoadCarriers, } from "../lib/mailbox.functions";
+import { listProposals, getProposalDetail, approveProposal, rejectProposal, listCustomersForPicker, createCustomerFromGroup, listProductsForPicker, listDeliveryLocationsForCustomer, listPickupLocations, listCarriersForPicker, getOrderPickDays, getActiveOrdersMailbox, syncMailboxNow, getLastIngestRun, refreshProposalsForAgentChange, reparseProposalNow, listBeladingOptionsForProducts, listAllowedLoadCarriers, } from "../lib/mailbox.functions";
 import { enabledLoadCarriers, normalizeAllowedLoadCarriers, EMPTY_LOAD_CARRIERS } from "../lib/load-carriers";
 import { listTemplateFields, listPlantTypesForPicker, listSuppliersForPicker, } from "../lib/mailbox-template.functions";
 import { SearchableSelect } from "./SearchableSelect";
 import { MailboxAuthBanner } from "./MailboxAuthBanner";
+import { EmailPreview } from "./EmailPreview";
+import { TablePagination } from "./TablePagination";
 import { supabase } from "../integrations/supabase/client";
 const beladingKey = (b) => `${b.plants_per_crate}x${b.crates_per_layer}x${b.layers_per_cart}|${b.crate_code ?? ""}|${b.carrier_code ?? ""}`;
 const beladingLabel = (b) => `${b.plants_per_crate} planten/fust · ${b.crates_per_layer} fusten/laag · ${b.layers_per_cart} lagen`;
@@ -98,6 +100,20 @@ export function MailboxProposalsPage() {
             return { items: [] };
         }
     };
+    // Welk voorstel staat open? De zware referentielijsten worden pas geladen
+    // zodra de dialoog voor het eerst opengaat, en blijven daarna gecachet.
+    const [activeId, setActiveId] = useState(null);
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(25);
+    const [refsEnabled, setRefsEnabled] = useState(false);
+    useEffect(() => { if (activeId)
+        setRefsEnabled(true); }, [activeId]);
+    const refOpts = {
+        enabled: refsEnabled,
+        staleTime: 5 * 60000,
+        gcTime: 30 * 60000,
+        refetchOnWindowFocus: false,
+    };
     // Bestelvoorstellen toont uitsluitend nieuwe, nog niet gecontroleerde
     // bestellingen ("Te controleren"). Goedgekeurd/afgewezen verschijnt in
     // de module Verwerkt.
@@ -111,16 +127,25 @@ export function MailboxProposalsPage() {
         refetchInterval: 60000,
         refetchOnWindowFocus: true,
     });
+    // Detail (mailtekst, bestelregels, veldwaarden) pas ophalen bij openen.
+    const fetchDetail = useServerFn(getProposalDetail);
+    const { data: detailData, isFetching: detailLoading } = useQuery({
+        queryKey: ["mailbox-proposal-detail", activeId],
+        enabled: !!activeId,
+        staleTime: 60000,
+        queryFn: () => fetchDetail({ data: { proposalId: activeId } }),
+    });
     const { data: templateData } = useQuery({
         queryKey: ["mailbox-template-fields"],
         queryFn: () => safe(() => fetchTemplate()),
+        ...refOpts,
     });
-    const { data: customersData } = useQuery({ queryKey: ["mailbox-customers"], queryFn: () => safe(() => fetchCustomers()) });
-    const { data: productsData } = useQuery({ queryKey: ["mailbox-products"], queryFn: () => safe(() => fetchProducts()) });
-    const { data: plantData } = useQuery({ queryKey: ["mailbox-plant-types"], queryFn: () => safe(() => fetchPlantTypes()) });
-    const { data: supplierData } = useQuery({ queryKey: ["mailbox-suppliers"], queryFn: () => safe(() => fetchSuppliers()) });
-    const { data: carriersData } = useQuery({ queryKey: ["mailbox-carriers"], queryFn: () => safe(() => fetchCarriers()) });
-    const { data: pickupLocData } = useQuery({ queryKey: ["mailbox-pickup-locations"], queryFn: () => safe(() => fetchPickupLocations()) });
+    const { data: customersData } = useQuery({ queryKey: ["mailbox-customers"], queryFn: () => safe(() => fetchCustomers()), ...refOpts });
+    const { data: productsData } = useQuery({ queryKey: ["mailbox-products"], queryFn: () => safe(() => fetchProducts()), ...refOpts });
+    const { data: plantData } = useQuery({ queryKey: ["mailbox-plant-types"], queryFn: () => safe(() => fetchPlantTypes()), ...refOpts });
+    const { data: supplierData } = useQuery({ queryKey: ["mailbox-suppliers"], queryFn: () => safe(() => fetchSuppliers()), ...refOpts });
+    const { data: carriersData } = useQuery({ queryKey: ["mailbox-carriers"], queryFn: () => safe(() => fetchCarriers()), ...refOpts });
+    const { data: pickupLocData } = useQuery({ queryKey: ["mailbox-pickup-locations"], queryFn: () => safe(() => fetchPickupLocations()), ...refOpts });
     const { data: activeMailbox } = useQuery({
         queryKey: ["mailbox-active-account"],
         queryFn: () => fetchActive(),
@@ -226,6 +251,7 @@ export function MailboxProposalsPage() {
             if (res?.ok) {
                 setReparseError(null);
                 qc.invalidateQueries({ queryKey: ["mailbox-proposals"] });
+                qc.invalidateQueries({ queryKey: ["mailbox-proposal-detail"] });
                 toast.success("E-mail opnieuw geanalyseerd — bestelgegevens bijgewerkt");
             }
             else {
@@ -257,6 +283,9 @@ export function MailboxProposalsPage() {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const items = Array.isArray(data?.items) ? data.items : [];
+    const pageCount = Math.max(1, Math.ceil(items.length / pageSize));
+    const currentPage = Math.min(page, pageCount);
+    const pagedItems = items.slice((currentPage - 1) * pageSize, currentPage * pageSize);
     const template = Array.isArray(templateData?.items) ? templateData.items : [];
     const customers = Array.isArray(customersData?.items) ? customersData.items : [];
     const products = Array.isArray(productsData?.items) ? productsData.items : [];
@@ -266,8 +295,8 @@ export function MailboxProposalsPage() {
     const suppliers = Array.isArray(supplierData?.items) ? supplierData.items : [];
     const carriers = Array.isArray(carriersData?.items) ? carriersData.items : [];
     const pickupLocations = Array.isArray(pickupLocData?.items) ? pickupLocData.items : [];
-    const [activeId, setActiveId] = useState(null);
-    const active = items.find((p) => p.id === activeId) ?? null;
+    const activeSummary = items.find((p) => p.id === activeId) ?? null;
+    const active = (detailData?.item ?? null);
     const statusLabel = (_s) => "Te controleren";
     const statusVariant = (_s) => "secondary";
     const customerNameFor = (p) => {
@@ -281,15 +310,15 @@ export function MailboxProposalsPage() {
         }
         return p.mailbox_messages?.from_name || p.mailbox_messages?.from_email || "Onbekend";
     };
-    return (_jsxs("div", { className: "p-6 flex flex-col gap-4 flex-1 min-h-0 overflow-hidden", children: [_jsx(MailboxAuthBanner, { active: activeMailbox }), _jsxs("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." })] }), _jsxs("div", { className: "flex items-center gap-3", children: [lastRun?.finished_at && (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["Laatste sync: ", new Date(lastRun.finished_at).toLocaleTimeString("nl-NL"), " \u2014 ", lastRun.processed, " verwerkt", lastRun.errors > 0 ? `, ${lastRun.errors} fouten` : ""] })), _jsxs(Button, { onClick: handleManualSync, disabled: syncMut.isPending, variant: "outline", children: [_jsx(RefreshCw, { className: `h-4 w-4 mr-2 ${syncMut.isPending ? "animate-spin" : ""}` }), "Sync nu"] })] })] }), _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." })) : (_jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Klantnaam" }), _jsx(TableHead, { children: "Orderdatum" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "text-right", children: "Orderwaarde" })] }) }), _jsx(TableBody, { children: items.map((p) => {
-                                        const fvs = Array.isArray(p.mailbox_proposal_field_values) ? p.mailbox_proposal_field_values : [];
-                                        const needsReview = fvs.some((v) => v.needs_review);
-                                        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) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: date ? new Date(date).toLocaleDateString("nl-NL") : "-" }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Badge, { variant: statusVariant(p.status), children: statusLabel(p.status) }), p.parsed_payload?.ai?.ok === true && (_jsx(Badge, { variant: "outline", className: "text-xs border-sky-500 text-sky-700", children: "AI" })), needsReview && (_jsxs(Badge, { variant: "outline", className: "text-xs border-yellow-500 text-yellow-700", children: [_jsx(AlertTriangle, { className: "h-3 w-3 mr-1" }), "Controleren"] }))] }) }), _jsx(TableCell, { className: "text-right text-sm text-muted-foreground", children: "\u2014" })] }, p.id));
-                                    }) })] }) }) })) }), _jsx(Dialog, { open: !!active, onOpenChange: (o) => { if (!o) {
+    return (_jsxs("div", { className: "p-6 flex flex-col gap-4 flex-1 min-h-0 overflow-hidden", children: [_jsx(MailboxAuthBanner, { active: activeMailbox }), _jsxs("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." })] }), _jsxs("div", { className: "flex items-center gap-3", children: [lastRun?.finished_at && (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["Laatste sync: ", new Date(lastRun.finished_at).toLocaleTimeString("nl-NL"), " \u2014 ", lastRun.processed, " verwerkt", lastRun.errors > 0 ? `, ${lastRun.errors} fouten` : ""] })), _jsxs(Button, { onClick: handleManualSync, disabled: syncMut.isPending, variant: "outline", children: [_jsx(RefreshCw, { className: `h-4 w-4 mr-2 ${syncMut.isPending ? "animate-spin" : ""}` }), "Sync nu"] })] })] }), _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." })) : (_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: "Orderdatum" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "text-right", children: "Orderwaarde" })] }) }), _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);
+                                            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) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: date ? new Date(date).toLocaleDateString("nl-NL") : "-" }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Badge, { variant: statusVariant(p.status), children: statusLabel(p.status) }), String(p.ai_ok) === "true" && (_jsx(Badge, { variant: "outline", className: "text-xs border-sky-500 text-sky-700", children: "AI" })), needsReview && (_jsxs(Badge, { variant: "outline", className: "text-xs border-yellow-500 text-yellow-700", children: [_jsx(AlertTriangle, { className: "h-3 w-3 mr-1" }), "Controleren"] }))] }) }), _jsx(TableCell, { className: "text-right text-sm text-muted-foreground", children: "\u2014" })] }, p.id));
+                                        }) })] }), _jsx(TablePagination, { total: items.length, page: currentPage, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] }) })) }), _jsx(Dialog, { open: !!activeId, onOpenChange: (o) => { if (!o) {
                     setActiveId(null);
                     setReparseError(null);
-                } }, children: _jsx(DialogContent, { className: "max-w-[95vw] w-[95vw] h-[92vh] max-h-[92vh] p-0 flex flex-col overflow-hidden", children: active && (_jsxs(_Fragment, { children: [_jsxs(DialogHeader, { className: "px-6 pt-6 pb-3 shrink-0 border-b", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx(DialogTitle, { children: customerNameFor(active) }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "mr-8", disabled: reparseMutation.isPending, onClick: () => reparseMutation.mutate(active.id), children: [_jsx(RefreshCw, { className: `h-4 w-4 mr-2 ${reparseMutation.isPending ? "animate-spin" : ""}` }), reparseMutation.isPending ? "Analyseren…" : "Mail opnieuw analyseren"] })] }), reparseError && (_jsxs("div", { className: "mt-2 flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "h-4 w-4 mt-0.5 shrink-0" }), _jsx("span", { children: reparseError })] }))] }), _jsx("div", { className: "flex-1 min-h-0 overflow-hidden p-6", children: _jsx(ProposalEditor, { proposal: active, template: template, customers: customers, products: products, allowBackorder: allowBackorder, plantTypes: plantTypes, suppliers: suppliers, carriers: carriers, pickupLocations: pickupLocations, onApprove: async (payload) => {
+                } }, children: _jsx(DialogContent, { className: "max-w-[95vw] w-[95vw] h-[92vh] max-h-[92vh] p-0 flex flex-col overflow-hidden", children: !active ? (_jsxs("div", { className: "flex-1 flex flex-col items-center justify-center gap-2 text-sm text-muted-foreground", children: [_jsx(DialogTitle, { className: "text-base", children: "Bestelling" }), detailLoading ? "Bestelling laden…" : "Bestelling niet gevonden."] })) : (_jsxs(_Fragment, { children: [_jsxs(DialogHeader, { className: "px-6 pt-6 pb-3 shrink-0 border-b", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx(DialogTitle, { children: customerNameFor(activeSummary ?? active) }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "mr-8", disabled: reparseMutation.isPending, onClick: () => reparseMutation.mutate(active.id), children: [_jsx(RefreshCw, { className: `h-4 w-4 mr-2 ${reparseMutation.isPending ? "animate-spin" : ""}` }), reparseMutation.isPending ? "Analyseren…" : "Mail opnieuw analyseren"] })] }), reparseError && (_jsxs("div", { className: "mt-2 flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "h-4 w-4 mt-0.5 shrink-0" }), _jsx("span", { children: reparseError })] }))] }), _jsx("div", { className: "flex-1 min-h-0 overflow-hidden p-6", children: _jsx(ProposalEditor, { proposal: active, template: template, customers: customers, products: products, allowBackorder: allowBackorder, plantTypes: plantTypes, suppliers: suppliers, carriers: carriers, pickupLocations: pickupLocations, onApprove: async (payload) => {
                                         try {
                                             const res = await fetchApprove({ data: payload });
                                             const shortages = Array.isArray(res?.shortages) ? res.shortages : [];
@@ -613,7 +642,7 @@ function ProposalEditor({ proposal, template, customers, products, allowBackorde
             setSubmitting(false);
         }
     };
-    return (_jsxs("div", { className: "grid grid-cols-2 gap-4 h-full min-h-0", children: [_jsxs(Card, { className: "flex flex-col min-h-0 overflow-hidden", children: [_jsxs(CardHeader, { className: "shrink-0", children: [_jsx(CardTitle, { className: "text-base", children: msg.subject || "(geen onderwerp)" }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [msg.from_name, " <", msg.from_email, "> \u00B7", " ", msg.received_at ? new Date(msg.received_at).toLocaleString("nl-NL") : ""] })] }), _jsx(CardContent, { className: "flex-1 min-h-0 overflow-y-auto overscroll-contain", children: _jsx("pre", { className: "text-sm whitespace-pre-wrap font-sans", children: msg.body_text || "(geen tekst)" }) })] }), _jsxs(Card, { className: "flex flex-col min-h-0 overflow-hidden", children: [_jsx(CardHeader, { className: "shrink-0", children: _jsx(CardTitle, { className: "text-base", children: "Bestelvoorstel" }) }), _jsxs(CardContent, { className: "space-y-4 flex-1 min-h-0 overflow-y-auto overscroll-contain", children: [(() => {
+    return (_jsxs("div", { className: "grid grid-cols-2 gap-4 h-full min-h-0", children: [_jsx(Card, { className: "flex flex-col min-h-0 overflow-hidden", children: _jsx(CardContent, { className: "flex-1 min-h-0 p-4", children: _jsx(EmailPreview, { subject: msg.subject, fromName: msg.from_name, fromEmail: msg.from_email, receivedAt: msg.received_at, to: Array.isArray(msg.to_recipients) ? msg.to_recipients : [], cc: Array.isArray(msg.cc_recipients) ? msg.cc_recipients : [], bodyHtml: msg.body_html, bodyText: msg.body_text, attachments: Array.isArray(msg.attachments) ? msg.attachments : [], hasAttachments: msg.has_attachments === true }) }) }), _jsxs(Card, { className: "flex flex-col min-h-0 overflow-hidden", children: [_jsx(CardHeader, { className: "shrink-0", children: _jsx(CardTitle, { className: "text-base", children: "Bestelvoorstel" }) }), _jsxs(CardContent, { className: "space-y-4 flex-1 min-h-0 overflow-y-auto overscroll-contain", children: [(() => {
                                 // Klantveld staat altijd bovenaan, ook als het template (nog) leeg is.
                                 const customerField = visibleFields.find((f) => f.key === "customer") ?? {
                                     id: "customer",

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

@@ -0,0 +1,12 @@
+export declare const PAGE_SIZE_OPTIONS: number[];
+type Props = {
+    total: number;
+    page: number;
+    pageSize: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+};
+/** Paginering onderaan een tabel: "1–14 van 14 · Per pagina · Vorige/Volgende". */
+export declare function TablePagination({ total, page, pageSize, onPageChange, onPageSizeChange, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TablePagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../src/components/TablePagination.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,iBAAiB,UAAoB,CAAC;AAEnD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,mFAAmF;AACnF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,gBAAgB,GACjB,EAAE,KAAK,+BAqDP"}

package/dist-lib/components/TablePagination.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+export const PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+/** Paginering onderaan een tabel: "1–14 van 14 · Per pagina · Vorige/Volgende". */
+export function TablePagination({ total, page, pageSize, onPageChange, onPageSizeChange, }) {
+    const pageCount = Math.max(1, Math.ceil(total / pageSize));
+    const current = Math.min(Math.max(1, page), pageCount);
+    const from = total === 0 ? 0 : (current - 1) * pageSize + 1;
+    const to = Math.min(current * pageSize, total);
+    return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t px-4 py-2 text-sm", children: [_jsxs("span", { className: "text-muted-foreground", children: [from, "\u2013", to, " van ", total] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-muted-foreground", children: "Per pagina" }), _jsxs(Select, { value: String(pageSize), onValueChange: (v) => {
+                            onPageSizeChange(Number(v));
+                            onPageChange(1);
+                        }, children: [_jsx(SelectTrigger, { className: "h-8 w-[80px]", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PAGE_SIZE_OPTIONS.map((n) => (_jsx(SelectItem, { value: String(n), children: n }, n))) })] }), _jsx(Button, { size: "sm", variant: "outline", disabled: current <= 1, onClick: () => onPageChange(current - 1), children: "Vorige" }), _jsxs("span", { className: "text-muted-foreground", children: [current, " / ", pageCount] }), _jsx(Button, { size: "sm", variant: "outline", disabled: current >= pageCount, onClick: () => onPageChange(current + 1), children: "Volgende" })] })] }));
+}

package/dist-lib/index.d.ts

@@ -3,5 +3,7 @@ export * from "./_core-safelist";
 export { MailboxProposalsPage } from "./components/MailboxProposalsPage";
 export { SearchableSelect } from "./components/SearchableSelect";
 export { MailboxProcessedPage } from "./components/MailboxProcessedPage";
+export { EmailPreview } from "./components/EmailPreview";
+export { TablePagination } from "./components/TablePagination";
 export declare const mailboxOrdersModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE,eAAO,MAAM,mBAAmB,EAAE,UAmBjC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,eAAO,MAAM,mBAAmB,EAAE,UAmBjC,CAAC"}

package/dist-lib/index.js

@@ -8,6 +8,8 @@ export * from "./_core-safelist";
 export { MailboxProposalsPage } from "./components/MailboxProposalsPage";
 export { SearchableSelect } from "./components/SearchableSelect";
 export { MailboxProcessedPage } from "./components/MailboxProcessedPage";
+export { EmailPreview } from "./components/EmailPreview";
+export { TablePagination } from "./components/TablePagination";
 export const mailboxOrdersModule = {
     id: "mailbox_orders",
     name: "Mailbox bestellingen",

package/dist-lib/integrations/supabase/client.d.ts

@@ -9417,14 +9417,17 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
         };
         mailbox_messages: {
             Row: {
+                attachments: import("./types").Json;
                 body_html: string | null;
                 body_text: string | null;
+                cc_recipients: import("./types").Json;
                 connection_id: string | null;
                 created_at: string;
                 error_message: string | null;
                 external_id: string | null;
                 from_email: string | null;
                 from_name: string | null;
+                has_attachments: boolean;
                 id: string;
                 message_id: string | null;
                 profile_id: string | null;
@@ -9432,18 +9435,22 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
                 received_at: string | null;
                 status: string;
                 subject: string | null;
+                to_recipients: import("./types").Json;
                 uid: number | null;
                 updated_at: string;
             };
             Insert: {
+                attachments?: import("./types").Json;
                 body_html?: string | null;
                 body_text?: string | null;
+                cc_recipients?: import("./types").Json;
                 connection_id?: string | null;
                 created_at?: string;
                 error_message?: string | null;
                 external_id?: string | null;
                 from_email?: string | null;
                 from_name?: string | null;
+                has_attachments?: boolean;
                 id?: string;
                 message_id?: string | null;
                 profile_id?: string | null;
@@ -9451,18 +9458,22 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
                 received_at?: string | null;
                 status?: string;
                 subject?: string | null;
+                to_recipients?: import("./types").Json;
                 uid?: number | null;
                 updated_at?: string;
             };
             Update: {
+                attachments?: import("./types").Json;
                 body_html?: string | null;
                 body_text?: string | null;
+                cc_recipients?: import("./types").Json;
                 connection_id?: string | null;
                 created_at?: string;
                 error_message?: string | null;
                 external_id?: string | null;
                 from_email?: string | null;
                 from_name?: string | null;
+                has_attachments?: boolean;
                 id?: string;
                 message_id?: string | null;
                 profile_id?: string | null;
@@ -9470,6 +9481,7 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
                 received_at?: string | null;
                 status?: string;
                 subject?: string | null;
+                to_recipients?: import("./types").Json;
                 uid?: number | null;
                 updated_at?: string;
             };
@@ -9877,6 +9889,36 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
             };
             Relationships: [];
         };
+        module_registry: {
+            Row: {
+                created_at: string;
+                is_active: boolean;
+                last_seen_at: string;
+                module_id: string;
+                name: string;
+                shell_id: string | null;
+                sort_order: number | null;
+            };
+            Insert: {
+                created_at?: string;
+                is_active?: boolean;
+                last_seen_at?: string;
+                module_id: string;
+                name: string;
+                shell_id?: string | null;
+                sort_order?: number | null;
+            };
+            Update: {
+                created_at?: string;
+                is_active?: boolean;
+                last_seen_at?: string;
+                module_id?: string;
+                name?: string;
+                shell_id?: string | null;
+                sort_order?: number | null;
+            };
+            Relationships: [];
+        };
         module_runtime_config: {
             Row: {
                 key: string;
@@ -12487,6 +12529,33 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
             };
             Relationships: [];
         };
+        print_queue_settings: {
+            Row: {
+                bewaar_bestanden_dagen: number;
+                bewaar_opdrachten_dagen: number;
+                created_at: string;
+                dubbel_venster_minuten: number;
+                id: string;
+                updated_at: string;
+            };
+            Insert: {
+                bewaar_bestanden_dagen?: number;
+                bewaar_opdrachten_dagen?: number;
+                created_at?: string;
+                dubbel_venster_minuten?: number;
+                id?: string;
+                updated_at?: string;
+            };
+            Update: {
+                bewaar_bestanden_dagen?: number;
+                bewaar_opdrachten_dagen?: number;
+                created_at?: string;
+                dubbel_venster_minuten?: number;
+                id?: string;
+                updated_at?: string;
+            };
+            Relationships: [];
+        };
         print_rules: {
             Row: {
                 actief: boolean;
@@ -16429,6 +16498,33 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
                 referencedColumns: ["id"];
             }];
         };
+        user_module_permissions: {
+            Row: {
+                created_at: string;
+                id: string;
+                module_id: string;
+                permission: string;
+                updated_at: string;
+                user_id: string;
+            };
+            Insert: {
+                created_at?: string;
+                id?: string;
+                module_id: string;
+                permission: string;
+                updated_at?: string;
+                user_id: string;
+            };
+            Update: {
+                created_at?: string;
+                id?: string;
+                module_id?: string;
+                permission?: string;
+                updated_at?: string;
+                user_id?: string;
+            };
+            Relationships: [];
+        };
         user_roles: {
             Row: {
                 created_at: string;
@@ -18613,6 +18709,13 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
             };
             Returns: import("./types").Json;
         };
+        effective_module_permission: {
+            Args: {
+                _module_id: string;
+                _user_id: string;
+            };
+            Returns: string;
+        };
         email_auth_decrypt: {
             Args: {
                 cipher: string;
@@ -19751,6 +19854,13 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
             };
             Returns: undefined;
         };
+        my_module_permissions: {
+            Args: never;
+            Returns: {
+                module_id: string;
+                permission: string;
+            }[];
+        };
         next_manufacture_partij: {
             Args: {
                 _tenant_id: string;
@@ -19801,6 +19911,13 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
             };
             Returns: boolean;
         };
+        opruim_print_historie: {
+            Args: never;
+            Returns: {
+                ontdaan: number;
+                verwijderd: number;
+            }[];
+        };
         order_number_prefix: {
             Args: {
                 p_custom_fields?: import("./types").Json;
@@ -20644,6 +20761,15 @@ export declare const supabase: import("@supabase/supabase-js").SupabaseClient<Da
             };
             Returns: undefined;
         };
+        trade_item_stock_duplicates: {
+            Args: never;
+            Returns: {
+                keys: string[];
+                product_id: string;
+                product_name: string;
+                row_count: number;
+            }[];
+        };
         try_debtor_lock: {
             Args: {
                 _group_key: string;