@fivepixels-js/react 0.2.7 → 0.2.9

package/dist/components/overlay/DevicePreviewChrome.js

@@ -0,0 +1,523 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useReportPreferences } from "../../providers/reportContext.js";
+import { DEVICE_PREVIEW_BRAND_ORDER, DEVICE_PREVIEW_SCALE_OPTIONS, formatDevicePreviewScale, getDevicePreviewLayoutSize, getDevicePreviewPreset, getDevicePreviewPresetsByBrand, getEmptyBezel, scaleDeviceChrome, } from "../../constants/devicePreview.js";
+import { PanelOptionSwitch } from "../../components/panel/PanelOptionSwitch.js";
+import { FloatingWindow } from "../../components/ui/FloatingWindow.js";
+import { buildDevicePreviewCaptureFilename, captureDevicePreview, downloadCanvasPng, getDevicePreviewCaptureLayout, } from "../../utils/overlay/devicePreviewCapture.js";
+import { DeviceFrameArtwork } from "./DeviceFrameArtwork.js";
+import { DevicePreviewQrCard } from "./DevicePreviewQrCard.js";
+import { DeviceStatusBar, getDeviceStatusBarHeight } from "./DeviceStatusBar.js";
+const DEVICE_PREVIEW_BAR_STORAGE_KEY = "fivepixels:device-preview-bar-position:v1";
+const FLOATING_BAR_RESERVE = 88;
+function readDevicePreviewBarPosition() {
+    const fallback = getDefaultDevicePreviewBarPosition();
+    if (typeof window === "undefined") {
+        return fallback;
+    }
+    try {
+        const raw = window.localStorage.getItem(DEVICE_PREVIEW_BAR_STORAGE_KEY);
+        if (!raw) {
+            return fallback;
+        }
+        const parsed = JSON.parse(raw);
+        if (typeof parsed.left === "number" && Number.isFinite(parsed.left) && typeof parsed.top === "number" && Number.isFinite(parsed.top)) {
+            return { left: parsed.left, top: parsed.top };
+        }
+    }
+    catch {
+        // Ignore storage failures.
+    }
+    return fallback;
+}
+function getDefaultDevicePreviewBarPosition() {
+    if (typeof window === "undefined") {
+        return { left: 80, top: 640 };
+    }
+    return {
+        left: Math.max(16, window.innerWidth - 240),
+        top: Math.max(16, window.innerHeight - 420),
+    };
+}
+function persistDevicePreviewBarPosition(position) {
+    try {
+        window.localStorage.setItem(DEVICE_PREVIEW_BAR_STORAGE_KEY, JSON.stringify(position));
+    }
+    catch {
+        // Ignore storage failures.
+    }
+}
+const HOST_STYLE_ID = "fivepixels-device-preview-host-style";
+const HTML_ACTIVE_CLASS = "fivepixels-device-preview-active";
+const RULER_WIDTH = 44;
+const RULER_GAP = 6;
+const RULER_MAJOR_STEP = 100;
+const RULER_MINOR_STEP = 50;
+const LABEL_RESERVE = 34;
+const DEVICE_PREVIEW_CANVAS_GRID = 16;
+/** Host document (html/body) is outside ThemeScope — resolve token hex by appearance. */
+const DEVICE_PREVIEW_HOST_CANVAS = {
+    light: {
+        background: "#f5f5f5", // --adaptive-black100
+        line: "rgba(0, 0, 0, 0.04)",
+        screen: "#ffffff", // --adaptive-background
+    },
+    dark: {
+        background: "#1F2125",
+        line: "rgba(255, 255, 255, 0.04)",
+        screen: "#17171c", // --adaptive-background
+    },
+};
+function buildDevicePreviewCanvasStyle(hostCanvas) {
+    return {
+        backgroundColor: hostCanvas.background,
+        backgroundImage: `linear-gradient(${hostCanvas.line} 1px, transparent 1px), linear-gradient(90deg, ${hostCanvas.line} 1px, transparent 1px)`,
+        backgroundSize: `${DEVICE_PREVIEW_CANVAS_GRID}px ${DEVICE_PREVIEW_CANVAS_GRID}px`,
+        backgroundAttachment: "fixed",
+    };
+}
+function getPreviewContentRoot() {
+    if (typeof document === "undefined") {
+        return null;
+    }
+    return document.getElementById("root");
+}
+function readContentMetrics(fallbackWidth) {
+    const root = getPreviewContentRoot();
+    const rect = root?.getBoundingClientRect();
+    return {
+        scrollY: Math.round(root?.scrollTop ?? 0),
+        scrollHeight: Math.round(root?.scrollHeight ?? 0),
+        clientHeight: Math.round(root?.clientHeight ?? 0),
+        left: Math.round(rect?.left ?? Math.max(0, (window.innerWidth - fallbackWidth) / 2)),
+        top: Math.round(rect?.top ?? 0),
+        width: Math.round(rect?.width ?? Math.min(fallbackWidth, window.innerWidth)),
+        viewportWidth: window.innerWidth,
+        viewportHeight: window.innerHeight,
+    };
+}
+function buildRulerTicks(scrollY, clientHeight, scrollHeight) {
+    const start = Math.floor(scrollY / RULER_MINOR_STEP) * RULER_MINOR_STEP;
+    const end = Math.ceil((scrollY + clientHeight) / RULER_MINOR_STEP) * RULER_MINOR_STEP;
+    const ticks = [];
+    for (let documentY = Math.max(0, start); documentY <= Math.min(scrollHeight, end + RULER_MINOR_STEP); documentY += RULER_MINOR_STEP) {
+        ticks.push({
+            documentY,
+            major: documentY % RULER_MAJOR_STEP === 0,
+        });
+    }
+    return ticks;
+}
+function resolveCenteredLayout(args) {
+    const { layoutWidth, layoutHeight, bezelTop, bezelRight, bezelBottom, bezelLeft, viewportWidth, viewportHeight, fitToViewport } = args;
+    const availableWidth = Math.max(240, viewportWidth - 24);
+    const availableHeight = Math.max(240, viewportHeight - FLOATING_BAR_RESERVE - LABEL_RESERVE);
+    // Logical screen stays at the selected device × user scale — never shrink for the viewport.
+    const screenWidth = Math.max(1, Math.round(layoutWidth));
+    const screenHeight = Math.max(1, Math.round(layoutHeight));
+    const bezel = {
+        top: Math.max(0, Math.round(bezelTop)),
+        right: Math.max(0, Math.round(bezelRight)),
+        bottom: Math.max(0, Math.round(bezelBottom)),
+        left: Math.max(0, Math.round(bezelLeft)),
+    };
+    const frameWidth = screenWidth + bezel.left + bezel.right;
+    const frameHeight = screenHeight + bezel.top + bezel.bottom;
+    // Optional visual-only shrink; CSS size / container queries stay at the real device width.
+    const fitScale = fitToViewport ? Math.min(1, availableWidth / frameWidth, availableHeight / frameHeight) : 1;
+    const visualFrameWidth = frameWidth * fitScale;
+    const visualFrameHeight = frameHeight * fitScale;
+    const visualScreenWidth = screenWidth * fitScale;
+    const visualScreenHeight = screenHeight * fitScale;
+    const frameLeft = Math.round((viewportWidth - visualFrameWidth) / 2);
+    const frameTop = Math.round((availableHeight - visualFrameHeight) / 2 + LABEL_RESERVE / 2);
+    const screenLeft = frameLeft + bezel.left * fitScale;
+    const screenTop = frameTop + bezel.top * fitScale;
+    return {
+        fitScale,
+        screenWidth,
+        screenHeight,
+        visualScreenWidth,
+        visualScreenHeight,
+        frameWidth,
+        frameHeight,
+        visualFrameWidth,
+        visualFrameHeight,
+        frameLeft,
+        frameTop,
+        screenLeft,
+        screenTop,
+        bezel,
+    };
+}
+function clearRootInlineStyles(root) {
+    const props = [
+        "max-width",
+        "width",
+        "height",
+        "max-height",
+        "min-height",
+        "margin",
+        "margin-top",
+        "margin-left",
+        "margin-right",
+        "margin-bottom",
+        "overflow",
+        "overflow-x",
+        "overflow-y",
+        "overscroll-behavior",
+        "container-type",
+        "container-name",
+        "background",
+        "position",
+        "z-index",
+        "box-sizing",
+        "padding",
+        "padding-top",
+        "border-radius",
+        "transform",
+        "transform-origin",
+    ];
+    for (const prop of props) {
+        root.style.removeProperty(prop);
+    }
+}
+function DevicePreviewFloatingBar({ captureState, onCapture, }) {
+    const { messages, devicePreviewDeviceId, setDevicePreviewDeviceId, devicePreviewScale, setDevicePreviewScale, devicePreviewImageEnabled, setDevicePreviewImageEnabled, devicePreviewFitToViewport, setDevicePreviewFitToViewport, devicePreviewStatusBarEnabled, setDevicePreviewStatusBarEnabled, setDevicePreviewUiOpen, } = useReportPreferences();
+    const [position, setPosition] = useState(() => readDevicePreviewBarPosition());
+    const [mode, setMode] = useState("normal");
+    const captureLabel = captureState === "capturing"
+        ? messages.settings.devicePreviewCaptureCapturingLabel
+        : captureState === "saved"
+            ? messages.settings.devicePreviewCaptureSavedLabel
+            : captureState === "failed"
+                ? messages.settings.devicePreviewCaptureFailedLabel
+                : messages.settings.devicePreviewCaptureLabel;
+    const selectClassName = "h-[30px] w-full rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-black50)] px-[8px] text-[11px] font-semibold text-[var(--adaptive-black900)] outline-none focus:border-[var(--adaptive-blue500)]";
+    const handlePositionChange = useCallback((next) => {
+        setPosition(next);
+        persistDevicePreviewBarPosition(next);
+    }, []);
+    return (_jsx(FloatingWindow, { dataChrome: "device-preview-toolbar", role: "toolbar", ariaLabel: messages.settings.devicePreviewFloatingAriaLabel, position: position, onPositionChange: handlePositionChange, mode: mode, onModeChange: setMode, width: 220, minWidth: 200, minHeight: 160, resizable: true, resizeAriaLabel: messages.marker.resizeAriaLabel, contentClassName: "px-[12px] pb-[12px]", controls: {
+            onClose: () => setDevicePreviewUiOpen(false),
+            closeAriaLabel: messages.marker.windowCloseAriaLabel,
+            minimizeAriaLabel: messages.marker.windowMinimizeAriaLabel,
+            maximizeAriaLabel: messages.marker.windowMaximizeAriaLabel,
+            restoreAriaLabel: messages.marker.windowRestoreAriaLabel,
+        }, title: _jsx("span", { className: "truncate text-[12px] font-bold text-[var(--adaptive-black900)]", children: messages.settings.devicePreviewFloatingAriaLabel }), children: _jsxs("div", { className: "flex w-full flex-col gap-[10px]", children: [_jsxs("label", { className: "flex flex-col gap-[3px]", children: [_jsx("span", { className: "text-[9px] font-semibold text-[var(--adaptive-black500)]", children: messages.settings.devicePreviewDeviceLabel }), _jsx("select", { value: devicePreviewDeviceId, onChange: (event) => setDevicePreviewDeviceId(event.target.value), "aria-label": messages.settings.devicePreviewDeviceAriaLabel, className: selectClassName, children: DEVICE_PREVIEW_BRAND_ORDER.map((brand) => (_jsx("optgroup", { label: brand === "apple"
+                                    ? messages.settings.devicePreviewBrandApple
+                                    : brand === "samsung"
+                                        ? messages.settings.devicePreviewBrandSamsung
+                                        : brand === "google"
+                                            ? messages.settings.devicePreviewBrandGoogle
+                                            : messages.settings.devicePreviewBrandDesktop, children: getDevicePreviewPresetsByBrand(brand).map((option) => (_jsxs("option", { value: option.id, children: [option.label, " (", option.width, "\u00D7", option.height, ")"] }, option.id))) }, brand))) })] }), _jsxs("label", { className: "flex flex-col gap-[3px]", children: [_jsx("span", { className: "text-[9px] font-semibold text-[var(--adaptive-black500)]", children: messages.settings.devicePreviewScaleLabel }), _jsx("select", { value: String(devicePreviewScale), onChange: (event) => setDevicePreviewScale(Number(event.target.value)), "aria-label": messages.settings.devicePreviewScaleAriaLabel, className: selectClassName, children: DEVICE_PREVIEW_SCALE_OPTIONS.map((scale) => (_jsx("option", { value: String(scale), children: formatDevicePreviewScale(scale) }, scale))) })] }), _jsxs("div", { className: "flex flex-col gap-[3px]", children: [_jsx("span", { className: "text-[9px] font-semibold text-[var(--adaptive-black500)]", children: messages.settings.devicePreviewImageLabel }), _jsx(PanelOptionSwitch, { options: [
+                                { value: "off", label: messages.settings.devicePreviewImageOff },
+                                { value: "on", label: messages.settings.devicePreviewImageOn },
+                            ], value: devicePreviewImageEnabled ? "on" : "off", onChange: (value) => setDevicePreviewImageEnabled(value === "on"), ariaLabel: messages.settings.devicePreviewImageAriaLabel })] }), _jsxs("div", { className: "flex flex-col gap-[3px]", children: [_jsx("span", { className: "text-[9px] font-semibold text-[var(--adaptive-black500)]", children: messages.settings.devicePreviewFitViewportLabel }), _jsx(PanelOptionSwitch, { options: [
+                                { value: "off", label: messages.settings.devicePreviewFitViewportOff },
+                                { value: "on", label: messages.settings.devicePreviewFitViewportOn },
+                            ], value: devicePreviewFitToViewport ? "on" : "off", onChange: (value) => setDevicePreviewFitToViewport(value === "on"), ariaLabel: messages.settings.devicePreviewFitViewportAriaLabel })] }), _jsxs("div", { className: "flex flex-col gap-[3px]", children: [_jsx("span", { className: "text-[9px] font-semibold text-[var(--adaptive-black500)]", children: messages.settings.devicePreviewStatusBarLabel }), _jsx(PanelOptionSwitch, { options: [
+                                { value: "off", label: messages.settings.devicePreviewStatusBarOff },
+                                { value: "on", label: messages.settings.devicePreviewStatusBarOn },
+                            ], value: devicePreviewStatusBarEnabled ? "on" : "off", onChange: (value) => setDevicePreviewStatusBarEnabled(value === "on"), ariaLabel: messages.settings.devicePreviewStatusBarAriaLabel })] }), _jsx("button", { type: "button", onClick: onCapture, disabled: captureState === "capturing", "aria-label": messages.settings.devicePreviewCaptureAriaLabel, className: "h-[28px] rounded-[8px] border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-black50)] px-[8px] text-[10px] font-semibold text-[var(--adaptive-black900)] hover:bg-[var(--adaptive-black100)] disabled:opacity-60", children: captureLabel })] }) }));
+}
+export function DevicePreviewChrome() {
+    const { devicePreviewUiOpen, devicePreviewDeviceId, devicePreviewScale, devicePreviewImageEnabled, devicePreviewFitToViewport, devicePreviewStatusBarEnabled, resolvedPanelAppearance, messages, } = useReportPreferences();
+    const preset = useMemo(() => getDevicePreviewPreset(devicePreviewDeviceId), [devicePreviewDeviceId]);
+    const layout = useMemo(() => getDevicePreviewLayoutSize(preset, devicePreviewScale), [preset, devicePreviewScale]);
+    const chrome = useMemo(() => {
+        if (!devicePreviewImageEnabled) {
+            return {
+                frameRadius: 0,
+                screenRadius: 0,
+                bezel: getEmptyBezel(),
+            };
+        }
+        return scaleDeviceChrome(preset, devicePreviewScale);
+    }, [devicePreviewImageEnabled, preset, devicePreviewScale]);
+    const hostCanvas = DEVICE_PREVIEW_HOST_CANVAS[resolvedPanelAppearance === "dark" ? "dark" : "light"];
+    const canvasStyle = useMemo(() => buildDevicePreviewCanvasStyle(hostCanvas), [hostCanvas]);
+    const stageRef = useRef(null);
+    const statusBarRef = useRef(null);
+    const captureResetTimerRef = useRef(null);
+    const [captureState, setCaptureState] = useState("idle");
+    const [metrics, setMetrics] = useState(() => typeof window === "undefined"
+        ? {
+            scrollY: 0,
+            scrollHeight: 800,
+            clientHeight: 800,
+            left: 0,
+            top: 0,
+            width: 390,
+            viewportWidth: 1280,
+            viewportHeight: 800,
+        }
+        : readContentMetrics(layout.width));
+    const centered = useMemo(() => resolveCenteredLayout({
+        layoutWidth: layout.width,
+        layoutHeight: layout.height,
+        bezelTop: chrome.bezel.top,
+        bezelRight: chrome.bezel.right,
+        bezelBottom: chrome.bezel.bottom,
+        bezelLeft: chrome.bezel.left,
+        viewportWidth: metrics.viewportWidth || (typeof window !== "undefined" ? window.innerWidth : 1280),
+        viewportHeight: metrics.viewportHeight || (typeof window !== "undefined" ? window.innerHeight : 800),
+        fitToViewport: devicePreviewFitToViewport,
+    }), [layout.width, layout.height, chrome.bezel, metrics.viewportWidth, metrics.viewportHeight, devicePreviewFitToViewport]);
+    const statusBarHeight = useMemo(() => (devicePreviewStatusBarEnabled ? getDeviceStatusBarHeight(preset, centered.screenWidth) : 0), [devicePreviewStatusBarEnabled, preset, centered.screenWidth]);
+    const handleCapture = useCallback(async () => {
+        if (captureState === "capturing") {
+            return;
+        }
+        const contentRoot = getPreviewContentRoot();
+        if (captureResetTimerRef.current !== null) {
+            window.clearTimeout(captureResetTimerRef.current);
+            captureResetTimerRef.current = null;
+        }
+        setCaptureState("capturing");
+        try {
+            if (!contentRoot) {
+                throw new Error("Device preview content is missing.");
+            }
+            const layout = getDevicePreviewCaptureLayout({
+                screenWidth: centered.screenWidth,
+                screenHeight: centered.screenHeight,
+                bezel: chrome.bezel,
+                deviceImageEnabled: devicePreviewImageEnabled,
+            });
+            const canvas = await captureDevicePreview({
+                contentRoot,
+                chromeStage: stageRef.current,
+                statusBarLayer: statusBarRef.current,
+                deviceImageEnabled: devicePreviewImageEnabled,
+                statusBarEnabled: devicePreviewStatusBarEnabled,
+                layout,
+                background: hostCanvas.screen,
+            });
+            await downloadCanvasPng(canvas, buildDevicePreviewCaptureFilename({
+                deviceId: preset.id,
+                width: centered.screenWidth,
+                height: centered.screenHeight,
+            }));
+            setCaptureState("saved");
+        }
+        catch {
+            setCaptureState("failed");
+        }
+        finally {
+            captureResetTimerRef.current = window.setTimeout(() => {
+                setCaptureState("idle");
+                captureResetTimerRef.current = null;
+            }, 1600);
+        }
+    }, [
+        captureState,
+        centered.screenHeight,
+        centered.screenWidth,
+        chrome.bezel,
+        devicePreviewImageEnabled,
+        devicePreviewStatusBarEnabled,
+        hostCanvas.screen,
+        preset.id,
+    ]);
+    useEffect(() => {
+        return () => {
+            if (captureResetTimerRef.current !== null) {
+                window.clearTimeout(captureResetTimerRef.current);
+            }
+        };
+    }, []);
+    useEffect(() => {
+        if (!devicePreviewUiOpen) {
+            document.documentElement.classList.remove(HTML_ACTIVE_CLASS);
+            document.getElementById(HOST_STYLE_ID)?.remove();
+            const root = getPreviewContentRoot();
+            if (root) {
+                clearRootInlineStyles(root);
+            }
+            return;
+        }
+        document.documentElement.classList.add(HTML_ACTIVE_CLASS);
+        let style = document.getElementById(HOST_STYLE_ID);
+        if (!style) {
+            style = document.createElement("style");
+            style.id = HOST_STYLE_ID;
+            document.documentElement.append(style);
+        }
+        style.textContent = `
+html.${HTML_ACTIVE_CLASS},
+html.${HTML_ACTIVE_CLASS} body {
+  height: 100% !important;
+  max-height: 100% !important;
+  overflow: hidden !important;
+  background-color: ${hostCanvas.background} !important;
+  background-image: linear-gradient(${hostCanvas.line} 1px, transparent 1px), linear-gradient(90deg, ${hostCanvas.line} 1px, transparent 1px) !important;
+  background-size: ${DEVICE_PREVIEW_CANVAS_GRID}px ${DEVICE_PREVIEW_CANVAS_GRID}px !important;
+}
+
+html.${HTML_ACTIVE_CLASS} #fivepixels-root {
+  position: fixed !important;
+  inset: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  max-width: none !important;
+  max-height: none !important;
+  margin: 0 !important;
+  pointer-events: none !important;
+  z-index: 2147483646 !important;
+}
+
+html.${HTML_ACTIVE_CLASS} #root .pulse-board,
+html.${HTML_ACTIVE_CLASS} #root .pulse-sidebar,
+html.${HTML_ACTIVE_CLASS} #root .pulse-main {
+  height: auto !important;
+  min-height: 100% !important;
+  max-height: none !important;
+  overflow: visible !important;
+}
+
+html.${HTML_ACTIVE_CLASS} #root .pulse-content {
+  height: auto !important;
+  max-height: none !important;
+  overflow: visible !important;
+  flex: none !important;
+}
+`;
+        const root = getPreviewContentRoot();
+        if (root) {
+            // Logical CSS size = selected device resolution (× user scale). Viewport fit uses transform only.
+            root.style.setProperty("max-width", `${centered.screenWidth}px`, "important");
+            root.style.setProperty("width", `${centered.screenWidth}px`, "important");
+            root.style.setProperty("height", `${centered.screenHeight}px`, "important");
+            root.style.setProperty("max-height", `${centered.screenHeight}px`, "important");
+            root.style.setProperty("min-height", "0px", "important");
+            root.style.setProperty("margin-left", `${centered.screenLeft}px`, "important");
+            root.style.setProperty("margin-right", "0", "important");
+            root.style.setProperty("margin-top", `${centered.screenTop}px`, "important");
+            root.style.setProperty("margin-bottom", "0", "important");
+            root.style.setProperty("padding-top", `${statusBarHeight}px`, "important");
+            root.style.setProperty("overflow-x", "hidden", "important");
+            root.style.setProperty("overflow-y", "auto", "important");
+            root.style.setProperty("overscroll-behavior", "contain", "important");
+            root.style.setProperty("container-type", "inline-size", "important");
+            root.style.setProperty("container-name", "fivepixels-device-preview", "important");
+            root.style.setProperty("background", hostCanvas.screen, "important");
+            root.style.setProperty("position", "relative", "important");
+            root.style.setProperty("z-index", "0", "important");
+            root.style.setProperty("box-sizing", "border-box", "important");
+            root.style.setProperty("border-radius", devicePreviewImageEnabled ? `${Math.max(0, Math.round(chrome.screenRadius))}px` : "0px", "important");
+            root.style.setProperty("transform", `scale(${centered.fitScale})`, "important");
+            root.style.setProperty("transform-origin", "top left", "important");
+        }
+        const sync = () => setMetrics(readContentMetrics(centered.screenWidth));
+        sync();
+        requestAnimationFrame(sync);
+        return () => {
+            document.documentElement.classList.remove(HTML_ACTIVE_CLASS);
+            style?.remove();
+            if (root) {
+                clearRootInlineStyles(root);
+            }
+        };
+    }, [
+        devicePreviewUiOpen,
+        devicePreviewImageEnabled,
+        devicePreviewStatusBarEnabled,
+        statusBarHeight,
+        centered.screenWidth,
+        centered.screenHeight,
+        centered.screenLeft,
+        centered.screenTop,
+        centered.fitScale,
+        chrome.screenRadius,
+        hostCanvas.background,
+        hostCanvas.line,
+        hostCanvas.screen,
+    ]);
+    useEffect(() => {
+        if (!devicePreviewUiOpen) {
+            return;
+        }
+        const sync = () => setMetrics(readContentMetrics(centered.screenWidth));
+        const root = getPreviewContentRoot();
+        root?.addEventListener("scroll", sync, { passive: true });
+        window.addEventListener("resize", sync);
+        const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => sync());
+        if (root) {
+            resizeObserver?.observe(root);
+        }
+        return () => {
+            root?.removeEventListener("scroll", sync);
+            window.removeEventListener("resize", sync);
+            resizeObserver?.disconnect();
+        };
+    }, [devicePreviewUiOpen, centered.screenWidth, centered.screenHeight]);
+    if (!devicePreviewUiOpen) {
+        return null;
+    }
+    const screenLeft = metrics.left || centered.screenLeft;
+    const screenTop = metrics.top || centered.screenTop;
+    const screenWidth = centered.screenWidth;
+    const screenHeight = centered.screenHeight;
+    const visualScreenHeight = centered.visualScreenHeight;
+    const frameLeft = centered.frameLeft;
+    const frameTop = centered.frameTop;
+    const ticks = buildRulerTicks(metrics.scrollY, metrics.clientHeight || screenHeight, Math.max(metrics.scrollHeight, screenHeight));
+    const visualBezelLeft = centered.bezel.left * centered.fitScale;
+    const actualFrameLeft = screenLeft - visualBezelLeft;
+    const rulerLeft = actualFrameLeft >= RULER_WIDTH + RULER_GAP
+        ? actualFrameLeft - RULER_WIDTH - RULER_GAP
+        : Math.max(0, actualFrameLeft - RULER_WIDTH);
+    const visualStatusBarHeight = statusBarHeight * centered.fitScale;
+    const rulerTop = screenTop + visualStatusBarHeight;
+    const rulerHeight = Math.max(0, visualScreenHeight - visualStatusBarHeight);
+    const contentScrollY = Math.max(0, metrics.scrollY - statusBarHeight);
+    const scrollLabel = messages.settings.devicePreviewScrollLabel(contentScrollY);
+    const stageTransform = {
+        transform: `scale(${centered.fitScale})`,
+        transformOrigin: "top left",
+    };
+    const qrGap = 16;
+    const qrLeft = frameLeft + centered.visualFrameWidth + qrGap;
+    const qrMaxWidth = Math.max(0, metrics.viewportWidth - qrLeft - 12);
+    const showQrCard = qrMaxWidth >= 140;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "pointer-events-none fixed inset-0 z-[999997]", "aria-hidden": true, "data-fivepixels-device-preview": "", children: [_jsx("div", { className: "absolute left-0 right-0 top-0", style: { ...canvasStyle, height: Math.max(0, frameTop) } }), _jsx("div", { className: "absolute bottom-0 left-0 right-0", style: { ...canvasStyle, top: frameTop + centered.visualFrameHeight } }), _jsx("div", { className: "absolute left-0", style: {
+                            ...canvasStyle,
+                            top: frameTop,
+                            height: centered.visualFrameHeight,
+                            width: Math.max(0, frameLeft),
+                        } }), _jsx("div", { className: "absolute right-0", style: {
+                            ...canvasStyle,
+                            top: frameTop,
+                            height: centered.visualFrameHeight,
+                            width: Math.max(0, metrics.viewportWidth - frameLeft - centered.visualFrameWidth),
+                        } }), _jsxs("div", { ref: stageRef, className: "absolute z-[3]", "data-fivepixels-device-preview-stage": "", style: {
+                            left: frameLeft,
+                            top: frameTop,
+                            width: centered.frameWidth,
+                            height: centered.frameHeight,
+                            ...stageTransform,
+                        }, children: [devicePreviewImageEnabled ? (_jsx(DeviceFrameArtwork, { preset: preset, chrome: chrome, screenWidth: screenWidth, screenHeight: screenHeight })) : (_jsx("div", { className: "absolute border border-[var(--adaptive-border-subtle)] bg-transparent", "data-fivepixels-skip-capture": "", style: {
+                                    left: centered.bezel.left,
+                                    top: centered.bezel.top,
+                                    width: screenWidth,
+                                    height: screenHeight,
+                                } })), devicePreviewStatusBarEnabled ? (_jsx("div", { ref: statusBarRef, className: "absolute z-[1] overflow-hidden", style: {
+                                    left: centered.bezel.left,
+                                    top: centered.bezel.top,
+                                    width: screenWidth,
+                                    height: screenHeight,
+                                    borderRadius: devicePreviewImageEnabled ? chrome.screenRadius : 0,
+                                }, children: _jsx(DeviceStatusBar, { preset: preset, width: screenWidth, appearance: resolvedPanelAppearance === "dark" ? "dark" : "light", showCutout: devicePreviewImageEnabled }) })) : null] }), _jsxs("div", { className: "absolute overflow-hidden border-r border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-neutralTintOpacity900)] text-[var(--adaptive-black900)] backdrop-blur-[4px]", "data-fivepixels-skip-capture": "", style: { left: rulerLeft, top: rulerTop, width: RULER_WIDTH, height: rulerHeight, borderRadius: 6 }, children: [_jsx("div", { className: "absolute inset-x-0 top-0 z-[1] border-b border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-neutralTintOpacity900)] px-[4px] py-[6px] text-center text-[9px] font-semibold leading-tight text-[var(--adaptive-black900)]", children: scrollLabel }), ticks.map((tick) => {
+                                const top = (tick.documentY - metrics.scrollY - statusBarHeight) * centered.fitScale;
+                                if (top < 0 || top > rulerHeight) {
+                                    return null;
+                                }
+                                const labelY = Math.max(0, tick.documentY - statusBarHeight);
+                                return (_jsxs("div", { className: "absolute right-0 flex items-center", style: { top, height: 0 }, children: [_jsx("span", { className: `mr-[3px] text-[8px] tabular-nums ${tick.major ? "font-semibold text-[var(--adaptive-black900)]" : "text-[var(--adaptive-black500)]"}`, children: tick.major ? labelY : "" }), _jsx("span", { className: `block bg-[var(--adaptive-black500)] ${tick.major ? "h-[1px] w-[12px]" : "h-[1px] w-[7px]"}` })] }, tick.documentY));
+                            })] })] }), showQrCard ? (_jsx(DevicePreviewQrCard, { left: qrLeft, 
+                // top={Math.max(8, frameTop)}
+                // top={Math.max(8, frameTop)}
+                maxWidth: qrMaxWidth, title: messages.settings.devicePreviewQrTitle, hintLocalhost: messages.settings.devicePreviewQrHintLocalhost, urlInputLabel: messages.settings.devicePreviewQrUrlInputLabel, urlInputPlaceholder: messages.settings.devicePreviewQrUrlInputPlaceholder, urlInputAriaLabel: messages.settings.devicePreviewQrUrlInputAriaLabel, invalidUrlMessage: messages.settings.devicePreviewQrInvalidUrl, emptyUrlMessage: messages.settings.devicePreviewQrEmptyUrl, copyLabel: messages.settings.devicePreviewQrCopyLabel, copiedLabel: messages.settings.devicePreviewQrCopiedLabel, copyAriaLabel: messages.settings.devicePreviewQrCopyAriaLabel, qrAriaLabel: messages.settings.devicePreviewQrAriaLabel })) : null, _jsx(DevicePreviewFloatingBar, { captureState: captureState, onCapture: () => void handleCapture() })] }));
+}
+//# sourceMappingURL=DevicePreviewChrome.js.map

