@vertebr/react 0.18.1 → 0.20.0

package/dist/components/admin/AuditBoard.js

@@ -1,5 +1,46 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
+import { SortableHeader } from "../resources/SortableHeader";
+import { TableFilters, TableScrollControls, TableSearch, TableSkeleton, TableWrap, matchesTableFilters, matchesTableQuery, resolveAuditFilter, useTableOverflow, } from "../table";
+import { compareFieldValues, nextTableSort, } from "../../lib/sort";
+/** Fallback when catalog omits columns — keep in sync with `defaultAuditColumns`. */
+const DEFAULT_COLUMNS = [
+    { id: "at", label: "When", path: "at", type: "datetime" },
+    { id: "actor", label: "Email", path: "actor" },
+    {
+        id: "action",
+        label: "Action",
+        path: "action",
+        filter: {
+            options: [
+                "config.set",
+                "config.publish",
+                "config.revision.save",
+                "config.revision.publish",
+                "config.revision.restore",
+                "addon.publish",
+                "resource.create",
+                "resource.update",
+                "resource.delete",
+                "sync.run",
+            ],
+            optionLabels: {
+                "config.set": "Config set",
+                "config.publish": "Config publish",
+                "config.revision.save": "Revision save",
+                "config.revision.publish": "Revision publish",
+                "config.revision.restore": "Revision restore",
+                "addon.publish": "Addon publish",
+                "resource.create": "Resource create",
+                "resource.update": "Resource update",
+                "resource.delete": "Resource delete",
+                "sync.run": "Sync run",
+            },
+        },
+    },
+    { id: "target", label: "Target", path: "target" },
+    { id: "summary", label: "Summary", path: "summary" },
+];
 function formatWhen(at) {
     const date = new Date(at);
     if (Number.isNaN(date.getTime()))
@@ -11,10 +52,72 @@ function formatWhen(at) {
         minute: "2-digit",
     });
 }
