@vertebr/react 0.9.0 → 0.11.0

package/dist/components/admin/HealthModal.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+function statusLabel(status) {
+    if (status === "ok")
+        return "OK";
+    if (status === "warn")
+        return "Warn";
+    return "Error";
+}
+function formatCheckedAt(value) {
+    if (!value)
+        return null;
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleString(undefined, {
+        dateStyle: "medium",
+        timeStyle: "short",
+    });
+}
+export function HealthModal({ checks, environment, onClose, onRefresh, }) {
+    const [refreshing, setRefreshing] = useState(false);
+    const [refreshError, setRefreshError] = useState(null);
+    useEffect(() => {
+        const onKeyDown = (event) => {
+            if (event.key === "Escape")
+                onClose();
+        };
+        window.addEventListener("keydown", onKeyDown);
+        const previous = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+        return () => {
+            window.removeEventListener("keydown", onKeyDown);
+            document.body.style.overflow = previous;
+        };
+    }, [onClose]);
+    const handleRefresh = async () => {
+        if (!onRefresh || refreshing)
+            return;
+        setRefreshing(true);
+        setRefreshError(null);
+        try {
+            await onRefresh();
+        }
+        catch (error) {
+            setRefreshError(error instanceof Error ? error.message : "Failed to refresh health");
+        }
+        finally {
+            setRefreshing(false);
+        }
+    };
+    const latestCheckedAt = formatCheckedAt(checks.map((c) => c.checkedAt).find(Boolean));
+    return (_jsx("div", { className: "vertebr-modal-backdrop", role: "presentation", onClick: onClose, children: _jsxs("div", { className: "vertebr-modal vertebr-modal-sm vertebr-health-modal", role: "dialog", "aria-modal": "true", "aria-label": "System health", onClick: (event) => event.stopPropagation(), children: [_jsxs("header", { className: "vertebr-modal-head", children: [_jsxs("div", { className: "vertebr-modal-heading", children: [_jsx("p", { className: "vertebr-modal-eyebrow", children: "Operations" }), _jsx("h2", { children: "System health" }), environment || latestCheckedAt ? (_jsx("p", { className: "vertebr-health-modal-meta", children: [
+                                        environment ? `Env: ${environment}` : null,
+                                        latestCheckedAt ? `Checked ${latestCheckedAt}` : null,
+                                    ]
+                                        .filter(Boolean)
+                                        .join(" · ") })) : null] }), _jsxs("div", { className: "vertebr-modal-actions", children: [onRefresh ? (_jsx("button", { type: "button", className: "vertebr-btn vertebr-btn-quiet", disabled: refreshing, onClick: () => void handleRefresh(), children: refreshing ? "Refreshing…" : "Refresh" })) : null, _jsx("button", { type: "button", className: "vertebr-btn", onClick: onClose, children: "Close" })] })] }), _jsxs("div", { className: "vertebr-modal-body", children: [refreshError ? (_jsx("p", { className: "vertebr-health-modal-error", children: refreshError })) : null, checks.length === 0 ? (_jsx("p", { className: "vertebr-health-modal-empty", children: "No health checks reported." })) : (_jsx("ul", { className: "vertebr-health-list", children: checks.map((check) => (_jsxs("li", { className: "vertebr-health-item", "data-status": check.status, children: [_jsxs("div", { className: "vertebr-health-item-top", children: [_jsxs("span", { className: "vertebr-health-badge", "data-status": check.status, children: [_jsx("span", { className: "vertebr-health-badge-dot", "aria-hidden": true }), statusLabel(check.status)] }), _jsx("strong", { className: "vertebr-health-item-label", children: check.label })] }), check.detail ? (_jsx("p", { className: "vertebr-health-item-detail", children: check.detail })) : null] }, check.id))) }))] })] }) }));
+}

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

