@flowselections/mailbox-orders 1.0.30 → 1.0.33

package/dist-lib/components/MailboxSkippedPage.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Badge, Button, Card, CardContent, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
+import { listSkippedMessages, analyzeMessageNow } from "../lib/mailbox.functions.js";
+import { TablePagination } from "./TablePagination.js";
+import { MailboxFilterBar, usePersistedState, normalizeText, matchesPeriod } from "./MailboxFilterBar.js";
+const statusOf = (m) => m.analysis_state === "wacht"
+    ? { label: "Wacht op analyse", tone: "amber" }
+    : m.filter_outcome === "geen_bestelling"
+        ? { label: "Geen bestelling", tone: "grey" }
+        : { label: "Overgeslagen", tone: "grey" };
+export function MailboxSkippedPage() {
+    const qc = useQueryClient();
+    const fetchList = useServerFn(listSkippedMessages);
+    const analyze = useServerFn(analyzeMessageNow);
+    const { data, isLoading, error } = useQuery({
+        queryKey: ["mailbox-skipped"],
+        queryFn: () => fetchList(),
+        refetchInterval: 60000,
+    });
+    const items = Array.isArray(data?.items) ? data.items : [];
+    const [busyId, setBusyId] = useState(null);
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(25);
+    const [search, setSearch] = usePersistedState("mailbox-skipped:search", "");
+    const [period, setPeriod] = usePersistedState("mailbox-skipped:period", "all");
+    const [sortOrder, setSortOrder] = usePersistedState("mailbox-skipped:sort", "date-desc");
+    const filtered = useMemo(() => {
+        const q = normalizeText(search).trim();
+        return items
+            .filter((m) => matchesPeriod(m.received_at, period))
+            .filter((m) => {
+            if (!q)
+                return true;
+            const hay = normalizeText([m.from_email, m.from_name, m.subject, m.preview, m.filter_reason].join(" "));
+            return q.split(/\s+/).every((t) => hay.includes(t));
+        })
+            .sort((a, b) => sortOrder === "date-desc"
+            ? String(b.received_at ?? "").localeCompare(String(a.received_at ?? ""))
+            : String(a.received_at ?? "").localeCompare(String(b.received_at ?? "")));
+    }, [items, search, period, sortOrder]);
+    const waiting = items.filter((m) => m.analysis_state === "wacht").length;
+    const pageCount = Math.max(1, Math.ceil(filtered.length / pageSize));
+    const current = Math.min(page, pageCount);
+    const paged = filtered.slice((current - 1) * pageSize, current * pageSize);
+    const run = async (id) => {
+        setBusyId(id);
+        try {
+            const res = await analyze({ data: { messageId: id } });
+            if (res?.ok) {
+                toast.success("Mail geanalyseerd. Je vindt hem nu bij Voorstellen.");
+                void qc.invalidateQueries({ queryKey: ["mailbox-skipped"] });
+                void qc.invalidateQueries({ queryKey: ["mailbox-proposals"] });
+            }
+            else
+                toast.error(res?.error ?? "Analyseren mislukt");
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Analyseren mislukt");
+        }
+        finally {
+            setBusyId(null);
+        }
+    };
+    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: [_jsxs("div", { className: "shrink-0", children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Overgeslagen" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Mails die niet automatisch zijn geanalyseerd, met de reden. Klopt het niet? Gebruik \"Toch analyseren\"." })] }), waiting > 0 && (_jsxs("div", { className: "shrink-0 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800", children: [waiting, " mail(s) wachten op analyse, omdat de limiet is bereikt of automatisch analyseren uit staat."] })), items.length > 0 && (_jsx(MailboxFilterBar, { search: search, onSearchChange: setSearch, period: period, onPeriodChange: setPeriod, sortOrder: sortOrder, onSortOrderChange: setSortOrder, filteredCount: filtered.length, totalCount: items.length, countLabel: "mails", onClear: () => { setSearch(""); setPeriod("all"); setSortOrder("date-desc"); }, hasActiveFilters: !!search || period !== "all" || sortOrder !== "date-desc" })), _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..." })) : error ? (_jsx("p", { className: "text-destructive text-sm", children: "De lijst kon niet worden opgehaald." })) : filtered.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: "Geen overgeslagen mails." })) : (_jsx(Card, { children: _jsxs(CardContent, { className: "p-0", children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Afzender" }), _jsx(TableHead, { children: "Bericht" }), _jsx(TableHead, { children: "Ontvangen" }), _jsx(TableHead, { children: "Reden" }), _jsx(TableHead, {})] }) }), _jsx(TableBody, { children: paged.map((m) => {
+                                            const st = statusOf(m);
+                                            return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "text-sm", children: m.from_name || m.from_email || "Onbekend" }), _jsxs(TableCell, { className: "max-w-sm", children: [_jsx("div", { className: "truncate text-sm font-medium", children: m.subject || "(geen onderwerp)" }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: m.preview || "" })] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: m.received_at ? new Date(m.received_at).toLocaleDateString("nl-NL") : "-" }), _jsxs(TableCell, { className: "max-w-xs", children: [_jsx(Badge, { variant: "outline", className: st.tone === "amber" ? "border-amber-300 bg-amber-50 text-amber-800" : "", children: st.label }), _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: m.analysis_note || m.filter_reason })] }), _jsx(TableCell, { children: _jsx(Button, { size: "sm", variant: "outline", disabled: busyId === m.id, onClick: () => run(m.id), children: busyId === m.id ? "Bezig…" : m.analysis_state === "wacht" ? "Nu analyseren" : "Toch analyseren" }) })] }, m.id));
+                                        }) })] }), _jsx(TablePagination, { total: filtered.length, page: current, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] }) })) })] }));
+}