package/dist/components/overlay/DevicePreviewChrome.js.map

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

package/dist/components/overlay/DevicePreviewQrCard.d.ts

@@ -0,0 +1,18 @@
+type DevicePreviewQrCardProps = {
+    left: number;
+    maxWidth: number;
+    title: string;
+    hintLocalhost: string;
+    urlInputLabel: string;
+    urlInputPlaceholder: string;
+    urlInputAriaLabel: string;
+    invalidUrlMessage: string;
+    emptyUrlMessage: string;
+    copyLabel: string;
+    copiedLabel: string;
+    copyAriaLabel: string;
+    qrAriaLabel: string;
+};
+export declare function DevicePreviewQrCard({ left, maxWidth, title, hintLocalhost, urlInputLabel, urlInputPlaceholder, urlInputAriaLabel, invalidUrlMessage, emptyUrlMessage, copyLabel, copiedLabel, copyAriaLabel, qrAriaLabel, }: DevicePreviewQrCardProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DevicePreviewQrCard.d.ts.map

package/dist/components/overlay/DevicePreviewQrCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevicePreviewQrCard.d.ts","sourceRoot":"","sources":["../../../src/components/overlay/DevicePreviewQrCard.tsx"],"names":[],"mappings":"AAkCA,KAAK,wBAAwB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EAEJ,QAAQ,EACR,KAAK,EACL,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,GACd,EAAE,wBAAwB,+BAmJ1B"}