@flowselections/mailbox-orders 1.0.53 → 1.0.55

package/dist-lib/components/fs-ui/PillTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillTabs.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/PillTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,2EAA2E;AAC3E,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA6CA"}

package/dist-lib/components/fs-ui/PillTabs.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Tabbladen als pillen met icoon, label en teller. Veegbaar op mobiel. */
+export function PillTabs({ tabs, active, onSelect, ariaLabel, }) {
+    return (_jsxs("div", { className: "relative shrink-0", children: [_jsx("div", { role: "tablist", "aria-label": ariaLabel, className: "-mx-4 flex gap-2 overflow-x-auto px-4 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden sm:mx-0 sm:px-0", children: tabs.map((t) => {
+                    const isActive = t.key === active;
+                    const empty = (t.count ?? null) === 0;
+                    return (_jsxs("button", { type: "button", role: "tab", "aria-selected": isActive, onClick: () => onSelect(t.key), className: "inline-flex h-9 shrink-0 items-center gap-2 rounded-lg border px-3 text-sm font-medium transition-colors duration-150 ease-out motion-reduce:transition-none " +
+                            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:h-4 [&_svg]:w-4 " +
+                            (isActive
+                                ? "border-primary/40 bg-primary/10 text-primary"
+                                : "border-transparent text-foreground hover:bg-muted " + (empty ? "text-muted-foreground" : "")), children: [t.icon, _jsx("span", { children: t.label }), t.count != null && (_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-xs font-semibold tabular-nums " +
+                                    (isActive ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"), children: t.count }))] }, t.key));
+                }) }), _jsx("div", { className: "pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-background sm:hidden", "aria-hidden": true })] }));
+}

package/dist-lib/components/fs-ui/SearchInput.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Zoekveld: filtert tijdens typen (250 ms), wis-kruisje, Esc wist.
+ * De sneltoets "/" wordt door de pagina geregeld (useListHotkeys).
+ */
+export declare const SearchInput: import("react").ForwardRefExoticComponent<{
+    value: string;
+    onChange: (v: string) => void;
+    placeholder?: string;
+    delay?: number;
+    ariaLabel?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist-lib/components/fs-ui/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/SearchInput.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,WAAW;WACf,MAAM;cACH,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACf,MAAM;YACZ,MAAM;gBACF,MAAM;oDAgDlB,CAAC"}

package/dist-lib/components/fs-ui/SearchInput.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import { Search, X } from "lucide-react";
+/**
+ * Zoekveld: filtert tijdens typen (250 ms), wis-kruisje, Esc wist.
+ * De sneltoets "/" wordt door de pagina geregeld (useListHotkeys).
+ */
+export const SearchInput = forwardRef(function SearchInput({ value, onChange, placeholder = "Zoeken…", delay = 250, ariaLabel }, ref) {
+    const [local, setLocal] = useState(value);
+    const timer = useRef(null);
+    useEffect(() => { setLocal(value); }, [value]);
+    const push = (v, now = false) => {
+        setLocal(v);
+        if (timer.current)
+            clearTimeout(timer.current);
+        if (now)
+            onChange(v);
+        else
+            timer.current = setTimeout(() => onChange(v), delay);
+    };
+    useEffect(() => () => { if (timer.current)
+        clearTimeout(timer.current); }, []);
+    return (_jsxs("div", { className: "relative w-full max-w-md", children: [_jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground", "aria-hidden": true }), _jsx("input", { ref: ref, type: "search", value: local, "aria-label": ariaLabel ?? placeholder, placeholder: placeholder, onChange: (e) => push(e.target.value), onKeyDown: (e) => {
+                    if (e.key === "Escape") {
+                        e.preventDefault();
+                        if (local)
+                            push("", true);
+                        else
+                            e.target.blur();
+                    }
+                }, className: "h-10 w-full rounded-lg border border-input bg-background pl-9 pr-16 text-base text-foreground placeholder:text-muted-foreground sm:h-9 sm:text-sm " +
+                    "transition-shadow duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring [&::-webkit-search-cancel-button]:hidden" }), local ? (_jsx("button", { type: "button", "aria-label": "Zoekopdracht wissen", onClick: () => push("", true), className: "absolute right-2 top-1/2 inline-flex h-7 w-7 -translate-y-1/2 items-center justify-center rounded text-muted-foreground hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(X, { className: "h-4 w-4" }) })) : (_jsx("kbd", { className: "pointer-events-none absolute right-2 top-1/2 hidden -translate-y-1/2 rounded-sm border border-border px-1.5 text-[11px] text-muted-foreground sm:inline-block", children: "/" }))] }));
+});

package/dist-lib/components/fs-ui/ShortcutHelp.d.ts

@@ -0,0 +1,7 @@
+/** Overzicht van de sneltoetsen (opent met "?"). */
+export declare function ShortcutHelp({ open, onOpenChange, items }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    items: Array<[string, string]>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ShortcutHelp.d.ts.map

package/dist-lib/components/fs-ui/ShortcutHelp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutHelp.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/ShortcutHelp.tsx"],"names":[],"mappings":"AAEA,oDAAoD;AACpD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CAAE,+BAgBhJ"}

package/dist-lib/components/fs-ui/ShortcutHelp.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@flowselections/core";
+/** Overzicht van de sneltoetsen (opent met "?"). */
+export function ShortcutHelp({ open, onOpenChange, items }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-sm rounded-lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Sneltoetsen" }) }), _jsx("ul", { className: "space-y-2 text-sm", children: items.map(([k, label]) => (_jsxs("li", { className: "flex items-center justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsx("kbd", { className: "rounded-sm border border-border px-1.5 py-0.5 text-xs", children: k })] }, k))) })] }) }));
+}

