@vertebr/react 0.3.0 → 0.5.0

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

@@ -0,0 +1,36 @@
+import type { CatalogResponse, ConfigResponse, EmailsBoardResponse, GalleryResponse, MetricsResponse, ResourceListResponse, VertebrClient } from "@vertebr/client";
+import type { MetricsRangeId } from "../../lib/metricsRanges";
+import type { Selection } from "./types";
+export type AdminContentProps = {
+    client: VertebrClient;
+    catalog: CatalogResponse | null;
+    selection: Selection;
+    authRequired: boolean;
+    loading: boolean;
+    isPageSelection: boolean;
+    metricsData: MetricsResponse | null;
+    metricsLoading: boolean;
+    metricsRange: MetricsRangeId;
+    onMetricsRangeChange: (next: MetricsRangeId) => void;
+    onRefreshMetrics: () => Promise<void>;
+    galleryData: GalleryResponse | null;
+    galleryLoading: boolean;
+    onRefreshGallery: () => Promise<void>;
+    emailsData: EmailsBoardResponse | null;
+    emailsLoading: boolean;
+    onRefreshEmails: () => Promise<void>;
+    resourceData: ResourceListResponse | null;
+    onRefreshResource: () => Promise<void>;
+    configData: ConfigResponse | null;
+    onConfigSaved: (next: ConfigResponse) => void;
+    galleryPicker: {
+        galleryUpload?: {
+            accept: string[];
+            maxBytes: number;
+        };
+        onListGallery?: () => Promise<GalleryResponse["items"]>;
+        onUploadGallery?: (files: File[]) => Promise<GalleryResponse["items"]>;
+    };
+};
+export declare function AdminContent({ client, catalog, selection, authRequired, loading, isPageSelection, metricsData, metricsLoading, metricsRange, onMetricsRangeChange, onRefreshMetrics, galleryData, galleryLoading, onRefreshGallery, emailsData, emailsLoading, onRefreshEmails, resourceData, onRefreshResource, configData, onConfigSaved, galleryPicker, }: AdminContentProps): import("react").JSX.Element;
+//# sourceMappingURL=AdminContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminContent.d.ts","sourceRoot":"","sources":["../../../src/components/admin/AdminContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,aAAa,EACd,MAAM,iBAAiB,CAAC;AAMzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,cAAc,CAAC;IAC7B,oBAAoB,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,UAAU,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACvC,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,YAAY,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC1C,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,UAAU,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,aAAa,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE;QACb,aAAa,CAAC,EAAE;YACd,MAAM,EAAE,MAAM,EAAE,CAAC;YACjB,QAAQ,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;QACxD,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,IAAI,EAAE,KACV,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;KACxC,CAAC;CACH,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,YAAY,EACZ,OAAO,EACP,eAAe,EACf,WAAW,EACX,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,aAAa,GACd,EAAE,iBAAiB,+BAgPnB"}