package/dist-lib/components/settings/MailboxFilterSettingsCard.d.ts

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

package/dist-lib/components/settings/MailboxFilterSettingsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailboxFilterSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/MailboxFilterSettingsCard.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,yBAAyB,gCAyHxC"}

package/dist-lib/components/settings/MailboxFilterSettingsCard.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Label, Textarea, Input, Switch, toast, } from "@flowselections/core";
+import { getMailboxFilterSettings, saveMailboxFilterSettings, countLikelyFakeProposals, } from "../../lib/mailbox-filter-settings.functions.js";
+const LISTS = [
+    { key: "order_keywords", label: "Bestelwoorden", help: "Eén per regel. Woorden die op een bestelling wijzen (NL, EN, DE)." },
+    { key: "order_patterns", label: "Bestelpatronen", help: "Eén per regel. Zoekpatronen, bijvoorbeeld een aantal gevolgd door fust of stuks." },
+    { key: "negative_keywords", label: "Woorden voor nieuwsbrieven en bonnen", help: "Komt een van deze woorden voor bij een onbekende afzender, dan is het geen bestelling." },
+    { key: "skip_senders", label: "Afzenders overslaan", help: "Eén per regel. Een volledig adres, of een deel zoals noreply." },
+    { key: "skip_domains", label: "Domeinen overslaan", help: "Eén per regel, bijvoorbeeld een webwinkel of vervoersdienst." },
+];
+const NUMBERS = [
+    { key: "max_ai_per_day", label: "Maximaal aantal AI-analyses per dag" },
+    { key: "max_ai_per_month", label: "Maximaal aantal AI-analyses per maand" },
+    { key: "min_signals_unknown", label: "Benodigde bestel-signalen bij een onbekende afzender" },
+    { key: "max_candidates", label: "Aantal productkandidaten voor de AI" },
+    { key: "max_retry_attempts", label: "Pogingen per analyse bij een storing" },
+    { key: "max_retries_per_run", label: "Herstelpogingen per ronde" },
+    { key: "max_agent_reparse", label: "Automatisch opnieuw analyseren na wijziging AI (0 = alleen via knop)" },
+    { key: "duplicate_days", label: "Dagen terugkijken voor 'Mogelijk dubbel'" },
+    { key: "conf_green", label: "Drempel groen (0 tot 1)", step: "0.05" },
+    { key: "conf_orange", label: "Drempel oranje (0 tot 1)", step: "0.05" },
+];
+export function MailboxFilterSettingsCard() {
+    const qc = useQueryClient();
+    const fetchSettings = useServerFn(getMailboxFilterSettings);
+    const save = useServerFn(saveMailboxFilterSettings);
+    const fetchCount = useServerFn(countLikelyFakeProposals);
+    const { data, error } = useQuery({ queryKey: ["mailbox-filter-settings"], queryFn: () => fetchSettings() });
+    const [form, setForm] = useState(null);
+    const [count, setCount] = useState(null);
+    const [counting, setCounting] = useState(false);
+    useEffect(() => {
+        if (!data?.settings || form)
+            return;
+        const s = data.settings;
+        const f = { ...s, auto_analyze: data.auto_analyze };
+        for (const l of LISTS)
+            f[l.key] = (Array.isArray(s[l.key]) ? s[l.key] : []).join("\n");
+        setForm(f);
+    }, [data, form]);
+    const mut = useMutation({
+        mutationFn: async () => {
+            const f = form;
+            const payload = {
+                domain_match: !!f.domain_match,
+                analyze_unknown_with_signals: !!f.analyze_unknown_with_signals,
+                auto_analyze: !!f.auto_analyze,
+            };
+            for (const l of LISTS)
+                payload[l.key] = String(f[l.key] ?? "").split("\n").map((x) => x.trim()).filter(Boolean);
+            for (const n of NUMBERS)
+                payload[n.key] = Number(f[n.key]);
+            return save({ data: payload });
+        },
+        onSuccess: () => {
+            toast.success("Instellingen opgeslagen");
+            void qc.invalidateQueries({ queryKey: ["mailbox-filter-settings"] });
+        },
+        onError: (e) => toast.error(e?.message ?? "Opslaan mislukt"),
+    });
+    const set = (k, v) => setForm((p) => ({ ...(p ?? {}), [k]: v }));
+    const u = data?.usage;
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Voorfilter en kosten bestelmails" }), _jsx(CardDescription, { children: "Bepaalt welke mails de AI leest en hoeveel analyses er maximaal mogen. Mails die geen bestelling zijn, kosten geen AI-analyse." })] }), _jsxs(CardContent, { className: "space-y-5", children: [error && _jsx("p", { className: "text-sm text-destructive", children: "De instellingen konden niet worden geladen." }), u && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 text-sm grid gap-1 sm:grid-cols-2", children: [_jsxs("div", { children: ["AI-analyses deze maand: ", _jsx("strong", { children: u.month_analyses }), form ? ` van ${form.max_ai_per_month}` : ""] }), _jsxs("div", { children: ["Vandaag: ", _jsx("strong", { children: u.today_analyses }), form ? ` van ${form.max_ai_per_day}` : ""] }), _jsxs("div", { children: ["Tokens deze maand: ", Number(u.input_tokens).toLocaleString("nl-NL"), " in \u00B7 ", Number(u.output_tokens).toLocaleString("nl-NL"), " uit"] }), _jsxs("div", { children: ["AI-aanroepen volgens het AI-logboek: ", u.ai_calls_month] }), u.test_analyses > 0 && _jsxs("div", { children: ["Waarvan testset: ", u.test_analyses] }), u.waiting > 0 && _jsxs("div", { className: "text-amber-700", children: ["Wachten op analyse: ", u.waiting] })] })), form && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("label", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-sm", children: "Automatisch analyseren" }), _jsx(Switch, { checked: !!form.auto_analyze, onCheckedChange: (v) => set("auto_analyze", v) })] }), _jsxs("label", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-sm", children: "Onbekende afzender met bestel-signalen ook analyseren" }), _jsx(Switch, { checked: !!form.analyze_unknown_with_signals, onCheckedChange: (v) => set("analyze_unknown_with_signals", v) })] }), _jsxs("label", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-sm", children: "Klant herkennen op domein van het e-mailadres" }), _jsx(Switch, { checked: !!form.domain_match, onCheckedChange: (v) => set("domain_match", v) })] })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: NUMBERS.map((n) => (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: n.label }), _jsx(Input, { type: "number", step: n.step ?? "1", value: form[n.key] ?? "", onChange: (e) => set(n.key, e.target.value) })] }, n.key))) }), LISTS.map((l) => (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: l.label }), _jsx(Textarea, { rows: 4, className: "font-mono text-xs", value: form[l.key] ?? "", onChange: (e) => set(l.key, e.target.value) }), _jsx("p", { className: "text-xs text-muted-foreground", children: l.help })] }, l.key))), _jsx(Button, { onClick: () => mut.mutate(), disabled: mut.isPending, children: mut.isPending ? "Opslaan..." : "Opslaan" })] })), _jsxs("div", { className: "border-t pt-4 space-y-2", children: [_jsx(Label, { children: "Bestaande voorstellen tellen" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Telt hoeveel openstaande voorstellen het filter nu als \"geen bestelling\" zou zien. Er wordt niets verborgen of verwijderd." }), _jsx(Button, { variant: "outline", disabled: counting, onClick: async () => {
+                                    setCounting(true);
+                                    try {
+                                        setCount(await fetchCount());
+                                    }
+                                    catch (e) {
+                                        toast.error(e?.message ?? "Tellen mislukt");
+                                    }
+                                    finally {
+                                        setCounting(false);
+                                    }
+                                }, children: counting ? "Tellen…" : "Tellen" }), count && (_jsxs("div", { className: "text-sm", children: [count.total, " openstaand \u00B7 ", count.known, " van een bekende klant \u00B7 ", count.wouldSkip, " zou het filter overslaan \u00B7 ", count.withSignals, " onbekend met bestel-signalen"] }))] })] })] }));
+}

