@vertebr/react 0.4.0 → 0.5.1

package/dist/components/admin/VertebrAdmin.js

@@ -1,38 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { createVertebrClient, } from "@vertebr/client";
-import { ConfigForm } from "../config/ConfigForm";
-import { EnvSelect } from "../env/EnvSelect";
-import { GalleryBoard } from "../gallery/GalleryBoard";
-import { MetricsBoard } from "../metrics/MetricsBoard";
-import { ResourcePanel } from "../resources/ResourceTable";
-import { ThemeToggle } from "../theme/ThemeToggle";
 import { useVertebrTheme } from "../../hooks/useVertebrTheme";
-function readStored(key) {
-    try {
-        return localStorage.getItem(key);
-    }
-    catch {
-        return null;
-    }
-}
-function writeStored(key, value) {
-    try {
-        localStorage.setItem(key, value);
-    }
-    catch {
-        // ignore
-    }
-}
-function clearStored(key) {
-    try {
-        localStorage.removeItem(key);
-    }
-    catch {
-        // ignore
-    }
-}
-export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane", envStorageKey = "vertebr:env", tokenStorageKey = "vertebr:token", themeStorageKey = "vertebr:theme", getAccessToken, authUserLabel, onSignOut, }) {
+import { parseMetricsRangeId, } from "../../lib/metricsRanges";
+import { AdminContent } from "./AdminContent";
+import { AdminHeader } from "./AdminHeader";
+import { AdminSidebar } from "./AdminSidebar";
+import { sidebarGroups } from "./sidebar";
+import { clearStored, readStored, writeStored } from "./storage";
+export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane", envStorageKey = "vertebr:env", tokenStorageKey = "vertebr:token", themeStorageKey = "vertebr:theme", metricsRangeStorageKey = "vertebr:metrics-range", getAccessToken, authUserLabel, onSignOut, }) {
     const { theme, setTheme } = useVertebrTheme(themeStorageKey);
     const [environment, setEnvironment] = useState(() => readStored(envStorageKey) ?? "");
     const [token, setToken] = useState(() => readStored(tokenStorageKey) ?? "");
@@ -50,8 +26,11 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
     const [configData, setConfigData] = useState(null);
     const [metricsData, setMetricsData] = useState(null);
     const [metricsLoading, setMetricsLoading] = useState(false);
+    const [metricsRange, setMetricsRange] = useState(() => parseMetricsRangeId(readStored(metricsRangeStorageKey)));
     const [galleryData, setGalleryData] = useState(null);
     const [galleryLoading, setGalleryLoading] = useState(false);
+    const [emailsData, setEmailsData] = useState(null);
+    const [emailsLoading, setEmailsLoading] = useState(false);
     const [error, setError] = useState(null);
     const [loading, setLoading] = useState(true);
     useEffect(() => {
@@ -97,6 +76,8 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
                         return current;
                     if (current?.kind === "gallery" && next.gallery)
                         return current;
+                    if (current?.kind === "emails" && next.emails)
+                        return current;
                     if (current?.kind === "resource") {
                         if (next.resources.some((r) => r.id === current.id))
                             return current;
@@ -112,6 +93,8 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
                         return { kind: "resource", id: firstResource.id };
                     if (next.gallery)
                         return { kind: "gallery" };
+                    if (next.emails)
+                        return { kind: "emails", tab: "compose" };
                     const firstConfig = next.configs[0];
                     if (firstConfig)
                         return { kind: "config", id: firstConfig.id };
@@ -142,12 +125,13 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
                 setError(null);
                 if (selection.kind === "overview") {
                     setMetricsLoading(true);
-                    const data = await client.getMetrics();
+                    const data = await client.getMetrics({ range: metricsRange });
                     if (!cancelled) {
                         setMetricsData(data);
                         setResourceData(null);
                         setConfigData(null);
                         setGalleryData(null);
+                        setEmailsData(null);
                     }
                 }
                 else if (selection.kind === "gallery") {
@@ -158,6 +142,18 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
                         setResourceData(null);
                         setConfigData(null);
                         setMetricsData(null);
+                        setEmailsData(null);
+                    }
+                }
+                else if (selection.kind === "emails") {
+                    setEmailsLoading(true);
+                    const data = await client.getEmails();
+                    if (!cancelled) {
+                        setEmailsData(data);
+                        setResourceData(null);
+                        setConfigData(null);
+                        setMetricsData(null);
+                        setGalleryData(null);
                     }
                 }
                 else if (selection.kind === "resource") {
@@ -167,6 +163,7 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
                         setConfigData(null);
                         setMetricsData(null);
                         setGalleryData(null);
+                        setEmailsData(null);
                     }
                 }
                 else {
@@ -176,6 +173,7 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
                         setResourceData(null);
                         setMetricsData(null);
                         setGalleryData(null);
+                        setEmailsData(null);
                     }
                 }
             }
