@clipkit/editor 1.0.0

package/dist/PerfHud.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// PerfHud — small floating overlay showing live engine stats while
+// preview is running. Useful for diagnosing choppiness: at a glance
+// you can tell whether the bottleneck is the worker (frames not
+// arriving fast enough), the main thread (paint gap jitter), or
+// buffer starvation (engine can't keep up with playback).
+//
+// Toggled by Shift+P (wired in Editor.tsx). Polls engine.getStats()
+// every 250ms — cheap enough to not affect the metrics it measures.
+import { useEffect, useState } from 'react';
+import { useEditorContext } from '@clipkit/editor-core';
+import { useEditorStore } from '@clipkit/editor-core';
+const POLL_MS = 250;
+export function PerfHud() {
+    const { engine } = useEditorContext();
+    const open = useEditorStore((s) => s.ui.perfHudOpen);
+    const [stats, setStats] = useState(null);
+    useEffect(() => {
+        if (!open || !engine)
+            return;
+        const tick = () => setStats(engine.getStats());
+        tick();
+        const id = window.setInterval(tick, POLL_MS);
+        return () => window.clearInterval(id);
+    }, [open, engine]);
+    if (!open || !stats)
+        return null;
+    return (_jsxs("div", { role: "status", "aria-label": "Playback performance", className: "pointer-events-none absolute top-2 right-2 z-40 select-none rounded-md px-2.5 py-2 font-mono text-[10.5px] leading-tight", style: {
+            background: 'rgba(0, 0, 0, 0.78)',
+            color: 'var(--color-foreground)',
+            backdropFilter: 'blur(6px)',
+            minWidth: 168,
+        }, children: [_jsxs("div", { className: "mb-1 flex items-center justify-between gap-3 text-muted-foreground/70 uppercase tracking-wider", children: [_jsx("span", { children: "perf" }), _jsx("span", { className: "text-[9px] opacity-70", children: "shift+p" })] }), _jsx(Row, { label: "fps", value: `${stats.fps} / ${stats.targetFps}`, tone: fpsTone(stats) }), _jsx(Row, { label: "buffer", value: `${stats.bufferAheadSec.toFixed(2)}s`, tone: bufferTone(stats) }), _jsx(Row, { label: "gap", value: `${stats.frameGapMs.toFixed(1)} (${stats.frameGapMaxMs.toFixed(0)})`, tone: gapTone(stats) }), _jsx(Row, { label: "worker", value: `${stats.workerLatencyMs.toFixed(1)}ms`, tone: workerTone(stats) }), _jsx(Row, { label: "\u21B3 decode", value: `${stats.prepareMs.toFixed(1)}ms`, tone: subTone(stats.prepareMs, stats.targetFps) }), _jsx(Row, { label: "\u21B3 render", value: `${stats.renderMs.toFixed(1)}ms`, tone: subTone(stats.renderMs, stats.targetFps) }), _jsx(Row, { label: "\u21B3 readback", value: `${stats.videoFrameMs.toFixed(1)}ms`, tone: subTone(stats.videoFrameMs, stats.targetFps) }), _jsx(Row, { label: "blur smp", value: stats.blurSamples.toFixed(1), tone: "muted" }), _jsx(Row, { label: "\u21B3 total", value: `${stats.workerTotalMs.toFixed(1)}ms`, tone: subTone(stats.workerTotalMs, stats.targetFps) }), _jsx(Row, { label: "queue lag", value: `${stats.queueLagMs.toFixed(1)}ms`, tone: subTone(stats.queueLagMs, stats.targetFps) }), _jsx(Row, { label: "drawImage", value: `${stats.drawImageMs.toFixed(1)}ms`, tone: subTone(stats.drawImageMs, stats.targetFps) }), _jsx(Row, { label: "starve", value: `${stats.starvationCount}`, tone: stats.starvationCount > 0 ? 'red' : 'green' }), _jsx(Row, { label: "inflight", value: `${stats.inflight}`, tone: "muted" })] }));
+}
+function Row({ label, value, tone, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-3 tabular-nums", children: [_jsx("span", { className: "text-muted-foreground/70", children: label }), _jsx("span", { style: { color: toneColor(tone) }, children: value })] }));
+}
+function toneColor(t) {
+    switch (t) {
+        case 'green': return 'oklch(0.78 0.18 145)';
+        case 'yellow': return 'oklch(0.82 0.18 90)';
+        case 'red': return 'oklch(0.70 0.25 25)';
+        case 'muted': return 'var(--color-muted-foreground)';
+    }
+}
+// ── Threshold rules ───────────────────────────────────────────────
+function fpsTone(s) {
+    if (s.fps >= s.targetFps * 0.95)
+        return 'green';
+    if (s.fps >= s.targetFps * 0.8)
+        return 'yellow';
+    return 'red';
+}
+function bufferTone(s) {
+    if (s.bufferAheadSec >= 0.5)
+        return 'green';
+    if (s.bufferAheadSec >= 0.15)
+        return 'yellow';
+    return 'red';
+}
+function gapTone(s) {
+    const targetGap = 1000 / s.targetFps;
+    if (s.frameGapMaxMs <= targetGap * 1.5)
+        return 'green';
+    if (s.frameGapMaxMs <= targetGap * 2.5)
+        return 'yellow';
+    return 'red';
+}
+function workerTone(s) {
+    const budget = 1000 / s.targetFps;
+    if (s.workerLatencyMs <= budget)
+        return 'green';
+    if (s.workerLatencyMs <= budget * 2)
+        return 'yellow';
+    return 'red';
+}
+function subTone(ms, targetFps) {
+    const budget = 1000 / targetFps;
+    if (ms <= budget)
+        return 'green';
+    if (ms <= budget * 2)
+        return 'yellow';
+    return 'red';
+}
+//# sourceMappingURL=PerfHud.js.map

package/dist/PerfHud.js.map

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

package/dist/Stage.d.ts

@@ -0,0 +1,2 @@
+export declare const Stage: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLCanvasElement>>;
+//# sourceMappingURL=Stage.d.ts.map

package/dist/Stage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stage.d.ts","sourceRoot":"","sources":["../src/Stage.tsx"],"names":[],"mappings":"AAsDA,eAAO,MAAM,KAAK,6FA0chB,CAAC"}

package/dist/Stage.js

@@ -0,0 +1,406 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Stage — viewport for the rendered preview. Canvas displays at its
+// natural source dimensions (1920 × 1080, 1080 × 1920, etc.) transformed
+// by a zoom + pan applied to the wrapping div. Standard video-editor
+// canvas behavior:
+//
+//   - Wheel              → zoom (centered on cursor)
+//   - Cmd/Ctrl + wheel   → zoom (alt, also catches trackpad pinch)
+//   - Click + drag on background → pan
+//   - Space + click + drag       → pan (always, even over clip overlays)
+//   - Zoom controls in the bottom-right corner
+//   - Fit-to-screen computed once on first viewport measurement
+//
+// Zoom + pan live in `ui.stageZoom` and `ui.stagePan` (Zustand). They
+// don't go into history — pure viewport state.
+import { forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { useEditor } from '@clipkit/editor-core';
+import { useEditorContext } from '@clipkit/editor-core';
+import { PerfHud } from './PerfHud.js';
+import { useEditorStore } from '@clipkit/editor-core';
+import { StageOverlay } from './StageOverlay.js';
+import { MotionPathOverlay } from './MotionPathOverlay.js';
+import { ZoomControl } from './frame/ZoomControl.js';
+import { AddElementBar } from './frame/AddElementBar.js';
+import { Breadcrumbs } from './frame/Breadcrumbs.js';
+import { cn } from './lib/utils.js';
+import { hitTest, screenToSource, boxSelect, resolveGroupPath } from '@clipkit/editor-core';
+import { cameraGizmosActive, cameraHitTest } from './lib/camera-gizmo.js';
+const VIEWPORT_PADDING = 32;
+const MIN_ZOOM = 0.05;
+const MAX_ZOOM = 16;
+const ZOOM_STEP = 0.15;
+// Wheel/trackpad zoom is per-event (and trackpads fire many events per gesture),
+// so it gets a gentler step than the +/- buttons.
+const WHEEL_ZOOM_STEP = 0.06;
+const CLICK_VS_DRAG_THRESHOLD_PX = 4;
+export const Stage = forwardRef(function Stage(_, ref) {
+    // Note on playback.time: we deliberately do NOT subscribe. It updates
+    // ~10×/sec during playback and Stage doesn't render anything that
+    // depends on it — the only consumer is the click-to-hit-test path,
+    // which reads the latest value via store.getState() on demand.
+    const { store } = useEditorContext();
+    const ready = useEditorStore((s) => s.playback.ready);
+    const error = useEditorStore((s) => s.playback.error);
+    const source = useEditorStore((s) => s.source);
+    const selection = useEditorStore((s) => s.selection);
+    // playback.duration changes only on source updates, not per frame.
+    const playbackDuration = useEditorStore((s) => s.playback.duration);
+    const playing = useEditorStore((s) => s.playback.playing);
+    const zoom = useEditorStore((s) => s.ui.stageZoom);
+    const pan = useEditorStore((s) => s.ui.stagePan);
+    const stageView = useEditorStore((s) => s.ui.stageView);
+    const tool = useEditorStore((s) => s.ui.tool);
+    const groupPath = useEditorStore((s) => s.ui.groupPath);
+    const _scope = resolveGroupPath(source.elements, groupPath);
+    const scopedElements = _scope.elements;
+    const groupOffset = _scope.timeOffset;
+    const groupPos = _scope.offset;
+    const { clearSelection, setSelection, selectOne, setUiState, pause, patchSource, pushHistory, setInteractive, flushPendingSource, } = useEditor();
+    const srcW = source.width ?? 1920;
+    const srcH = source.height ?? 1080;
+    const viewportRef = useRef(null);
+    const panRef = useRef({
+        panning: false,
+        startX: 0,
+        startY: 0,
+        startPan: { x: 0, y: 0 },
+    });
+    const spaceHeldRef = useRef(false);
+    // ── Fit-to-screen ────────────────────────────────────────────────
+    const fitToScreen = useCallback(() => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const vw = viewport.clientWidth - VIEWPORT_PADDING * 2;
+        const vh = viewport.clientHeight - VIEWPORT_PADDING * 2;
+        if (vw <= 0 || vh <= 0)
+            return;
+        const fitZoom = Math.min(vw / srcW, vh / srcH);
+        const newZoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, fitZoom));
+        const centerX = (viewport.clientWidth - srcW * newZoom) / 2;
+        const centerY = (viewport.clientHeight - srcH * newZoom) / 2;
+        setUiState({ stageZoom: newZoom, stagePan: { x: centerX, y: centerY } });
+    }, [srcW, srcH, setUiState]);
+    // ── Initial auto-fit on mount (zoom=0 sentinel) ──────────────────
+    useLayoutEffect(() => {
+        if (zoom === 0)
+            fitToScreen();
+        // Refit if the source dimensions change (rare — happens on
+        // setSource to a different composition).
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [srcW, srcH]);
+    // ── Wheel = zoom (cursor-centered) ──────────────────────────────
+    // Registered via a manual addEventListener with passive: false so
+    // we can call preventDefault inside (React's synthetic wheel handler
+    // is forced-passive and warns when you preventDefault). Reads zoom/
+    // pan via refs so the listener doesn't need to be re-attached on
+    // every state change.
+    const zoomLiveRef = useRef(zoom);
+    zoomLiveRef.current = zoom;
+    const panZoomLiveRef = useRef(pan);
+    panZoomLiveRef.current = pan;
+    useEffect(() => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const onWheel = (e) => {
+            e.preventDefault();
+            const currentZoom = zoomLiveRef.current;
+            const currentPan = panZoomLiveRef.current;
+            const rect = viewport.getBoundingClientRect();
+            const cx = e.clientX - rect.left;
+            const cy = e.clientY - rect.top;
+            const direction = -Math.sign(e.deltaY);
+            const factor = 1 + direction * WHEEL_ZOOM_STEP;
+            const newZoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, (currentZoom || 1) * factor));
+            if (newZoom === currentZoom)
+                return;
+            const canvasPointX = (cx - currentPan.x) / (currentZoom || 1);
+            const canvasPointY = (cy - currentPan.y) / (currentZoom || 1);
+            setUiState({
+                stageZoom: newZoom,
+                stagePan: {
+                    x: cx - canvasPointX * newZoom,
+                    y: cy - canvasPointY * newZoom,
+                },
+            });
+        };
+        viewport.addEventListener('wheel', onWheel, { passive: false });
+        return () => {
+            viewport.removeEventListener('wheel', onWheel);
+        };
+    }, [setUiState]);
+    // ── Stay-centered on viewport resize ────────────────────────────
+    // When the viewport's size changes (Panel sliding in/out, JsonView
+    // toggling, window resize), shift pan by half the size delta. This
+    // keeps the source-space point that was at the viewport center
+    // before the resize at the viewport center after — so a centered
+    // canvas stays centered, and any intentional pan offset is
+    // preserved relative to the new center.
+    //
+    // Uses live refs for pan/zoom so the observer doesn't need to be
+    // re-attached on every state change.
+    useEffect(() => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        let prevW = viewport.clientWidth;
+        let prevH = viewport.clientHeight;
+        const observer = new ResizeObserver(() => {
+            const w = viewport.clientWidth;
+            const h = viewport.clientHeight;
+            const dW = w - prevW;
+            const dH = h - prevH;
+            prevW = w;
+            prevH = h;
+            if (dW === 0 && dH === 0)
+                return;
+            // Zoom = 0 means "not yet fit-to-screen'd"; skip — the
+            // fit-to-screen effect will set the right pan once dims are
+            // known.
+            if (zoomLiveRef.current === 0)
+                return;
+            const currentPan = panZoomLiveRef.current;
+            setUiState({
+                stagePan: {
+                    x: currentPan.x + dW / 2,
+                    y: currentPan.y + dH / 2,
+                },
+            });
+        });
+        observer.observe(viewport);
+        return () => observer.disconnect();
+    }, [setUiState]);
+    // Keep a live ref to the current pan so the mousedown handler can
+    // capture it without binding a stale closure.
+    const panLiveRef = useRef(pan);
+    panLiveRef.current = pan;
+    const toolRef = useRef(tool);
+    toolRef.current = tool;
+    // Marquee box-select rectangle, in viewport (client-relative) px.
+    const [marquee, setMarquee] = useState(null);
+    // Live refs so closures inside listeners read fresh values.
+    const selectionLiveRef = useRef(selection);
+    selectionLiveRef.current = selection;
+    // ── Viewport mousedown — unified handler for pan vs click-select ──
+    //
+    // - Mousedown on viewport background or with space held →
+    //     watch for movement. If the cursor moves > threshold, switch to
+    //     pan mode and follow drag. If mouseup without crossing the
+    //     threshold, treat as a click → hit-test, select/clear.
+    // - Mousedown on a selection box (handled by StageOverlay) →
+    //     overlay stops propagation, so we never get here.
+    // Marquee box-select on the canvas (Select tool). Drag a rectangle over empty
+    // canvas → select every element whose box it covers (Shift adds). Coords are
+    // viewport-relative for the visual; corners convert to source space for the hit.
+    const startMarquee = (e) => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const rect = viewport.getBoundingClientRect();
+        const additive = e.shiftKey;
+        const base = additive ? selectionLiveRef.current : [];
+        const sx = e.clientX, sy = e.clientY;
+        const x0 = sx - rect.left, y0 = sy - rect.top;
+        setMarquee({ x0, y0, x1: x0, y1: y0 });
+        let moved = false;
+        const onMove = (ev) => {
+            const x1 = ev.clientX - rect.left, y1 = ev.clientY - rect.top;
+            if (Math.abs(x1 - x0) > CLICK_VS_DRAG_THRESHOLD_PX || Math.abs(y1 - y0) > CLICK_VS_DRAG_THRESHOLD_PX)
+                moved = true;
+            setMarquee({ x0, y0, x1, y1 });
+        };
+        const onUp = (ev) => {
+            window.removeEventListener('mousemove', onMove);
+            window.removeEventListener('mouseup', onUp);
+            setMarquee(null);
+            if (!moved) {
+                if (!additive)
+                    clearSelection(); // plain click on empty = clear
+                return;
+            }
+            const z = zoom || 1;
+            const p0 = screenToSource(sx, sy, rect, z, panLiveRef.current);
+            const p1 = screenToSource(ev.clientX, ev.clientY, rect, z, panLiveRef.current);
+            const sourceDuration = playbackDuration > 0 ? playbackDuration : 1e9;
+            const t = store.getState().playback.time;
+            const hits = boxSelect(scopedElements, source, { x0: p0.x - groupPos.x, y0: p0.y - groupPos.y, x1: p1.x - groupPos.x, y1: p1.y - groupPos.y }, t - groupOffset, sourceDuration);
+            setSelection(additive ? [...new Set([...base, ...hits])] : hits);
+        };
+        window.addEventListener('mousemove', onMove);
+        window.addEventListener('mouseup', onUp);
+    };
+    const onMouseDown = (e) => {
+        const isMiddle = e.button === 1;
+        const isLeft = e.button === 0;
+        const onBackground = e.target === viewportRef.current;
+        const canPanOnly = isMiddle && !onBackground;
+        const canClickOrPan = isLeft && (onBackground || spaceHeldRef.current);
+        if (!isMiddle && !isLeft)
+            return;
+        if (!canPanOnly && !canClickOrPan)
+            return;
+        e.preventDefault();
+        // Playing → left-click pauses (unless space is held, in which
+        // case the user is panning the viewport, not interacting with
+        // content). Skips the hit-test/selection logic below; the user
+        // gets a second click to actually select once paused.
+        if (isLeft && playing && !spaceHeldRef.current) {
+            pause();
+            return;
+        }
+        // Select tool: left-drag on empty canvas marquees instead of panning. Space
+        // still pans (temporary hand), and the Hand tool falls through to the pan
+        // path below.
+        if (isLeft && onBackground && !spaceHeldRef.current && toolRef.current === 'select') {
+            startMarquee(e);
+            return;
+        }
+        const startX = e.clientX;
+        const startY = e.clientY;
+        const startPan = { ...panLiveRef.current };
+        let dragging = false;
+        const onMove = (ev) => {
+            const dx = ev.clientX - startX;
+            const dy = ev.clientY - startY;
+            if (!dragging) {
+                if (dx * dx + dy * dy < CLICK_VS_DRAG_THRESHOLD_PX ** 2)
+                    return;
+                dragging = true;
+                panRef.current.panning = true;
+            }
+            setUiState({
+                stagePan: { x: startPan.x + dx, y: startPan.y + dy },
+            });
+        };
+        const onUp = (ev) => {
+            window.removeEventListener('mousemove', onMove);
+            window.removeEventListener('mouseup', onUp);
+            panRef.current.panning = false;
+            if (dragging)
+                return;
+            // It was a click — hit-test against active elements.
+            const viewport = viewportRef.current;
+            if (!viewport || !isLeft || spaceHeldRef.current)
+                return;
+            const rect = viewport.getBoundingClientRect();
+            const sourceDuration = playbackDuration > 0 ? playbackDuration : 1e9;
+            const t = store.getState().playback.time;
+            // Camera view: hit-test against the elements' PROJECTED quads so a
+            // click selects what's actually on top under the camera.
+            const hit = cameraGizmosActive(source, stageView)
+                ? cameraHitTest(source, {
+                    x: (ev.clientX - rect.left - pan.x) / (zoom || 1),
+                    y: (ev.clientY - rect.top - pan.y) / (zoom || 1),
+                }, t, sourceDuration)
+                : (() => {
+                    const p = screenToSource(ev.clientX, ev.clientY, rect, zoom, pan);
+                    return hitTest(scopedElements, source, { x: p.x - groupPos.x, y: p.y - groupPos.y }, t - groupOffset, sourceDuration);
+                })();
+            if (hit?.id) {
+                if (ev.shiftKey) {
+                    const sel = selectionLiveRef.current;
+                    if (sel.includes(hit.id)) {
+                        setSelection(sel.filter((s) => s !== hit.id));
+                    }
+                    else {
+                        setSelection([...sel, hit.id]);
+                    }
+                }
+                else {
+                    selectOne(hit.id);
+                }
+            }
+            else {
+                clearSelection();
+            }
+        };
+        window.addEventListener('mousemove', onMove);
+        window.addEventListener('mouseup', onUp);
+    };
+    // ── Space key tracking (hold space + drag to pan over anything) ─
+    useEffect(() => {
+        const onKeyDown = (e) => {
+            if (e.code === 'Space' && !isTypingTarget(e.target)) {
+                spaceHeldRef.current = true;
+                if (viewportRef.current)
+                    viewportRef.current.style.cursor = 'grab';
+            }
+        };
+        const onKeyUp = (e) => {
+            if (e.code === 'Space') {
+                spaceHeldRef.current = false;
+                if (viewportRef.current)
+                    viewportRef.current.style.cursor = '';
+            }
+        };
+        window.addEventListener('keydown', onKeyDown);
+        window.addEventListener('keyup', onKeyUp);
+        return () => {
+            window.removeEventListener('keydown', onKeyDown);
+            window.removeEventListener('keyup', onKeyUp);
+        };
+    }, []);
+    // ── Zoom controls ───────────────────────────────────────────────
+    const zoomBy = (factor) => {
+        const viewport = viewportRef.current;
+        if (!viewport)
+            return;
+        const rect = viewport.getBoundingClientRect();
+        const cx = rect.width / 2;
+        const cy = rect.height / 2;
+        const newZoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, (zoom || 1) * factor));
+        if (newZoom === zoom)
+            return;
+        const canvasPointX = (cx - pan.x) / (zoom || 1);
+        const canvasPointY = (cy - pan.y) / (zoom || 1);
+        setUiState({
+            stageZoom: newZoom,
+            stagePan: {
+                x: cx - canvasPointX * newZoom,
+                y: cy - canvasPointY * newZoom,
+            },
+        });
+    };
+    const effectiveZoom = zoom || 1;
+    const canvasStyle = {
+        position: 'absolute',
+        left: pan.x,
+        top: pan.y,
+        width: srcW * effectiveZoom,
+        height: srcH * effectiveZoom,
+        background: '#000',
+        boxShadow: '0 8px 40px rgba(0,0,0,0.5)',
+        borderRadius: 4,
+        cursor: spaceHeldRef.current ? 'grab' : 'default',
+        // Let clicks pass through to the viewport so the unified pan-vs-click
+        // handler runs. Without this, e.target is the canvas, onBackground
+        // is false, and Stage's onMouseDown early-returns — so clicks on the
+        // canvas (including on rendered elements) never selected anything.
+        pointerEvents: 'none',
+    };
+    return (_jsx("div", { className: "flex-1 flex flex-col min-h-0 min-w-0 bg-stage overflow-hidden", children: _jsxs("div", { ref: viewportRef, className: "relative flex-1 min-h-0 min-w-0 overflow-hidden", onMouseDown: onMouseDown, style: {
+                cursor: tool === 'hand' ? 'grab' : 'default',
+                // CSS vars (defined in styles.css) flip per theme so the
+                // checker pattern adapts to light mode without re-rendering.
+                backgroundImage: 'repeating-conic-gradient(var(--color-stage-checker-a) 0% 25%, var(--color-stage-checker-b) 0% 50%)',
+                backgroundSize: '24px 24px',
+            }, children: [_jsx("canvas", { ref: ref, style: canvasStyle }), _jsx(StageOverlay, { viewportRef: viewportRef }), _jsx(MotionPathOverlay, { viewportRef: viewportRef }), _jsx(PerfHud, {}), marquee && (_jsx("div", { className: "absolute pointer-events-none border border-primary bg-primary/10 z-10", style: {
+                        left: Math.min(marquee.x0, marquee.x1),
+                        top: Math.min(marquee.y0, marquee.y1),
+                        width: Math.abs(marquee.x1 - marquee.x0),
+                        height: Math.abs(marquee.y1 - marquee.y0),
+                    } })), !ready && !error && (_jsx("div", { className: "absolute inset-0 grid place-items-center text-muted-foreground text-sm pointer-events-none", children: "Initializing\u2026" })), error && (_jsx("div", { className: "absolute inset-0 grid place-items-center text-destructive text-sm p-6 text-center pointer-events-none", children: error })), _jsxs("div", { className: "absolute bottom-3 left-3 z-10 flex flex-col gap-1 items-start", children: [source.camera && (_jsx("div", { className: "flex items-center gap-0.5 bg-background/90 backdrop-blur-sm border border-border rounded-md p-0.5", children: ['flat', 'camera'].map((v) => (_jsx("button", { type: "button", className: cn('h-6 px-2 rounded-sm text-[10px] font-medium capitalize transition-colors', stageView === v
+                                    ? 'text-foreground bg-secondary'
+                                    : 'text-muted-foreground hover:text-foreground hover:bg-secondary/60'), onClick: () => setUiState({ stageView: v }), "aria-pressed": stageView === v, title: v === 'flat'
+                                    ? 'Flat view — ignore the camera (orthographic, for editing)'
+                                    : 'Camera view — render through the scene camera', children: v }, v))) })), _jsx(Breadcrumbs, {})] }), _jsx("div", { className: "absolute bottom-3 right-3 bg-background/90 backdrop-blur-sm border border-border rounded-md px-0.5 py-0.5", children: _jsx(ZoomControl, { readout: `${Math.round(effectiveZoom * 100)}%`, onZoomOut: () => zoomBy(1 - ZOOM_STEP), onZoomIn: () => zoomBy(1 + ZOOM_STEP), onFit: fitToScreen, fitLabel: "Fit to screen" }) }), _jsx(AddElementBar, {})] }) }));
+});
+function isTypingTarget(target) {
+    if (!(target instanceof HTMLElement))
+        return false;
+    const tag = target.tagName;
+    return tag === 'INPUT' || tag === 'TEXTAREA' || target.isContentEditable;
+}
+//# sourceMappingURL=Stage.js.map

package/dist/Stage.js.map

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

package/dist/StageOverlay.d.ts

@@ -0,0 +1,7 @@
+import { type RefObject } from 'react';
+interface Props {
+    viewportRef: RefObject<HTMLDivElement | null>;
+}
+export declare function StageOverlay({ viewportRef }: Props): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=StageOverlay.d.ts.map

package/dist/StageOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageOverlay.d.ts","sourceRoot":"","sources":["../src/StageOverlay.tsx"],"names":[],"mappings":"AAeA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA+Bf,UAAU,KAAK;IACb,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC/C;AAqDD,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,sCAwlBlD"}