package/dist-lib/components/settings/MailboxTestSetCard.d.ts

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

package/dist-lib/components/settings/MailboxTestSetCard.d.ts.map

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

package/dist-lib/components/settings/MailboxTestSetCard.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Badge, Input, Label, Textarea, Switch, toast, } from "@flowselections/core";
+import { listTestCases, runTestCase, saveTestCase, deleteTestCase } from "../../lib/mailbox-filter-settings.functions.js";
+export function MailboxTestSetCard() {
+    const qc = useQueryClient();
+    const fetchCases = useServerFn(listTestCases);
+    const runOne = useServerFn(runTestCase);
+    const save = useServerFn(saveTestCase);
+    const remove = useServerFn(deleteTestCase);
+    const { data } = useQuery({ queryKey: ["mailbox-test-cases"], queryFn: () => fetchCases() });
+    const cases = Array.isArray(data?.items) ? data.items : [];
+    const [running, setRunning] = useState(null);
+    const [summary, setSummary] = useState(null);
+    const [edit, setEdit] = useState(null);
+    const [openId, setOpenId] = useState(null);
+    const runAll = async () => {
+        let passed = 0, analyses = 0, tokens = 0;
+        for (const c of cases) {
+            setRunning(c.id);
+            try {
+                const r = await runOne({ data: { id: c.id } });
+                if (r?.passed)
+                    passed++;
+                if (r?.analyzed)
+                    analyses++;
+                tokens += Number(r?.tokens?.input ?? 0) + Number(r?.tokens?.output ?? 0);
+            }
+            catch (e) {
+                toast.error(`${c.name}: ${e?.message ?? "mislukt"}`);
+            }
+        }
+        setRunning(null);
+        setSummary({ passed, total: cases.length, analyses, tokens });
+        void qc.invalidateQueries({ queryKey: ["mailbox-test-cases"] });
+    };
+    const saveEdit = async () => {
+        try {
+            const expected = JSON.parse(edit.expectedText || "{}");
+            await save({
+                data: {
+                    id: edit.id,
+                    name: edit.name,
+                    subject: edit.subject ?? "",
+                    from_email: edit.from_email ?? "",
+                    body_text: edit.body_text ?? "",
+                    has_attachment: !!edit.has_attachment,
+                    expected,
+                },
+            });
+            setEdit(null);
+            void qc.invalidateQueries({ queryKey: ["mailbox-test-cases"] });
+            toast.success("Voorbeeld opgeslagen");
+        }
+        catch (e) {
+            toast.error(e?.message?.includes("JSON") ? "De verwachte uitkomst is geen geldige invoer." : e?.message ?? "Opslaan mislukt");
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Testset bestelmails" }), _jsx(CardDescription, { children: "Voorbeeldmails met de verwachte uitkomst. \"Testset draaien\" doorloopt filter en uitlezen, maar maakt geen voorstellen of orders aan." })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { onClick: runAll, disabled: !!running || cases.length === 0, children: running ? "Bezig…" : "Testset draaien" }), _jsx(Button, { variant: "outline", onClick: () => setEdit({ name: "", subject: "", from_email: "", body_text: "", has_attachment: false, expectedText: '{"is_order": true}' }), children: "Voorbeeld toevoegen" })] }), summary && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 text-sm", children: [summary.passed, " van ", summary.total, " goed \u00B7 ", summary.analyses, " AI-analyses \u00B7 ", summary.tokens.toLocaleString("nl-NL"), " tokens"] })), _jsx("div", { className: "divide-y rounded-md border", children: cases.map((c) => {
+                            const r = c.last_result;
+                            return (_jsxs("div", { className: "p-3 text-sm space-y-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("button", { type: "button", className: "text-left font-medium", onClick: () => setOpenId(openId === c.id ? null : c.id), children: c.name }), _jsxs("div", { className: "flex items-center gap-2", children: [running === c.id ? (_jsx(Badge, { variant: "outline", children: "Bezig\u2026" })) : r ? (_jsx(Badge, { variant: "outline", className: r.passed ? "border-emerald-300 bg-emerald-50 text-emerald-800" : "border-destructive/40 text-destructive", children: r.passed ? "Goed" : "Fout" })) : null, _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setEdit({ ...c, expectedText: JSON.stringify(c.expected ?? {}, null, 2) }), children: "Wijzigen" })] })] }), r && _jsxs("div", { className: "text-xs text-muted-foreground", children: [r.filter?.reason, r.analyzed ? ` · ${Number(r.tokens?.input ?? 0) + Number(r.tokens?.output ?? 0)} tokens` : " · geen AI-analyse"] }), openId === c.id && r && Array.isArray(r.checks) && (_jsx("ul", { className: "text-xs space-y-0.5 pt-1", children: r.checks.map((k, i) => (_jsxs("li", { className: k.ok ? "text-emerald-700" : "text-destructive", children: [k.ok ? "Goed" : "Fout", " \u2014 ", k.field, ": verwacht ", JSON.stringify(k.expected), ", gevonden ", JSON.stringify(k.actual)] }, i))) }))] }, c.id));
+                        }) }), edit && (_jsxs("div", { className: "rounded-md border p-3 space-y-2", children: [_jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Naam" }), _jsx(Input, { value: edit.name, onChange: (e) => setEdit({ ...edit, name: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Afzender" }), _jsx(Input, { value: edit.from_email, onChange: (e) => setEdit({ ...edit, from_email: e.target.value }) })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Onderwerp" }), _jsx(Input, { value: edit.subject, onChange: (e) => setEdit({ ...edit, subject: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Tekst" }), _jsx(Textarea, { rows: 6, value: edit.body_text, onChange: (e) => setEdit({ ...edit, body_text: e.target.value }) })] }), _jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Switch, { checked: !!edit.has_attachment, onCheckedChange: (v) => setEdit({ ...edit, has_attachment: v }) }), " Met bijlage"] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: "Verwachte uitkomst" }), _jsx(Textarea, { rows: 6, className: "font-mono text-xs", value: edit.expectedText, onChange: (e) => setEdit({ ...edit, expectedText: e.target.value }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Bijvoorbeeld: is_order, known_sender, delivery_date, reference, en lines met quantity, unit, plants en unit_price." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { onClick: saveEdit, children: "Opslaan" }), _jsx(Button, { variant: "outline", onClick: () => setEdit(null), children: "Annuleren" }), edit.id && (_jsx(Button, { variant: "destructive", onClick: async () => {
+                                            await remove({ data: { id: edit.id } });
+                                            setEdit(null);
+                                            void qc.invalidateQueries({ queryKey: ["mailbox-test-cases"] });
+                                        }, children: "Verwijderen" }))] })] }))] })] }));
+}