@@ -188,13 +186,14 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
                 if (!cancelled) {
                     setMetricsLoading(false);
                     setGalleryLoading(false);
+                    setEmailsLoading(false);
                 }
             }
         })();
         return () => {
             cancelled = true;
         };
-    }, [client, selection, catalog, environment]);
+    }, [client, selection, catalog, environment, metricsRange]);
     const refreshResource = useCallback(async () => {
         if (selection?.kind !== "resource")
             return;
@@ -204,13 +203,17 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
     const refreshMetrics = useCallback(async () => {
         setMetricsLoading(true);
         try {
-            const data = await client.getMetrics();
+            const data = await client.getMetrics({ range: metricsRange, fresh: true });
             setMetricsData(data);
         }
         finally {
             setMetricsLoading(false);
         }
-    }, [client]);
+    }, [client, metricsRange]);
+    const changeMetricsRange = useCallback((next) => {
+        setMetricsRange(next);
+        writeStored(metricsRangeStorageKey, next);
+    }, [metricsRangeStorageKey]);
     const refreshGallery = useCallback(async () => {
         setGalleryLoading(true);
         try {
@@ -221,6 +224,16 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
             setGalleryLoading(false);
         }
     }, [client]);
+    const refreshEmails = useCallback(async () => {
+        setEmailsLoading(true);
+        try {
+            const data = await client.getEmails({ fresh: true });
+            setEmailsData(data);
+        }
+        finally {
+            setEmailsLoading(false);
+        }
+    }, [client]);
     const listGallery = useCallback(async () => {
         const data = await client.getGallery();
         return data.items;
@@ -278,6 +291,79 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
         setTokenDraft("");
         clearStored(tokenStorageKey);
     };
+    const navGroups = useMemo(() => {
+        if (!catalog)
+            return [];
+        const entries = [];
+        if (catalog.metrics) {
+            entries.push({
+                key: "overview",
+                group: catalog.metrics.group ?? "Analytics",
+                label: catalog.metrics.label,
+                active: selection?.kind === "overview",
+                onSelect: () => setSelection({ kind: "overview" }),
+            });
+        }
+        for (const resource of catalog.resources) {
+            entries.push({
+                key: `resource:${resource.id}`,
+                group: resource.group ?? "Resources",
+                label: resource.label,
+                active: selection?.kind === "resource" && selection.id === resource.id,
+                onSelect: () => setSelection({ kind: "resource", id: resource.id }),
+            });
+        }
+        if (catalog.gallery) {
+            entries.push({
+                key: "gallery",
+                group: catalog.gallery.group ?? "Resources",
+                label: catalog.gallery.label,
+                active: selection?.kind === "gallery",
+                onSelect: () => setSelection({ kind: "gallery" }),
+            });
+        }
+        if (catalog.emails) {
+            const emailsTab = selection?.kind === "emails" ? (selection.tab ?? "compose") : null;
+            entries.push({
+                key: "emails",
+                group: catalog.emails.group ?? "Growth",
+                label: catalog.emails.label,
+                active: selection?.kind === "emails",
+                onSelect: () => setSelection({ kind: "emails", tab: "compose" }),
+                children: [
+                    {
+                        key: "emails:compose",
+                        label: "Compose",
+                        active: emailsTab === "compose",
+                        onSelect: () => setSelection({ kind: "emails", tab: "compose" }),
+                    },
+                    {
+                        key: "emails:templates",
+                        label: "Templates",
+                        active: emailsTab === "templates",
+                        onSelect: () => setSelection({ kind: "emails", tab: "templates" }),
+                    },
+                    {
+                        key: "emails:activity",
+                        label: "Activity",
+                        active: emailsTab === "activity",
+                        onSelect: () => setSelection({ kind: "emails", tab: "activity" }),
+                    },
+                ],
+            });
+        }
+        for (const config of catalog.configs) {
+            const fallback = config.section === "page" ? "Pages" : "Config";
+            entries.push({
+                key: `config:${config.id}`,
+                group: config.group ?? fallback,
+                label: config.label,
+                active: selection?.kind === "config" && selection.id === config.id,
+                onSelect: () => setSelection({ kind: "config", id: config.id }),
+            });
+        }
+        return sidebarGroups(entries);
+    }, [catalog, selection]);
     if (!bootstrap && loading) {
         return _jsx("div", { className: "vertebr-loading", children: "Loading Vertebr\u2026" });
     }
@@ -288,88 +374,12 @@ export function VertebrAdmin({ apiBase = "/admin/api", title = "Control plane",
         ? (catalog?.metrics?.label ?? "Overview")
         : selection?.kind === "gallery"
             ? (catalog?.gallery?.label ?? "Gallery")
-            : selection?.kind === "resource"
-                ? catalog?.resources.find((r) => r.id === selection.id)?.label
-                : selection?.kind === "config"
-                    ? catalog?.configs.find((c) => c.id === selection.id)?.label
-                    : null;
-    return (_jsxs("div", { className: "vertebr-root", "data-env": environment, children: [_jsxs("aside", { className: "vertebr-sidebar", children: [_jsxs("div", { className: "vertebr-sidebar-top", children: [_jsxs("div", { className: "vertebr-brand", children: [_jsx("strong", { children: bootstrap?.brand ?? catalog?.brand ?? "Vertebr" }), _jsx("span", { children: title })] }), envList.length > 0 ? (_jsxs("div", { className: "vertebr-env", children: [_jsx("div", { className: "vertebr-nav-label", children: "Environment" }), _jsx(EnvSelect, { environments: envList, value: environment, onChange: switchEnvironment })] })) : null, _jsxs("nav", { className: "vertebr-nav", children: [catalog?.metrics ? (_jsxs("div", { className: "vertebr-nav-group", children: [_jsx("div", { className: "vertebr-nav-label", children: "Analytics" }), _jsx("button", { type: "button", "data-active": selection?.kind === "overview", onClick: () => setSelection({ kind: "overview" }), children: catalog.metrics.label })] })) : null, catalog &&
-                                        (catalog.resources.length > 0 || catalog.gallery) ? (_jsxs("div", { className: "vertebr-nav-group", children: [_jsx("div", { className: "vertebr-nav-label", children: "Resources" }), catalog.resources.map((resource) => (_jsx("button", { type: "button", "data-active": selection?.kind === "resource" &&
-                                                    selection.id === resource.id, onClick: () => setSelection({ kind: "resource", id: resource.id }), children: resource.label }, resource.id))), catalog.gallery ? (_jsx("button", { type: "button", "data-active": selection?.kind === "gallery", onClick: () => setSelection({ kind: "gallery" }), children: catalog.gallery.label })) : null] })) : null, catalog &&
-                                        catalog.configs.some((c) => (c.section ?? "config") !== "page") ? (_jsxs("div", { className: "vertebr-nav-group", children: [_jsx("div", { className: "vertebr-nav-label", children: "Config" }), catalog.configs
-                                                .filter((c) => (c.section ?? "config") !== "page")
-                                                .map((config) => (_jsx("button", { type: "button", "data-active": selection?.kind === "config" &&
-                                                    selection.id === config.id, onClick: () => setSelection({ kind: "config", id: config.id }), children: config.label }, config.id)))] })) : null, catalog &&
-                                        catalog.configs.some((c) => c.section === "page") ? (_jsxs("div", { className: "vertebr-nav-group", children: [_jsx("div", { className: "vertebr-nav-label", children: "Pages" }), catalog.configs
-                                                .filter((c) => c.section === "page")
-                                                .map((config) => (_jsx("button", { type: "button", "data-active": selection?.kind === "config" &&
-                                                    selection.id === config.id, onClick: () => setSelection({ kind: "config", id: config.id }), children: config.label }, config.id)))] })) : null] })] }), _jsxs("div", { className: "vertebr-sidebar-bottom", children: [getAccessToken && authUserLabel ? (_jsxs("div", { className: "vertebr-auth", children: [_jsx("div", { className: "vertebr-nav-label", children: "Signed in" }), _jsx("p", { className: "vertebr-auth-hint", children: authUserLabel }), onSignOut ? (_jsx("button", { type: "button", className: "vertebr-btn", onClick: () => void onSignOut(), children: "Sign out" })) : null] })) : null, !getAccessToken && (authRequired || token) ? (_jsxs("div", { className: "vertebr-auth", children: [_jsx("div", { className: "vertebr-nav-label", children: "Access" }), _jsx("p", { className: "vertebr-auth-hint", children: authRequired
-                                            ? `This environment requires auth${activeEnv?.auth?.claimKey
-                                                ? ` (${activeEnv.auth.claimKey})`
-                                                : ""}.`
-                                            : "Optional access token for protected environments." }), _jsx("input", { className: "vertebr-auth-input", type: "password", placeholder: "Bearer token", value: tokenDraft, onChange: (event) => setTokenDraft(event.target.value), autoComplete: "off" }), _jsxs("div", { className: "vertebr-auth-actions", children: [_jsx("button", { type: "button", className: "vertebr-btn vertebr-btn-primary", onClick: saveToken, children: "Use token" }), token ? (_jsx("button", { type: "button", className: "vertebr-btn", onClick: clearToken, children: "Clear" })) : null] })] })) : null, _jsx(ThemeToggle, { theme: theme, onChange: setTheme })] })] }), _jsxs("main", { className: "vertebr-main", children: [_jsxs("header", { className: "vertebr-header", children: [_jsxs("div", { children: [_jsxs("div", { className: "vertebr-heading-row", children: [_jsx("h1", { children: activeLabel ?? (catalog ? "Dashboard" : "Sign in") }), activeEnv ? (_jsx("span", { className: "vertebr-env-badge", "data-tone": activeEnv.tone ?? "neutral", children: activeEnv.label })) : null] }), _jsx("p", { children: !catalog && authRequired
-                                            ? "Provide an access token to load this environment."
-                                            : selection?.kind === "overview"
-                                                ? "Live metrics for the selected environment."
-                                                : selection?.kind === "gallery"
-                                                    ? "Browse and upload shared media assets."
-                                                    : selection?.kind === "resource"
-                                                        ? "Manage records scoped to the selected environment."
-                                                        : selection?.kind === "config"
-                                                            ? isPageSelection
-                                                                ? "Edit content for this page."
-                                                                : "Owner-managed config for this environment."
-                                                            : "Select a panel." })] }), error ? (_jsx("span", { className: "vertebr-status", "data-tone": "danger", children: error })) : null] }), _jsx("div", { className: "vertebr-content", children: catalog ? (_jsxs("section", { className: "vertebr-panel", children: [selection?.kind === "overview" ? (_jsx(MetricsBoard, { label: metricsData?.label ?? catalog.metrics?.label, metrics: metricsData?.metrics ?? [], loading: metricsLoading, onRefresh: () => void refreshMetrics() })) : null, selection?.kind === "gallery" && galleryData ? (_jsx(GalleryBoard, { label: galleryData.label, items: galleryData.items, accept: galleryData.accept, maxBytes: galleryData.maxBytes, canDelete: galleryData.canDelete, loading: galleryLoading, onRefresh: () => void refreshGallery(), onUpload: async (files) => {
-                                        if (files.length === 1 && files[0]) {
-                                            await client.uploadGalleryFile(files[0]);
-                                        }
-                                        else {
-                                            await client.uploadGalleryFiles(files);
-                                        }
-                                        await refreshGallery();
-                                    }, onDelete: galleryData.canDelete
-                                        ? async (id) => {
-                                            await client.deleteGalleryItem(id);
-                                            await refreshGallery();
-                                        }
-                                        : undefined })) : null, selection?.kind === "resource" && resourceData ? (_jsx(ResourcePanel, { schema: resourceData.schema, items: resourceData.items, label: resourceData.label, permissions: resourceData.permissions, actions: resourceData.actions, uploads: resourceData.uploads, storageKey: resourceData.id, onUpdate: resourceData.permissions.update
-                                        ? async (rowId, value) => {
-                                            await client.updateResource(resourceData.id, rowId, value);
-                                            await refreshResource();
-                                        }
-                                        : undefined, onCreate: resourceData.permissions.create
-                                        ? async (value) => {
-                                            await client.createResource(resourceData.id, value);
-                                            await refreshResource();
-                                        }
-                                        : undefined, onDelete: resourceData.permissions.delete
-                                        ? async (rowId) => {
-                                            await client.deleteResource(resourceData.id, rowId);
-                                            await refreshResource();
-                                        }
-                                        : undefined, onAction: async (rowId, actionId) => {
-                                        await client.runResourceAction(resourceData.id, rowId, actionId);
-                                        await refreshResource();
-                                    }, onUpload: resourceData.uploads
-                                        ? async (field, files) => {
-                                            if (files.length === 1 && files[0]) {
-                                                const result = await client.uploadResourceFile(resourceData.id, field, files[0]);
-                                                return [
-                                                    { url: result.url, name: result.name },
-                                                ];
-                                            }
-                                            const result = await client.uploadResourceFiles(resourceData.id, field, files);
-                                            return result.files;
-                                        }
-                                        : undefined, ...galleryPicker })) : null, selection?.kind === "config" && configData ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "vertebr-panel-head", children: [_jsx("h2", { children: isPageSelection ? "Page content" : "Settings" }), _jsxs("span", { className: "vertebr-count", children: [Object.keys(configData.schema).length, " fields"] })] }), _jsx(ConfigForm, { schema: configData.schema, value: configData.value, onSave: async (next) => {
-                                                const saved = await client.setConfig(configData.id, next);
-                                                setConfigData({
-                                                    ...configData,
-                                                    value: saved.value,
-                                                });
-                                            }, ...galleryPicker })] })) : null] })) : (_jsx("section", { className: "vertebr-panel", children: _jsx("div", { className: "vertebr-empty", children: authRequired
-                                    ? "Authenticated access required for this environment."
-                                    : loading
-                                        ? "Loading…"
-                                        : "Unable to load catalog." }) })) })] })] }));
+            : selection?.kind === "emails"
+                ? (catalog?.emails?.label ?? "Emails")
+                : selection?.kind === "resource"
+                    ? catalog?.resources.find((r) => r.id === selection.id)?.label
+                    : selection?.kind === "config"
+                        ? catalog?.configs.find((c) => c.id === selection.id)?.label
+                        : null;
+    return (_jsxs("div", { className: "vertebr-root", "data-env": environment, children: [_jsx(AdminSidebar, { brand: bootstrap?.brand ?? catalog?.brand ?? "Vertebr", title: title, envList: envList, environment: environment, onEnvironmentChange: switchEnvironment, navGroups: navGroups, getAccessToken: getAccessToken, authUserLabel: authUserLabel, onSignOut: onSignOut, authRequired: authRequired, activeEnv: activeEnv, token: token, tokenDraft: tokenDraft, onTokenDraftChange: setTokenDraft, onSaveToken: saveToken, onClearToken: clearToken, theme: theme, onThemeChange: setTheme }), _jsxs("main", { className: "vertebr-main", children: [_jsx(AdminHeader, { activeLabel: activeLabel ?? (catalog ? "Dashboard" : "Sign in"), activeEnv: activeEnv, catalogLoaded: Boolean(catalog), authRequired: authRequired, selection: selection, isPageSelection: isPageSelection, error: error }), _jsx(AdminContent, { client: client, catalog: catalog, selection: selection, authRequired: authRequired, loading: loading, isPageSelection: isPageSelection, metricsData: metricsData, metricsLoading: metricsLoading, metricsRange: metricsRange, onMetricsRangeChange: changeMetricsRange, onRefreshMetrics: refreshMetrics, galleryData: galleryData, galleryLoading: galleryLoading, onRefreshGallery: refreshGallery, emailsData: emailsData, emailsLoading: emailsLoading, onRefreshEmails: refreshEmails, resourceData: resourceData, onRefreshResource: refreshResource, configData: configData, onConfigSaved: setConfigData, galleryPicker: galleryPicker })] })] }));
 }