package/dist/components/admin/AdminContent.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ConfigForm } from "../config/ConfigForm";
+import { EmailsBoard } from "../emails/EmailsBoard";
+import { GalleryBoard } from "../gallery/GalleryBoard";
+import { MetricsBoard } from "../metrics/MetricsBoard";
+import { ResourcePanel } from "../resources/ResourceTable";
+export function AdminContent({ client, catalog, selection, authRequired, loading, isPageSelection, metricsData, metricsLoading, metricsRange, onMetricsRangeChange, onRefreshMetrics, galleryData, galleryLoading, onRefreshGallery, emailsData, emailsLoading, onRefreshEmails, resourceData, onRefreshResource, configData, onConfigSaved, galleryPicker, }) {
+    if (!catalog) {
+        return (_jsx("div", { className: "vertebr-content", children: _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." }) }) }));
+    }
+    return (_jsx("div", { className: "vertebr-content", children: _jsxs("section", { className: "vertebr-panel", children: [selection?.kind === "overview" ? (_jsx(MetricsBoard, { label: metricsData?.label ?? catalog.metrics?.label, windowLabel: metricsData?.windowLabel, compareLabel: metricsData?.compareLabel, metrics: metricsData?.metrics ?? [], charts: metricsData?.charts ?? [], range: metricsRange, onRangeChange: onMetricsRangeChange, loading: metricsLoading, onRefresh: () => void onRefreshMetrics() })) : 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 onRefreshGallery(), onUpload: async (files) => {
+                        if (files.length === 1 && files[0]) {
+                            await client.uploadGalleryFile(files[0]);
+                        }
+                        else {
+                            await client.uploadGalleryFiles(files);
+                        }
+                        await onRefreshGallery();
+                    }, onDelete: galleryData.canDelete
+                        ? async (id) => {
+                            await client.deleteGalleryItem(id);
+                            await onRefreshGallery();
+                        }
+                        : undefined })) : null, selection?.kind === "emails" && emailsData ? (_jsx(EmailsBoard, { data: emailsData, loading: emailsLoading, tab: selection.tab ?? "compose", onRefresh: () => void onRefreshEmails(), onLoadRecipients: async (resourceId) => {
+                        const listed = await client.listResource(resourceId, {
+                            fresh: true,
+                        });
+                        const seen = new Set();
+                        const options = [];
+                        for (const item of listed.items) {
+                            const email = String(item.email ?? "")
+                                .trim()
+                                .toLowerCase();
+                            if (!email.includes("@") || seen.has(email))
+                                continue;
+                            seen.add(email);
+                            const id = String(item.id ?? item.uid ?? item.slug ?? email);
+                            const label = String(item.displayName ?? item.name ?? "").trim();
+                            options.push({
+                                email,
+                                id,
+                                ...(label ? { label } : {}),
+                            });
+                        }
+                        options.sort((a, b) => a.email.localeCompare(b.email));
+                        return options;
+                    }, onPreview: (payload) => client.previewEmails(payload), onSend: async (payload) => {
+                        const result = await client.sendEmails(payload);
+                        return { sent: result.sent, failed: result.failed };
+                    }, onSchedule: emailsData.canSchedule
+                        ? async (payload) => {
+                            await client.scheduleEmails(payload);
+                        }
+                        : undefined, onCancel: emailsData.canSchedule
+                        ? async (id) => {
+                            await client.cancelEmailCampaign(id);
+                        }
+                        : undefined, onSaveLibrary: emailsData.canLibrary
+                        ? async (template) => {
+                            await client.saveEmailLibraryTemplate(template);
+                        }
+                        : undefined, onDeleteLibrary: emailsData.canLibrary
+                        ? async (id) => {
+                            await client.deleteEmailLibraryTemplate(id);
+                        }
+                        : undefined })) : null, selection?.kind === "resource" && resourceData ? (_jsx(ResourcePanel, { schema: resourceData.schema, items: resourceData.items, label: resourceData.label, permissions: resourceData.permissions, actions: resourceData.actions, collectionActions: resourceData.collectionActions, uploads: resourceData.uploads, storageKey: resourceData.id, onUpdate: resourceData.permissions.update
+                        ? async (rowId, value) => {
+                            await client.updateResource(resourceData.id, rowId, value);
+                            await onRefreshResource();
+                        }
+                        : undefined, onCreate: resourceData.permissions.create
+                        ? async (value) => {
+                            await client.createResource(resourceData.id, value);
+                            await onRefreshResource();
+                        }
+                        : undefined, onDelete: resourceData.permissions.delete
+                        ? async (rowId) => {
+                            await client.deleteResource(resourceData.id, rowId);
+                            await onRefreshResource();
+                        }
+                        : undefined, onAction: async (rowId, actionId, input) => {
+                        await client.runResourceAction(resourceData.id, rowId, actionId, input);
+                    }, onActionDone: onRefreshResource, onPreviewMail: async (rowId, actionId, input) => {
+                        return client.previewResourceMail(resourceData.id, rowId, actionId, input);
+                    }, onCollectionAction: async (actionId, input) => {
+                        await client.runCollectionAction(resourceData.id, actionId, input);
+                    }, 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);
+                                onConfigSaved({
+                                    ...configData,
+                                    value: saved.value,
+                                });
+                            }, ...galleryPicker })] })) : null] }) }));
+}

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