@@ -6,11 +6,13 @@ export type PagePreviewPaneProps = {
     controlId: string;
     /** Latest unsaved form values. */
     draft: Record<string, unknown> | null;
+    /** Extra add-on drafts owned by this page (e.g. countdown on coming soon). */
+    relatedDrafts?: Record<string, Record<string, unknown>>;
     /** Label for the preview chrome. */
     previewKind?: "page" | "addon";
 };
 /**
  * Live host iframe for Pages. Vertebr posts drafts; the host renders.
  */
-export declare function PagePreviewPane({ previewPath, controlId, draft, previewKind, }: PagePreviewPaneProps): import("react").JSX.Element;
+export declare function PagePreviewPane({ previewPath, controlId, draft, relatedDrafts, previewKind, }: PagePreviewPaneProps): import("react").JSX.Element;
 //# sourceMappingURL=PagePreviewPane.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PagePreviewPane.d.ts","sourceRoot":"","sources":["../../../src/components/admin/PagePreviewPane.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACtC,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC,CAAC;AAWF;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,KAAK,EACL,WAAoB,GACrB,EAAE,oBAAoB,+BAmMtB"}
+{"version":3,"file":"PagePreviewPane.d.ts","sourceRoot":"","sources":["../../../src/components/admin/PagePreviewPane.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACtC,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACxD,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC,CAAC;AAqBF;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,KAAK,EACL,aAAa,EACb,WAAoB,GACrB,EAAE,oBAAoB,+BAoOtB"}

package/dist/components/admin/PagePreviewPane.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { buildVertebrPreviewUrl, postVertebrPreviewDraft, subscribeVertebrPreviewReady, } from "@vertebr/client";
+import { buildVertebrPreviewUrl, postVertebrPreviewDraft, subscribeVertebrPreviewNavigate, subscribeVertebrPreviewReady, } from "@vertebr/client";
 const VIEWPORTS = [
     { id: "desktop", label: "Desktop" },
     { id: "mobile", label: "Mobile" },
@@ -8,28 +8,52 @@ const VIEWPORTS = [
 /** Logical CSS viewport for mobile preview (host media queries use this). */
 const MOBILE_WIDTH = 390;
 const MOBILE_HEIGHT = 844;
+function normalizePreviewPath(path) {
+    const trimmed = path.trim() || "/";
+    try {
+        const url = new URL(trimmed, "http://vertebr.local");
+        return `${url.pathname}${url.search}${url.hash}` || "/";
+    }
+    catch {
+        return trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+    }
+}
 /**
  * Live host iframe for Pages. Vertebr posts drafts; the host renders.
  */
-export function PagePreviewPane({ previewPath, controlId, draft, previewKind = "page", }) {
+export function PagePreviewPane({ previewPath, controlId, draft, relatedDrafts, previewKind = "page", }) {
     const iframeRef = useRef(null);
     const stageRef = useRef(null);
     const draftRef = useRef(draft);
+    const relatedRef = useRef(relatedDrafts);
     const [frameReady, setFrameReady] = useState(false);
     const [frameError, setFrameError] = useState(false);
     const [viewport, setViewport] = useState("desktop");
     const [mobileScale, setMobileScale] = useState(1);
+    const [activePath, setActivePath] = useState(() => normalizePreviewPath(previewPath));
     draftRef.current = draft;
+    relatedRef.current = relatedDrafts;
     const isMobile = viewport === "mobile";
-    const src = useMemo(() => buildVertebrPreviewUrl(previewPath, {
+    const basePath = normalizePreviewPath(previewPath);
+    const navigatedAway = activePath !== basePath;
+    useEffect(() => {
+        setActivePath(normalizePreviewPath(previewPath));
+    }, [previewPath]);
+    const src = useMemo(() => buildVertebrPreviewUrl(activePath, {
         controlId,
-    }), [previewPath, controlId]);
+    }), [activePath, controlId]);
     const pushDraft = useCallback(() => {
         const win = iframeRef.current?.contentWindow;
         const value = draftRef.current;
         if (!win || !value)
             return;
         postVertebrPreviewDraft(win, controlId, value);
+        const related = relatedRef.current;
+        if (!related)
+            return;
+        for (const [id, relatedValue] of Object.entries(related)) {
+            postVertebrPreviewDraft(win, id, relatedValue);
+        }
     }, [controlId]);
     const notifyHostResize = useCallback(() => {
         const win = iframeRef.current?.contentWindow;
@@ -55,11 +79,19 @@ export function PagePreviewPane({ previewPath, controlId, draft, previewKind = "
             pushDraft();
         });
     }, [pushDraft, src]);
+    useEffect(() => {
+        return subscribeVertebrPreviewNavigate((path, source) => {
+            const win = iframeRef.current?.contentWindow;
+            if (!win || source !== win)
+                return;
+            setActivePath(normalizePreviewPath(path));
+        });
+    }, []);
     useEffect(() => {
         if (!frameReady)
             return;
         pushDraft();
-    }, [draft, frameReady, pushDraft]);
+    }, [draft, relatedDrafts, frameReady, pushDraft]);
     // Fit the fixed mobile viewport into the stage without changing its
     // layout width (transform scale keeps host media queries at 390px).
     useEffect(() => {
@@ -93,11 +125,11 @@ export function PagePreviewPane({ previewPath, controlId, draft, previewKind = "
         const timer = window.setTimeout(notifyHostResize, 50);
         return () => window.clearTimeout(timer);
     }, [viewport, mobileScale, frameReady, notifyHostResize]);
-    return (_jsxs("div", { className: "vertebr-page-preview", "data-preview-kind": previewKind, children: [_jsxs("div", { className: "vertebr-page-preview-meta", children: [_jsxs("p", { children: [_jsx("span", { children: previewKind === "addon" ? "Storefront" : "Preview" }), _jsx("strong", { children: previewPath })] }), _jsxs("p", { children: [_jsx("span", { children: "Status" }), _jsx("strong", { children: frameError
+    return (_jsxs("div", { className: "vertebr-page-preview", "data-preview-kind": previewKind, children: [_jsxs("div", { className: "vertebr-page-preview-meta", children: [_jsxs("p", { children: [_jsx("span", { children: previewKind === "addon" ? "Storefront" : "Preview" }), _jsx("strong", { children: activePath })] }), _jsxs("p", { children: [_jsx("span", { children: "Status" }), _jsx("strong", { children: frameError
                                     ? "Unavailable"
                                     : frameReady
-                                        ? "Live"
-                                        : "Loading…" })] }), isMobile ? (_jsxs("p", { children: [_jsx("span", { children: "Viewport" }), _jsxs("strong", { children: [MOBILE_WIDTH, "\u00D7", MOBILE_HEIGHT] })] })) : null, _jsx("div", { className: "vertebr-page-preview-viewports", role: "group", "aria-label": "Preview viewport", children: VIEWPORTS.map((item) => (_jsx("button", { type: "button", "data-active": viewport === item.id ? "true" : undefined, onClick: () => setViewport(item.id), children: item.label }, item.id))) })] }), _jsx("div", { ref: stageRef, className: "vertebr-page-preview-stage", "data-viewport": viewport, children: _jsx("div", { className: "vertebr-page-preview-shell", style: isMobile
+                                        ? "Connected"
+                                        : "Loading…" })] }), isMobile ? (_jsxs("p", { children: [_jsx("span", { children: "Viewport" }), _jsxs("strong", { children: [MOBILE_WIDTH, "\u00D7", MOBILE_HEIGHT] })] })) : null, navigatedAway ? (_jsx("button", { type: "button", className: "vertebr-page-preview-back", onClick: () => setActivePath(basePath), children: "Back to page" })) : null, _jsx("div", { className: "vertebr-page-preview-viewports", role: "group", "aria-label": "Preview viewport", children: VIEWPORTS.map((item) => (_jsx("button", { type: "button", "data-active": viewport === item.id ? "true" : undefined, onClick: () => setViewport(item.id), children: item.label }, item.id))) })] }), _jsx("div", { ref: stageRef, className: "vertebr-page-preview-stage", "data-viewport": viewport, children: _jsx("div", { className: "vertebr-page-preview-shell", style: isMobile
                         ? {
                             width: MOBILE_WIDTH * mobileScale,
                             height: MOBILE_HEIGHT * mobileScale,
@@ -109,7 +141,7 @@ export function PagePreviewPane({ previewPath, controlId, draft, previewKind = "
                                 transform: `scale(${mobileScale})`,
                                 transformOrigin: "top left",
                             }
-                            : undefined, children: frameError ? (_jsxs("div", { className: "vertebr-page-preview-empty", children: ["Could not load host preview at ", previewPath, "."] })) : (_jsx("iframe", { ref: iframeRef, title: `Preview ${controlId}`, src: src, width: isMobile ? MOBILE_WIDTH : undefined, height: isMobile ? MOBILE_HEIGHT : undefined, style: isMobile
+                            : undefined, children: frameError ? (_jsxs("div", { className: "vertebr-page-preview-empty", children: ["Could not load host preview at ", activePath, "."] })) : (_jsx("iframe", { ref: iframeRef, title: `Preview ${controlId}`, src: src, width: isMobile ? MOBILE_WIDTH : undefined, height: isMobile ? MOBILE_HEIGHT : undefined, style: isMobile
                                 ? { width: MOBILE_WIDTH, height: MOBILE_HEIGHT }
                                 : undefined, onLoad: () => {
                                 // Ready message is preferred; onLoad covers hosts that

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

@@ -0,0 +1,22 @@
+export type SyncPreviewAddonChip = {
+    id: string;
+    label: string;
+    /** True when the add-on is enabled in that environment. */
+    envEnabled: boolean;
+};
+export type SyncPreviewFrameProps = {
+    label: string;
+    previewPath: string;
+    controlId: string;
+    draft: Record<string, unknown>;
+    /** Extra controls to inject (e.g. countdown alongside coming soon). */
+    relatedDrafts?: Record<string, Record<string, unknown>>;
+    /** Add-ons that belong on this page preview (always force-shown in the iframe). */
+    addons?: SyncPreviewAddonChip[];
+};
+/**
+ * Compact same-origin preview iframe for Sync visual compare.
+ * Fixed mobile-sized frame; posts the given draft after ready.
+ */
+export declare function SyncPreviewFrame({ label, previewPath, controlId, draft, relatedDrafts, addons, }: SyncPreviewFrameProps): import("react").JSX.Element;
+//# sourceMappingURL=SyncPreviewFrame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyncPreviewFrame.d.ts","sourceRoot":"","sources":["../../../src/components/admin/SyncPreviewFrame.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACxD,mFAAmF;IACnF,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAC;CACjC,CAAC;AAqDF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,SAAS,EACT,KAAK,EACL,aAAa,EACb,MAAM,GACP,EAAE,qBAAqB,+BA6JvB"}

package/dist/components/admin/SyncPreviewFrame.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { buildVertebrPreviewUrl, postVertebrPreviewDraft, subscribeVertebrPreviewReady, } from "@vertebr/client";
+const FRAME_WIDTH = 390;
+const FRAME_HEIGHT = 720;
+function normalizePreviewPath(path) {
+    const trimmed = path.trim() || "/";
+    try {
+        const url = new URL(trimmed, "http://vertebr.local");
+        return `${url.pathname}${url.search}${url.hash}` || "/";
+    }
+    catch {
+        return trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+    }
+}
+/**
+ * Build related drafts for the iframe: prefer plan payloads (real enabled /
+ * content). Synthesize only when a listed add-on is missing from the plan.
+ */
+function resolveRelatedDrafts(controlId, relatedDrafts, addons) {
+    const next = {};
+    for (const [id, value] of Object.entries(relatedDrafts ?? {})) {
+        next[id] = { ...value };
+    }
+    for (const addon of addons ?? []) {
+        const existing = next[addon.id] ?? {
+            enabled: addon.envEnabled,
+        };
+        const patched = { ...existing };
+        if (patched.enabled === undefined) {
+            patched.enabled = addon.envEnabled;
+        }
+        if (addon.id === "countdown" && controlId === "comingSoon") {
+            patched.target = "comingSoon";
+        }
+        if (addon.id === "countdown" && controlId === "product") {
+            patched.target = "product";
+        }
+        if (addon.id === "reviews" && controlId === "home") {
+            patched.showOnHome = true;
+        }
+        if (addon.id === "reviews" && controlId === "product") {
+            patched.showOnProducts = true;
+        }
+        next[addon.id] = patched;
+    }
+    return next;
+}
+/**
+ * Compact same-origin preview iframe for Sync visual compare.
+ * Fixed mobile-sized frame; posts the given draft after ready.
+ */
+export function SyncPreviewFrame({ label, previewPath, controlId, draft, relatedDrafts, addons, }) {
+    const iframeRef = useRef(null);
+    const stageRef = useRef(null);
+    const draftRef = useRef(draft);
+    const [frameReady, setFrameReady] = useState(false);
+    const [frameError, setFrameError] = useState(false);
+    const [scale, setScale] = useState(1);
+    const resolvedRelated = useMemo(() => resolveRelatedDrafts(controlId, relatedDrafts, addons), [controlId, relatedDrafts, addons]);
+    const relatedRef = useRef(resolvedRelated);
+    draftRef.current = draft;
+    relatedRef.current = resolvedRelated;
+    const path = normalizePreviewPath(previewPath);
+    const src = useMemo(() => buildVertebrPreviewUrl(path, {
+        controlId,
+    }), [path, controlId]);
+    const pushDraft = useCallback(() => {
+        const win = iframeRef.current?.contentWindow;
+        const value = draftRef.current;
+        if (!win || !value)
+            return;
+        postVertebrPreviewDraft(win, controlId, value);
+        for (const [id, relatedValue] of Object.entries(relatedRef.current)) {
+            postVertebrPreviewDraft(win, id, relatedValue);
+        }
+    }, [controlId]);
+    useEffect(() => {
+        setFrameReady(false);
+        setFrameError(false);
+    }, [src]);
+    useEffect(() => {
+        return subscribeVertebrPreviewReady((source) => {
+            const win = iframeRef.current?.contentWindow;
+            if (!win || source !== win)
+                return;
+            setFrameReady(true);
+            pushDraft();
+        });
+    }, [pushDraft, src]);
+    useEffect(() => {
+        if (!frameReady)
+            return;
+        pushDraft();
+    }, [draft, resolvedRelated, frameReady, pushDraft]);
+    useEffect(() => {
+        const stage = stageRef.current;
+        if (!stage || typeof ResizeObserver === "undefined")
+            return;
+        const update = () => {
+            const style = getComputedStyle(stage);
+            const padX = (Number.parseFloat(style.paddingLeft) || 0) +
+                (Number.parseFloat(style.paddingRight) || 0);
+            const padY = (Number.parseFloat(style.paddingTop) || 0) +
+                (Number.parseFloat(style.paddingBottom) || 0);
+            const availW = Math.max(0, stage.clientWidth - padX);
+            const availH = Math.max(0, stage.clientHeight - padY);
+            const next = Math.min(1, availW / FRAME_WIDTH, availH / FRAME_HEIGHT);
+            setScale(Number.isFinite(next) && next > 0 ? next : 1);
+        };
+        update();
+        const observer = new ResizeObserver(update);
+        observer.observe(stage);
+        return () => observer.disconnect();
+    }, []);
+    const status = frameError
+        ? "Unavailable"
+        : frameReady
+            ? "Connected"
+            : "Loading…";
+    return (_jsxs("div", { className: "vertebr-sync-preview-frame", children: [_jsxs("div", { className: "vertebr-sync-preview-frame-meta", children: [_jsx("strong", { children: label }), _jsx("span", { children: path }), _jsx("span", { "data-status": frameError ? "error" : frameReady ? "ok" : "pending", children: status })] }), addons ? (_jsx("div", { className: "vertebr-sync-preview-addons", "aria-label": "Add-ons in preview", children: addons.length === 0 ? (_jsx("span", { className: "vertebr-sync-preview-addons-empty", children: "No add-ons" })) : (addons.map((addon) => (_jsxs("span", { className: "vertebr-sync-preview-addon", "data-enabled": addon.envEnabled ? "true" : "false", title: addon.envEnabled
+                        ? `${addon.label} is enabled in this environment`
+                        : `${addon.label} is off in this environment`, children: [addon.label, _jsx("em", { children: addon.envEnabled ? "on" : "off" })] }, addon.id)))) })) : null, _jsx("div", { ref: stageRef, className: "vertebr-sync-preview-frame-stage", children: _jsx("div", { className: "vertebr-sync-preview-frame-shell", style: {
+                        width: FRAME_WIDTH * scale,
+                        height: FRAME_HEIGHT * scale,
+                    }, children: _jsx("div", { className: "vertebr-sync-preview-frame-scaler", style: {
+                            width: FRAME_WIDTH,
+                            height: FRAME_HEIGHT,
+                            transform: `scale(${scale})`,
+                            transformOrigin: "top left",
+                        }, children: frameError ? (_jsxs("div", { className: "vertebr-sync-preview-frame-empty", children: ["Could not load preview at ", path, "."] })) : (_jsx("iframe", { ref: iframeRef, title: `${label} preview`, src: src, width: FRAME_WIDTH, height: FRAME_HEIGHT, onLoad: () => {
+                                setFrameReady(true);
+                                pushDraft();
+                            }, onError: () => setFrameError(true) })) }) }) })] }));
+}

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":"AAsCA,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,GACV,EAAE,iBAAiB,+BAopBnB"}
+{"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,GACV,EAAE,iBAAiB,+BAguBnB"}

package/dist/components/admin/VertebrAdmin.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { createVertebrClient, } from "@vertebr/client";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useVertebrTheme } from "../../hooks/useVertebrTheme";
+import { hasCap } from "../../lib/capabilities";
 import { parseMetricsRangeId, } from "../../lib/metricsRanges";
 import { AdminCommandPalette } from "./AdminCommandPalette";
 import { AdminContent } from "./AdminContent";
@@ -39,6 +40,7 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         });
     });
     const [resourceData, setResourceData] = useState(null);
+    const [resourceSearch, setResourceSearch] = useState("");
     const [configData, setConfigData] = useState(null);
     const [metricsData, setMetricsData] = useState(null);
     const [metricsLoading, setMetricsLoading] = useState(false);
@@ -49,6 +51,7 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
     const [fontLibraryLoading, setFontLibraryLoading] = useState(false);
     const [emailsData, setEmailsData] = useState(null);
     const [emailsLoading, setEmailsLoading] = useState(false);
+    const [healthChecks, setHealthChecks] = useState(null);
     const [error, setError] = useState(null);
     const [loading, setLoading] = useState(true);
     const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
@@ -210,7 +213,10 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                     }
                 }
                 else if (selection.kind === "resource") {
-                    const data = await client.listResource(selection.id);
+                    const data = await client.listResource(selection.id, {
+                        ...(resourceSearch.trim() ? { q: resourceSearch.trim() } : {}),
+                        fresh: true,
+                    });
                     if (!cancelled) {
                         setResourceData(data);
                         setConfigData(null);
@@ -220,7 +226,9 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                         setEmailsData(null);
                     }
                 }
-                else if (selection.kind === "sync" || selection.kind === "addons") {
+                else if (selection.kind === "sync" ||
+                    selection.kind === "addons" ||
+                    selection.kind === "audit") {
                     if (!cancelled) {
                         setResourceData(null);
                         setConfigData(null);
@@ -270,12 +278,54 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         return () => {
             cancelled = true;
         };
-    }, [client, selection, catalog, environment, metricsRange]);
+    }, [client, selection, catalog, environment, metricsRange, resourceSearch]);
+    const resourceSelectionId = selection?.kind === "resource" ? selection.id : null;
+    useEffect(() => {
+        setResourceSearch("");
+    }, [resourceSelectionId]);
+    const refreshHealth = useCallback(async () => {
+        if (!catalog?.health) {
+            setHealthChecks(null);
+            return;
+        }
+        const data = await client.getHealth({ fresh: true });
+        setHealthChecks(data.checks);
+    }, [client, catalog]);
+    useEffect(() => {
+        if (!catalog?.health) {
+            setHealthChecks(null);
+            return;
+        }
+        let cancelled = false;
+        void (async () => {
+            try {
+                const data = await client.getHealth({ fresh: true });
+                if (!cancelled)
+                    setHealthChecks(data.checks);
+            }
+            catch {
+                if (!cancelled)
+                    setHealthChecks(null);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [client, catalog?.health, environment]);
     const refreshResource = useCallback(async () => {
         if (selection?.kind !== "resource")
             return;
-        const data = await client.listResource(selection.id);
+        const data = await client.listResource(selection.id, {
+            ...(resourceSearch.trim() ? { q: resourceSearch.trim() } : {}),
+            fresh: true,
+        });
         setResourceData(data);
+    }, [client, selection, resourceSearch]);
+    const refreshConfig = useCallback(async () => {
+        if (selection?.kind !== "config" && selection?.kind !== "addon")
+            return;
+        const data = await client.getConfig(selection.id, { fresh: true });
+        setConfigData(data);
     }, [client, selection]);
     const refreshMetrics = useCallback(async () => {
         setMetricsLoading(true);
@@ -358,11 +408,14 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
     const envList = catalog?.environments ?? bootstrap?.environments ?? [];
     const activeEnv = envList.find((env) => env.id === environment);
     const authRequired = Boolean(activeEnv?.auth?.required);
+    const authProvider = activeEnv?.auth?.client?.provider;
+    const authViaTokenOnly = authProvider === "custom" && Boolean(getAccessToken);
     const activeConfig = selection?.kind === "config"
         ? catalog?.configs.find((c) => c.id === selection.id)
         : undefined;
     const isPageSelection = activeConfig?.section === "page";
     const hasPagePreview = Boolean(activeConfig?.previewPath);
+    const syncEnabled = Boolean(catalog?.sync?.enabled) && hasCap(catalog, "sync.run");
     const switchEnvironment = (nextEnv) => {
         if (nextEnv === environment)
             return;
@@ -375,6 +428,7 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         writeStored(envStorageKey, nextEnv);
         setEnvironment(nextEnv);
         setResourceData(null);
+        setResourceSearch("");
         setConfigData(null);
         setGalleryData(null);
         setFontLibraryData(null);
@@ -406,6 +460,16 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                 onSelect: () => setSelection({ kind: "overview" }),
             });
         }
+        if (catalog.audit) {
+            entries.push({
+                key: "audit",
+                group: catalog.audit.group ?? "Analytics",
+                label: catalog.audit.label,
+                icon: iconForNavKey("audit"),
+                active: selection?.kind === "audit",
+                onSelect: () => setSelection({ kind: "audit" }),
+            });
+        }
         for (const resource of catalog.resources) {
             entries.push({
                 key: `resource:${resource.id}`,
@@ -498,7 +562,7 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
                 onSelect: () => setSelection({ kind: "config", id: config.id }),
             });
         }
-        if (catalog.sync?.enabled) {
+        if (catalog.sync?.enabled && hasCap(catalog, "sync.run")) {
             entries.push({
                 key: "sync",
                 group: "Settings",
@@ -520,25 +584,27 @@ export function VertebrAdmin({ apiBase = "/admin/api", basePath: basePathProp, t
         ? (catalog?.metrics?.label ?? "Overview")
         : selection?.kind === "sync"
             ? "Sync environments"
-            : selection?.kind === "addons"
-                ? "Add-ons"
-                : selection?.kind === "gallery"
-                    ? (catalog?.gallery?.label ?? "Gallery")
-                    : selection?.kind === "fontLibrary"
-                        ? (catalog?.fontLibrary?.label ?? "Font Library")
-                        : 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
-                                    : selection?.kind === "addon"
-                                        ? catalog?.addons?.find((a) => a.id === selection.id)?.label
-                                        : null;
+            : selection?.kind === "audit"
+                ? (catalog?.audit?.label ?? "Audit")
+                : selection?.kind === "addons"
+                    ? "Add-ons"
+                    : selection?.kind === "gallery"
+                        ? (catalog?.gallery?.label ?? "Gallery")
+                        : selection?.kind === "fontLibrary"
+                            ? (catalog?.fontLibrary?.label ?? "Font Library")
+                            : 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
+                                        : selection?.kind === "addon"
+                                            ? catalog?.addons?.find((a) => a.id === selection.id)?.label
+                                            : null;
     const selectionDescription = selection?.kind === "addons"
         ? "Preview how optional storefront features look in your shop, then configure each one."
         : 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", 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, authRequired: authRequired, token: token, tokenDraft: tokenDraft, onTokenDraftChange: setTokenDraft, onSaveToken: saveToken, onClearToken: clearToken, theme: theme, onThemeChange: setTheme, sidebarCollapsed: sidebarCollapsed, onToggleSidebar: () => setSidebarCollapsed((prev) => !prev), syncEnabled: Boolean(catalog?.sync?.enabled), onOpenSync: () => setSelection({ kind: "sync" }), onOpenSearch: () => setSearchOpen(true) }), 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, onRefreshResource: refreshResource, configData: configData, onConfigSaved: setConfigData, 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", 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, {})] }) }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"adminSearch.d.ts","sourceRoot":"","sources":["../../../src/components/admin/adminSearch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,eAAe,EAAE,CA6G5E;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,eAAe,EAAE,EACxB,KAAK,EAAE,MAAM,GACZ,eAAe,EAAE,CASnB"}
+{"version":3,"file":"adminSearch.d.ts","sourceRoot":"","sources":["../../../src/components/admin/adminSearch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,eAAe,EAAE,CAuH5E;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,eAAe,EAAE,EACxB,KAAK,EAAE,MAAM,GACZ,eAAe,EAAE,CASnB"}

package/dist/components/admin/adminSearch.js

@@ -9,6 +9,15 @@ export function adminSearchItems(catalog) {
             selection: { kind: "overview" },
         });
     }
+    if (catalog.audit) {
+        items.push({
+            id: "audit",
+            label: catalog.audit.label,
+            group: catalog.audit.group ?? "Analytics",
+            hint: "Audit log",
+            selection: { kind: "audit" },
+        });
+    }
     for (const resource of catalog.resources) {
         items.push({
             id: `resource:${resource.id}`,

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/admin/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,UAAU,EAAE,CAyDd"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/admin/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,UAAU,EAAE,CA2Dd"}

package/dist/components/admin/breadcrumbs.js

@@ -7,6 +7,8 @@ export function breadcrumbsForSelection(selection, catalog) {
             return [...crumbs, { label: catalog.metrics?.label ?? "Overview" }];
         case "sync":
             return [...crumbs, { label: "Sync environments" }];
+        case "audit":
+            return [...crumbs, { label: catalog.audit?.label ?? "Audit" }];
         case "addons":
             return [...crumbs, { label: "Add-ons" }];
         case "addon": {

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

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../src/components/admin/routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAO5D;AAOD,iEAAiE;AACjE,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,MAAM,CAgCR;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,MAAM,CAIR;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,SAAS,GAAG,IAAI,CAgDlB;AAED,8DAA8D;AAC9D,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS,CAUpE;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAC7B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,SAAS,CAoCX;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,CAgBnE"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../src/components/admin/routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAO5D;AAOD,iEAAiE;AACjE,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,MAAM,CAkCR;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,MAAM,CAIR;AASD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,SAAS,GAAG,IAAI,CAiDlB;AAED,8DAA8D;AAC9D,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS,CAUpE;AAED,+DAA+D;AAC/D,wBAAgB,eAAe,CAC7B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,GACvB,SAAS,CAuCX;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,CAuBnE"}