package/dist/components/admin/sidebar.d.ts

@@ -0,0 +1,3 @@
+import type { SidebarEntry, SidebarNavGroup } from "./types";
+export declare function sidebarGroups(entries: SidebarEntry[]): SidebarNavGroup[];
+//# sourceMappingURL=sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/admin/sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE7D,wBAAgB,aAAa,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAYxE"}

package/dist/components/admin/sidebar.js

@@ -0,0 +1,13 @@
+export function sidebarGroups(entries) {
+    const order = [];
+    const map = new Map();
+    for (const entry of entries) {
+        const group = entry.group.trim() || "Resources";
+        if (!map.has(group)) {
+            map.set(group, []);
+            order.push(group);
+        }
+        map.get(group).push(entry);
+    }
+    return order.map((label) => ({ label, items: map.get(label) }));
+}

package/dist/components/admin/storage.d.ts

@@ -0,0 +1,4 @@
+export declare function readStored(key: string): string | null;
+export declare function writeStored(key: string, value: string): void;
+export declare function clearStored(key: string): void;
+//# sourceMappingURL=storage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/components/admin/storage.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAMrD;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAM5D;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAM7C"}

package/dist/components/admin/storage.js

@@ -0,0 +1,24 @@
+export function readStored(key) {
+    try {
+        return localStorage.getItem(key);
+    }
+    catch {
+        return null;
+    }
+}
+export function writeStored(key, value) {
+    try {
+        localStorage.setItem(key, value);
+    }
+    catch {
+        // ignore
+    }
+}
+export function clearStored(key) {
+    try {
+        localStorage.removeItem(key);
+    }
+    catch {
+        // ignore
+    }
+}