@@ -0,0 +1,13 @@
+import type { AdminEnvironment } from "@vertebr/client";
+import type { Selection } from "./types";
+export type AdminHeaderProps = {
+    activeLabel: string;
+    activeEnv?: AdminEnvironment;
+    catalogLoaded: boolean;
+    authRequired: boolean;
+    selection: Selection;
+    isPageSelection: boolean;
+    error: string | null;
+};
+export declare function AdminHeader({ activeLabel, activeEnv, catalogLoaded, authRequired, selection, isPageSelection, error, }: AdminHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=AdminHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin/AdminHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,SAAS,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAkCF,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,SAAS,EACT,aAAa,EACb,YAAY,EACZ,SAAS,EACT,eAAe,EACf,KAAK,GACN,EAAE,gBAAgB,+BA+BlB"}

package/dist/components/admin/AdminHeader.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function subtitle({ catalogLoaded, authRequired, selection, isPageSelection, }) {
+    if (!catalogLoaded && authRequired) {
+        return "Provide an access token to load this environment.";
+    }
+    if (selection?.kind === "overview") {
+        return "Commerce, growth, and catalog for the selected environment.";
+    }
+    if (selection?.kind === "gallery") {
+        return "Browse and upload shared media assets.";
+    }
+    if (selection?.kind === "emails") {
+        return "Send or schedule branded email to a list or specific people.";
+    }
+    if (selection?.kind === "resource") {
+        return "Manage records scoped to the selected environment.";
+    }
+    if (selection?.kind === "config") {
+        return isPageSelection
+            ? "Edit content for this page."
+            : "Owner-managed config for this environment.";
+    }
+    return "Select a panel.";
+}
+export function AdminHeader({ activeLabel, activeEnv, catalogLoaded, authRequired, selection, isPageSelection, error, }) {
+    return (_jsxs("header", { className: "vertebr-header", children: [_jsxs("div", { children: [_jsxs("div", { className: "vertebr-heading-row", children: [_jsx("h1", { children: activeLabel }), activeEnv ? (_jsx("span", { className: "vertebr-env-badge", "data-tone": activeEnv.tone ?? "neutral", children: activeEnv.label })) : null] }), _jsx("p", { children: subtitle({
+                            catalogLoaded,
+                            authRequired,
+                            selection,
+                            isPageSelection,
+                        }) })] }), error ? (_jsx("span", { className: "vertebr-status", "data-tone": "danger", children: error })) : null] }));
+}

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

@@ -0,0 +1,25 @@
+import type { AdminEnvironment } from "@vertebr/client";
+import type { VbTheme } from "../../hooks/useVertebrTheme";
+import type { SidebarNavGroup } from "./types";
+export type AdminSidebarProps = {
+    brand: string;
+    title: string;
+    envList: AdminEnvironment[];
+    environment: string;
+    onEnvironmentChange: (nextEnv: string) => void;
+    navGroups: SidebarNavGroup[];
+    getAccessToken?: () => string | null | undefined | Promise<string | null | undefined>;
+    authUserLabel?: string;
+    onSignOut?: () => void | Promise<void>;
+    authRequired: boolean;
+    activeEnv?: AdminEnvironment;
+    token: string;
+    tokenDraft: string;
+    onTokenDraftChange: (value: string) => void;
+    onSaveToken: () => void;
+    onClearToken: () => void;
+    theme: VbTheme;
+    onThemeChange: (theme: VbTheme) => void;
+};
+export declare function AdminSidebar({ brand, title, envList, environment, onEnvironmentChange, navGroups, getAccessToken, authUserLabel, onSignOut, authRequired, activeEnv, token, tokenDraft, onTokenDraftChange, onSaveToken, onClearToken, theme, onThemeChange, }: AdminSidebarProps): import("react").JSX.Element;
+//# sourceMappingURL=AdminSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/admin/AdminSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,EAAgB,eAAe,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,MACb,MAAM,GACN,IAAI,GACJ,SAAS,GACT,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,CAAC;AA2EF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,cAAc,EACd,aAAa,EACb,SAAS,EACT,YAAY,EACZ,SAAS,EACT,KAAK,EACL,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,KAAK,EACL,aAAa,GACd,EAAE,iBAAiB,+BA8FnB"}

package/dist/components/admin/AdminSidebar.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { EnvSelect } from "../env/EnvSelect";
+import { ThemeToggle } from "../theme/ThemeToggle";
+function SidebarNavItem({ item }) {
+    const hasChildren = Boolean(item.children?.length);
+    const childActive = item.children?.some((child) => child.active) ?? false;
+    const sectionActive = item.active || childActive;
+    const [open, setOpen] = useState(sectionActive);
+    useEffect(() => {
+        if (sectionActive)
+            setOpen(true);
+    }, [sectionActive]);
+    if (!hasChildren) {
+        return (_jsx("button", { type: "button", "data-active": item.active, onClick: item.onSelect, children: item.label }));
+    }
+    return (_jsxs("div", { className: "vertebr-nav-item", "data-has-children": "true", "data-open": open || undefined, children: [_jsxs("div", { className: "vertebr-nav-parent", children: [_jsx("button", { type: "button", className: "vertebr-nav-parent-label", "data-active": sectionActive && !childActive, "data-section": sectionActive || undefined, onClick: () => {
+                            setOpen(true);
+                            item.onSelect();
+                        }, children: item.label }), _jsx("button", { type: "button", className: "vertebr-nav-parent-toggle", "aria-label": open ? `Collapse ${item.label}` : `Expand ${item.label}`, "aria-expanded": open, onClick: () => setOpen((prev) => !prev), children: _jsx("span", { "aria-hidden": "true", children: open ? "▾" : "▸" }) })] }), open ? (_jsx("div", { className: "vertebr-nav-sub", role: "group", children: item.children.map((child) => (_jsx("button", { type: "button", className: "vertebr-nav-subitem", "data-active": child.active, onClick: () => {
+                        setOpen(true);
+                        child.onSelect();
+                    }, children: child.label }, child.key))) })) : null] }));
+}
+export function AdminSidebar({ brand, title, envList, environment, onEnvironmentChange, navGroups, getAccessToken, authUserLabel, onSignOut, authRequired, activeEnv, token, tokenDraft, onTokenDraftChange, onSaveToken, onClearToken, theme, onThemeChange, }) {
+    return (_jsxs("aside", { className: "vertebr-sidebar", children: [_jsxs("div", { className: "vertebr-sidebar-top", children: [_jsxs("div", { className: "vertebr-brand", children: [_jsx("strong", { children: brand }), _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: onEnvironmentChange })] })) : null, _jsx("nav", { className: "vertebr-nav", children: navGroups.map((group) => (_jsxs("div", { className: "vertebr-nav-group", children: [_jsx("div", { className: "vertebr-nav-label", children: group.label }), group.items.map((item) => (_jsx(SidebarNavItem, { item: item }, item.key)))] }, group.label))) })] }), _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) => onTokenDraftChange(event.target.value), autoComplete: "off" }), _jsxs("div", { className: "vertebr-auth-actions", children: [_jsx("button", { type: "button", className: "vertebr-btn vertebr-btn-primary", onClick: onSaveToken, children: "Use token" }), token ? (_jsx("button", { type: "button", className: "vertebr-btn", onClick: onClearToken, children: "Clear" })) : null] })] })) : null, _jsx(ThemeToggle, { theme: theme, onChange: onThemeChange })] })] }));
+}

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