package/dist-lib/components/fs-ui/StatusIcon.d.ts

@@ -0,0 +1,8 @@
+export type StatusTone = "done" | "open" | "busy" | "error" | "rejected";
+/** Klein rond statusicoon met tooltip. Geen gekleurd vlak eromheen. */
+export declare function StatusIcon({ tone, label, detail }: {
+    tone: StatusTone;
+    label: string;
+    detail?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=StatusIcon.d.ts.map

package/dist-lib/components/fs-ui/StatusIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/StatusIcon.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAWzE,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,+BAevG"}

package/dist-lib/components/fs-ui/StatusIcon.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertCircle, CheckCircle2, Circle, Clock, XCircle } from "lucide-react";
+import { HoverTip } from "./HoverTip.js";
+const ICON = { done: CheckCircle2, open: Circle, busy: Clock, error: AlertCircle, rejected: XCircle };
+const TONE = {
+    done: "text-primary",
+    open: "text-muted-foreground",
+    busy: "text-warning",
+    error: "text-destructive",
+    rejected: "text-muted-foreground",
+};
+/** Klein rond statusicoon met tooltip. Geen gekleurd vlak eromheen. */
+export function StatusIcon({ tone, label, detail }) {
+    const Icon = ICON[tone];
+    return (_jsx(HoverTip, { label: label, content: _jsxs("div", { children: [_jsx("div", { className: "text-[13px] font-semibold text-foreground", children: label }), detail && _jsx("div", { className: "mt-1 text-muted-foreground", children: detail })] }), children: _jsx(Icon, { className: "h-4 w-4 " + TONE[tone], "aria-hidden": true }) }));
+}

package/dist-lib/components/fs-ui/TableSkeleton.d.ts

@@ -0,0 +1,6 @@
+/** Skelet in de vorm van de echte tabel (desktop) of kaarten (mobiel). */
+export declare function TableSkeleton({ columns, rows }: {
+    columns: string[];
+    rows?: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=TableSkeleton.d.ts.map

package/dist-lib/components/fs-ui/TableSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/TableSkeleton.tsx"],"names":[],"mappings":"AAEA,0EAA0E;AAC1E,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,IAAQ,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAwBxF"}

package/dist-lib/components/fs-ui/TableSkeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "@flowselections/core";
+/** Skelet in de vorm van de echte tabel (desktop) of kaarten (mobiel). */
+export function TableSkeleton({ columns, rows = 8 }) {
+    return (_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-card shadow-sm", "aria-busy": "true", "aria-label": "Laden", children: [_jsxs("div", { className: "hidden md:block", children: [_jsx("div", { className: "grid h-10 items-center gap-4 border-b border-border px-4", style: { gridTemplateColumns: columns.join(" ") }, children: columns.map((_, i) => _jsx(Skeleton, { className: "h-3 w-16" }, i)) }), Array.from({ length: rows }).map((_, r) => (_jsx("div", { className: "grid h-[60px] items-center gap-4 border-b border-border px-4 last:border-0", style: { gridTemplateColumns: columns.join(" ") }, children: columns.map((_, i) => _jsx(Skeleton, { className: i === 1 ? "h-4 w-4/5" : "h-4 w-3/5" }, i)) }, r)))] }), _jsx("div", { className: "divide-y divide-border md:hidden", children: Array.from({ length: Math.min(rows, 5) }).map((_, r) => (_jsxs("div", { className: "space-y-2 p-4", children: [_jsx(Skeleton, { className: "h-4 w-1/2" }), _jsx(Skeleton, { className: "h-3 w-4/5" }), _jsx(Skeleton, { className: "h-3 w-1/3" })] }, r))) })] }));
+}

package/dist-lib/components/fs-ui/Toolbar.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+/** Werkbalk: zoeken + filters links, extra acties rechts; chips eronder. */
+export declare function Toolbar({ children, right, chips }: {
+    children: ReactNode;
+    right?: ReactNode;
+    chips?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist-lib/components/fs-ui/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,4EAA4E;AAC5E,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,+BAUhH"}

package/dist-lib/components/fs-ui/Toolbar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Werkbalk: zoeken + filters links, extra acties rechts; chips eronder. */
+export function Toolbar({ children, right, chips }) {
+    return (_jsxs("div", { className: "flex shrink-0 flex-col gap-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: children }), right && _jsx("div", { className: "flex items-center gap-2", children: right })] }), chips] }));
+}

package/dist-lib/components/fs-ui/UpdatedAt.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+/** "Bijgewerkt hh:mm" met optionele extra tekst. */
+export declare function UpdatedAt({ at, extra }: {
+    at: number | string | Date | null | undefined;
+    extra?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=UpdatedAt.d.ts.map

package/dist-lib/components/fs-ui/UpdatedAt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatedAt.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/UpdatedAt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oDAAoD;AACpD,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,+BAW5G"}

package/dist-lib/components/fs-ui/UpdatedAt.js

@@ -0,0 +1,9 @@
+import { Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/** "Bijgewerkt hh:mm" met optionele extra tekst. */
+export function UpdatedAt({ at, extra }) {
+    const d = at ? new Date(at) : null;
+    const time = d && !Number.isNaN(d.getTime())
+        ? d.toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" })
+        : null;
+    return (_jsxs("span", { className: "tabular-nums", children: [time ? `Bijgewerkt ${time}` : "Nog niet bijgewerkt", extra ? _jsxs(_Fragment, { children: [" \u00B7 ", extra] }) : null] }));
+}

package/dist-lib/components/fs-ui/useListHotkeys.d.ts

@@ -0,0 +1,18 @@
+/** True als de gebruiker in een invoerveld typt; dan werken sneltoetsen niet. */
+export declare function isTypingTarget(t: EventTarget | null): boolean;
+/**
+ * Sneltoetsen zoals Verkooporders: / zoeken, J/K rij, Enter openen, Esc wissen,
+ * ? overzicht, N nieuw (alleen als onNew is meegegeven). Nooit tijdens typen of
+ * als een dialoog open staat (`disabled`).
+ */
+export declare function useListHotkeys(opts: {
+    disabled?: boolean;
+    onSearch?: () => void;
+    onNext?: () => void;
+    onPrev?: () => void;
+    onOpen?: () => void;
+    onEscape?: () => void;
+    onHelp?: () => void;
+    onNew?: () => void;
+}): void;
+//# sourceMappingURL=useListHotkeys.d.ts.map

package/dist-lib/components/fs-ui/useListHotkeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/fs-ui/useListHotkeys.ts"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,wBAAgB,cAAc,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAK7D;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,QAqBA"}

package/dist-lib/components/fs-ui/useListHotkeys.js

@@ -0,0 +1,48 @@
+import { useEffect, useRef } from "react";
+/** True als de gebruiker in een invoerveld typt; dan werken sneltoetsen niet. */
+export function isTypingTarget(t) {
+    const el = t;
+    if (!el || !el.tagName)
+        return false;
+    const tag = el.tagName.toLowerCase();
+    return tag === "input" || tag === "textarea" || tag === "select" || el.isContentEditable === true;
+}
+/**
+ * Sneltoetsen zoals Verkooporders: / zoeken, J/K rij, Enter openen, Esc wissen,
+ * ? overzicht, N nieuw (alleen als onNew is meegegeven). Nooit tijdens typen of
+ * als een dialoog open staat (`disabled`).
+ */
+export function useListHotkeys(opts) {
+    const ref = useRef(opts);
+    ref.current = opts;
+    useEffect(() => {
+        const h = (e) => {
+            const o = ref.current;
+            if (o.disabled || e.metaKey || e.ctrlKey || e.altKey)
+                return;
+            if (isTypingTarget(e.target))
+                return;
+            const k = e.key;
+            const run = (fn) => { if (fn) {
+                e.preventDefault();
+                fn();
+            } };
+            if (k === "/")
+                run(o.onSearch);
+            else if (k === "j" || k === "J")
+                run(o.onNext);
+            else if (k === "k" || k === "K")
+                run(o.onPrev);
+            else if (k === "Enter")
+                run(o.onOpen);
+            else if (k === "Escape")
+                run(o.onEscape);
+            else if (k === "?")
+                run(o.onHelp);
+            else if (k === "n" || k === "N")
+                run(o.onNew);
+        };
+        window.addEventListener("keydown", h);
+        return () => window.removeEventListener("keydown", h);
+    }, []);
+}

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

@@ -1,2 +1,3 @@
-export declare function MailboxAiPromptCard(): import("react").JSX.Element;
+/** Beheeronderdeel: alleen zichtbaar voor admin en superadmin. */
+export declare function MailboxAiPromptCard(): import("react").JSX.Element | null;
 //# sourceMappingURL=MailboxAiPromptCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MailboxAiPromptCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/MailboxAiPromptCard.tsx"],"names":[],"mappings":"AAUA,wBAAgB,mBAAmB,gCA2FlC"}
+{"version":3,"file":"MailboxAiPromptCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/MailboxAiPromptCard.tsx"],"names":[],"mappings":"AAwGA,kEAAkE;AAClE,wBAAgB,mBAAmB,uCAIlC"}

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIsSuperadmin } from "@flowselections/core";
 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, Badge, toast, } from "@flowselections/core";
 import { getMailboxAiSettings, saveMailboxAiSettings } from "../../lib/mailbox-ai-settings.functions.js";
 import { REQUIRED_FIELD_CHOICES, DEFAULT_REQUIRED_FIELDS } from "../../lib/mailbox-ai-prompt.js";
-export function MailboxAiPromptCard() {
+function MailboxAiPromptCardInner() {
     const qc = useQueryClient();
     const fetchSettings = useServerFn(getMailboxAiSettings);
     const save = useServerFn(saveMailboxAiSettings);
@@ -37,3 +38,10 @@ export function MailboxAiPromptCard() {
                                     setRequired(DEFAULT_REQUIRED_FIELDS);
                                 }, children: "Standaard herstellen" })] })] })] }));
 }