package/dist-lib/index.d.ts

@@ -3,6 +3,7 @@ export * from "./_core-safelist.js";
 export { MailboxProposalsPage } from "./components/MailboxProposalsPage.js";
 export { SearchableSelect } from "./components/SearchableSelect.js";
 export { MailboxProcessedPage } from "./components/MailboxProcessedPage.js";
+export { MailboxSkippedPage } from "./components/MailboxSkippedPage.js";
 export { EmailPreview } from "./components/EmailPreview.js";
 export { TablePagination } from "./components/TablePagination.js";
 export { MailboxFilterBar } from "./components/MailboxFilterBar.js";

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;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,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;AAMvD,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,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,eAAO,MAAM,mBAAmB,EAAE,UAsBjC,CAAC"}

package/dist-lib/index.js

@@ -1,20 +1,23 @@
 // ============================================================================
 // src/index.ts — MODULE CONTRACT (Mailbox bestellingen)
 // ============================================================================
-import { Mail, ClipboardCheck, CheckCircle2 } from "lucide-react";
+import { Mail, ClipboardCheck, CheckCircle2, MailX } from "lucide-react";
 import { MailboxOrderTemplateCard } from "./components/settings/MailboxOrderTemplateCard.js";
 import { MailboxAiPromptCard } from "./components/settings/MailboxAiPromptCard.js";