@@ -1,19 +1,4 @@
-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;
-    /** 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 declare function VertebrAdmin({ apiBase, title, envStorageKey, tokenStorageKey, themeStorageKey, getAccessToken, authUserLabel, onSignOut, }: VertebrAdminProps): import("react").JSX.Element;
+import type { VertebrAdminProps } from "./types";
+export type { VertebrAdminProps } from "./types";
+export declare function VertebrAdmin({ apiBase, title, envStorageKey, tokenStorageKey, themeStorageKey, metricsRangeStorageKey, getAccessToken, authUserLabel, onSignOut, }: VertebrAdminProps): import("react").JSX.Element;
 //# sourceMappingURL=VertebrAdmin.d.ts.map

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":"AAkBA,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,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACtF,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,CAAC;AAiCF,wBAAgB,YAAY,CAAC,EAC3B,OAAsB,EACtB,KAAuB,EACvB,aAA6B,EAC7B,eAAiC,EACjC,eAAiC,EACjC,cAAc,EACd,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,+BA+mBnB"}
+{"version":3,"file":"VertebrAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/admin/VertebrAdmin.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAGV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,OAAsB,EACtB,KAAuB,EACvB,aAA6B,EAC7B,eAAiC,EACjC,eAAiC,EACjC,sBAAgD,EAChD,cAAc,EACd,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,+BA6bnB"}