-export function AuditBoard({ client, label = "Audit" }) {
+function formatCellDisplay(value, column) {
+    if (value == null || value === "")
+        return "—";
+    if (column.type === "datetime" || column.path === "at") {
+        return formatWhen(String(value));
+    }
+    if (column.type === "boolean") {
+        return value ? "Yes" : "No";
+    }
+    if (typeof value === "object") {
+        try {
+            return JSON.stringify(value);
+        }
+        catch {
+            return String(value);
+        }
+    }
+    return String(value);
+}
+/** Resolve a column path against an audit entry (`meta.x`, `target`, or field). */
+export function resolveAuditColumnValue(entry, path) {
+    if (path === "target") {
+        return `${entry.targetType}${entry.targetId ? ` · ${entry.targetId}` : ""}`;
+    }
+    if (path.startsWith("meta.")) {
+        const key = path.slice("meta.".length);
+        return entry.meta?.[key];
+    }
+    return entry[path];
+}
+function columnSortType(column) {
+    if (column.type === "datetime" || column.path === "at")
+        return "datetime";
+    if (column.type === "number")
+        return "number";
+    return "string";
+}
+function AuditCell({ entry, column, }) {
+    const value = resolveAuditColumnValue(entry, column.path);
+    const display = formatCellDisplay(value, column);
+    if (column.path === "at" || column.type === "datetime") {
+        return _jsx("td", { className: "vertebr-audit-when", children: display });
+    }
+    if (column.path === "actor") {
+        return _jsx("td", { className: "vertebr-audit-actor", children: display });
+    }
+    if (column.path === "action") {
+        return (_jsx("td", { children: display === "—" ? (display) : (_jsx("code", { className: "vertebr-audit-action", children: display })) }));
+    }
+    if (column.path === "target" || column.path === "targetType") {
+        return (_jsx("td", { children: _jsx("span", { className: "vertebr-audit-target", children: display }) }));
+    }
+    return _jsx("td", { children: display });
+}
+export function AuditBoard({ client, label = "Audit", columns: columnsProp, }) {
+    const columns = columnsProp && columnsProp.length > 0 ? columnsProp : DEFAULT_COLUMNS;
     const [items, setItems] = useState([]);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
+    const [query, setQuery] = useState("");
+    const [filters, setFilters] = useState({});
+    const [sort, setSort] = useState(() => ({
+        field: columns.find((column) => column.path === "at")?.id ?? columns[0].id,
+        order: "desc",
+    }));
+    const tableOverflow = useTableOverflow(items.length);
     useEffect(() => {
         let cancelled = false;
         (async () => {
@@ -39,5 +142,44 @@ export function AuditBoard({ client, label = "Audit" }) {
             cancelled = true;
         };
     }, [client]);
-    return (_jsxs("div", { className: "vertebr-audit", children: [_jsxs("div", { className: "vertebr-panel-head", children: [_jsx("h2", { children: label }), _jsx("span", { className: "vertebr-count", children: loading ? "…" : `${items.length} events` })] }), error ? _jsx("div", { className: "vertebr-error", children: error }) : null, loading && items.length === 0 ? (_jsx("div", { className: "vertebr-empty", children: "Loading audit log\u2026" })) : items.length === 0 ? (_jsx("div", { className: "vertebr-empty", children: "No audit events yet." })) : (_jsx("div", { className: "vertebr-table-wrap", children: _jsxs("table", { className: "vertebr-table vertebr-audit-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "When" }), _jsx("th", { children: "Actor" }), _jsx("th", { children: "Action" }), _jsx("th", { children: "Target" }), _jsx("th", { children: "Summary" })] }) }), _jsx("tbody", { children: items.map((entry) => (_jsxs("tr", { children: [_jsx("td", { className: "vertebr-audit-when", children: formatWhen(entry.at) }), _jsx("td", { children: entry.actor ?? "—" }), _jsx("td", { children: _jsx("code", { className: "vertebr-audit-action", children: entry.action }) }), _jsx("td", { children: _jsxs("span", { className: "vertebr-audit-target", children: [entry.targetType, entry.targetId ? ` · ${entry.targetId}` : ""] }) }), _jsx("td", { children: entry.summary })] }, entry.id))) })] }) }))] }));
+    const filterColumns = useMemo(() => columns
+        .map((column) => resolveAuditFilter(column.id, column.label, column.filter))
+        .filter((column) => Boolean(column)), [columns]);
+    const filterGetters = useMemo(() => Object.fromEntries(filterColumns.map((column) => {
+        const source = columns.find((item) => item.id === column.id);
+        return [
+            column.id,
+            (entry) => resolveAuditColumnValue(entry, source?.path ?? column.id),
+        ];
+    })), [filterColumns, columns]);
+    const searchedItems = useMemo(() => {
+        if (!query.trim())
+            return items;
+        return items.filter((entry) => columns.some((col) => matchesTableQuery(resolveAuditColumnValue(entry, col.path), query)));
+    }, [items, query, columns]);
+    const sortedItems = useMemo(() => {
+        const column = columns.find((item) => item.id === sort.field) ?? columns[0];
+        const filtered = searchedItems.filter((entry) => matchesTableFilters(entry, filters, filterGetters));
+        if (!column)
+            return filtered;
+        const type = columnSortType(column);
+        return [...filtered].sort((left, right) => compareFieldValues(resolveAuditColumnValue(left, column.path), resolveAuditColumnValue(right, column.path), type, sort.order));
+    }, [searchedItems, sort, columns, filters, filterGetters]);
+    return (_jsxs("div", { className: "vertebr-audit", children: [_jsxs("div", { className: "vertebr-panel-head", children: [_jsx("h2", { children: label }), _jsxs("div", { className: "vertebr-panel-head-actions", children: [filterColumns.length > 0 ? (_jsx(TableFilters, { columns: filterColumns, selected: filters, onChange: setFilters })) : null, _jsx(TableSearch, { value: query, onChange: setQuery, "aria-label": "Search audit" }), _jsx(TableScrollControls, { canLeft: tableOverflow.canLeft, canRight: tableOverflow.canRight, onScroll: tableOverflow.scrollBy }), _jsx("span", { className: "vertebr-count", children: loading
+                                    ? "…"
+                                    : sortedItems.length !== items.length
+                                        ? `${sortedItems.length} of ${items.length}`
+                                        : `${items.length} events` })] })] }), error ? _jsx("div", { className: "vertebr-error", children: error }) : null, loading && items.length === 0 ? (_jsx(TableSkeleton, { columns: columns.map((column) => ({
+                    id: column.id,
+                    label: column.label,
+                })) })) : items.length === 0 ? (_jsx("div", { className: "vertebr-empty", children: "No audit events yet." })) : sortedItems.length === 0 ? (_jsx("div", { className: "vertebr-empty", children: "No matching events." })) : (_jsx(TableWrap, { overflow: tableOverflow, transitionKey: JSON.stringify(filters), children: _jsxs("table", { className: "vertebr-table vertebr-audit-table", children: [_jsx("thead", { children: _jsx("tr", { children: columns.map((column) => {
+                                    const sortable = column.sortable !== false;
+                                    const active = sort.field === column.id;
+                                    if (!sortable) {
+                                        return _jsx("th", { children: column.label }, column.id);
+                                    }
+                                    return (_jsx("th", { children: _jsx(SortableHeader, { label: column.label, active: active, order: active ? sort.order : undefined, onSort: () => setSort(nextTableSort(sort, column.id, column.type === "datetime" || column.path === "at"
+                                                ? "desc"
+                                                : "asc")) }) }, column.id));
+                                }) }) }), _jsx("tbody", { children: sortedItems.map((entry) => (_jsx("tr", { children: columns.map((column) => (_jsx(AuditCell, { entry: entry, column: column }, column.id))) }, entry.id))) })] }) }))] }));
 }

package/dist/components/admin/VertebrAdmin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VertebrAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/admin/VertebrAdmin.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,OAAsB,EACtB,QAAQ,EAAE,YAAY,EACtB,KAAuB,EACvB,aAA6B,EAC7B,eAAiC,EACjC,eAAiC,EACjC,sBAAgD,EAChD,cAAc,EACd,aAAa,EACb,SAAS,EACT,YAAY,EACZ,gBAAgB,GACjB,EAAE,iBAAiB,+BAiyBnB"}
+{"version":3,"file":"VertebrAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/admin/VertebrAdmin.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,OAAsB,EACtB,QAAQ,EAAE,YAAY,EACtB,KAAuB,EACvB,aAA6B,EAC7B,eAAiC,EACjC,eAAiC,EACjC,sBAAgD,EAChD,cAAc,EACd,aAAa,EACb,SAAS,EACT,YAAY,EACZ,gBAAgB,GACjB,EAAE,iBAAiB,+BA+yBnB"}

package/dist/components/admin/VertebrAdmin.js

@@ -40,7 +40,9 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         });
     });
     const [resourceData, setResourceData] = useState(null);
+    const [resourceLoading, setResourceLoading] = useState(false);
     const [resourceSearch, setResourceSearch] = useState("");
+    const [resourceSort, setResourceSort] = useState(null);
     const [configData, setConfigData] = useState(null);
     const [metricsData, setMetricsData] = useState(null);
     const [metricsLoading, setMetricsLoading] = useState(false);
@@ -213,8 +215,12 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                     }
                 }
                 else if (selection.kind === "resource") {
+                    setResourceLoading(true);
                     const data = await client.listResource(selection.id, {
                         ...(resourceSearch.trim() ? { q: resourceSearch.trim() } : {}),
+                        ...(resourceSort
+                            ? { sort: resourceSort.field, order: resourceSort.order }
+                            : {}),
                         fresh: true,
                     });
                     if (!cancelled) {
@@ -272,16 +278,18 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                     setGalleryLoading(false);
                     setFontLibraryLoading(false);
                     setEmailsLoading(false);
+                    setResourceLoading(false);
                 }
             }
         })();
         return () => {
             cancelled = true;
         };
-    }, [client, selection, catalog, environment, metricsRange, resourceSearch]);
+    }, [client, selection, catalog, environment, metricsRange, resourceSearch, resourceSort]);
     const resourceSelectionId = selection?.kind === "resource" ? selection.id : null;
     useEffect(() => {
         setResourceSearch("");
+        setResourceSort(null);
     }, [resourceSelectionId]);
     const refreshHealth = useCallback(async () => {
         if (!catalog?.health) {
@@ -317,10 +325,13 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
             return;
         const data = await client.listResource(selection.id, {
             ...(resourceSearch.trim() ? { q: resourceSearch.trim() } : {}),
+            ...(resourceSort
+                ? { sort: resourceSort.field, order: resourceSort.order }
+                : {}),
             fresh: true,
         });
         setResourceData(data);
-    }, [client, selection, resourceSearch]);
+    }, [client, selection, resourceSearch, resourceSort]);
     const refreshConfig = useCallback(async () => {
         if (selection?.kind !== "config" && selection?.kind !== "addon")
             return;
@@ -669,5 +680,5 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         : selection?.kind === "addon"
             ? catalog?.addons?.find((item) => item.id === selection.id)?.description
             : undefined;
-    return (_jsx(SaveBarProvider, { children: _jsx(ToastProvider, { children: _jsxs("div", { className: "vertebr-root", "data-env": environment, "data-sidebar-collapsed": sidebarCollapsed || undefined, children: [_jsx(AdminTopBar, { brand: bootstrap?.brand ?? catalog?.brand ?? "Vertebr", brandLogoUrl: brandLogoUrl, brandLogoUrlDark: brandLogoUrlDark, hostName: bootstrap?.appearance?.hostName ?? catalog?.appearance?.hostName, hostLogoUrl: bootstrap?.appearance?.hostLogoUrl ?? catalog?.appearance?.hostLogoUrl, envList: envList, environment: environment, onEnvironmentChange: switchEnvironment, authUserLabel: authUserLabel, onSignOut: onSignOut, getAccessToken: getAccessToken, authViaTokenOnly: authViaTokenOnly, authRequired: authRequired, token: token, tokenDraft: tokenDraft, onTokenDraftChange: setTokenDraft, onSaveToken: saveToken, onClearToken: clearToken, theme: theme, onThemeChange: setTheme, sidebarCollapsed: sidebarCollapsed, onToggleSidebar: () => setSidebarCollapsed((prev) => !prev), syncEnabled: syncEnabled, onOpenSync: () => setSelection({ kind: "sync" }), onOpenSearch: () => setSearchOpen(true), healthChecks: healthChecks, onRefreshHealth: catalog?.health ? refreshHealth : undefined }), catalog && searchOpen ? (_jsx(AdminCommandPalette, { catalog: catalog, onClose: () => setSearchOpen(false), onSelect: setSelection })) : null, _jsx(AdminSidebar, { navGroups: navGroups, collapsed: sidebarCollapsed }), _jsxs("main", { className: "vertebr-main", children: [_jsx(AdminHeader, { activeLabel: activeLabel ?? (catalog ? "Dashboard" : "Sign in"), catalogLoaded: Boolean(catalog), authRequired: authRequired, selection: selection, isPageSelection: isPageSelection, hasPagePreview: hasPagePreview, selectionDescription: selectionDescription, error: error, breadcrumbs: breadcrumbsForSelection(selection, catalog) }), _jsx(AdminContent, { client: client, catalog: catalog, selection: selection, onSelectionChange: setSelection, authRequired: authRequired, loading: loading, isPageSelection: isPageSelection, metricsData: metricsData, metricsLoading: metricsLoading, metricsRange: metricsRange, onMetricsRangeChange: changeMetricsRange, onRefreshMetrics: refreshMetrics, galleryData: galleryData, galleryLoading: galleryLoading, onRefreshGallery: refreshGallery, fontLibraryData: fontLibraryData, fontLibraryLoading: fontLibraryLoading, onRefreshFonts: refreshFonts, emailsData: emailsData, emailsLoading: emailsLoading, onRefreshEmails: refreshEmails, resourceData: resourceData, resourceSearch: resourceSearch, onResourceSearchChange: setResourceSearch, onRefreshResource: refreshResource, configData: configData, onConfigSaved: setConfigData, onRefreshConfig: refreshConfig, galleryPicker: galleryPicker, fontLibraryPicker: fontLibraryPicker }), _jsx(AdminSaveBar, {})] }), _jsx(AdminToastStack, {})] }) }) }));
+    return (_jsx(SaveBarProvider, { children: _jsx(ToastProvider, { children: _jsxs("div", { className: "vertebr-root", "data-env": environment, "data-sidebar-collapsed": sidebarCollapsed || undefined, children: [_jsx(AdminTopBar, { brand: bootstrap?.brand ?? catalog?.brand ?? "Vertebr", brandLogoUrl: brandLogoUrl, brandLogoUrlDark: brandLogoUrlDark, hostName: bootstrap?.appearance?.hostName ?? catalog?.appearance?.hostName, hostLogoUrl: bootstrap?.appearance?.hostLogoUrl ?? catalog?.appearance?.hostLogoUrl, envList: envList, environment: environment, onEnvironmentChange: switchEnvironment, authUserLabel: authUserLabel, onSignOut: onSignOut, getAccessToken: getAccessToken, authViaTokenOnly: authViaTokenOnly, authRequired: authRequired, token: token, tokenDraft: tokenDraft, onTokenDraftChange: setTokenDraft, onSaveToken: saveToken, onClearToken: clearToken, theme: theme, onThemeChange: setTheme, sidebarCollapsed: sidebarCollapsed, onToggleSidebar: () => setSidebarCollapsed((prev) => !prev), syncEnabled: syncEnabled, onOpenSync: () => setSelection({ kind: "sync" }), onOpenSearch: () => setSearchOpen(true), healthChecks: healthChecks, onRefreshHealth: catalog?.health ? refreshHealth : undefined }), catalog && searchOpen ? (_jsx(AdminCommandPalette, { catalog: catalog, onClose: () => setSearchOpen(false), onSelect: setSelection })) : null, _jsx(AdminSidebar, { navGroups: navGroups, collapsed: sidebarCollapsed }), _jsxs("main", { className: "vertebr-main", children: [_jsx(AdminHeader, { activeLabel: activeLabel ?? (catalog ? "Dashboard" : "Sign in"), catalogLoaded: Boolean(catalog), authRequired: authRequired, selection: selection, isPageSelection: isPageSelection, hasPagePreview: hasPagePreview, selectionDescription: selectionDescription, error: error, breadcrumbs: breadcrumbsForSelection(selection, catalog) }), _jsx(AdminContent, { client: client, catalog: catalog, selection: selection, onSelectionChange: setSelection, authRequired: authRequired, loading: loading, isPageSelection: isPageSelection, metricsData: metricsData, metricsLoading: metricsLoading, metricsRange: metricsRange, onMetricsRangeChange: changeMetricsRange, onRefreshMetrics: refreshMetrics, galleryData: galleryData, galleryLoading: galleryLoading, onRefreshGallery: refreshGallery, fontLibraryData: fontLibraryData, fontLibraryLoading: fontLibraryLoading, onRefreshFonts: refreshFonts, emailsData: emailsData, emailsLoading: emailsLoading, onRefreshEmails: refreshEmails, resourceData: resourceData, resourceLoading: resourceLoading, resourceSearch: resourceSearch, onResourceSearchChange: setResourceSearch, resourceSort: resourceSort, onResourceSortChange: setResourceSort, onRefreshResource: refreshResource, configData: configData, onConfigSaved: setConfigData, onRefreshConfig: refreshConfig, galleryPicker: galleryPicker, fontLibraryPicker: fontLibraryPicker }), _jsx(AdminSaveBar, {})] }), _jsx(AdminToastStack, {})] }) }) }));
 }

package/dist/components/config/EnumInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnumInput.d.ts","sourceRoot":"","sources":["../../../src/components/config/EnumInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,+BAkDhB"}
+{"version":3,"file":"EnumInput.d.ts","sourceRoot":"","sources":["../../../src/components/config/EnumInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,+BAsEhB"}

package/dist/components/config/EnumInput.js

@@ -5,11 +5,18 @@ export function EnumInput({ id, value, field, readOnly, onChange, }) {
     const baseOptions = field.options?.filter(Boolean) ?? [];
     const raw = typeof value === "string" ? value : "";
     const options = raw && !baseOptions.includes(raw) ? [raw, ...baseOptions] : baseOptions;
-    const current = raw && options.includes(raw) ? raw : (options[0] ?? "");
+    const allowClear = field.required !== true;
+    // Required enums still fall back to the first option when empty.
+    // Optional enums keep an empty value so links/CTAs can be cleared.
+    const current = raw && options.includes(raw)
+        ? raw
+        : allowClear
+            ? ""
+            : (options[0] ?? "");
     if (options.length === 0) {
         return (_jsx("input", { id: id, type: "text", readOnly: readOnly, value: current, disabled: true }));
     }
-    return (_jsxs(Select.Root, { value: current, onValueChange: onChange, disabled: readOnly, children: [_jsxs(Select.Trigger, { id: id, className: "vertebr-select-trigger", children: [_jsx("span", { className: "vertebr-select-value", children: _jsx(Select.Value, { children: optionLabel(current, field) }) }), _jsx(Select.Icon, { className: "vertebr-select-icon", children: _jsx(ChevronIcon, {}) })] }), _jsx(Select.Portal, { children: _jsx(Select.Content, { className: "vertebr-select-content", position: "popper", sideOffset: 6, children: _jsx(Select.Viewport, { className: "vertebr-select-viewport", children: options.map((option) => (_jsxs(Select.Item, { value: option, className: "vertebr-select-item", children: [_jsx(Select.ItemText, { children: optionLabel(option, field) }), _jsx(Select.ItemIndicator, { className: "vertebr-select-check", children: _jsx(CheckIcon, {}) })] }, option))) }) }) })] }));
+    return (_jsxs("div", { className: "vertebr-enum", children: [_jsxs(Select.Root, { value: current || undefined, onValueChange: onChange, disabled: readOnly, children: [_jsxs(Select.Trigger, { id: id, className: "vertebr-select-trigger", children: [_jsx("span", { className: "vertebr-select-value", children: _jsx(Select.Value, { placeholder: "None" }) }), _jsx(Select.Icon, { className: "vertebr-select-icon", children: _jsx(ChevronIcon, {}) })] }), _jsx(Select.Portal, { children: _jsx(Select.Content, { className: "vertebr-select-content", position: "popper", sideOffset: 6, children: _jsx(Select.Viewport, { className: "vertebr-select-viewport", children: options.map((option) => (_jsxs(Select.Item, { value: option, className: "vertebr-select-item", children: [_jsx(Select.ItemText, { children: optionLabel(option, field) }), _jsx(Select.ItemIndicator, { className: "vertebr-select-check", children: _jsx(CheckIcon, {}) })] }, option))) }) }) })] }), allowClear && current && !readOnly ? (_jsx("button", { type: "button", className: "vertebr-btn vertebr-btn-quiet vertebr-enum-clear", onClick: () => onChange(""), children: "Clear" })) : null] }));
 }
 function ChevronIcon() {
     return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: _jsx("path", { d: "M2.5 4.5 6 8l3.5-3.5", fill: "none", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }) }));