+import { MailboxFilterSettingsCard } from "./components/settings/MailboxFilterSettingsCard.js";
+import { MailboxTestSetCard } from "./components/settings/MailboxTestSetCard.js";
 export * from "./_core-safelist.js";
 export { MailboxProposalsPage } from "./components/MailboxProposalsPage.js";
 export { SearchableSelect } from "./components/SearchableSelect.js";
 export { MailboxProcessedPage } from "./components/MailboxProcessedPage.js";
+export { MailboxSkippedPage } from "./components/MailboxSkippedPage.js";
 export { EmailPreview } from "./components/EmailPreview.js";
 export { TablePagination } from "./components/TablePagination.js";
 export { MailboxFilterBar } from "./components/MailboxFilterBar.js";
 export const mailboxOrdersModule = {
     id: "mailbox_orders",
     name: "Mailbox bestellingen",
-    version: "1.2.0",
+    version: "1.3.0",
     nav: {
         label: "Mailbox",
         href: "/mailbox-orders/voorstellen",
@@ -22,10 +25,13 @@ export const mailboxOrdersModule = {
         children: [
             { label: "Voorstellen", href: "/mailbox-orders/voorstellen", icon: ClipboardCheck },
             { label: "Verwerkt", href: "/mailbox-orders/verwerkt", icon: CheckCircle2 },
+            { label: "Overgeslagen", href: "/mailbox-orders/overgeslagen", icon: MailX },
         ],
     },
     settingsCards: [
         { component: MailboxOrderTemplateCard, order: 20 },
         { component: MailboxAiPromptCard, order: 25 },
+        { component: MailboxFilterSettingsCard, order: 26 },
+        { component: MailboxTestSetCard, order: 27 },
     ],
 };