package/dist/components/admin/types.d.ts

@@ -0,0 +1,53 @@
+export type VertebrAdminProps = {
+    /** Base URL for Vertebr API, e.g. `/admin/api` */
+    apiBase?: string;
+    title?: string;
+    /** localStorage key for remembering the selected environment */
+    envStorageKey?: string;
+    /** localStorage key for the access token */
+    tokenStorageKey?: string;
+    /** localStorage key for light/dark theme preference */
+    themeStorageKey?: string;
+    /** localStorage key for the overview metrics range */
+    metricsRangeStorageKey?: string;
+    /** Optional host-provided token getter (Firebase ID token, etc.) */
+    getAccessToken?: () => string | null | undefined | Promise<string | null | undefined>;
+    /** Signed-in identity shown in the dashboard. */
+    authUserLabel?: string;
+    /** Host-provided sign-out action. */
+    onSignOut?: () => void | Promise<void>;
+};
+export type EmailsTab = "compose" | "templates" | "activity";
+export type Selection = {
+    kind: "overview";
+} | {
+    kind: "resource";
+    id: string;
+} | {
+    kind: "gallery";
+} | {
+    kind: "emails";
+    tab?: EmailsTab;
+} | {
+    kind: "config";
+    id: string;
+} | null;
+export type SidebarEntry = {
+    key: string;
+    group: string;
+    label: string;
+    active: boolean;
+    onSelect: () => void;
+    /** Nested items shown under this entry (e.g. Emails sections). */
+    children?: Array<{
+        key: string;
+        label: string;
+        active: boolean;
+        onSelect: () => void;
+    }>;
+};
+export type SidebarNavGroup = {
+    label: string;
+    items: SidebarEntry[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/admin/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oEAAoE;IACpE,cAAc,CAAC,EAAE,MACb,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACvC,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9B,IAAI,CAAC;AAET,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,OAAO,CAAC;QAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC"}

package/dist/components/admin/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,4 @@
 import type { ConfigFormProps } from "./types";
 export type { ConfigFormProps, ConfigFormVariant } from "./types";
-export declare function ConfigForm({ schema, value, onSave, submitLabel, variant, uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, }: ConfigFormProps): import("react").JSX.Element;
+export declare function ConfigForm({ schema, value, onSave, submitLabel, variant, uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, onChange, hideActions, }: ConfigFormProps): import("react").JSX.Element;
 //# sourceMappingURL=ConfigForm.d.ts.map

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":"AAWA,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,GAChB,EAAE,eAAe,+BAyFjB"}
+{"version":3,"file":"ConfigForm.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/ConfigForm.tsx"],"names":[],"mappings":"AAWA,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,QAAQ,EACR,WAAW,GACZ,EAAE,eAAe,+BA8FjB"}

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

@@ -5,7 +5,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { buildZodSchema, groupFields, withSpecVisibility, withSpecVisibilityValues, } from "./helpers";
 import { RecordConfigForm } from "./RecordConfigForm";
 import { SettingsConfigForm } from "./SettingsConfigForm";
-export function ConfigForm({ schema, value, onSave, submitLabel, variant = "config", uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, }) {
+export function ConfigForm({ schema, value, onSave, submitLabel, variant = "config", uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, onChange, hideActions, }) {
     const editorSchema = useMemo(() => (variant === "record" ? withSpecVisibility(schema) : schema), [schema, variant]);
     const editorValue = useMemo(() => variant === "record"
         ? withSpecVisibilityValues(editorSchema, value)
@@ -19,6 +19,9 @@ export function ConfigForm({ schema, value, onSave, submitLabel, variant = "conf
         defaultValues: editorValue,
     });
     const watched = useWatch({ control: form.control });
+    useEffect(() => {
+        onChange?.((watched ?? {}));
+    }, [watched, onChange]);
     useEffect(() => {
         form.reset(editorValue);
     }, [editorValue, form]);
@@ -67,6 +70,7 @@ export function ConfigForm({ schema, value, onSave, submitLabel, variant = "conf
         tone,
         onDiscard,
         submitLabel,
+        hideActions,
     };
     if (variant === "record") {
         return _jsx(RecordConfigForm, { ...shared });

package/dist/components/config/form/RecordConfigForm.d.ts

@@ -17,6 +17,7 @@ export type RecordConfigFormProps = GalleryHandlers & {
     tone?: "ok" | "danger";
     onDiscard: () => void;
     submitLabel?: string;
+    hideActions?: boolean;
 };
 export declare function RecordConfigForm({ schema, groups, watched, form, uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, onSubmit, isDirty, status, tone, onDiscard, submitLabel, }: RecordConfigFormProps): import("react").JSX.Element;
 //# sourceMappingURL=RecordConfigForm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RecordConfigForm.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/RecordConfigForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAYvE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG;IACpD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,QAAQ,EACR,OAAO,EACP,MAAM,EACN,IAAI,EACJ,SAAS,EACT,WAAW,GACZ,EAAE,qBAAqB,+BAoJvB"}
+{"version":3,"file":"RecordConfigForm.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/RecordConfigForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAYvE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG;IACpD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,QAAQ,EACR,OAAO,EACP,MAAM,EACN,IAAI,EACJ,SAAS,EACT,WAAW,GACZ,EAAE,qBAAqB,+BAoJvB"}

package/dist/components/config/form/SettingsConfigForm.d.ts

@@ -17,6 +17,7 @@ export type SettingsConfigFormProps = GalleryHandlers & {
     tone?: "ok" | "danger";
     onDiscard: () => void;
     submitLabel?: string;
+    hideActions?: boolean;
 };
-export declare function SettingsConfigForm({ schema, groups, watched, form, uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, onSubmit, isDirty, status, tone, onDiscard, submitLabel, }: SettingsConfigFormProps): import("react").JSX.Element;
+export declare function SettingsConfigForm({ schema, groups, watched, form, uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, onSubmit, isDirty, status, tone, onDiscard, submitLabel, hideActions, }: SettingsConfigFormProps): import("react").JSX.Element;
 //# sourceMappingURL=SettingsConfigForm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsConfigForm.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/SettingsConfigForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG;IACtD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,QAAQ,EACR,OAAO,EACP,MAAM,EACN,IAAI,EACJ,SAAS,EACT,WAAW,GACZ,EAAE,uBAAuB,+BAoDzB"}
+{"version":3,"file":"SettingsConfigForm.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/SettingsConfigForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG;IACtD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,eAAe,EACf,QAAQ,EACR,OAAO,EACP,MAAM,EACN,IAAI,EACJ,SAAS,EACT,WAAW,EACX,WAAW,GACZ,EAAE,uBAAuB,+BAsDzB"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ConfigField } from "./ConfigField";
 import { ConfigFormActions } from "./ConfigFormActions";
-export function SettingsConfigForm({ schema, groups, watched, form, uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, onSubmit, isDirty, status, tone, onDiscard, submitLabel, }) {
+export function SettingsConfigForm({ schema, groups, watched, form, uploads, onUpload, galleryUpload, onListGallery, onUploadGallery, onSubmit, isDirty, status, tone, onDiscard, submitLabel, hideActions, }) {
     const singleGroup = groups.length === 1;
-    return (_jsxs("form", { className: "vertebr-form", "data-variant": "config", onSubmit: onSubmit, children: [_jsx("div", { className: "vertebr-form-scroll", children: groups.map((group) => (_jsxs("div", { className: "vertebr-form-section", "data-plain": singleGroup ? "true" : undefined, children: [!singleGroup ? (_jsxs("div", { className: "vertebr-form-section-head", children: [_jsx("h3", { children: group.label }), _jsx("span", { className: "vertebr-form-section-count", children: group.fields.length })] })) : null, _jsx("div", { className: "vertebr-form-fields", children: group.fields.map(([key, field]) => (_jsx(ConfigField, { fieldKey: key, field: field, groupLabel: group.label, variant: "config", schema: schema, watched: watched, form: form, uploads: uploads, onUpload: onUpload, galleryUpload: galleryUpload, onListGallery: onListGallery, onUploadGallery: onUploadGallery }, key))) })] }, group.id))) }), _jsx(ConfigFormActions, { form: form, isDirty: isDirty, status: status, tone: tone, onDiscard: onDiscard, submitLabel: submitLabel })] }));
+    return (_jsxs("form", { className: "vertebr-form", "data-variant": "config", onSubmit: onSubmit, children: [_jsx("div", { className: "vertebr-form-scroll", children: groups.map((group) => (_jsxs("div", { className: "vertebr-form-section", "data-plain": singleGroup ? "true" : undefined, children: [!singleGroup ? (_jsxs("div", { className: "vertebr-form-section-head", children: [_jsx("h3", { children: group.label }), _jsx("span", { className: "vertebr-form-section-count", children: group.fields.length })] })) : null, _jsx("div", { className: "vertebr-form-fields", children: group.fields.map(([key, field]) => (_jsx(ConfigField, { fieldKey: key, field: field, groupLabel: group.label, variant: "config", schema: schema, watched: watched, form: form, uploads: uploads, onUpload: onUpload, galleryUpload: galleryUpload, onListGallery: onListGallery, onUploadGallery: onUploadGallery }, key))) })] }, group.id))) }), hideActions ? null : (_jsx(ConfigFormActions, { form: form, isDirty: isDirty, status: status, tone: tone, onDiscard: onDiscard, submitLabel: submitLabel }))] }));
 }

package/dist/components/config/form/helpers/fields.js

@@ -14,7 +14,7 @@ export function isSpecsField(key, field) {
 }
 export function isMultilineField(key, field) {
     const hay = `${key} ${field?.label ?? ""}`;
-    return /(detail|notes|bio|bullets)/i.test(hay);
+    return /(detail|notes|bio|bullets|body|message|html)/i.test(hay);
 }
 export function spanFor(key, field, variant) {
     if (field.type === "boolean")

package/dist/components/config/form/types.d.ts

@@ -18,6 +18,10 @@ export type ConfigFormProps = {
     galleryUpload?: Pick<ResourceUploadMeta, "accept" | "maxBytes">;
     onListGallery?: () => Promise<GalleryItem[]>;
     onUploadGallery?: (files: File[]) => Promise<GalleryItem[]>;
+    /** Live field values (e.g. mail preview). */
+    onChange?: (value: Record<string, unknown>) => void;
+    /** Hide Save / Discard — parent owns submit. */
+    hideActions?: boolean;
 };
 export type FieldEntry = [string, FieldSchema];
 export type FieldGroup = {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,eAAe,GAAG,eAAe,GAAG,iBAAiB,CACtD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/config/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC7C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5D,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACpD,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,eAAe,GAAG,eAAe,GAAG,iBAAiB,CACtD,CAAC"}

package/dist/components/emails/EmailRecipientSelect.d.ts

@@ -0,0 +1,16 @@
+export type EmailRecipientOption = {
+    email: string;
+    id?: string;
+    label?: string;
+    /** Audience resource this address came from. */
+    resourceId?: string;
+};
+export type EmailRecipientSelectProps = {
+    options: EmailRecipientOption[];
+    value: string[];
+    loading?: boolean;
+    disabled?: boolean;
+    onChange: (emails: string[]) => void;
+};
+export declare function EmailRecipientSelect({ options, value, loading, disabled, onChange, }: EmailRecipientSelectProps): import("react").JSX.Element;
+//# sourceMappingURL=EmailRecipientSelect.d.ts.map