package/dist/components/config/form/ConfigForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigForm.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/ConfigForm.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,MAAM,EACN,WAAW,EACX,OAAkB,EAClB,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,WAAW,EACX,cAAc,EACd,QAAQ,EACR,WAAW,EACX,MAAM,EACN,QAAe,EACf,gBAAwB,EACxB,SAAS,EACT,UAAkB,GACnB,EAAE,eAAe,+BA2LjB"}
+{"version":3,"file":"ConfigForm.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/ConfigForm.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,MAAM,EACN,WAAW,EACX,OAAkB,EAClB,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,WAAW,EACX,cAAc,EACd,QAAQ,EACR,WAAW,EACX,MAAM,EACN,QAAe,EACf,gBAAwB,EACxB,SAAS,EACT,UAAkB,GACnB,EAAE,eAAe,+BAqMjB"}

package/dist/components/config/form/ConfigForm.js

@@ -28,11 +28,23 @@ export function ConfigForm({ schema, value, onSave, submitLabel, variant = "conf
         if (!onChange)
             return;
         const subscription = form.watch((values) => {
-            onChange((values ?? {}));
+            // Keep empty strings for optional fields so clears reach the host preview
+            // (react-hook-form can emit undefined for cleared optional inputs).
+            const next = { ...(values ?? {}) };
+            for (const [key, field] of Object.entries(editorSchema)) {
+                if (field.type !== "string" && field.type !== "richtext" && field.type !== "enum") {
+                    continue;
+                }
+                if (field.required)
+                    continue;
+                if (next[key] == null)
+                    next[key] = "";
+            }
+            onChange(next);
         });
         onChange((form.getValues() ?? {}));
         return () => subscription.unsubscribe();
-    }, [form, onChange]);
+    }, [form, onChange, editorSchema]);
     useEffect(() => {
         form.reset(editorValue);
     }, [editorValue, form]);