+/** Beheeronderdeel: alleen zichtbaar voor admin en superadmin. */
+export function MailboxAiPromptCard() {
+    const { isAdmin, isLoading } = useIsSuperadmin();
+    if (isLoading || !isAdmin)
+        return null;
+    return _jsx(MailboxAiPromptCardInner, {});
+}

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

@@ -74,7 +74,7 @@ export function MailboxFilterSettingsCard() {
     const savedKeywords = Array.isArray(data?.settings?.order_keywords) ? data.settings.order_keywords : [];
     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] })] })), data?.settings && savedKeywords.length === 0 && (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm", children: [_jsx("span", { children: "Er zijn geen bestelwoorden; de mailbox herkent dan weinig bestellingen" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => addMut.mutate(), disabled: addMut.isPending, children: addMut.isPending ? "Toevoegen…" : "Standaardwoorden toevoegen" })] })), 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 () => {
+    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-warning-soft-foreground", children: ["Wachten op analyse: ", u.waiting] })] })), data?.settings && savedKeywords.length === 0 && (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm", children: [_jsx("span", { children: "Er zijn geen bestelwoorden; de mailbox herkent dan weinig bestellingen" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => addMut.mutate(), disabled: addMut.isPending, children: addMut.isPending ? "Toevoegen…" : "Standaardwoorden toevoegen" })] })), 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());

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

@@ -1,2 +1,3 @@
-export declare function MailboxTestSetCard(): import("react").JSX.Element;
+/** Beheeronderdeel: alleen zichtbaar voor admin en superadmin. */
+export declare function MailboxTestSetCard(): import("react").JSX.Element | null;
 //# sourceMappingURL=MailboxTestSetCard.d.ts.map

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

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

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

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIsSuperadmin } from "@flowselections/core";
 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() {
+function MailboxTestSetCardInner() {
     const qc = useQueryClient();
     const fetchCases = useServerFn(listTestCases);
     const runOne = useServerFn(runTestCase);
@@ -60,10 +61,17 @@ export function MailboxTestSetCard() {
     };
     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));
+                            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-primary/30 bg-primary/10 text-primary" : "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-primary" : "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" }))] })] }))] })] }));
 }
+/** Beheeronderdeel: alleen zichtbaar voor admin en superadmin. */
+export function MailboxTestSetCard() {
+    const { isAdmin, isLoading } = useIsSuperadmin();
+    if (isLoading || !isAdmin)
+        return null;
+    return _jsx(MailboxTestSetCardInner, {});
+}