package/dist/components/dialog/SelectionTableDialog.d.ts

@@ -0,0 +1,79 @@
+import { type ReactNode } from "react";
+import type { AdminEnvironment } from "@vertebr/client";
+import { type TableFilterColumn } from "../table";
+/** One selectable row in {@link SelectionTableDialog}. */
+export type SelectionTableRow = {
+    id: string;
+    /** Primary column (id / code / slug). */
+    primary: string;
+    /** Secondary column (name / offer / label). */
+    secondary?: string;
+    /** Env ids where this row is already present. */
+    environments?: string[];
+    /**
+     * Extra values for custom filter columns (keyed by filter id).
+     * Built-in `destination` uses `"missing" | "present"`.
+     */
+    filterValues?: Record<string, unknown>;
+};
+export type SelectionTableColumnLabels = {
+    primary?: string;
+    secondary?: string;
+    environments?: string;
+};
+/**
+ * Optional copy / behavior overrides for {@link SelectionTableDialog}.
+ * Omit a key to keep the default.
+ */
+export type SelectionTableDialogOverrides = {
+    eyebrow?: string;
+    columns?: SelectionTableColumnLabels;
+    /** Show the environments column + chips. @default true when `environments` is non-empty */
+    showEnvironments?: boolean;
+    showEnvironmentFilter?: boolean;
+    showDestinationFilter?: boolean;
+    showSelectShown?: boolean;
+    showScrollControls?: boolean;
+    showRemove?: boolean;
+    searchPlaceholder?: string;
+    emptyLabel?: string;
+    noMatchLabel?: string;
+    /** Footer meta when nothing is checked (sync-all semantics). */
+    allSelectedFooter?: string;
+    /** Footer meta when one or more rows are checked. */
+    selectedFooter?: (count: number) => string;
+    applyLabel?: string;
+    cancelLabel?: string;
+    removeLabel?: string;
+    /** Extra filter columns merged after built-in ones. */
+    extraFilters?: TableFilterColumn[];
+    /** Replace built-in filters entirely. */
+    filters?: TableFilterColumn[];
+    /** Custom cell render for the secondary column. */
+    renderSecondary?: (row: SelectionTableRow) => ReactNode;
+    /** Custom cell render for an extra column after environments. */
+    renderExtra?: (row: SelectionTableRow) => ReactNode;
+    extraColumnLabel?: string;
+};
+export type SelectionTableDialogProps = {
+    title: string;
+    description?: string;
+    /** Shown next to filters, e.g. "Source: Qual". */
+    sourceLabel?: string;
+    rows: SelectionTableRow[];
+    /** Catalog environments — drives env chips + default filters. */
+    environments: AdminEnvironment[];
+    /** Env ids treated as destinations for the “missing / present” filter. */
+    destinationEnvIds?: string[];
+    selectedIds: string[];
+    overrides?: SelectionTableDialogOverrides;
+    onClose: () => void;
+    onApply: (ids: string[]) => void;
+    onRemove?: () => void;
+};
+/**
+ * Standard multi-select table dialog (search, filter chips, sort).
+ * Used by Sync target pickers; overrides let hosts tune copy and columns.
+ */
+export declare function SelectionTableDialog({ title, description, sourceLabel, rows, environments, destinationEnvIds, selectedIds, overrides, onClose, onApply, onRemove, }: SelectionTableDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=SelectionTableDialog.d.ts.map

package/dist/components/dialog/SelectionTableDialog.d.ts.map

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

package/dist/components/dialog/SelectionTableDialog.js

@@ -0,0 +1,177 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { SortableHeader } from "../resources/SortableHeader";
+import { TableFilters, TableScrollControls, TableSearch, TableWrap, matchesTableFilters, matchesTableQuery, useTableOverflow, } from "../table";
+import { compareFieldValues, nextTableSort, } from "../../lib/sort";
+function defaultDestinationIds(environments, destinationEnvIds, sourceLabel) {
+    if (destinationEnvIds?.length)
+        return destinationEnvIds;
+    // Best-effort: every env except one matching the source label text.
+    if (!sourceLabel)
+        return environments.map((env) => env.id).slice(1);
+    const source = environments.find((env) => env.label === sourceLabel ||
+        env.id === sourceLabel ||
+        sourceLabel.toLowerCase().includes(env.label.toLowerCase()));
+    return environments
+        .map((env) => env.id)
+        .filter((id) => id !== source?.id);
+}
+function EnvChips({ activeIds, columns, }) {
+    const active = new Set(activeIds);
+    return (_jsx("span", { className: "vertebr-env-chips", "aria-label": "Active environments", children: columns.map((env) => {
+            const on = active.has(env.id);
+            return (_jsxs("span", { className: "vertebr-env-chip", "data-on": on ? "true" : "false", "data-tone": env.tone ?? "neutral", title: on ? `Active in ${env.label}` : `Not in ${env.label}`, children: [_jsx("span", { className: "vertebr-env-chip-dot", "aria-hidden": "true" }), env.label] }, env.id));
+        }) }));
+}
+/**
+ * Standard multi-select table dialog (search, filter chips, sort).
+ * Used by Sync target pickers; overrides let hosts tune copy and columns.
+ */
+export function SelectionTableDialog({ title, description, sourceLabel, rows, environments, destinationEnvIds, selectedIds, overrides = {}, onClose, onApply, onRemove, }) {
+    const { eyebrow = "Selection", columns: columnLabels = {}, showEnvironments = environments.length > 0, showEnvironmentFilter = true, showDestinationFilter = true, showSelectShown = true, showScrollControls = false, showRemove = Boolean(onRemove), searchPlaceholder = "Search…", emptyLabel = "Nothing available.", noMatchLabel = "No matching rows.", allSelectedFooter = "All items", selectedFooter = (count) => `${count} selected`, applyLabel = "Apply", cancelLabel = "Cancel", removeLabel = "Remove", extraFilters, filters: filtersOverride, renderSecondary, renderExtra, extraColumnLabel, } = overrides;
+    const primaryLabel = columnLabels.primary ?? "Id";
+    const secondaryLabel = columnLabels.secondary ?? "Name";
+    const environmentsLabel = columnLabels.environments ?? "Environments";
+    const destIds = useMemo(() => defaultDestinationIds(environments, destinationEnvIds, sourceLabel), [environments, destinationEnvIds, sourceLabel]);
+    const normalizedRows = useMemo(() => {
+        return rows.map((row) => {
+            const activeEnvs = row.environments ?? [];
+            const missingOnDest = destIds.length > 0 &&
+                destIds.some((envId) => !activeEnvs.includes(envId));
+            const destination = String(row.filterValues?.destination ?? "") ||
+                (missingOnDest ? "missing" : "present");
+            const envSortKey = activeEnvs
+                .map((envId) => environments.find((env) => env.id === envId)?.label ?? envId)
+                .join(", ");
+            return {
+                ...row,
+                environments: activeEnvs,
+                destination,
+                envSortKey,
+                filterValues: {
+                    ...(row.filterValues ?? {}),
+                    destination,
+                },
+            };
+        });
+    }, [rows, destIds, environments]);
+    const [draft, setDraft] = useState(() => [...selectedIds]);
+    const [query, setQuery] = useState("");
+    const [filters, setFilters] = useState({});
+    const [sort, setSort] = useState({
+        field: "primary",
+        order: "asc",
+    });
+    const tableOverflow = useTableOverflow(normalizedRows.length);
+    const filterColumns = useMemo(() => {
+        if (filtersOverride)
+            return filtersOverride;
+        const cols = [];
+        if (showEnvironmentFilter && environments.length > 0) {
+            cols.push({
+                id: "environments",
+                label: "Environment",
+                multiselect: true,
+                options: environments.map((env) => ({
+                    value: env.id,
+                    label: env.label,
+                })),
+            });
+        }
+        if (showDestinationFilter && destIds.length > 0) {
+            cols.push({
+                id: "destination",
+                label: "Destination",
+                multiselect: true,
+                options: [
+                    { value: "missing", label: "Missing on destination" },
+                    { value: "present", label: "Already on destination" },
+                ],
+            });
+        }
+        if (extraFilters?.length)
+            cols.push(...extraFilters);
+        return cols;
+    }, [
+        filtersOverride,
+        showEnvironmentFilter,
+        showDestinationFilter,
+        environments,
+        destIds.length,
+        extraFilters,
+    ]);
+    const filterGetters = useMemo(() => ({
+        environments: (row) => row.environments ?? [],
+        destination: (row) => row.filterValues?.destination ?? row.destination,
+    }), []);
+    const visibleRows = useMemo(() => {
+        const searched = query.trim()
+            ? normalizedRows.filter((row) => matchesTableQuery(row.primary, query) ||
+                matchesTableQuery(row.secondary, query) ||
+                matchesTableQuery(row.envSortKey, query))
+            : normalizedRows;
+        const filtered = searched.filter((row) => matchesTableFilters(row, filters, {
+            ...filterGetters,
+            ...Object.fromEntries((extraFilters ?? []).map((column) => [
+                column.id,
+                (item) => item.filterValues?.[column.id],
+            ])),
+        }));
+        return [...filtered].sort((left, right) => {
+            if (sort.field === "primary") {
+                return compareFieldValues(left.primary, right.primary, "string", sort.order);
+            }
+            if (sort.field === "secondary") {
+                return compareFieldValues(left.secondary, right.secondary, "string", sort.order);
+            }
+            if (sort.field === "environments") {
+                return compareFieldValues(left.envSortKey, right.envSortKey, "string", sort.order);
+            }
+            return 0;
+        });
+    }, [
+        normalizedRows,
+        query,
+        filters,
+        filterGetters,
+        extraFilters,
+        sort,
+    ]);
+    const allVisibleSelected = visibleRows.length > 0 &&
+        visibleRows.every((row) => draft.includes(row.id));
+    const toggle = (id) => {
+        setDraft((current) => current.includes(id)
+            ? current.filter((item) => item !== id)
+            : [...current, id]);
+    };
+    const toggleAllVisible = () => {
+        setDraft((current) => {
+            if (allVisibleSelected) {
+                const drop = new Set(visibleRows.map((row) => row.id));
+                return current.filter((id) => !drop.has(id));
+            }
+            const next = new Set(current);
+            for (const row of visibleRows)
+                next.add(row.id);
+            return [...next];
+        });
+    };
+    const sortHeader = (field, label, preferredFirst = "asc") => {
+        const active = sort.field === field;
+        return (_jsx("th", { children: _jsx(SortableHeader, { label: label, active: active, order: active ? sort.order : undefined, onSort: () => setSort(nextTableSort(sort, field, preferredFirst)) }) }));
+    };
+    return (_jsx("div", { className: "vertebr-modal-backdrop", role: "presentation", onClick: onClose, children: _jsxs("div", { className: "vertebr-modal vertebr-selection-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": "vertebr-selection-dialog-title", onClick: (event) => event.stopPropagation(), children: [_jsxs("header", { className: "vertebr-modal-head vertebr-selection-dialog-head", children: [_jsxs("div", { className: "vertebr-modal-heading", children: [eyebrow ? (_jsx("p", { className: "vertebr-modal-eyebrow", children: eyebrow })) : null, _jsx("h2", { id: "vertebr-selection-dialog-title", children: title }), description ? (_jsx("p", { className: "vertebr-selection-dialog-sub", children: description })) : null] }), _jsx("button", { type: "button", className: "vertebr-btn vertebr-btn-quiet", "aria-label": "Close", onClick: onClose, children: "\u2715" })] }), _jsxs("div", { className: "vertebr-selection-dialog-body", children: [_jsxs("div", { className: "vertebr-table-toolbar vertebr-selection-dialog-toolbar", children: [_jsxs("div", { className: "vertebr-table-toolbar-start", children: [sourceLabel ? (_jsx("span", { className: "vertebr-selection-dialog-source", children: sourceLabel.startsWith("Source")
+                                                ? sourceLabel
+                                                : `Source: ${sourceLabel}` })) : null, filterColumns.length > 0 ? (_jsx(TableFilters, { columns: filterColumns, selected: filters, onChange: setFilters })) : null] }), _jsxs("div", { className: "vertebr-selection-dialog-toolbar-end", children: [_jsx(TableSearch, { value: query, onChange: setQuery, "aria-label": searchPlaceholder, placeholder: searchPlaceholder }), showSelectShown ? (_jsx("button", { type: "button", className: "vertebr-btn vertebr-btn-quiet", disabled: visibleRows.length === 0, onClick: toggleAllVisible, children: allVisibleSelected ? "Clear shown" : "Select shown" })) : null, showScrollControls ? (_jsx(TableScrollControls, { canLeft: tableOverflow.canLeft, canRight: tableOverflow.canRight, onScroll: tableOverflow.scrollBy })) : null, _jsx("span", { className: "vertebr-count", children: visibleRows.length !== normalizedRows.length
+                                                ? `${visibleRows.length} of ${normalizedRows.length}`
+                                                : normalizedRows.length })] })] }), normalizedRows.length === 0 ? (_jsx("div", { className: "vertebr-empty", children: emptyLabel })) : visibleRows.length === 0 ? (_jsx("div", { className: "vertebr-empty", children: noMatchLabel })) : (_jsx(TableWrap, { overflow: tableOverflow, transitionKey: JSON.stringify(filters), children: _jsxs("table", { className: "vertebr-table vertebr-selection-dialog-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "vertebr-selection-dialog-col-check", children: _jsx("span", { className: "vertebr-sr-only", children: "Select" }) }), sortHeader("primary", primaryLabel), sortHeader("secondary", secondaryLabel), showEnvironments
+                                                    ? sortHeader("environments", environmentsLabel)
+                                                    : null, renderExtra ? (_jsx("th", { children: extraColumnLabel ?? "" })) : null] }) }), _jsx("tbody", { children: visibleRows.map((row) => {
+                                            const on = draft.includes(row.id);
+                                            return (_jsxs("tr", { "data-selected": on || undefined, onClick: () => toggle(row.id), children: [_jsx("td", { className: "vertebr-selection-dialog-col-check", children: _jsx("input", { type: "checkbox", checked: on, onChange: () => toggle(row.id), onClick: (event) => event.stopPropagation(), "aria-label": `Select ${row.primary}` }) }), _jsx("td", { children: _jsx("code", { className: "vertebr-selection-dialog-primary", children: row.primary }) }), _jsx("td", { children: renderSecondary
+                                                            ? renderSecondary(row)
+                                                            : row.secondary || "—" }), showEnvironments ? (_jsx("td", { children: _jsx(EnvChips, { activeIds: row.environments ?? [], columns: environments }) })) : null, renderExtra ? _jsx("td", { children: renderExtra(row) }) : null] }, row.id));
+                                        }) })] }) }))] }), _jsxs("footer", { className: "vertebr-modal-foot vertebr-selection-dialog-foot", children: [_jsx("div", { className: "vertebr-selection-dialog-foot-meta", children: draft.length === 0
+                                ? allSelectedFooter
+                                : selectedFooter(draft.length) }), _jsxs("div", { className: "vertebr-selection-dialog-foot-actions", children: [showRemove && onRemove ? (_jsx("button", { type: "button", className: "vertebr-btn vertebr-btn-quiet", onClick: onRemove, children: removeLabel })) : null, _jsx("button", { type: "button", className: "vertebr-btn vertebr-btn-quiet", onClick: onClose, children: cancelLabel }), _jsx("button", { type: "button", className: "vertebr-btn vertebr-btn-primary", onClick: () => onApply(draft), children: applyLabel })] })] })] }) }));
+}

package/dist/components/emails/EmailsActivityPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailsActivityPanel.d.ts","sourceRoot":"","sources":["../../../src/components/emails/EmailsActivityPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEtE,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1C,CAAC;AAqFF,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,WAAW,EACX,UAAU,EACV,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,+BA6L1B"}
+{"version":3,"file":"EmailsActivityPanel.d.ts","sourceRoot":"","sources":["../../../src/components/emails/EmailsActivityPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAetE,MAAM,MAAM,wBAAwB,GAAG;IACrC,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1C,CAAC;AAgIF,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,WAAW,EACX,UAAU,EACV,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,+BAyR1B"}