@tangle-network/agent-app 0.26.0 → 0.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DesignCanvas-AOIVN3SJ.js +12 -0
- package/dist/DesignCanvasEditor-TN7CWUJW.js +13 -0
- package/dist/{TimelineEditor-JDG54OBP.js → TimelineEditor-Z7C6BFP5.js} +2 -2
- package/dist/{apply-Cp8c3K9D.d.ts → apply-Gk4raT2j.d.ts} +3 -1
- package/dist/brand-extraction/index.d.ts +212 -0
- package/dist/brand-extraction/index.js +446 -0
- package/dist/brand-extraction/index.js.map +1 -0
- package/dist/{chunk-AFDROJ64.js → chunk-2QI7XV2T.js} +1 -1
- package/dist/chunk-2QI7XV2T.js.map +1 -0
- package/dist/{chunk-LUE4HO5C.js → chunk-4IQMTTNE.js} +10 -10
- package/dist/chunk-4IQMTTNE.js.map +1 -0
- package/dist/{chunk-FSUR2752.js → chunk-7I37CO5D.js} +274 -388
- package/dist/chunk-7I37CO5D.js.map +1 -0
- package/dist/{chunk-5RT6KY4G.js → chunk-GQRL6VNU.js} +1 -1
- package/dist/chunk-GQRL6VNU.js.map +1 -0
- package/dist/{chunk-SCG5JJ4C.js → chunk-HFC4BTWJ.js} +32 -4
- package/dist/chunk-HFC4BTWJ.js.map +1 -0
- package/dist/{chunk-7QCIYDGC.js → chunk-IOREXWLM.js} +2 -2
- package/dist/chunk-J7JNV5BH.js +14 -0
- package/dist/chunk-J7JNV5BH.js.map +1 -0
- package/dist/{chunk-6UOE5CTA.js → chunk-JT6HHO5P.js} +5 -10
- package/dist/chunk-JT6HHO5P.js.map +1 -0
- package/dist/{chunk-JZAJE3JL.js → chunk-M2EBUDZ7.js} +19 -5
- package/dist/chunk-M2EBUDZ7.js.map +1 -0
- package/dist/{chunk-RJ2ZHK5D.js → chunk-S6WS2B32.js} +132 -7
- package/dist/chunk-S6WS2B32.js.map +1 -0
- package/dist/chunk-SQV7NUEM.js +136 -0
- package/dist/chunk-SQV7NUEM.js.map +1 -0
- package/dist/chunk-UAKFCMWK.js +1 -0
- package/dist/chunk-UAKFCMWK.js.map +1 -0
- package/dist/chunk-V5XZKHCL.js +296 -0
- package/dist/chunk-V5XZKHCL.js.map +1 -0
- package/dist/chunk-XWJXZ6WE.js +604 -0
- package/dist/chunk-XWJXZ6WE.js.map +1 -0
- package/dist/chunk-Y2SZVW35.js +125 -0
- package/dist/chunk-Y2SZVW35.js.map +1 -0
- package/dist/{chunk-LPAVBGVY.js → chunk-YEWTVDDT.js} +399 -860
- package/dist/chunk-YEWTVDDT.js.map +1 -0
- package/dist/{chunk-UDXMR3AD.js → chunk-YNALYIQ3.js} +56 -18
- package/dist/chunk-YNALYIQ3.js.map +1 -0
- package/dist/command-stack-CkjelfK_.d.ts +267 -0
- package/dist/design-canvas/drizzle.d.ts +2 -2
- package/dist/design-canvas/index.d.ts +7 -6
- package/dist/design-canvas/index.js +3 -2
- package/dist/design-canvas-react/engine.d.ts +349 -0
- package/dist/design-canvas-react/engine.js +86 -0
- package/dist/design-canvas-react/engine.js.map +1 -0
- package/dist/design-canvas-react/index.d.ts +80 -618
- package/dist/design-canvas-react/index.js +85 -172
- package/dist/design-canvas-react/index.js.map +1 -1
- package/dist/design-canvas-react/lazy.d.ts +6 -0
- package/dist/design-canvas-react/lazy.js +9 -0
- package/dist/design-canvas-react/lazy.js.map +1 -0
- package/dist/{export-presets-Dl5Aa5xj.d.ts → export-presets-DAsU5Wal.d.ts} +2 -143
- package/dist/flow-types-Cb_AblZs.d.ts +25 -0
- package/dist/index.d.ts +11 -8
- package/dist/index.js +21 -8
- package/dist/lazy-BHHqS8-j.d.ts +72 -0
- package/dist/missions/index.d.ts +12 -0
- package/dist/missions/index.js +1 -1
- package/dist/{model-BHLN208Z.d.ts → model-BBwyOuWG.d.ts} +3 -1
- package/dist/operations-DLIvvD00.d.ts +144 -0
- package/dist/platform/index.js +1 -1
- package/dist/runtime/index.d.ts +33 -33
- package/dist/runtime/index.js +1 -1
- package/dist/sequences/index.d.ts +1 -1
- package/dist/sequences/index.js +2 -1
- package/dist/sequences-react/index.d.ts +15 -1
- package/dist/sequences-react/index.js +2 -2
- package/dist/{store-CUStmtdH.d.ts → store-CFyxgTlD.d.ts} +1 -1
- package/dist/theme/index.d.ts +80 -0
- package/dist/theme/index.js +14 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/tailwind-preset.d.ts +65 -0
- package/dist/theme/tailwind-preset.js +33 -0
- package/dist/theme/tailwind-preset.js.map +1 -0
- package/dist/theme/tokens.css +95 -0
- package/dist/trace/index.d.ts +2 -18
- package/dist/trace/index.js +2 -2
- package/dist/web/index.d.ts +25 -2
- package/dist/web/index.js +3 -1
- package/dist/web-react/index.d.ts +71 -31
- package/dist/web-react/index.js +625 -486
- package/dist/web-react/index.js.map +1 -1
- package/package.json +33 -3
- package/dist/DesignCanvas-MA5EH324.js +0 -10
- package/dist/DesignCanvasEditor-YLCO7I5I.js +0 -9
- package/dist/chunk-5RT6KY4G.js.map +0 -1
- package/dist/chunk-6UOE5CTA.js.map +0 -1
- package/dist/chunk-AFDROJ64.js.map +0 -1
- package/dist/chunk-FSUR2752.js.map +0 -1
- package/dist/chunk-JZAJE3JL.js.map +0 -1
- package/dist/chunk-LPAVBGVY.js.map +0 -1
- package/dist/chunk-LUE4HO5C.js.map +0 -1
- package/dist/chunk-RJ2ZHK5D.js.map +0 -1
- package/dist/chunk-SCG5JJ4C.js.map +0 -1
- package/dist/chunk-UDXMR3AD.js.map +0 -1
- /package/dist/{DesignCanvas-MA5EH324.js.map → DesignCanvas-AOIVN3SJ.js.map} +0 -0
- /package/dist/{DesignCanvasEditor-YLCO7I5I.js.map → DesignCanvasEditor-TN7CWUJW.js.map} +0 -0
- /package/dist/{TimelineEditor-JDG54OBP.js.map → TimelineEditor-Z7C6BFP5.js.map} +0 -0
- /package/dist/{chunk-7QCIYDGC.js.map → chunk-IOREXWLM.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-canvas-react/components/Workspace.tsx","../src/design-canvas-react/export.ts","../src/design-canvas-react/components/ElementNode.tsx","../src/design-canvas-react/components/transform-math.ts","../src/design-canvas-react/components/SelectionLayer.tsx","../src/design-canvas-react/components/GridLayer.tsx","../src/design-canvas-react/components/SnapGuidesOverlay.tsx","../src/design-canvas-react/components/InlineTextEditor.tsx","../src/design-canvas-react/components/DesignCanvasEditor.tsx"],"sourcesContent":["/**\n * Konva Stage host for the design-canvas editor. Renders the active page\n * (background rect + element nodes), wires all interaction gestures, and\n * delegates persistence through the command stack.\n *\n * COORDINATE SYSTEM:\n * The Konva stage sits at (0,0) in screen space. The content Layer group is\n * translated by (panX, panY) and scaled by (zoom, zoom). Document coordinates\n * map to screen via: screenX = panX + docX * zoom.\n *\n * GESTURES (mutually exclusive; escape cancels any live gesture):\n * - Wheel: zoom-to-cursor via ZoomPanMath.zoomAtPoint; setView only.\n * - Middle-button drag / space+drag: pan; setView only.\n * - Empty-space drag: marquee selection; setView only.\n * - Element drag: move via onDragMove preview + onDragEnd command.\n * - Transformer: resize/rotate; handled by SelectionLayer.\n * - Double-click on text: opens InlineTextEditor.\n *\n * KEYBOARD (active when canvas wrapper div is focused):\n * - delete/backspace → deleteElementCommand for each selected id.\n * - arrows → nudge (shift ×10); ONE command emitted on keyup (coalescing).\n * - mod+z / shift+mod+z → undo / redo.\n * - mod+d → duplicate selection at +10,+10 offset.\n * - mod+g → group selection (≥2 elements).\n * - shift+mod+g → ungroup selected group.\n * - mod+a → select all on current page.\n * - escape → cancel live gesture or clear selection.\n *\n * POINTER CAPTURE: marquee and pan gestures call setPointerCapture on the\n * wrapper div so drag events don't escape on fast pointer moves.\n *\n * DEVICEPIXELRATIO: Konva's pixelRatio prop multiplies the backing canvas\n * resolution for crisp rendering at any DPR.\n *\n * Composition:\n * - `WorkspaceView` is the injectable form: receives a pre-created stack and\n * a guaranteed non-null activePage, commits all gestures through that shared\n * stack. `DesignCanvasEditor` passes the chrome's stack here so undo/redo\n * and layers-panel selection stay coherent across both surfaces.\n * - `Workspace` is the standalone wrapper: creates its own stack and renders\n * WorkspaceView. Existing consumers (tests, bare embeds) mount this without\n * any chrome.\n */\n\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\nimport { Stage, Layer, Rect, Group } from 'react-konva'\nimport type Konva from 'konva'\n\nimport type { DesignCanvasProps, ExportTriggerOptions } from '../contracts'\nimport { exportPageDataUrl } from '../export'\nimport { createSceneCommandStack } from '../engine/command-stack'\nimport { createSnapEngine, collectGridTargets } from '../engine/snap'\nimport { createZoomPanMath } from '../engine/zoom-pan'\nimport { marqueeSelect, hitTestPoint } from '../engine/selection'\nimport {\n addElementCommand,\n setAttrsCommand,\n multiSetAttrsCommand,\n deleteElementCommand,\n groupElementsCommand,\n ungroupElementCommand,\n} from '../engine/commands'\nimport type { MultiSetAttrsEntry } from '../engine/commands'\n\nimport { ElementNode } from './ElementNode'\nimport { SelectionLayer } from './SelectionLayer'\nimport { GridLayer } from './GridLayer'\nimport { SnapGuidesOverlay } from './SnapGuidesOverlay'\nimport { InlineTextEditor } from './InlineTextEditor'\nimport { BleedTrimOverlay } from './BleedTrimOverlay'\n\nimport { normalizeMarquee, nudgeDelta as nudgeDeltaMath } from './transform-math'\nimport { elementAabb, findElement, boundsIntersect } from '../../design-canvas/model'\nimport type { SceneElement, ScenePage, TextElement, Bounds } from '../../design-canvas/model'\nimport type { SnapResult, SnapTarget, SceneCommand } from '../contracts'\nimport { lightTheme, type CanvasRenderPalette } from '../../theme/theme'\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst SNAP_THRESHOLD_SCREEN_PX = 8\nconst DUPLICATE_OFFSET = 10\nconst ZOOM_FACTOR_WHEEL = 0.998\nconst ZOOM_MIN = 0.05\nconst ZOOM_MAX = 32\n\n// ---------------------------------------------------------------------------\n// Gesture / marquee types\n// ---------------------------------------------------------------------------\n\ninterface MarqueeState {\n active: boolean\n startDocX: number\n startDocY: number\n endDocX: number\n endDocY: number\n}\n\nconst NO_MARQUEE: MarqueeState = { active: false, startDocX: 0, startDocY: 0, endDocX: 0, endDocY: 0 }\n\ntype GestureMode = 'idle' | 'pan' | 'marquee' | 'drag'\n\n// ---------------------------------------------------------------------------\n// WorkspaceViewProps — injectable form (shared stack, guaranteed activePage)\n// ---------------------------------------------------------------------------\n\nexport interface WorkspaceViewProps {\n /** The command stack this view commits gestures through. Must be the same\n * instance the chrome (DesignCanvasEditor) owns so undo/redo and layers-\n * panel selection are coherent. */\n stack: ReturnType<typeof createSceneCommandStack>\n /** Active page resolved before render — WorkspaceView has no conditional\n * hook guards; the caller ensures this is never null. */\n activePage: ScenePage\n canWrite: boolean\n onApplyOperations: DesignCanvasProps['onApplyOperations']\n onSelectionChange?: DesignCanvasProps['onSelectionChange']\n className?: string\n /** Ref the chrome fills with a fit-page callback. The chrome calls it on F /\n * Fit button; when injected via DesignCanvasEditor the ref is shared. */\n onFitRef?: React.MutableRefObject<(() => void) | null>\n /** Host export hook. When set, the workspace fills `onExportRef` with a\n * callback that renders the stage to a data URL and forwards the result. */\n onExport?: DesignCanvasProps['onExport']\n /** Ref the workspace fills with an export callback `(opts) => void`. The\n * chrome's Export control calls it; the workspace owns the Konva stage so it\n * produces the data URL here. Filled only when `onExport` is also set. */\n onExportRef?: React.MutableRefObject<((opts: ExportTriggerOptions) => void) | null>\n /** Fit the active page to the viewport once, on the first non-zero measurement. Default true. */\n fitOnMount?: boolean\n /** Called once after the first real (non-zero) measurement, after the initial fit is applied (or skipped). */\n onReady?(): void\n /** Konva render palette. Omitted → light defaults (byte-identical history). */\n render?: CanvasRenderPalette\n}\n\n// ---------------------------------------------------------------------------\n// WorkspaceView — all interaction + Konva render; commits through shared stack\n// ---------------------------------------------------------------------------\n\nexport function WorkspaceView({\n canWrite,\n onApplyOperations,\n onSelectionChange,\n className,\n stack,\n activePage,\n onFitRef,\n onExport,\n onExportRef,\n fitOnMount = true,\n onReady,\n render = lightTheme.canvasRender,\n}: WorkspaceViewProps) {\n // Re-render when command stack changes state.\n const [, setTick] = useState(0)\n const forceRender = useCallback(() => setTick((t) => t + 1), [])\n useEffect(() => stack.subscribe(forceRender), [stack, forceRender])\n\n const state = stack.getState()\n const { document, activePageId, selectedElementIds, zoom, panX, panY, gridEnabled, gridSize, snapEnabled, showBleed } = state\n\n // -------------------------------------------------------------------------\n // Stable engines\n // -------------------------------------------------------------------------\n\n const zoomPanMath = useMemo(() => createZoomPanMath({ minZoom: ZOOM_MIN, maxZoom: ZOOM_MAX }), [])\n const snapEngine = useMemo(() => createSnapEngine(), [])\n\n // -------------------------------------------------------------------------\n // Container sizing\n // -------------------------------------------------------------------------\n\n const containerRef = useRef<HTMLDivElement>(null)\n const [containerSize, setContainerSize] = useState({ width: 800, height: 600 })\n const hasFittedRef = useRef(false)\n\n useLayoutEffect(() => {\n const el = containerRef.current\n if (!el) return\n const ro = new ResizeObserver((entries) => {\n const entry = entries[0]\n if (!entry) return\n const { width, height } = entry.contentRect\n setContainerSize({ width, height })\n // One-shot fit on the first real measurement. The hasFittedRef guard keeps\n // it single-fire across the effect's re-subscriptions (page switch must\n // preserve the user's zoom+pan, not re-fit).\n if (!hasFittedRef.current && width > 0 && height > 0) {\n hasFittedRef.current = true\n if (fitOnMount && activePage.width > 0 && activePage.height > 0) {\n stack.setView(zoomPanMath.fitPage(activePage, { width, height }))\n }\n onReady?.()\n }\n })\n ro.observe(el)\n return () => ro.disconnect()\n }, [activePage, fitOnMount, onReady, stack, zoomPanMath])\n\n const stageRef = useRef<Konva.Stage | null>(null)\n\n // -------------------------------------------------------------------------\n // Fit-page callback — exposed via onFitRef so the chrome can trigger it\n // -------------------------------------------------------------------------\n\n useEffect(() => {\n if (!onFitRef) return\n onFitRef.current = () => {\n const { width, height } = containerSize\n if (width <= 0 || height <= 0) return\n const view = zoomPanMath.fitPage(activePage, { width, height })\n stack.setView(view)\n }\n return () => {\n // Only clear if we still own the slot (multiple WorkspaceView mounts\n // would each try to own it; the last to mount wins, but on unmount we\n // must not clear a ref filled by a newer mount).\n if (onFitRef.current !== null) onFitRef.current = null\n }\n })\n\n // -------------------------------------------------------------------------\n // Export callback — the chrome's Export control calls this through the ref;\n // the workspace owns the stage, so it renders here and forwards the result.\n // -------------------------------------------------------------------------\n\n useEffect(() => {\n if (!onExportRef || !onExport) return\n onExportRef.current = ({ format, pixelRatio }: ExportTriggerOptions) => {\n const stage = stageRef.current\n if (!stage) return\n void (async () => {\n const dataUrl = await exportPageDataUrl(stage, activePage, { format, pixelRatio })\n await onExport({ pageId: activePageId, format, dataUrl, pixelRatio })\n })()\n }\n return () => {\n if (onExportRef.current !== null) onExportRef.current = null\n }\n })\n\n // -------------------------------------------------------------------------\n // Gesture refs\n // -------------------------------------------------------------------------\n\n const gestureRef = useRef<GestureMode>('idle')\n const panOriginRef = useRef({ screenX: 0, screenY: 0, panX: 0, panY: 0 })\n const [marquee, setMarquee] = useState<MarqueeState>(NO_MARQUEE)\n const marqueeRef = useRef<MarqueeState>(NO_MARQUEE)\n const spaceHeldRef = useRef(false)\n // Stores origin position AND AABB dimensions captured at drag start so\n // snap reference points (center, far edge) are correct for any element size.\n const dragOriginRef = useRef<Map<string, { x: number; y: number; width: number; height: number }>>(new Map())\n const [activeSnap, setActiveSnap] = useState<SnapResult | null>(null)\n const [editingElementId, setEditingElementId] = useState<string | null>(null)\n const editingPreRef = useRef<string>('')\n const nudgeHeldRef = useRef<{\n key: string\n ids: string[]\n origin: Map<string, { x: number; y: number }>\n } | null>(null)\n\n // -------------------------------------------------------------------------\n // Persist helper — optimistic execute then remote apply, rollback on throw\n // -------------------------------------------------------------------------\n\n async function persist(command: SceneCommand): Promise<void> {\n if (!canWrite) return\n stack.execute(command)\n try {\n const result = await onApplyOperations(command.operations())\n if (result.document) stack.reset(result.document)\n } catch {\n // Roll back by splicing this specific command from history and applying its\n // inverse to the current state. Using stack.rollback(command) rather than\n // stack.execute(synthetic-rollback) avoids polluting the undo stack with a\n // phantom entry and preserves any commands the user executed while this save\n // was in-flight.\n stack.rollback(command)\n }\n }\n\n // -------------------------------------------------------------------------\n // Wheel zoom-to-cursor\n // -------------------------------------------------------------------------\n\n function handleWheel(e: React.WheelEvent<HTMLDivElement>) {\n e.preventDefault()\n const rect = containerRef.current?.getBoundingClientRect()\n if (!rect) return\n const screenX = e.clientX - rect.left\n const screenY = e.clientY - rect.top\n const factor = Math.pow(ZOOM_FACTOR_WHEEL, e.deltaY)\n const next = zoomPanMath.zoomAtPoint({ zoom, panX, panY }, factor, screenX, screenY)\n stack.setView(next)\n }\n\n // -------------------------------------------------------------------------\n // Pointer handlers\n // -------------------------------------------------------------------------\n\n function handlePointerDown(e: React.PointerEvent<HTMLDivElement>) {\n if (e.button === 1 || spaceHeldRef.current) {\n e.preventDefault()\n ;(e.currentTarget as HTMLDivElement).setPointerCapture(e.pointerId)\n gestureRef.current = 'pan'\n panOriginRef.current = { screenX: e.clientX, screenY: e.clientY, panX, panY }\n return\n }\n if (e.button !== 0) return\n\n const rect = containerRef.current?.getBoundingClientRect()\n if (!rect) return\n const screenX = e.clientX - rect.left\n const screenY = e.clientY - rect.top\n const docPos = zoomPanMath.screenToDocument({ zoom, panX, panY }, screenX, screenY)\n\n // Element-vs-empty-space is decided against the scene model in document\n // space, not Konva's hit-graph canvas. The hit canvas misclassifies presses\n // over elements (clip group, listening:false background, redraw lag right\n // after a pan/zoom setView), which silently routed an element press into the\n // marquee branch — the element drag never started. A model hit means: let\n // Konva's draggable node begin the move; only empty space starts a marquee.\n if (hitTestPoint(activePage, docPos.x, docPos.y) !== null) {\n return\n }\n\n e.preventDefault()\n ;(e.currentTarget as HTMLDivElement).setPointerCapture(e.pointerId)\n gestureRef.current = 'marquee'\n const m: MarqueeState = { active: true, startDocX: docPos.x, startDocY: docPos.y, endDocX: docPos.x, endDocY: docPos.y }\n marqueeRef.current = m\n setMarquee(m)\n stack.setView({ selectedElementIds: [] })\n }\n\n function handlePointerMove(e: React.PointerEvent<HTMLDivElement>) {\n const mode = gestureRef.current\n const rect = containerRef.current?.getBoundingClientRect()\n if (!rect) return\n\n if (mode === 'pan') {\n const dx = e.clientX - panOriginRef.current.screenX\n const dy = e.clientY - panOriginRef.current.screenY\n stack.setView({ panX: panOriginRef.current.panX + dx, panY: panOriginRef.current.panY + dy })\n return\n }\n\n if (mode === 'marquee') {\n const screenX = e.clientX - rect.left\n const screenY = e.clientY - rect.top\n const docPos = zoomPanMath.screenToDocument({ zoom, panX, panY }, screenX, screenY)\n const m: MarqueeState = { ...marqueeRef.current, active: true, endDocX: docPos.x, endDocY: docPos.y }\n marqueeRef.current = m\n setMarquee(m)\n const normalized = normalizeMarquee(m.startDocX, m.startDocY, m.endDocX, m.endDocY)\n const ids = marqueeSelect(activePage, normalized)\n stack.setView({ selectedElementIds: ids })\n }\n }\n\n function handlePointerUp(e: React.PointerEvent<HTMLDivElement>) {\n gestureRef.current = 'idle'\n setMarquee(NO_MARQUEE)\n marqueeRef.current = NO_MARQUEE\n setActiveSnap(null)\n ;(e.currentTarget as HTMLDivElement).releasePointerCapture(e.pointerId)\n }\n\n // -------------------------------------------------------------------------\n // Element drag callbacks\n // -------------------------------------------------------------------------\n\n function handleElementDragStart(elementId: string) {\n if (!canWrite) return\n const ids = selectedElementIds.includes(elementId) ? selectedElementIds : [elementId]\n const origins = new Map<string, { x: number; y: number; width: number; height: number }>()\n for (const id of ids) {\n const found = findElement(activePage, id)\n if (found) {\n const aabb = elementAabb(found.element)\n origins.set(id, { x: found.element.x, y: found.element.y, width: aabb.width, height: aabb.height })\n }\n }\n dragOriginRef.current = origins\n gestureRef.current = 'drag'\n if (!selectedElementIds.includes(elementId)) {\n stack.setView({ selectedElementIds: [elementId] })\n }\n }\n\n function handleElementDragMove(elementId: string, dx: number, dy: number) {\n if (!canWrite) return\n const origin = dragOriginRef.current.get(elementId)\n if (!origin) return\n const dragging = selectedElementIds.includes(elementId) ? selectedElementIds : [elementId]\n const proposedX = origin.x + dx\n const proposedY = origin.y + dy\n // Use the actual element AABB dimensions so center and far-edge snap points\n // are correct for elements of any size (not the former hardcoded 100×100).\n const snapBounds = { x: proposedX, y: proposedY, width: origin.width, height: origin.height }\n\n if (snapEnabled) {\n const targets = snapEngine.collectTargets(state, dragging)\n if (gridEnabled) {\n const thresholdDoc = SNAP_THRESHOLD_SCREEN_PX / zoom\n const gt = collectGridTargets(snapBounds, gridSize, activePage, thresholdDoc)\n targets.vertical.push(...gt.vertical)\n targets.horizontal.push(...gt.horizontal)\n }\n const snapResult = snapEngine.apply(snapBounds, targets, SNAP_THRESHOLD_SCREEN_PX, zoom)\n setActiveSnap(snapResult)\n }\n }\n\n async function handleElementDragEnd(elementId: string, finalX: number, finalY: number) {\n if (!canWrite) return\n gestureRef.current = 'idle'\n setActiveSnap(null)\n\n const origin = dragOriginRef.current.get(elementId)\n if (!origin) return\n\n const draggingIds = selectedElementIds.includes(elementId) ? selectedElementIds : [elementId]\n\n // Re-run snapping for the drop position so the PERSISTED coordinates match the\n // guide the user saw mid-drag. Without this the element lands at the raw\n // pointer position and the snap line is purely cosmetic.\n let snappedX = finalX\n let snappedY = finalY\n if (snapEnabled) {\n const snapBounds = { x: finalX, y: finalY, width: origin.width, height: origin.height }\n const targets = snapEngine.collectTargets(state, draggingIds)\n if (gridEnabled) {\n const thresholdDoc = SNAP_THRESHOLD_SCREEN_PX / zoom\n const gt = collectGridTargets(snapBounds, gridSize, activePage, thresholdDoc)\n targets.vertical.push(...gt.vertical)\n targets.horizontal.push(...gt.horizontal)\n }\n const snapResult = snapEngine.apply(snapBounds, targets, SNAP_THRESHOLD_SCREEN_PX, zoom)\n snappedX = snapResult.x\n snappedY = snapResult.y\n }\n\n const dx = snappedX - origin.x\n const dy = snappedY - origin.y\n\n if (draggingIds.length === 1) {\n const el = findElement(activePage, elementId)?.element\n if (!el) return\n await persist(\n setAttrsCommand({\n pageId: activePageId,\n elementId,\n attrs: { x: snappedX, y: snappedY },\n priorAttrs: { x: el.x, y: el.y },\n }),\n )\n } else {\n const entries: MultiSetAttrsEntry[] = []\n for (const id of draggingIds) {\n const el = findElement(activePage, id)?.element\n const orig = dragOriginRef.current.get(id)\n if (!el || !orig) continue\n entries.push({\n pageId: activePageId,\n elementId: id,\n attrs: { x: orig.x + dx, y: orig.y + dy },\n priorAttrs: { x: orig.x, y: orig.y },\n })\n }\n if (entries.length > 0) await persist(multiSetAttrsCommand(entries))\n }\n\n dragOriginRef.current = new Map()\n }\n\n // -------------------------------------------------------------------------\n // Element interactions\n // -------------------------------------------------------------------------\n\n function handleElementClick(elementId: string) {\n stack.setView({ selectedElementIds: [elementId] })\n }\n\n function handleElementDoubleClick(elementId: string) {\n if (!canWrite) return\n const found = findElement(activePage, elementId)\n if (!found || found.element.kind !== 'text') return\n editingPreRef.current = (found.element as TextElement).text\n setEditingElementId(elementId)\n }\n\n async function handleTextCommit(text: string) {\n const id = editingElementId\n setEditingElementId(null)\n if (!id || !canWrite) return\n const found = findElement(activePage, id)\n if (!found || found.element.kind !== 'text') return\n if (text === editingPreRef.current) return\n await persist(\n setAttrsCommand({\n pageId: activePageId,\n elementId: id,\n attrs: { text },\n priorAttrs: { text: editingPreRef.current },\n }),\n )\n }\n\n function handleTextCancel() {\n setEditingElementId(null)\n }\n\n // -------------------------------------------------------------------------\n // Transformer end\n // -------------------------------------------------------------------------\n\n async function handleTransformEnd(entries: MultiSetAttrsEntry[]) {\n if (!canWrite || entries.length === 0) return\n await persist(multiSetAttrsCommand(entries))\n }\n\n // -------------------------------------------------------------------------\n // Keyboard\n // -------------------------------------------------------------------------\n\n function handleKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n if (e.key === ' ') {\n e.preventDefault()\n spaceHeldRef.current = true\n return\n }\n\n const mod = e.metaKey || e.ctrlKey\n\n if (e.key === 'Escape') {\n e.preventDefault()\n if (gestureRef.current !== 'idle') {\n gestureRef.current = 'idle'\n setMarquee(NO_MARQUEE)\n setActiveSnap(null)\n } else if (editingElementId) {\n setEditingElementId(null)\n } else {\n stack.setView({ selectedElementIds: [] })\n }\n return\n }\n\n if (editingElementId) return\n\n if ((e.key === 'Delete' || e.key === 'Backspace') && selectedElementIds.length > 0) {\n e.preventDefault()\n // Stop the event reaching DesignCanvas's window-level keydown, which also\n // handles delete/undo/redo — without this the editor handles the key twice\n // (delete two history steps, undo twice) when Workspace mounts inside it.\n e.stopPropagation()\n for (const id of [...selectedElementIds]) {\n try {\n persist(deleteElementCommand({ document, pageId: activePageId, elementId: id }))\n } catch { /* element gone — skip */ }\n }\n stack.setView({ selectedElementIds: [] })\n return\n }\n\n if (mod && e.key === 'z' && !e.shiftKey) {\n e.preventDefault()\n e.stopPropagation()\n if (stack.canUndo()) stack.undo()\n return\n }\n if (mod && ((e.key === 'z' && e.shiftKey) || e.key === 'y')) {\n e.preventDefault()\n e.stopPropagation()\n if (stack.canRedo()) stack.redo()\n return\n }\n\n if (mod && e.key === 'a') {\n e.preventDefault()\n const ids = activePage.elements.filter((el) => !el.locked && el.visible).map((el) => el.id)\n stack.setView({ selectedElementIds: ids })\n return\n }\n\n if (mod && e.key === 'd' && selectedElementIds.length > 0) {\n e.preventDefault()\n for (const id of selectedElementIds) {\n const found = findElement(activePage, id)\n if (!found) continue\n const clone: SceneElement = {\n ...structuredClone(found.element),\n id: crypto.randomUUID(),\n x: found.element.x + DUPLICATE_OFFSET,\n y: found.element.y + DUPLICATE_OFFSET,\n }\n persist(addElementCommand({ pageId: activePageId, element: clone }))\n }\n return\n }\n\n if (mod && !e.shiftKey && e.key === 'g' && selectedElementIds.length >= 2) {\n e.preventDefault()\n persist(groupElementsCommand({\n document,\n pageId: activePageId,\n elementIds: selectedElementIds,\n groupId: crypto.randomUUID(),\n }))\n return\n }\n\n if (mod && e.shiftKey && e.key === 'g' && selectedElementIds.length === 1) {\n e.preventDefault()\n const id = selectedElementIds[0]!\n persist(ungroupElementCommand({ document, pageId: activePageId, groupId: id }))\n return\n }\n\n if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key) && selectedElementIds.length > 0) {\n e.preventDefault()\n const key = e.key as 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown'\n if (nudgeHeldRef.current && nudgeHeldRef.current.key !== key) {\n flushNudge()\n }\n if (!nudgeHeldRef.current) {\n const origins = new Map<string, { x: number; y: number }>()\n for (const id of selectedElementIds) {\n const found = findElement(activePage, id)\n if (found) origins.set(id, { x: found.element.x, y: found.element.y })\n }\n nudgeHeldRef.current = { key, ids: selectedElementIds.slice(), origin: origins }\n }\n // Apply nudge optimistically each keydown via the command stack so the\n // user sees live movement; the held ref lets us coalesce all steps into\n // one undo entry on keyup.\n const { dx, dy } = nudgeDeltaMath(key, e.shiftKey)\n const entries: MultiSetAttrsEntry[] = []\n for (const [id, orig] of nudgeHeldRef.current.origin) {\n const found = findElement(activePage, id)\n if (!found) continue\n entries.push({\n pageId: activePageId,\n elementId: id,\n attrs: { x: found.element.x + dx, y: found.element.y + dy },\n priorAttrs: { x: found.element.x, y: found.element.y },\n })\n }\n if (entries.length > 0) {\n // Preview: silent local apply without remote persist (flushed on keyup).\n stack.execute(multiSetAttrsCommand(entries))\n }\n }\n }\n\n function handleKeyUp(e: React.KeyboardEvent<HTMLDivElement>) {\n if (e.key === ' ') {\n spaceHeldRef.current = false\n return\n }\n if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(e.key)) {\n flushNudge()\n }\n }\n\n function flushNudge() {\n const held = nudgeHeldRef.current\n if (!held) return\n nudgeHeldRef.current = null\n if (!canWrite || held.ids.length === 0) return\n\n // Build a single coalesced set_attrs from original positions to current.\n const entries: MultiSetAttrsEntry[] = []\n for (const id of held.ids) {\n const orig = held.origin.get(id)\n const found = findElement(activePage, id)\n if (!orig || !found) continue\n entries.push({\n pageId: activePageId,\n elementId: id,\n attrs: { x: found.element.x, y: found.element.y },\n priorAttrs: { x: orig.x, y: orig.y },\n })\n }\n if (entries.length > 0) {\n // Persist the coalesced nudge; the intermediate stack entries from\n // keydown previews become part of the committed ops batch.\n onApplyOperations(multiSetAttrsCommand(entries).operations()).catch(() => {\n // Roll back if remote rejects.\n for (const [id, orig] of held.origin) {\n const found = findElement(activePage, id)\n if (!found) continue\n persist(setAttrsCommand({\n pageId: activePageId,\n elementId: id,\n attrs: { x: orig.x, y: orig.y },\n priorAttrs: { x: found.element.x, y: found.element.y },\n }))\n }\n })\n }\n }\n\n // -------------------------------------------------------------------------\n // Notify host of selection changes\n // -------------------------------------------------------------------------\n\n useEffect(() => {\n if (!onSelectionChange) return\n const elements = selectedElementIds\n .map((id) => findElement(activePage, id)?.element)\n .filter((el): el is SceneElement => !!el)\n onSelectionChange(elements)\n }, [selectedElementIds, activePage, onSelectionChange])\n\n // -------------------------------------------------------------------------\n // Derived values for render\n // -------------------------------------------------------------------------\n\n const selectedElements = useMemo(\n () =>\n selectedElementIds\n .map((id) => findElement(activePage, id)?.element)\n .filter((el): el is SceneElement => !!el),\n [selectedElementIds, activePage],\n )\n\n const editingTextElement = editingElementId\n ? (findElement(activePage, editingElementId)?.element as TextElement | undefined) ?? null\n : null\n\n const dpr = typeof window !== 'undefined' ? window.devicePixelRatio : 1\n\n const pageScreenX = panX\n const pageScreenY = panY\n const pageScreenW = activePage.width * zoom\n const pageScreenH = activePage.height * zoom\n\n const activeVerticalGuide: SnapTarget | null = activeSnap?.activeVertical ?? null\n const activeHorizontalGuide: SnapTarget | null = activeSnap?.activeHorizontal ?? null\n\n const normalizedMarquee = marquee.active\n ? normalizeMarquee(marquee.startDocX, marquee.startDocY, marquee.endDocX, marquee.endDocY)\n : null\n\n // -------------------------------------------------------------------------\n // Stable element-handler identities\n //\n // WorkspaceView re-renders on every `stack.notify()` (~120/s during a pan or\n // marquee). The element handlers below are fresh closures each render, so\n // passing them straight to ElementNode would change every node's props every\n // frame and defeat React.memo — all N nodes would re-render per pointermove.\n // We hold the latest closures in a ref and hand ElementNode stable wrappers\n // (identity fixed for the component's lifetime) that read through the ref, so\n // memoized nodes see byte-identical handler props frame to frame.\n // -------------------------------------------------------------------------\n\n const handlerImplRef = useRef({\n onClick: handleElementClick,\n onDragStart: handleElementDragStart,\n onDragMove: handleElementDragMove,\n onDragEnd: handleElementDragEnd,\n onDoubleClick: handleElementDoubleClick,\n })\n handlerImplRef.current = {\n onClick: handleElementClick,\n onDragStart: handleElementDragStart,\n onDragMove: handleElementDragMove,\n onDragEnd: handleElementDragEnd,\n onDoubleClick: handleElementDoubleClick,\n }\n\n const onElementClick = useCallback((id: string) => handlerImplRef.current.onClick(id), [])\n const onElementDragStart = useCallback((id: string) => handlerImplRef.current.onDragStart(id), [])\n const onElementDragMove = useCallback(\n (id: string, dx: number, dy: number) => handlerImplRef.current.onDragMove(id, dx, dy),\n [],\n )\n const onElementDragEnd = useCallback(\n (id: string, x: number, y: number) => handlerImplRef.current.onDragEnd(id, x, y),\n [],\n )\n const onElementDoubleClick = useCallback((id: string) => handlerImplRef.current.onDoubleClick(id), [])\n\n // -------------------------------------------------------------------------\n // Page-bounds viewport culling\n //\n // Skip rendering elements whose AABB is FULLY outside the page rect. This is\n // PAGE-bounds culling, never SCREEN-viewport culling: export.ts rasterizes\n // whatever nodes are on the stage and crops to the page rect, so a node that\n // is on-page but off-screen MUST stay mounted or it would silently vanish\n // from exported PNGs. Only off-page elements (which export never captures)\n // are dropped. A pinned id (selected or being edited) is never culled so the\n // transformer/inline editor always has its node, even if dragged off-page.\n // -------------------------------------------------------------------------\n\n const visibleElements = useMemo(() => {\n const pageRect: Bounds = { x: 0, y: 0, width: activePage.width, height: activePage.height }\n const pinned = new Set<string>(selectedElementIds)\n if (editingElementId) pinned.add(editingElementId)\n return activePage.elements.filter(\n (el) => pinned.has(el.id) || boundsIntersect(elementAabb(el), pageRect),\n )\n }, [activePage.elements, activePage.width, activePage.height, selectedElementIds, editingElementId])\n\n // -------------------------------------------------------------------------\n // Render\n // -------------------------------------------------------------------------\n\n return (\n <div\n className={`design-canvas-workspace relative overflow-hidden bg-[var(--canvas-backdrop,#1a1a1a)] outline-none ${className ?? ''}`}\n ref={containerRef}\n tabIndex={0}\n onWheel={handleWheel}\n onPointerDown={handlePointerDown}\n onPointerMove={handlePointerMove}\n onPointerUp={handlePointerUp}\n onKeyDown={handleKeyDown}\n onKeyUp={handleKeyUp}\n style={{ cursor: spaceHeldRef.current ? 'grab' : 'default' }}\n >\n {/* Konva Stage */}\n <Stage\n ref={stageRef}\n width={containerSize.width}\n height={containerSize.height}\n pixelRatio={dpr}\n listening={true}\n >\n {/* Grid beneath content */}\n {gridEnabled && (\n <GridLayer\n pageWidth={activePage.width}\n pageHeight={activePage.height}\n gridSize={gridSize}\n zoom={zoom}\n panX={panX}\n panY={panY}\n color={render.grid}\n />\n )}\n\n {/* Page content */}\n <Layer>\n <Group x={panX} y={panY} scaleX={zoom} scaleY={zoom}>\n <Rect\n name=\"page-background\"\n x={0}\n y={0}\n width={activePage.width}\n height={activePage.height}\n fill={activePage.background}\n shadowColor=\"rgba(0,0,0,0.4)\"\n shadowBlur={24 / zoom}\n shadowOffset={{ x: 0, y: 4 / zoom }}\n listening={false}\n />\n <Group\n clipX={0}\n clipY={0}\n clipWidth={activePage.width}\n clipHeight={activePage.height}\n >\n {visibleElements.map((element) => (\n <ElementNode\n key={element.id}\n element={element}\n isSelected={selectedElementIds.includes(element.id)}\n zoom={zoom}\n render={render}\n onClick={onElementClick}\n onDragStart={onElementDragStart}\n onDragMove={onElementDragMove}\n onDragEnd={onElementDragEnd}\n onDoubleClick={onElementDoubleClick}\n />\n ))}\n </Group>\n </Group>\n </Layer>\n\n {/* Snap guides — same doc-space coordinate group */}\n {(activeVerticalGuide || activeHorizontalGuide) && (\n <Layer>\n <Group x={panX} y={panY} scaleX={zoom} scaleY={zoom}>\n <SnapGuidesOverlay\n pageWidth={activePage.width}\n pageHeight={activePage.height}\n activeVertical={activeVerticalGuide}\n activeHorizontal={activeHorizontalGuide}\n zoom={zoom}\n render={render}\n />\n </Group>\n </Layer>\n )}\n\n {/* Transformer / selection handles */}\n <SelectionLayer\n stageRef={stageRef}\n selectedIds={selectedElementIds}\n selectedElements={selectedElements}\n canWrite={canWrite}\n onTransformEnd={handleTransformEnd}\n pageId={activePageId}\n render={render}\n />\n </Stage>\n\n {/* Bleed overlay */}\n {showBleed && activePage.bleed && (\n <div\n className=\"pointer-events-none absolute\"\n style={{ left: pageScreenX, top: pageScreenY, width: pageScreenW, height: pageScreenH }}\n >\n <BleedTrimOverlay\n pageWidthPx={pageScreenW}\n pageHeightPx={pageScreenH}\n bleed={{\n top: activePage.bleed.top * zoom,\n right: activePage.bleed.right * zoom,\n bottom: activePage.bleed.bottom * zoom,\n left: activePage.bleed.left * zoom,\n }}\n />\n </div>\n )}\n\n {/* Marquee rect */}\n {normalizedMarquee && (\n <div\n className=\"pointer-events-none absolute border border-blue-400 bg-blue-400/10\"\n style={{\n left: panX + normalizedMarquee.x * zoom,\n top: panY + normalizedMarquee.y * zoom,\n width: normalizedMarquee.width * zoom,\n height: normalizedMarquee.height * zoom,\n }}\n />\n )}\n\n {/* Inline text editor */}\n {editingTextElement && (\n <InlineTextEditor\n element={editingTextElement}\n zoom={zoom}\n panX={panX}\n panY={panY}\n onCommit={handleTextCommit}\n onCancel={handleTextCancel}\n />\n )}\n </div>\n )\n}\n\n// ---------------------------------------------------------------------------\n// Workspace — standalone wrapper for bare embeds and tests (no chrome)\n// ---------------------------------------------------------------------------\n\n/**\n * Self-contained Konva workspace that creates its own command stack. Mount\n * this when you want the canvas without the toolbar/rulers/pages-strip chrome.\n *\n * Products that want the full editor (chrome + workspace sharing one stack)\n * should mount `DesignCanvasEditor` instead.\n */\nexport function Workspace(props: DesignCanvasProps) {\n // Stack outlives WorkspaceView re-mounts; created once from the initial doc.\n const stackRef = useRef(\n createSceneCommandStack(\n props.document,\n props.document.pages[0]?.id ?? '',\n ),\n )\n\n const [, setTick] = useState(0)\n const forceRender = useCallback(() => setTick((t) => t + 1), [])\n\n useEffect(() => {\n return stackRef.current.subscribe(forceRender)\n }, [forceRender])\n\n // Rebase on server refresh (host changes rev + document together).\n const prevRevRef = useRef(props.rev)\n useEffect(() => {\n if (props.rev !== prevRevRef.current) {\n prevRevRef.current = props.rev\n stackRef.current.reset(props.document)\n }\n }, [props.rev, props.document])\n\n const state = stackRef.current.getState()\n const activePage =\n state.document.pages.find((p) => p.id === state.activePageId) ??\n state.document.pages[0]\n\n // No pages — document is empty shell, nothing to render.\n if (!activePage) return null\n\n return (\n <WorkspaceView\n stack={stackRef.current}\n activePage={activePage}\n canWrite={props.canWrite}\n onApplyOperations={props.onApplyOperations}\n onSelectionChange={props.onSelectionChange}\n className={props.className}\n render={props.render}\n />\n )\n}\n","/**\n * Client-side export for design-canvas pages: raster (PNG/JPEG via Konva\n * stage.toDataURL) and JSON (document serialisation).\n *\n * The heavy lifting — crop math, pixel ratio resolution, CORS taint detection\n * — lives in export-math.ts where it can be unit-tested without a canvas\n * context. This file is the thin Konva-wiring layer: hide overlays, call\n * toDataURL, restore, handle the SecurityError.\n *\n * Konva is an OPTIONAL peer. Import this file only from browser-context code\n * that has konva wired in. The types are written against a minimal structural\n * interface so the file compiles even when konva's types are absent.\n */\n\nimport type { SceneDocument, ScenePage } from '../design-canvas/model'\nimport { SCENE_SCHEMA_VERSION } from '../design-canvas/model'\nimport type { ExportPreset } from '../design-canvas/export-presets'\nimport {\n documentCropToStageCoords,\n identifyTaintedSrc,\n isExportHiddenNodeName,\n resolveExportParams,\n} from './export-math'\n\n// ---------------------------------------------------------------------------\n// Minimal structural interfaces for Konva stage / node\n// (avoids a hard konva import; the real Konva types satisfy these)\n// ---------------------------------------------------------------------------\n\ninterface KonvaNodeLike {\n name(): string\n visible(): boolean\n visible(v: boolean): void\n getAttr(key: string): unknown\n}\n\ninterface KonvaLayerLike {\n getChildren(): KonvaNodeLike[]\n}\n\ninterface KonvaStageLike {\n scaleX(): number\n scaleY(): number\n x(): number\n y(): number\n getLayers(): KonvaLayerLike[]\n toDataURL(params: {\n mimeType: string\n quality?: number\n pixelRatio: number\n x: number\n y: number\n width: number\n height: number\n }): string\n}\n\n// ---------------------------------------------------------------------------\n// Raster export\n// ---------------------------------------------------------------------------\n\nexport interface ExportPageDataUrlOptions {\n format: 'png' | 'jpeg'\n pixelRatio?: number\n includeBleed?: boolean\n preset?: ExportPreset\n}\n\n/**\n * Render a single page to a data URL.\n *\n * The function temporarily hides every node whose name starts with 'overlay:'\n * plus any Transformer node, computes the crop rect and pixel ratio from the\n * page model and options, calls stage.toDataURL, then restores all prior view\n * state exactly — zoom, pan, and node visibility.\n *\n * Rejects with a descriptive error when a CORS-tainted image source causes\n * the SecurityError, naming the offending src so the caller can surface it.\n *\n * The `stage` argument must be the Konva stage with the page content already\n * rendered. The caller is responsible for ensuring all async image loads have\n * settled before calling this function.\n */\nexport async function exportPageDataUrl(\n stage: KonvaStageLike,\n page: ScenePage,\n opts: ExportPageDataUrlOptions,\n): Promise<string> {\n const { cropRect, pixelRatio, mimeType, quality } = resolveExportParams(page, opts)\n\n // Collect all image node srcs BEFORE hiding anything, so the taint detector\n // has data even if the SecurityError fires mid-render.\n const imageSrcs = collectImageSrcs(stage)\n\n // Save state: which nodes we are hiding (visibility that was true → set false).\n const hiddenNodes: KonvaNodeLike[] = []\n\n for (const layer of stage.getLayers()) {\n for (const node of layer.getChildren()) {\n const name = node.name()\n if (isExportHiddenNodeName(name) && node.visible()) {\n node.visible(false)\n hiddenNodes.push(node)\n }\n }\n }\n\n // Compute the stage-coordinate crop rect for toDataURL.\n const stageScale = stage.scaleX()\n const stageCrop = documentCropToStageCoords(cropRect, stageScale, stage.x(), stage.y())\n\n let dataUrl: string\n try {\n dataUrl = stage.toDataURL({\n mimeType,\n ...(quality !== undefined ? { quality } : {}),\n pixelRatio,\n x: stageCrop.x,\n y: stageCrop.y,\n width: stageCrop.width,\n height: stageCrop.height,\n })\n } catch (err) {\n // Restore visibility before rethrowing so the editor is not left in a\n // broken state.\n for (const node of hiddenNodes) {\n node.visible(true)\n }\n\n if (err instanceof Error && err.name === 'SecurityError') {\n const taintedSrc = identifyTaintedSrc(imageSrcs)\n if (taintedSrc !== null) {\n throw new Error(\n `Export failed: image source is CORS-tainted and cannot be read by the canvas. ` +\n `Offending src: \"${taintedSrc}\". ` +\n `Ensure the image is served with Access-Control-Allow-Origin or use a proxied /api/ path.`,\n )\n }\n throw new Error(\n `Export failed: a canvas SecurityError occurred but no cross-origin image src could be identified. ` +\n `The stage may contain a tainted video or image loaded without CORS headers.`,\n )\n }\n throw err\n }\n\n // Restore visibility.\n for (const node of hiddenNodes) {\n node.visible(true)\n }\n\n return dataUrl\n}\n\n/** Collect all image-like nodes from the stage for taint identification. */\nfunction collectImageSrcs(stage: KonvaStageLike): Array<{ name: string; src: string }> {\n const result: Array<{ name: string; src: string }> = []\n for (const layer of stage.getLayers()) {\n for (const node of layer.getChildren()) {\n const src = node.getAttr('src')\n if (typeof src === 'string' && src.length > 0) {\n result.push({ name: node.name(), src })\n }\n }\n }\n return result\n}\n\n// ---------------------------------------------------------------------------\n// JSON export\n// ---------------------------------------------------------------------------\n\n/**\n * Serialize a scene document to pretty-printed JSON with schemaVersion\n * asserted. Throws when the document's schemaVersion does not match\n * SCENE_SCHEMA_VERSION — the caller must not smuggle stale documents through.\n */\nexport function exportDocumentJson(document: SceneDocument): string {\n if (document.schemaVersion !== SCENE_SCHEMA_VERSION) {\n throw new Error(\n `exportDocumentJson: document schemaVersion is ${document.schemaVersion}, ` +\n `expected ${SCENE_SCHEMA_VERSION} — upgrade the document before exporting`,\n )\n }\n return JSON.stringify(document, null, 2)\n}\n\n// ---------------------------------------------------------------------------\n// Browser download helper\n// ---------------------------------------------------------------------------\n\n/**\n * Trigger a browser download for a data URL. Safe to import in SSR — the\n * function is a no-op when `document` is not defined (e.g. server-side render\n * or test environment without a DOM). The integrator must not rely on the\n * download executing in those contexts.\n */\nexport function downloadDataUrl(dataUrl: string, filename: string): void {\n if (typeof globalThis.document === 'undefined') return\n\n const a = globalThis.document.createElement('a')\n a.href = dataUrl\n a.download = filename\n a.style.display = 'none'\n globalThis.document.body.appendChild(a)\n a.click()\n globalThis.document.body.removeChild(a)\n}\n","/**\n * Per-kind Konva node rendering for SceneElement. Each element kind maps to\n * the appropriate Konva primitive; geometry is converted from the model's\n * top-left convention where needed.\n *\n * Ellipse center-offset invariant: the model stores (x, y) as the top-left\n * corner of the bounding box. Konva.Ellipse draws from its center point.\n * The conversion is: centerX = x + width/2, centerY = y + height/2,\n * radiusX = width/2, radiusY = height/2. The reverse applies when reading\n * back from transformer output (see transform-math.ts:ellipseTopLeftFromCenter).\n *\n * Image loading: src is loaded async into an HTMLImageElement via useEffect,\n * cached per src in a module-level Map so repeated renders of the same src\n * don't re-fetch. A broken-image placeholder rect is shown while loading or on\n * error; its `name` carries the src for diagnostics.\n *\n * Video elements render as their poster image when posterSrc is set, or a\n * placeholder rect. This is intentional — motion belongs to the sequences\n * surface; the canvas surface is for static layout.\n *\n * Node name: each node's `name` prop carries the element id so hit→model\n * mapping in Workspace works: `stage.getIntersection(pos)?.name()`.\n *\n * locked → listening(false) except on the click handler for selection.\n * hidden → not rendered.\n */\n\nimport { memo, useEffect, useRef, useState } from 'react'\nimport { Group, Rect, Ellipse, Line, Text, Image as KonvaImage } from 'react-konva'\nimport type Konva from 'konva'\nimport { ellipseCenterFromTopLeft } from './transform-math'\nimport { lightTheme, type CanvasRenderPalette } from '../../theme/theme'\nimport type {\n SceneElement,\n RectElement,\n EllipseElement,\n LineElement,\n TextElement,\n ImageElement,\n VideoElement,\n GroupElement,\n} from '../../design-canvas/model'\n\n// ---------------------------------------------------------------------------\n// Image cache — module-level so it survives re-renders\n// ---------------------------------------------------------------------------\n\n// LRU bound: large asset libraries with many unique src URLs would accumulate\n// held HTMLImageElement objects indefinitely without eviction. 256 entries\n// covers any reasonable single-session use and keeps memory predictable.\nconst IMAGE_CACHE_MAX = 256\n\nconst imageCache = new Map<string, HTMLImageElement>()\n\n/** Evict the least-recently-inserted entry when the cache is at capacity.\n * Map iteration order is insertion order, so the first key is the oldest. */\nfunction imageCacheSet(src: string, img: HTMLImageElement): void {\n if (imageCache.size >= IMAGE_CACHE_MAX) {\n const oldest = imageCache.keys().next().value\n if (oldest !== undefined) imageCache.delete(oldest)\n }\n imageCache.set(src, img)\n}\n\nfunction useImage(src: string): HTMLImageElement | null {\n const [, setVersion] = useState(0)\n\n useEffect(() => {\n if (imageCache.has(src)) return\n const img = new window.Image()\n img.crossOrigin = 'anonymous'\n img.onload = () => {\n imageCacheSet(src, img)\n setVersion((v) => v + 1)\n }\n img.onerror = () => {\n // Store a sentinel so we don't retry infinitely; placeholder renders instead.\n imageCacheSet(src, img)\n setVersion((v) => v + 1)\n }\n img.src = src\n }, [src])\n\n return imageCache.get(src) ?? null\n}\n\n// ---------------------------------------------------------------------------\n// Element node dispatcher\n// ---------------------------------------------------------------------------\n\nexport interface ElementNodeProps {\n element: SceneElement\n isSelected: boolean\n zoom: number\n /** Theme render palette. Omitted → light defaults (byte-identical history). */\n render?: CanvasRenderPalette\n onClick?(elementId: string): void\n onDragStart?(elementId: string): void\n onDragMove?(elementId: string, dx: number, dy: number): void\n onDragEnd?(elementId: string, finalX: number, finalY: number): void\n onDoubleClick?(elementId: string): void\n}\n\nfunction ElementNodeImpl(props: ElementNodeProps) {\n const { element } = props\n if (!element.visible) return null\n\n switch (element.kind) {\n case 'rect': return <RectNode {...props} element={element} />\n case 'ellipse': return <EllipseNode {...props} element={element} />\n case 'line': return <LineNode {...props} element={element} />\n case 'text': return <TextNode {...props} element={element} />\n case 'image': return <ImageNode {...props} element={element} />\n case 'video': return <VideoNode {...props} element={element} />\n case 'group': return <GroupNode {...props} element={element} />\n }\n}\n\n/**\n * Memoized so a `stack.notify()` (fired ~120/s during a pan/marquee) that\n * re-renders WorkspaceView does NOT re-render every element. With stable\n * handler identities supplied by WorkspaceView, an ElementNode re-renders only\n * when its OWN `element` reference, `isSelected`, `zoom`, or `render` palette\n * change — i.e. when it actually moved, was (de)selected, or the view scaled.\n * Pan-only frames change none of these props, so the N nodes stay reconciled.\n */\nexport const ElementNode = memo(ElementNodeImpl)\n\n// ---------------------------------------------------------------------------\n// Shared drag handlers factory\n// ---------------------------------------------------------------------------\n\ninterface DragBindings {\n draggable: boolean\n listening: boolean\n /** True between dragStart and dragEnd — gates Konva node caching off so the\n * moving node redraws live instead of showing a stale cached bitmap. */\n dragging: boolean\n onDragStart?: (e: { target: { x(): number; y(): number } }) => void\n onDragMove?: (e: { target: { x(): number; y(): number } }) => void\n onDragEnd?: (e: { target: { x(): number; y(): number } }) => void\n onClick?: (e: unknown) => void\n onDblClick?: (e: unknown) => void\n}\n\nfunction useDragBindings(props: ElementNodeProps, originX: number, originY: number): DragBindings {\n const { element, onClick, onDragStart, onDragMove, onDragEnd, onDoubleClick } = props\n const isDraggable = !element.locked && !!onDragEnd\n const originRef = useRef({ x: originX, y: originY })\n originRef.current = { x: originX, y: originY }\n const [dragging, setDragging] = useState(false)\n\n return {\n draggable: isDraggable,\n // locked elements still receive click for selection; listening must be true.\n listening: true,\n dragging,\n onDragStart: isDraggable ? () => { setDragging(true); onDragStart?.(element.id) } : undefined,\n onDragMove: isDraggable ? (e: { target: { x(): number; y(): number } }) => {\n onDragMove?.(element.id, e.target.x() - originRef.current.x, e.target.y() - originRef.current.y)\n } : undefined,\n onDragEnd: isDraggable ? (e: { target: { x(): number; y(): number } }) => {\n setDragging(false)\n onDragEnd?.(element.id, e.target.x(), e.target.y())\n } : undefined,\n onClick: () => onClick?.(element.id),\n onDblClick: () => onDoubleClick?.(element.id),\n }\n}\n\n/**\n * Konva node bitmap caching for static elements. A cached node draws from a\n * pre-rasterized bitmap instead of re-running its shape draw each frame, which\n * is the snappiness win when many static nodes are on stage during a pan/zoom.\n *\n * Gated OFF while `isSelected || dragging`: a selected node is under the\n * transformer (resize/rotate must redraw live) and a dragging node moves every\n * frame — a cached bitmap would freeze its visuals. On select/drag start the\n * cache is cleared; on deselect/drop it is re-cached. `zoom` is a dependency so\n * the bitmap re-rasterizes at the current scale and never looks blurry.\n */\nfunction useNodeCache(\n ref: React.RefObject<Konva.Node | null>,\n isSelected: boolean,\n dragging: boolean,\n zoom: number,\n invalidateKey: unknown,\n): void {\n useEffect(() => {\n const node = ref.current\n if (!node) return\n if (isSelected || dragging) {\n // clearCache is a no-op when the node was never cached.\n node.clearCache()\n return\n }\n node.cache()\n return () => {\n // Drop the bitmap when the node unmounts or before re-caching so a stale\n // bitmap is never left attached across a prop change.\n node.clearCache()\n }\n // `invalidateKey` (the element reference) re-rasterizes the bitmap when any\n // element attribute changes; `zoom` keeps it crisp at the current scale.\n }, [ref, isSelected, dragging, zoom, invalidateKey])\n}\n\n// ---------------------------------------------------------------------------\n// Rect\n// ---------------------------------------------------------------------------\n\nfunction RectNode({ element, ...rest }: ElementNodeProps & { element: RectElement }) {\n const { dragging, ...drag } = useDragBindings({ element, ...rest }, element.x, element.y)\n const ref = useRef<Konva.Rect | null>(null)\n useNodeCache(ref, rest.isSelected, dragging, rest.zoom, element)\n return (\n <Rect\n ref={ref}\n name={element.id}\n x={element.x}\n y={element.y}\n width={element.width}\n height={element.height}\n rotation={element.rotation}\n opacity={element.opacity}\n fill={element.fill}\n stroke={element.stroke}\n strokeWidth={element.strokeWidth}\n cornerRadius={element.cornerRadius ?? 0}\n {...drag}\n />\n )\n}\n\n// ---------------------------------------------------------------------------\n// Ellipse\n// ---------------------------------------------------------------------------\n\nfunction EllipseNode({ element, ...rest }: ElementNodeProps & { element: EllipseElement }) {\n // Model: top-left (x, y) + width/height bounding box.\n // Konva.Ellipse: center (x, y) + radiusX/radiusY.\n const { x: cx, y: cy, radiusX, radiusY } = ellipseCenterFromTopLeft(element)\n const { dragging, ...drag } = useDragBindings({ element, ...rest }, element.x, element.y)\n const ref = useRef<Konva.Ellipse | null>(null)\n useNodeCache(ref, rest.isSelected, dragging, rest.zoom, element)\n\n return (\n <Ellipse\n ref={ref}\n name={element.id}\n x={cx}\n y={cy}\n radiusX={radiusX}\n radiusY={radiusY}\n rotation={element.rotation}\n opacity={element.opacity}\n fill={element.fill}\n stroke={element.stroke}\n strokeWidth={element.strokeWidth}\n {...drag}\n />\n )\n}\n\n// ---------------------------------------------------------------------------\n// Line\n// ---------------------------------------------------------------------------\n\nfunction LineNode({ element, ...rest }: ElementNodeProps & { element: LineElement }) {\n const { dragging, ...drag } = useDragBindings({ element, ...rest }, element.x, element.y)\n const ref = useRef<Konva.Line | null>(null)\n useNodeCache(ref, rest.isSelected, dragging, rest.zoom, element)\n return (\n <Line\n ref={ref}\n name={element.id}\n x={element.x}\n y={element.y}\n points={element.points}\n rotation={element.rotation}\n opacity={element.opacity}\n stroke={element.stroke}\n strokeWidth={element.strokeWidth}\n dash={element.dash}\n {...drag}\n />\n )\n}\n\n// ---------------------------------------------------------------------------\n// Text\n// ---------------------------------------------------------------------------\n\nconst FONT_STYLE_MAP: Record<TextElement['fontStyle'], { fontStyle: string; fontVariant: string; fontWeight: string }> = {\n 'normal': { fontStyle: 'normal', fontVariant: 'normal', fontWeight: 'normal' },\n 'bold': { fontStyle: 'normal', fontVariant: 'normal', fontWeight: 'bold' },\n 'italic': { fontStyle: 'italic', fontVariant: 'normal', fontWeight: 'normal' },\n 'bold italic': { fontStyle: 'italic', fontVariant: 'normal', fontWeight: 'bold' },\n}\n\nfunction TextNode({ element, ...rest }: ElementNodeProps & { element: TextElement }) {\n const { dragging, ...drag } = useDragBindings({ element, ...rest }, element.x, element.y)\n const ref = useRef<Konva.Text | null>(null)\n useNodeCache(ref, rest.isSelected, dragging, rest.zoom, element)\n const { fontStyle, fontWeight } = FONT_STYLE_MAP[element.fontStyle]\n\n return (\n <Text\n ref={ref}\n name={element.id}\n x={element.x}\n y={element.y}\n width={element.width}\n rotation={element.rotation}\n opacity={element.opacity}\n text={element.text}\n fontFamily={element.fontFamily}\n fontSize={element.fontSize}\n fontStyle={`${fontStyle} ${fontWeight}`.trim()}\n fill={element.fill}\n align={element.align}\n lineHeight={element.lineHeight}\n letterSpacing={element.letterSpacing}\n {...drag}\n />\n )\n}\n\n// ---------------------------------------------------------------------------\n// Image\n// ---------------------------------------------------------------------------\n\nfunction ImageNode({ element, ...rest }: ElementNodeProps & { element: ImageElement }) {\n const render = rest.render ?? lightTheme.canvasRender\n const img = useImage(element.src)\n const { dragging, ...drag } = useDragBindings({ element, ...rest }, element.x, element.y)\n const ref = useRef<Konva.Node | null>(null)\n const imgReady = !!img && img.complete && img.naturalWidth > 0\n // Cache key folds load state + the attrs that change the rasterized pixels\n // (src, size, fit). Position/opacity/rotation are post-cache transforms and\n // are deliberately excluded so a drag/opacity change never re-rasterizes.\n useNodeCache(\n ref,\n rest.isSelected,\n dragging,\n rest.zoom,\n `${imgReady}:${element.src}:${element.width}x${element.height}:${element.fit}`,\n )\n\n if (!img || !img.complete || img.naturalWidth === 0) {\n // Placeholder while loading or broken: a grey rect with the src in its name.\n return (\n <Rect\n ref={ref as React.RefObject<Konva.Rect>}\n name={element.id}\n x={element.x}\n y={element.y}\n width={element.width}\n height={element.height}\n rotation={element.rotation}\n opacity={element.opacity}\n fill={render.brokenFill}\n stroke={render.brokenStroke}\n strokeWidth={1}\n {...drag}\n />\n )\n }\n\n // Konva handles crop-to-fit natively via crop attrs; we compute them for\n // 'cover' mode. 'contain' and 'fill' use default stretch behavior.\n let cropProps: object = {}\n if (element.fit === 'cover') {\n const srcAspect = img.naturalWidth / img.naturalHeight\n const dstAspect = element.width / element.height\n if (srcAspect > dstAspect) {\n // Source is wider — crop horizontally\n const visibleW = img.naturalHeight * dstAspect\n cropProps = {\n crop: {\n x: (img.naturalWidth - visibleW) / 2,\n y: 0,\n width: visibleW,\n height: img.naturalHeight,\n },\n }\n } else {\n // Source is taller — crop vertically\n const visibleH = img.naturalWidth / dstAspect\n cropProps = {\n crop: {\n x: 0,\n y: (img.naturalHeight - visibleH) / 2,\n width: img.naturalWidth,\n height: visibleH,\n },\n }\n }\n }\n\n return (\n <KonvaImage\n ref={ref as React.RefObject<Konva.Image>}\n name={element.id}\n x={element.x}\n y={element.y}\n width={element.width}\n height={element.height}\n rotation={element.rotation}\n opacity={element.opacity}\n image={img}\n {...cropProps}\n {...drag}\n />\n )\n}\n\n// ---------------------------------------------------------------------------\n// Video (renders poster or placeholder — no playback on the canvas surface)\n// ---------------------------------------------------------------------------\n\nfunction VideoNode({ element, ...rest }: ElementNodeProps & { element: VideoElement }) {\n const render = rest.render ?? lightTheme.canvasRender\n // Poster image path — never silently drop; show placeholder when absent.\n const img = useImage(element.posterSrc ?? '')\n const { dragging, ...drag } = useDragBindings({ element, ...rest }, element.x, element.y)\n const ref = useRef<Konva.Node | null>(null)\n const posterReady = !!element.posterSrc && !!img && img.complete && img.naturalWidth > 0\n useNodeCache(\n ref,\n rest.isSelected,\n dragging,\n rest.zoom,\n `${posterReady}:${element.posterSrc ?? ''}:${element.width}x${element.height}`,\n )\n\n if (!element.posterSrc || !img || !img.complete || img.naturalWidth === 0) {\n return (\n <Rect\n ref={ref as React.RefObject<Konva.Rect>}\n name={element.id}\n x={element.x}\n y={element.y}\n width={element.width}\n height={element.height}\n rotation={element.rotation}\n opacity={element.opacity}\n fill={render.placeholderFill}\n stroke={render.placeholderStroke}\n strokeWidth={1}\n {...drag}\n />\n )\n }\n\n return (\n <KonvaImage\n ref={ref as React.RefObject<Konva.Image>}\n name={element.id}\n x={element.x}\n y={element.y}\n width={element.width}\n height={element.height}\n rotation={element.rotation}\n opacity={element.opacity}\n image={img}\n {...drag}\n />\n )\n}\n\n// ---------------------------------------------------------------------------\n// Group (recursive)\n// ---------------------------------------------------------------------------\n\nfunction GroupNode({ element, ...rest }: ElementNodeProps & { element: GroupElement }) {\n const { dragging: _dragging, ...drag } = useDragBindings({ element, ...rest }, element.x, element.y)\n // A group is NOT bitmap-cached: caching a container would flatten its children\n // into one static bitmap and break per-child hit-testing/transform. The win is\n // that each child node (memoized + leaf-cached) keeps its own cache.\n void _dragging\n return (\n <Group\n name={element.id}\n x={element.x}\n y={element.y}\n rotation={element.rotation}\n opacity={element.opacity}\n {...drag}\n >\n {element.children.map((child) => (\n <ElementNode key={child.id} {...rest} element={child} />\n ))}\n </Group>\n )\n}\n","/**\n * Pure geometry helpers extracted from component drag/transform logic so\n * every interactive math path is unit-testable without Konva or a DOM.\n *\n * Invariants:\n * - All inputs and outputs are in document-coordinate pixels unless noted.\n * - Rotation angles are degrees, clockwise, matching the Konva + model convention.\n * - \"Baking\" scale into width/height resets Konva's scaleX/scaleY to 1; that\n * is required so the model's width/height always reflects true size, never a\n * scaled-but-uncollapsed state.\n */\n\n// ---------------------------------------------------------------------------\n// Konva transformer end-state baking\n// ---------------------------------------------------------------------------\n\nexport interface TransformerNode {\n x: number\n y: number\n width: number\n height: number\n /** Konva's scale after the transformer gesture; 1 when already baked. */\n scaleX: number\n scaleY: number\n rotation: number\n}\n\nexport interface BakedNodeAttrs {\n x: number\n y: number\n /** True pixel size after scale is collapsed into dimensions. */\n width: number\n height: number\n rotation: number\n}\n\n/**\n * Collapse Konva scaleX/scaleY into width/height so the model always stores\n * true pixel dimensions. The transformer mutates scale on drag; we bake it\n * once at dragend/transformend and emit width/height — scale resets to 1\n * implicitly (the emitted attrs do not include scale, so the next render\n * starts from scaleX=1).\n *\n * Konva rotates about the top-left origin and also shifts x/y to compensate\n * for scale — the transformer gives us the post-rotation, post-scale x/y\n * directly, so no further rotation math is needed here.\n */\nexport function bakeRectTransform(node: TransformerNode): BakedNodeAttrs {\n return {\n x: node.x,\n y: node.y,\n width: Math.abs(node.width * node.scaleX),\n height: Math.abs(node.height * node.scaleY),\n rotation: node.rotation,\n }\n}\n\n/**\n * Lines store points as a flat [x0, y0, x1, y1, ...] array relative to the\n * line element's (x, y). When the transformer scales the group containing the\n * line, we bake scaleX into every x-component of points and scaleY into every\n * y-component, then reset scale to 1. The element x/y is the Konva group\n * origin and is taken directly from the transformer output.\n */\nexport function bakeLineTransform(node: TransformerNode & { points: number[] }): BakedNodeAttrs & { points: number[] } {\n const points = node.points.map((v, i) => (i % 2 === 0 ? v * node.scaleX : v * node.scaleY))\n return {\n x: node.x,\n y: node.y,\n // Width/height for a line derive from its points; baking is for points only.\n // We still return them so callers have a uniform shape.\n width: node.width * Math.abs(node.scaleX),\n height: node.height * Math.abs(node.scaleY),\n rotation: node.rotation,\n points,\n }\n}\n\n/**\n * Text nodes have a fixed wrap width; scaling that width is what the\n * transformer controls. Height is content-derived and is NOT baked here —\n * it re-derives from text content at render time via estimateTextHeight.\n * Only scaleX is baked into width; scaleY into fontSize so text scales\n * proportionally when the user resizes with keepRatio.\n */\nexport function bakeTextTransform(\n node: TransformerNode & { fontSize: number },\n): BakedNodeAttrs & { fontSize: number } {\n return {\n x: node.x,\n y: node.y,\n width: Math.abs(node.width * node.scaleX),\n // Height is excluded — it re-derives from content.\n height: node.height,\n rotation: node.rotation,\n fontSize: Math.max(1, node.fontSize * Math.abs(node.scaleY)),\n }\n}\n\n// ---------------------------------------------------------------------------\n// Ellipse center-offset math\n// ---------------------------------------------------------------------------\n\n/**\n * The model stores ellipse position as the top-left corner of the bounding\n * box (matching every other element kind). Konva.Ellipse draws from its center\n * (radiusX, radiusY). This converts model top-left to Konva center.\n *\n * INVARIANT: radiusX = width/2, radiusY = height/2; x/y offsets are exactly\n * half the dimensions because there is no separate offset field.\n */\nexport function ellipseCenterFromTopLeft(\n topLeft: { x: number; y: number; width: number; height: number },\n): { x: number; y: number; radiusX: number; radiusY: number } {\n return {\n x: topLeft.x + topLeft.width / 2,\n y: topLeft.y + topLeft.height / 2,\n radiusX: topLeft.width / 2,\n radiusY: topLeft.height / 2,\n }\n}\n\n/**\n * Inverse: Konva center + radius → model top-left. Used when reading back\n * from a transformer node whose origin is the Konva center.\n */\nexport function ellipseTopLeftFromCenter(\n center: { x: number; y: number; radiusX: number; radiusY: number },\n): { x: number; y: number; width: number; height: number } {\n return {\n x: center.x - center.radiusX,\n y: center.y - center.radiusY,\n width: center.radiusX * 2,\n height: center.radiusY * 2,\n }\n}\n\n// ---------------------------------------------------------------------------\n// Marquee selection\n// ---------------------------------------------------------------------------\n\nexport interface MarqueeRect {\n x: number\n y: number\n width: number\n height: number\n}\n\n/**\n * Normalize a marquee rectangle from two arbitrary corners into a canonical\n * top-left origin with positive width/height, regardless of drag direction.\n */\nexport function normalizeMarquee(\n startX: number,\n startY: number,\n endX: number,\n endY: number,\n): MarqueeRect {\n const x = Math.min(startX, endX)\n const y = Math.min(startY, endY)\n return {\n x,\n y,\n width: Math.abs(endX - startX),\n height: Math.abs(endY - startY),\n }\n}\n\n// ---------------------------------------------------------------------------\n// Inline text editor overlay positioning\n// ---------------------------------------------------------------------------\n\nexport interface OverlayPositionInput {\n /** Element top-left in document coordinates. */\n elementX: number\n elementY: number\n elementWidth: number\n elementHeight: number\n /** Current zoom and pan. */\n zoom: number\n panX: number\n panY: number\n}\n\nexport interface OverlayPosition {\n /** CSS left/top for the overlay textarea relative to the canvas container. */\n left: number\n top: number\n width: number\n /** fontSize to mirror from the element, scaled by zoom. */\n fontSize: number\n}\n\n/**\n * Compute the screen-space position for an inline text editor overlay.\n *\n * V1 simplification: rotated text elements are edited in a non-rotated overlay\n * positioned at the element's AABB. This means the overlay does not visually\n * align with the rotated text, but keeps the textarea DOM element axis-aligned\n * which avoids browser textarea rotation bugs. A future v2 may apply a CSS\n * transform to the textarea to match rotation.\n */\nexport function computeTextOverlayPosition(\n input: OverlayPositionInput & { elementFontSize: number },\n): OverlayPosition {\n // The overlay textarea is position:absolute inside the workspace's relative\n // container, so its coordinates are container-relative, not viewport-relative:\n // containerX = panX + elementX * zoom.\n const left = input.panX + input.elementX * input.zoom\n const top = input.panY + input.elementY * input.zoom\n return {\n left,\n top,\n width: input.elementWidth * input.zoom,\n fontSize: input.elementFontSize * input.zoom,\n }\n}\n\n// ---------------------------------------------------------------------------\n// Rotation snapping\n// ---------------------------------------------------------------------------\n\nconst SNAP_ANGLES_DEG = [0, 45, 90, 135, 180, 225, 270, 315, 360]\n\n/**\n * Snap a rotation angle to the nearest cardinal/diagonal if within\n * `thresholdDeg` of it (default 5°). Returns the original value when no snap\n * activates. Normalizes output to [0, 360).\n */\nexport function snapRotation(angleDeg: number, thresholdDeg = 5): number {\n const normalized = ((angleDeg % 360) + 360) % 360\n let best = normalized\n let bestDist = Infinity\n for (const snap of SNAP_ANGLES_DEG) {\n const dist = Math.abs(normalized - snap)\n if (dist < bestDist) {\n bestDist = dist\n best = snap % 360\n }\n }\n return bestDist <= thresholdDeg ? best : normalized\n}\n\n// ---------------------------------------------------------------------------\n// Nudge delta\n// ---------------------------------------------------------------------------\n\n/**\n * Convert a keyboard arrow event into a {dx, dy} nudge in document px.\n * Shift multiplies by 10 (the \"big nudge\" convention).\n */\nexport function nudgeDelta(\n key: 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown',\n shift: boolean,\n): { dx: number; dy: number } {\n const step = shift ? 10 : 1\n switch (key) {\n case 'ArrowLeft': return { dx: -step, dy: 0 }\n case 'ArrowRight': return { dx: step, dy: 0 }\n case 'ArrowUp': return { dx: 0, dy: -step }\n case 'ArrowDown': return { dx: 0, dy: step }\n }\n}\n\n// ---------------------------------------------------------------------------\n// Marquee hit-test\n// ---------------------------------------------------------------------------\n\n/**\n * Return true when bounds B is entirely contained within marquee A.\n * Partial intersection does NOT select — the marquee must fully enclose.\n */\nexport function marqueeContains(marquee: MarqueeRect, bounds: MarqueeRect): boolean {\n return (\n bounds.x >= marquee.x &&\n bounds.y >= marquee.y &&\n bounds.x + bounds.width <= marquee.x + marquee.width &&\n bounds.y + bounds.height <= marquee.y + marquee.height\n )\n}\n\n// ---------------------------------------------------------------------------\n// Grid ruler tick density\n// ---------------------------------------------------------------------------\n\n/**\n * Return true when grid lines at `gridSize` document px would render at least\n * `minScreenPx` apart at the current zoom. Used to skip grid drawing when\n * zoomed out far enough that lines would clutter.\n */\nexport function gridVisible(gridSize: number, zoom: number, minScreenPx = 4): boolean {\n return gridSize * zoom >= minScreenPx\n}\n","/**\n * Transformer-based selection layer. Attaches a Konva.Transformer to all\n * currently-selected Konva nodes so the user can resize and rotate them.\n *\n * SINGLE vs. MULTI:\n * - Single selection: resize + rotate.\n * - Multi-selection: rigid resize (keepRatio enforced) + rotate.\n *\n * Rotation snap: within 5° of 0/45/90/135/180 the rotation locks to the\n * nearest cardinal/diagonal (same threshold as the snapRotation pure function).\n *\n * Scale baking: Konva's Transformer sets scaleX/scaleY on the node during\n * a transform gesture. On transformend we read the final x/y/width/height/\n * scaleX/scaleY/rotation from each node, bake scale into width/height, and\n * emit ONE multiSetAttrsCommand. Scale never persists on Konva nodes across\n * render cycles — the next render resets scaleX=scaleY=1 by rendering from\n * model attrs.\n *\n * Special baking per kind:\n * - rect/ellipse/image/video/group: bakeRectTransform (scale → width/height).\n * - line: bakeLineTransform (scale baked into points array).\n * - text: bakeTextTransform (scaleX→width, scaleY→fontSize).\n * - ellipse: center position is adjusted back to top-left model coords via\n * ellipseTopLeftFromCenter before emitting attrs.\n *\n * Min-size guard: width/height are clamped to ≥ 4px after baking so users\n * cannot collapse an element to zero and lose it.\n *\n * The overlay: prefix on the Transformer name lets export logic skip it.\n */\n\nimport { useEffect, useRef } from 'react'\nimport { Layer, Transformer } from 'react-konva'\nimport type Konva from 'konva'\nimport {\n bakeRectTransform,\n bakeLineTransform,\n bakeTextTransform,\n ellipseTopLeftFromCenter,\n snapRotation,\n} from './transform-math'\nimport type { MultiSetAttrsEntry } from '../engine/commands'\nimport type { SceneAttrsPatch } from '../../design-canvas/operations'\nimport type { SceneElement } from '../../design-canvas/model'\nimport { lightTheme, type CanvasRenderPalette } from '../../theme/theme'\n\nexport interface SelectionLayerProps {\n /** Konva stage reference to look up selected nodes by name. */\n stageRef: React.RefObject<Konva.Stage | null>\n /** Selected element ids from editor state. */\n selectedIds: string[]\n /** The model elements corresponding to selectedIds (pre-gesture snapshot). */\n selectedElements: SceneElement[]\n /** Whether the canvas is writable. False → transformer renders but is not interactive. */\n canWrite: boolean\n /** Emitted when a transform gesture completes with final attrs per element. */\n onTransformEnd(entries: MultiSetAttrsEntry[]): void\n /** Active page id — every entry in onTransformEnd carries this. */\n pageId: string\n /** Theme render palette. Omitted → light defaults (byte-identical history). */\n render?: CanvasRenderPalette\n}\n\nconst MIN_SIZE = 4\n\nexport function SelectionLayer({\n stageRef,\n selectedIds,\n selectedElements,\n canWrite,\n onTransformEnd,\n pageId,\n render = lightTheme.canvasRender,\n}: SelectionLayerProps) {\n const trRef = useRef<Konva.Transformer | null>(null)\n\n // Sync the transformer's attached nodes whenever selection changes.\n useEffect(() => {\n const tr = trRef.current\n const stage = stageRef.current\n if (!tr || !stage) return\n\n const nodes: Konva.Node[] = []\n for (const id of selectedIds) {\n // Nodes carry their element id as their `name` prop.\n const node = stage.findOne(`[name=\"${id}\"]`)\n if (node) nodes.push(node)\n }\n tr.nodes(nodes)\n tr.getLayer()?.batchDraw()\n }, [selectedIds, stageRef])\n\n function handleTransformEnd() {\n const tr = trRef.current\n if (!tr) return\n const nodes = tr.nodes() as Konva.Node[]\n if (nodes.length === 0) return\n\n const entries: MultiSetAttrsEntry[] = []\n\n for (const node of nodes) {\n const elementId = node.name()\n const element = selectedElements.find((e) => e.id === elementId)\n if (!element) continue\n\n const priorAttrs = elementToPriorAttrs(element)\n const finalAttrs = bakeNodeToAttrs(node, element)\n if (!finalAttrs) continue\n\n entries.push({ pageId, elementId, attrs: finalAttrs, priorAttrs })\n }\n\n if (entries.length > 0) onTransformEnd(entries)\n }\n\n const multiSelect = selectedIds.length > 1\n\n return (\n // The Layer must participate in the hit graph (listening) or the Transformer\n // anchors below receive no pointer events and resize/rotate is dead. We scope\n // listening to canWrite so a read-only canvas stays fully click-through.\n // Click-through to elements for selection is preserved: this layer paints\n // only the Transformer, whose anchors are the sole hit targets — empty\n // regions have no shapes, so pointer hits fall through to the content layer.\n // Export exclusion is unaffected: export.ts hides nodes by the 'overlay:'\n // name prefix, not by `listening` (see export-math.isExportHiddenNodeName).\n <Layer name=\"overlay:selection\" listening={canWrite}>\n <Transformer\n ref={trRef}\n name=\"overlay:transformer\"\n // keepRatio for multi-select so the group scales uniformly.\n keepRatio={multiSelect}\n // Rotation snap: the rotationSnaps array controls the magnetism in\n // Konva's transformer. We pass the cardinal/diagonal angles; Konva\n // applies a threshold internally. We also call snapRotation() on\n // transformend for fine-grain 5° threshold enforcement.\n rotationSnaps={[0, 45, 90, 135, 180, 225, 270, 315]}\n rotationSnapTolerance={5}\n borderStroke={render.selectionStroke}\n anchorStroke={render.selectionStroke}\n anchorFill={render.selectionAnchorFill}\n // Min size so elements cannot be collapsed.\n boundBoxFunc={(oldBox, newBox) => {\n if (newBox.width < MIN_SIZE || newBox.height < MIN_SIZE) return oldBox\n return newBox\n }}\n listening={canWrite}\n onTransformEnd={canWrite ? handleTransformEnd : undefined}\n />\n </Layer>\n )\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\n/** Extract the current model attrs as a \"prior\" patch for undo. */\nfunction elementToPriorAttrs(element: SceneElement): SceneAttrsPatch {\n const base: SceneAttrsPatch = {\n x: element.x,\n y: element.y,\n rotation: element.rotation,\n }\n switch (element.kind) {\n case 'rect':\n case 'image':\n case 'video':\n return { ...base, width: element.width, height: element.height }\n case 'ellipse':\n return { ...base, width: element.width, height: element.height }\n case 'line':\n return { ...base, points: element.points.slice() }\n case 'text':\n return { ...base, width: element.width, fontSize: element.fontSize }\n case 'group':\n return { ...base, width: undefined, height: undefined }\n }\n}\n\n/**\n * Read final attrs from a Konva node after a transformer gesture and bake\n * scale into model dimensions. Returns null when the element kind has no\n * meaningful size to bake (shouldn't happen in practice).\n */\nfunction bakeNodeToAttrs(node: Konva.Node, element: SceneElement): SceneAttrsPatch | null {\n // Snap rotation within 5° of cardinal/diagonal angles.\n const rawRotation = node.rotation()\n const snappedRotation = snapRotation(rawRotation, 5)\n\n const baseNode = {\n x: node.x(),\n y: node.y(),\n width: node.width(),\n height: node.height(),\n scaleX: node.scaleX(),\n scaleY: node.scaleY(),\n rotation: snappedRotation,\n }\n\n switch (element.kind) {\n case 'rect':\n case 'image':\n case 'video':\n case 'group': {\n const baked = bakeRectTransform(baseNode)\n return {\n x: baked.x,\n y: baked.y,\n width: Math.max(MIN_SIZE, baked.width),\n height: Math.max(MIN_SIZE, baked.height),\n rotation: baked.rotation,\n }\n }\n case 'ellipse': {\n // Konva.Ellipse's transformer node is centered (Konva reports x/y as\n // center coords, radiusX/radiusY via width/height halved). We must\n // convert back to model top-left coords.\n const baked = bakeRectTransform(baseNode)\n // After baking, node.x/y for an ellipse is its center because that's\n // how we placed it in ElementNode. Convert to top-left.\n const topLeft = ellipseTopLeftFromCenter({\n x: baked.x,\n y: baked.y,\n // radiusX/radiusY = half of baked width/height\n radiusX: baked.width / 2,\n radiusY: baked.height / 2,\n })\n return {\n x: topLeft.x,\n y: topLeft.y,\n width: Math.max(MIN_SIZE, topLeft.width),\n height: Math.max(MIN_SIZE, topLeft.height),\n rotation: baked.rotation,\n }\n }\n case 'line': {\n const points = (node as Konva.Line).points()\n const baked = bakeLineTransform({ ...baseNode, points })\n return {\n x: baked.x,\n y: baked.y,\n rotation: baked.rotation,\n points: baked.points,\n }\n }\n case 'text': {\n const baked = bakeTextTransform({\n ...baseNode,\n fontSize: element.fontSize,\n })\n return {\n x: baked.x,\n y: baked.y,\n width: Math.max(MIN_SIZE, baked.width),\n rotation: baked.rotation,\n fontSize: Math.max(1, baked.fontSize),\n }\n }\n }\n}\n","/**\n * Grid overlay rendered beneath page content. The whole grid is painted by a\n * SINGLE Konva node — a custom Shape whose `sceneFunc` strokes every grid line\n * in one pass — rather than one Konva.Line per line. At ~hundreds of lines on a\n * page this turns a per-pan-frame reconciliation of hundreds of React/Konva\n * nodes into a single node whose only changing props are the transform; panning\n * no longer churns the scene graph.\n *\n * Grid lines are skipped entirely when they would be closer than 4 screen\n * pixels apart — below that density the grid becomes visual noise rather than\n * guidance (gridVisible density-skip, unchanged).\n *\n * COORDINATE SYSTEM: the lines are authored in document space and wrapped in a\n * Group carrying the SAME (panX, panY, zoom) transform the content layer uses,\n * so the grid tracks the page exactly on pan and zoom. A Konva.Layer cannot\n * live inside a Group, so the transform is applied to an inner Group, not the\n * Layer. The grid is its own Layer (not merged into the content Layer) so the\n * content draws on top without per-frame z-ordering churn.\n *\n * EXPORT EXCLUSION: the Layer carries the name prefix 'overlay:' and the Shape\n * is named 'overlay:grid-shape' so export logic excludes the whole grid from\n * rasterization.\n */\n\nimport { Layer, Group, Shape } from 'react-konva'\nimport type Konva from 'konva'\nimport { gridVisible } from './transform-math'\n\nexport interface GridLayerProps {\n /** Page width in document px. */\n pageWidth: number\n /** Page height in document px. */\n pageHeight: number\n /** Document px between grid lines. */\n gridSize: number\n /** Screen px per document px. */\n zoom: number\n /** Horizontal pan offset in screen px (content Group x). */\n panX: number\n /** Vertical pan offset in screen px (content Group y). */\n panY: number\n /** Grid line color. */\n color?: string\n /** Grid line opacity (0–1). */\n opacity?: number\n}\n\n/** Document-space x positions of every vertical grid line on the page. Pure so\n * the single-Shape sceneFunc and tests share one definition (no drift). */\nexport function gridVerticalLines(pageWidth: number, gridSize: number): number[] {\n const out: number[] = []\n if (gridSize <= 0) return out\n for (let x = gridSize; x < pageWidth; x += gridSize) out.push(x)\n return out\n}\n\n/** Document-space y positions of every horizontal grid line on the page. */\nexport function gridHorizontalLines(pageHeight: number, gridSize: number): number[] {\n const out: number[] = []\n if (gridSize <= 0) return out\n for (let y = gridSize; y < pageHeight; y += gridSize) out.push(y)\n return out\n}\n\nexport function GridLayer({\n pageWidth,\n pageHeight,\n gridSize,\n zoom,\n panX,\n panY,\n color = '#c0c0c0',\n opacity = 0.5,\n}: GridLayerProps) {\n // Skip rendering when lines would be denser than 4 screen px.\n if (!gridVisible(gridSize, zoom, 4)) return null\n\n const verticals = gridVerticalLines(pageWidth, gridSize)\n const horizontals = gridHorizontalLines(pageHeight, gridSize)\n\n // sceneFunc strokes all lines in document space; the parent Group transform\n // maps them to screen, so line geometry is zoom-independent. strokeWidth is\n // 1/zoom so the line stays 1 screen px after the Group's `scale(zoom)`.\n const sceneFunc = (ctx: Konva.Context, shape: Konva.Shape) => {\n ctx.beginPath()\n for (const x of verticals) {\n ctx.moveTo(x, 0)\n ctx.lineTo(x, pageHeight)\n }\n for (const y of horizontals) {\n ctx.moveTo(0, y)\n ctx.lineTo(pageWidth, y)\n }\n ctx.setAttr('strokeStyle', color)\n ctx.setAttr('lineWidth', 1 / zoom)\n ctx.stroke()\n // No fillStrokeShape — geometry is hairlines, not a fillable path; calling\n // it would close/fill the path. Stroke directly to keep crisp 1px lines.\n void shape\n }\n\n return (\n <Layer name=\"overlay:grid\" listening={false}>\n <Group x={panX} y={panY} scaleX={zoom} scaleY={zoom}>\n <Shape\n name=\"overlay:grid-shape\"\n sceneFunc={sceneFunc}\n stroke={color}\n strokeWidth={1 / zoom}\n opacity={opacity}\n listening={false}\n perfectDrawEnabled={false}\n />\n </Group>\n </Layer>\n )\n}\n","/**\n * Active snap guides rendered as full-page-extent lines during drag gestures.\n * Renders into a dedicated Konva.Layer (name 'overlay:snap') so export logic\n * can exclude it.\n *\n * Guide line colors differ by kind so users can distinguish grid snaps (faint)\n * from element-edge/center snaps (accent) from saved ruler guides (blue).\n */\n\nimport { Layer, Line } from 'react-konva'\nimport type { SnapTarget, SnapTargetKind } from '../contracts'\nimport { lightTheme, type CanvasRenderPalette } from '../../theme/theme'\n\nexport interface SnapGuidesOverlayProps {\n /** Page dimensions in document px. */\n pageWidth: number\n pageHeight: number\n /** Active vertical guide, or null when not snapping. */\n activeVertical: SnapTarget | null\n /** Active horizontal guide, or null when not snapping. */\n activeHorizontal: SnapTarget | null\n /** Screen px per document px — used to compute 1-px-screen stroke widths. */\n zoom: number\n /** Theme render palette. Omitted → light defaults (byte-identical history). */\n render?: CanvasRenderPalette\n}\n\nfunction kindColors(render: CanvasRenderPalette): Record<SnapTargetKind, string> {\n return {\n 'grid': render.snapGrid,\n 'guide': render.snapGuide,\n 'page-edge': render.snapPage,\n 'page-center': render.snapPage,\n 'element-edge': render.snapElement,\n 'element-center': render.snapElement,\n }\n}\n\nexport function SnapGuidesOverlay({\n pageWidth,\n pageHeight,\n activeVertical,\n activeHorizontal,\n zoom,\n render = lightTheme.canvasRender,\n}: SnapGuidesOverlayProps) {\n if (!activeVertical && !activeHorizontal) return null\n\n const KIND_COLOR = kindColors(render)\n const strokeWidth = 1 / zoom\n\n return (\n <Layer name=\"overlay:snap\" listening={false}>\n {activeVertical && (\n <Line\n name=\"overlay:snap-vertical\"\n points={[activeVertical.position, -99999, activeVertical.position, 99999]}\n stroke={KIND_COLOR[activeVertical.kind]}\n strokeWidth={strokeWidth}\n dash={[4 / zoom, 3 / zoom]}\n listening={false}\n perfectDrawEnabled={false}\n />\n )}\n {activeHorizontal && (\n <Line\n name=\"overlay:snap-horizontal\"\n points={[-99999, activeHorizontal.position, 99999, activeHorizontal.position]}\n stroke={KIND_COLOR[activeHorizontal.kind]}\n strokeWidth={strokeWidth}\n dash={[4 / zoom, 3 / zoom]}\n listening={false}\n perfectDrawEnabled={false}\n />\n )}\n </Layer>\n )\n}\n","/**\n * Inline text editor: a positioned <textarea> that appears over a text element\n * on double-click, mirroring its font properties at the current zoom. The\n * parent Workspace mounts this when `editingElementId` is set and unmounts it\n * on commit/cancel.\n *\n * V1 simplification: rotation is NOT applied to the textarea — rotated text\n * elements are edited in a non-rotated overlay at the element's AABB origin.\n * The textarea stays axis-aligned to avoid browser textarea rotation bugs.\n * Document the intent: a v2 pass may add a CSS transform to align with rotation.\n *\n * Commit: Meta+Enter or blur → emits `onCommit(newText)`.\n * Cancel: Escape → emits `onCancel()` and restores pre-edit text.\n */\n\nimport { useEffect, useRef } from 'react'\nimport { computeTextOverlayPosition } from './transform-math'\nimport type { TextElement } from '../../design-canvas/model'\n\nexport interface InlineTextEditorProps {\n element: TextElement\n zoom: number\n panX: number\n panY: number\n onCommit(text: string): void\n onCancel(): void\n}\n\nexport function InlineTextEditor({\n element,\n zoom,\n panX,\n panY,\n onCommit,\n onCancel,\n}: InlineTextEditorProps) {\n const ref = useRef<HTMLTextAreaElement>(null)\n\n const pos = computeTextOverlayPosition({\n elementX: element.x,\n elementY: element.y,\n elementWidth: element.width,\n elementHeight: element.fontSize * element.lineHeight * 4, // generous initial height\n zoom,\n panX,\n panY,\n elementFontSize: element.fontSize,\n })\n\n useEffect(() => {\n const el = ref.current\n if (!el) return\n el.focus()\n el.select()\n }, [])\n\n function handleKeyDown(e: React.KeyboardEvent<HTMLTextAreaElement>) {\n if (e.key === 'Escape') {\n e.preventDefault()\n onCancel()\n return\n }\n // Meta+Enter or Ctrl+Enter commits\n if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n e.preventDefault()\n onCommit(ref.current?.value ?? element.text)\n }\n }\n\n function handleBlur() {\n onCommit(ref.current?.value ?? element.text)\n }\n\n // Map model fontStyle → CSS font-style + font-weight\n const fontWeight = element.fontStyle.includes('bold') ? 'bold' : 'normal'\n const fontStyle = element.fontStyle.includes('italic') ? 'italic' : 'normal'\n\n return (\n <textarea\n ref={ref}\n defaultValue={element.text}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n style={{\n position: 'absolute',\n left: pos.left,\n top: pos.top,\n width: pos.width,\n // Height auto-grows via CSS; min so single-line text has room.\n minHeight: pos.fontSize * element.lineHeight * 1.5,\n fontSize: pos.fontSize,\n fontFamily: element.fontFamily,\n fontWeight,\n fontStyle,\n textAlign: element.align,\n lineHeight: element.lineHeight,\n letterSpacing: element.letterSpacing * zoom,\n color: element.fill,\n // Neutral token surface rather than a forced white: a white fill makes\n // light text invisible while editing. The token surface stays legible\n // for any text color and matches the editor chrome.\n background: 'var(--bg-input)',\n border: '2px solid var(--brand-primary)',\n borderRadius: 2,\n padding: 2,\n resize: 'none',\n outline: 'none',\n overflow: 'hidden',\n boxSizing: 'border-box',\n zIndex: 1000,\n // Do NOT apply rotation — see V1 simplification note in module header.\n }}\n aria-label={`Editing text element \"${element.name}\"`}\n />\n )\n}\n","/**\n * Batteries-included composition: DesignCanvas chrome + WorkspaceView sharing\n * one command stack. This is the component products mount.\n *\n * Stack ownership:\n * DesignCanvas (chrome) owns the command stack. WorkspaceView receives that\n * same stack via renderWorkspace(ctx), so every gesture, undo, redo, and\n * layers-panel selection mutation touches exactly one state machine.\n *\n * Thumbnail rendering:\n * Thumbnails are produced imperatively with the Konva JS API (no React tree)\n * on an off-DOM stage at ~96px height. Only geometry + solid-fill shapes are\n * rendered — image nodes are skipped because async loading would require a\n * second pass. Cache key: `${pageId}:${cheapHash(elements)}`. Thumbnail\n * absence is cosmetic; PagesStrip handles a null result gracefully.\n */\n\nimport type { SceneDocument } from '../../design-canvas/model'\nimport type { DesignCanvasProps } from '../contracts'\nimport { DesignCanvas } from './DesignCanvas'\nimport { WorkspaceView } from './Workspace'\n\n// ---------------------------------------------------------------------------\n// Thumbnail cache\n// ---------------------------------------------------------------------------\n\nconst THUMBNAIL_HEIGHT_PX = 96\n\n/** Keyed by `pageId:contentHash`. Evicted only when the cache reaches the\n * hard limit (prevents unbounded growth across long sessions). */\nconst thumbnailCache = new Map<string, string>()\nconst THUMBNAIL_CACHE_LIMIT = 200\n\nfunction evictIfNeeded(): void {\n if (thumbnailCache.size < THUMBNAIL_CACHE_LIMIT) return\n // Drop the oldest 20 % when we hit the ceiling.\n const toDrop = Math.floor(THUMBNAIL_CACHE_LIMIT * 0.2)\n let dropped = 0\n for (const key of thumbnailCache.keys()) {\n if (dropped >= toDrop) break\n thumbnailCache.delete(key)\n dropped++\n }\n}\n\n/** Fast, non-cryptographic hash for cache-key generation. Not collision-free —\n * false hits produce a stale thumbnail (cosmetic only). */\nfunction cheapHash(value: unknown): string {\n const s = JSON.stringify(value) ?? ''\n let h = 0x811c9dc5\n for (let i = 0; i < s.length; i++) {\n h ^= s.charCodeAt(i)\n // imul handles 32-bit overflow correctly\n h = Math.imul(h, 0x01000193)\n }\n return (h >>> 0).toString(36)\n}\n\n/** Render a single page to a ~96px-tall data URL using the Konva JS API. The\n * render is synchronous (no image loading); only geometry + solid fills are\n * drawn, which is sufficient for thumbnail use.\n *\n * Returns null when Konva is unavailable (SSR / test environments without\n * a canvas implementation) or on any render failure — callers must treat\n * null as \"no thumbnail yet\" rather than an error. */\nasync function renderPageThumbnail(page: SceneDocument['pages'][number]): Promise<string | null> {\n const cacheKey = `${page.id}:${cheapHash(page.elements)}`\n const cached = thumbnailCache.get(cacheKey)\n if (cached !== undefined) return cached\n\n // Lazily import Konva so this file compiles in SSR bundles.\n let Konva: typeof import('konva').default\n try {\n const mod = await import('konva')\n Konva = mod.default\n } catch {\n return null\n }\n\n const aspectRatio = page.width > 0 ? page.width / page.height : 1\n const thumbH = THUMBNAIL_HEIGHT_PX\n const thumbW = Math.round(thumbH * aspectRatio)\n const scale = page.height > 0 ? thumbH / page.height : 1\n\n let stage: InstanceType<typeof Konva.Stage> | null = null\n try {\n const container = globalThis.document?.createElement('div')\n if (!container) return null\n container.style.position = 'absolute'\n container.style.left = '-9999px'\n container.style.top = '-9999px'\n globalThis.document.body.appendChild(container)\n\n stage = new Konva.Stage({ container, width: thumbW, height: thumbH })\n const layer = new Konva.Layer()\n stage.add(layer)\n\n // Page background\n layer.add(new Konva.Rect({\n x: 0, y: 0,\n width: thumbW,\n height: thumbH,\n fill: page.background,\n listening: false,\n }))\n\n // Simplified element shapes — geometry + solid fills only; images skipped\n const group = new Konva.Group({ x: 0, y: 0, scaleX: scale, scaleY: scale, listening: false })\n layer.add(group)\n paintElements(Konva, group, page.elements)\n\n const dataUrl = stage.toDataURL({ mimeType: 'image/png', pixelRatio: 1 })\n evictIfNeeded()\n thumbnailCache.set(cacheKey, dataUrl)\n return dataUrl\n } catch {\n return null\n } finally {\n if (stage) {\n stage.destroy()\n const el = stage.container()\n el.parentNode?.removeChild(el)\n }\n }\n}\n\ntype KonvaStatic = typeof import('konva').default\n\nfunction paintElements(\n Konva: KonvaStatic,\n parent: InstanceType<typeof import('konva').default.Group>,\n elements: SceneDocument['pages'][number]['elements'],\n): void {\n for (const el of elements) {\n if (!el.visible) continue\n switch (el.kind) {\n case 'rect':\n parent.add(new Konva.Rect({\n x: el.x, y: el.y,\n width: el.width, height: el.height,\n rotation: el.rotation,\n opacity: el.opacity,\n fill: el.fill ?? undefined,\n cornerRadius: el.cornerRadius ?? 0,\n listening: false,\n }))\n break\n case 'ellipse':\n parent.add(new Konva.Ellipse({\n x: el.x + el.width / 2, y: el.y + el.height / 2,\n radiusX: el.width / 2, radiusY: el.height / 2,\n rotation: el.rotation,\n opacity: el.opacity,\n fill: el.fill ?? undefined,\n listening: false,\n }))\n break\n case 'text':\n parent.add(new Konva.Text({\n x: el.x, y: el.y,\n width: el.width,\n rotation: el.rotation,\n opacity: el.opacity,\n text: el.text,\n fontSize: el.fontSize,\n fontFamily: el.fontFamily,\n fill: el.fill,\n align: el.align,\n listening: false,\n }))\n break\n case 'group': {\n const g = new Konva.Group({\n x: el.x, y: el.y,\n rotation: el.rotation,\n opacity: el.opacity,\n listening: false,\n })\n parent.add(g)\n paintElements(Konva, g, el.children)\n break\n }\n // image and video: skip — async loading not viable in sync thumbnail render\n default:\n break\n }\n }\n}\n\n// ---------------------------------------------------------------------------\n// DesignCanvasEditor\n// ---------------------------------------------------------------------------\n\n/**\n * Mount this component to get the full editor: toolbar, rulers, layers panel,\n * pages strip, zoom controls, and the Konva canvas — all sharing one command\n * stack so undo/redo and selection are coherent across every surface.\n */\nexport function DesignCanvasEditor(props: DesignCanvasProps) {\n return (\n <DesignCanvas\n {...props}\n renderWorkspace={(ctx) => {\n if (!ctx.activePage) return null\n return (\n <WorkspaceView\n stack={ctx.stack}\n activePage={ctx.activePage}\n canWrite={ctx.canWrite}\n onApplyOperations={props.onApplyOperations}\n onSelectionChange={props.onSelectionChange}\n // Shares the chrome's fit ref so F / Fit button trigger workspace\n // fit-to-page through the same callback slot.\n onFitRef={ctx.onFitRef}\n // Shares the chrome's export ref so the Export control renders the\n // stage here (the workspace owns Konva) and forwards to onExport.\n onExport={props.onExport}\n onExportRef={ctx.onExportRef}\n fitOnMount={ctx.fitOnMount}\n onReady={ctx.onReady}\n render={ctx.render}\n />\n )\n }}\n renderThumbnail={renderPageThumbnail}\n />\n )\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","Layer","Rect","Group","useEffect","useRef","jsx","useRef","useEffect","Layer","Group","jsx","Layer","Group","Layer","Line","jsx","Layer","Line","useEffect","useRef","jsx","useRef","useEffect","jsx","jsxs","useState","useEffect","useRef","Layer","Group","Rect","jsx"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/trace/mission-trace.ts","../src/trace/index.ts"],"sourcesContent":["/**\n * Mission trace context — mint + thread the trace ids that join a mission's\n * step attempts and its delegated agent runs into ONE trace tree.\n *\n * ID formats are byte-compatible with agent-runtime's trace propagation\n * (`readTraceContextFromEnv` / OTLP export): 32 lowercase hex chars for a\n * trace id (16 bytes), 16 for a span id (8 bytes). The env pair from\n * {@link traceEnv} is exactly what agent-runtime's MCP subprocess reads at\n * startup (`TRACE_ID` + `PARENT_SPAN_ID`), so a delegation dispatched with it\n * parents its loop→round→iteration spans under the mission's step span.\n *\n * Pure functions, no deps. Ids are DETERMINISTIC when a key is supplied\n * (missionId / step-attempt seed) so a crashed driver re-mints the identical\n * context on re-dispatch and the re-run joins the same trace instead of\n * forking a new one; without a key they are random.\n */\n\nexport interface MissionTraceContext {\n /** 32-hex trace id shared by every span in the mission's tree. */\n traceId: string\n /** 16-hex span id of the mission root — the parent of every step span. */\n rootSpanId: string\n}\n\nexport interface StepSpanContext {\n traceId: string\n /** 16-hex span id of this step attempt (or any nested unit of work). */\n spanId: string\n /** The span this one nests under. */\n parentSpanId: string\n}\n\n/**\n * Mint a mission's trace context. With `missionId` the ids are a pure\n * function of it; omitted, both ids are random.\n */\nexport function createMissionTraceContext(missionId?: string): MissionTraceContext {\n if (missionId !== undefined && missionId !== '') {\n return {\n traceId: hex64(fnv1a64(`mission-trace:${missionId}`)) + hex64(fnv1a64(`mission-trace:2:${missionId}`)),\n rootSpanId: hex64(fnv1a64(`mission-root-span:${missionId}`)),\n }\n }\n return { traceId: randomHex(16), rootSpanId: randomHex(8) }\n}\n\n/**\n * Derive a child span context under `parent` — one per step attempt (seed\n * e.g. `\"${stepId}#${attempt}\"`), or nested under another step span. With a\n * seed the span id is deterministic for the same parent + seed; omitted, it\n * is random.\n */\nexport function childSpanContext(\n parent: MissionTraceContext | StepSpanContext,\n seed?: string,\n): StepSpanContext {\n const parentSpanId = 'rootSpanId' in parent ? parent.rootSpanId : parent.spanId\n const spanId =\n seed !== undefined && seed !== ''\n ? hex64(fnv1a64(`span:${parent.traceId}:${parentSpanId}:${seed}`))\n : randomHex(8)\n return { traceId: parent.traceId, spanId, parentSpanId }\n}\n\n/**\n * The env pair a delegation subprocess inherits — agent-runtime's\n * `readTraceContextFromEnv` reads exactly these names. `PARENT_SPAN_ID` is\n * the span the dispatched work nests under: the root for a mission context,\n * the step-attempt span for a step context.\n */\nexport function traceEnv(ctx: MissionTraceContext | StepSpanContext): {\n TRACE_ID: string\n PARENT_SPAN_ID: string\n} {\n return {\n TRACE_ID: ctx.traceId,\n PARENT_SPAN_ID: 'rootSpanId' in ctx ? ctx.rootSpanId : ctx.spanId,\n }\n}\n\n// FNV-1a 64-bit over UTF-16 code units — a stable, dependency-free digest for\n// deterministic ids. Not cryptographic; trace ids only need uniqueness within\n// a tenant's missions, not unforgeability.\nconst FNV_OFFSET = 0xcbf29ce484222325n\nconst FNV_PRIME = 0x100000001b3n\nconst MASK_64 = 0xffffffffffffffffn\n\nfunction fnv1a64(input: string): bigint {\n let hash = FNV_OFFSET\n for (let i = 0; i < input.length; i++) {\n hash ^= BigInt(input.charCodeAt(i))\n hash = (hash * FNV_PRIME) & MASK_64\n }\n return hash\n}\n\nfunction hex64(value: bigint): string {\n return value.toString(16).padStart(16, '0')\n}\n\nfunction randomHex(byteLength: number): string {\n const bytes = new Uint8Array(byteLength)\n globalThis.crypto.getRandomValues(bytes)\n return Array.from(bytes)\n .map((b) => b.toString(16).padStart(2, '0'))\n .join('')\n}\n","/**\n * `@tangle-network/agent-app/trace` — flow observability for agent turns.\n *\n * The turn buffer stamps `_t` (ms since turn start) on every event, so any\n * live stream OR any historical turn replayed from a TurnEventStore can be\n * reconstructed into a span trace: pipeline overhead, model segments (with\n * thinking TTFT), tool executions, token usage, and cost. Renderers turn\n * traces and multi-run samples into ASCII waterfalls and histograms — the\n * default artifact for \"how did this run actually behave\" questions across\n * evals, hill-climbs, and production debugging.\n *\n * Span boundaries derived from a buffered stream are quantized by the\n * pump's flush window and the reader's poll cadence (~100–400ms); spans\n * carry `approx: true` to keep reports honest about that.\n */\n\nexport * from './mission-trace'\nexport * from './flow-types'\nexport * from './mission-flow'\n\nimport type { FlowSpan, FlowTrace } from './flow-types'\n\nexport interface TimedEvent {\n /** ms since turn start (`_t` stamped by pumpBufferedTurn). */\n t: number\n event: Record<string, unknown>\n}\n\n/** Parse stored turn-event lines (JSON strings with `_t`) into TimedEvents. */\nexport function timedEventsFromLines(lines: string[]): TimedEvent[] {\n const out: TimedEvent[] = []\n for (const line of lines) {\n try {\n const parsed = JSON.parse(line) as Record<string, unknown>\n if (typeof parsed._t === 'number') out.push({ t: parsed._t, event: parsed })\n } catch {\n /* skip torn lines */\n }\n }\n return out.sort((a, b) => a.t - b.t)\n}\n\nfunction innerOf(e: Record<string, unknown>): Record<string, unknown> {\n return (e.kind === 'event' ? (e.event as Record<string, unknown>) : e) ?? {}\n}\n\n/**\n * Derive a span trace from timestamped turn events. Model segments are runs\n * of text/reasoning deltas; a tool span opens at the last delta before its\n * tool_call emission and closes at the matching tool_result.\n */\nexport function buildFlowTrace(\n events: TimedEvent[],\n opts?: { pricing?: { prompt?: string | number; completion?: string | number } },\n): FlowTrace {\n const spans: FlowSpan[] = []\n let promptTokens = 0\n let completionTokens = 0\n let toolCalls = 0\n\n const first = events[0]?.t ?? 0\n if (first > 0) {\n spans.push({ kind: 'pipeline', name: 'dispatch → first event', startMs: 0, endMs: first })\n }\n\n let segStart: number | null = null\n let segEnd = 0\n let segKinds = new Set<string>()\n let lastDeltaT = first\n const openCalls = new Map<string, { name: string; emitT: number; lastDeltaT: number }>()\n\n const closeSegment = () => {\n if (segStart !== null) {\n spans.push({\n kind: 'model',\n name: segKinds.has('reasoning') ? 'model turn (reasoning + text)' : 'model turn',\n startMs: segStart,\n endMs: segEnd,\n approx: true,\n })\n segStart = null\n segKinds = new Set()\n }\n }\n\n for (const { t, event } of events) {\n const inner = innerOf(event)\n const type = String(event.kind === 'tool_result' ? 'tool_result' : (inner.type ?? ''))\n\n if (type === 'text' || type === 'reasoning') {\n if (segStart === null) segStart = t\n segEnd = t\n segKinds.add(type)\n lastDeltaT = t\n } else if (type === 'tool_call') {\n closeSegment()\n toolCalls++\n const call = (inner.call ?? inner) as Record<string, unknown>\n const id = String(call.toolCallId ?? `call_${toolCalls}`)\n openCalls.set(id, { name: String(call.toolName ?? 'tool'), emitT: t, lastDeltaT })\n } else if (type === 'tool_result') {\n const id = String(event.toolCallId ?? inner.toolCallId ?? '')\n const open = openCalls.get(id)\n if (open) {\n spans.push({\n kind: 'tool',\n name: open.name,\n // Execution happens between the end of the model turn that emitted\n // the call and the result landing in the buffer.\n startMs: open.lastDeltaT,\n endMs: t,\n approx: true,\n meta: { ok: ((event.outcome ?? inner.outcome) as { ok?: boolean } | undefined)?.ok },\n })\n openCalls.delete(id)\n }\n } else if (type === 'usage') {\n const u = (inner.usage ?? {}) as { promptTokens?: number; completionTokens?: number }\n promptTokens += u.promptTokens ?? 0\n completionTokens += u.completionTokens ?? 0\n }\n }\n closeSegment()\n\n const totalMs = events.length ? events[events.length - 1]!.t : 0\n const trace: FlowTrace = { spans, totalMs, promptTokens, completionTokens, toolCalls }\n const p = opts?.pricing\n if (p && (p.prompt != null || p.completion != null)) {\n trace.costUsd = promptTokens * Number(p.prompt ?? 0) + completionTokens * Number(p.completion ?? 0)\n }\n return trace\n}\n\nconst fmtS = (ms: number) => `${(ms / 1000).toFixed(1)}s`\n\n/** ASCII waterfall cascade — the default artifact for explaining a flow. */\nexport function renderWaterfall(trace: FlowTrace, opts?: { width?: number }): string {\n const width = opts?.width ?? 40\n const scale = trace.totalMs > 0 ? width / trace.totalMs : 0\n const lines: string[] = []\n const spans = [...trace.spans].sort((a, b) => a.startMs - b.startMs)\n for (let i = 0; i < spans.length; i++) {\n const s = spans[i]!\n const offset = Math.round(s.startMs * scale)\n const len = Math.max(1, Math.round((s.endMs - s.startMs) * scale))\n const bar = ' '.repeat(offset) + (s.kind === 'tool' ? '▓' : s.kind === 'pipeline' ? '░' : '█').repeat(len)\n const branch = i === spans.length - 1 ? '└─' : '├─'\n const dur = `${fmtS(s.endMs - s.startMs)}${s.approx ? '~' : ''}`\n lines.push(`${fmtS(s.startMs).padStart(7)} ${branch} ${bar.padEnd(width + 2)} ${s.name} (${dur})`)\n }\n const cost = trace.costUsd != null ? ` $${trace.costUsd.toFixed(trace.costUsd < 0.01 ? 6 : 4)}` : ''\n lines.push(\n `${fmtS(trace.totalMs).padStart(7)} ── total · ${trace.promptTokens}p + ${trace.completionTokens}c tok · ${trace.toolCalls} tool calls${cost}`,\n )\n return lines.join('\\n')\n}\n\nexport interface DistributionSummary {\n n: number\n min: number\n p50: number\n p90: number\n max: number\n}\n\nexport function summarize(values: number[]): DistributionSummary {\n const sorted = [...values].sort((a, b) => a - b)\n const q = (p: number) => sorted[Math.min(sorted.length - 1, Math.floor(p * sorted.length))] ?? 0\n return { n: sorted.length, min: sorted[0] ?? 0, p50: q(0.5), p90: q(0.9), max: sorted[sorted.length - 1] ?? 0 }\n}\n\n/** ASCII histogram for multi-run samples (eval latencies, costs, scores). */\nexport function renderHistogram(\n values: number[],\n opts?: { buckets?: number; width?: number; unit?: string; format?: (v: number) => string },\n): string {\n if (!values.length) return '(no samples)'\n const buckets = opts?.buckets ?? 6\n const width = opts?.width ?? 24\n const fmt = opts?.format ?? ((v: number) => `${Math.round(v)}${opts?.unit ?? ''}`)\n const s = summarize(values)\n const lo = s.min\n const hi = s.max === s.min ? s.min + 1 : s.max\n const counts = new Array<number>(buckets).fill(0)\n for (const v of values) {\n counts[Math.min(buckets - 1, Math.floor(((v - lo) / (hi - lo)) * buckets))]!++\n }\n const maxCount = Math.max(...counts)\n const lines = [\n `n=${s.n} min=${fmt(s.min)} p50=${fmt(s.p50)} p90=${fmt(s.p90)} max=${fmt(s.max)}`,\n ]\n for (let i = 0; i < buckets; i++) {\n const a = lo + ((hi - lo) * i) / buckets\n const b = lo + ((hi - lo) * (i + 1)) / buckets\n const bar = '█'.repeat(Math.max(counts[i]! > 0 ? 1 : 0, Math.round((counts[i]! / maxCount) * width)))\n lines.push(`${fmt(a).padStart(8)}-${fmt(b).padEnd(8)} ${bar} ${counts[i]}`)\n }\n return lines.join('\\n')\n}\n"],"mappings":"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","names":[]}
|
|
@@ -32,13 +32,28 @@ async function checkRateLimit(kv, key, limit, windowSeconds) {
|
|
|
32
32
|
const windowStart = now - windowSeconds;
|
|
33
33
|
const kvKey = `rl:${key}`;
|
|
34
34
|
const raw = await kv.get(kvKey);
|
|
35
|
-
const
|
|
36
|
-
|
|
35
|
+
const parsed = parseRateLimitState(raw);
|
|
36
|
+
if (parsed === POISONED_STATE) {
|
|
37
|
+
return { allowed: false, remaining: 0, resetAt: now + windowSeconds };
|
|
38
|
+
}
|
|
39
|
+
const valid = parsed.filter((t) => t > windowStart);
|
|
37
40
|
if (valid.length >= limit) return { allowed: false, remaining: 0, resetAt: (valid[0] ?? now) + windowSeconds };
|
|
38
41
|
valid.push(now);
|
|
39
42
|
await kv.put(kvKey, JSON.stringify(valid), { expirationTtl: windowSeconds * 2 });
|
|
40
43
|
return { allowed: true, remaining: limit - valid.length, resetAt: now + windowSeconds };
|
|
41
44
|
}
|
|
45
|
+
var POISONED_STATE = /* @__PURE__ */ Symbol("rate-limit-poisoned-state");
|
|
46
|
+
function parseRateLimitState(raw) {
|
|
47
|
+
if (raw === null) return [];
|
|
48
|
+
let parsed;
|
|
49
|
+
try {
|
|
50
|
+
parsed = JSON.parse(raw);
|
|
51
|
+
} catch {
|
|
52
|
+
return POISONED_STATE;
|
|
53
|
+
}
|
|
54
|
+
if (!Array.isArray(parsed)) return POISONED_STATE;
|
|
55
|
+
return parsed.filter((t) => typeof t === "number" && Number.isFinite(t));
|
|
56
|
+
}
|
|
42
57
|
function serializeCookie(value, opts) {
|
|
43
58
|
if (opts.sameSite === "None" && !opts.secure) {
|
|
44
59
|
throw new Error("SameSite=None cookies require secure: true (browsers reject them otherwise)");
|
|
@@ -78,6 +93,18 @@ function addSecurityHeaders(response, opts = {}) {
|
|
|
78
93
|
for (const [k, v] of Object.entries(opts.extra ?? {})) response.headers.set(k, v);
|
|
79
94
|
return response;
|
|
80
95
|
}
|
|
96
|
+
var REJECTED_MEDIA_SCHEMES = ["file:", "data:", "blob:", "javascript:", "vbscript:"];
|
|
97
|
+
function assertMediaUrl(url, what = "media url") {
|
|
98
|
+
const trimmed = url.trim();
|
|
99
|
+
if (/^https?:\/\//i.test(trimmed)) return;
|
|
100
|
+
if (trimmed.startsWith("/api/")) return;
|
|
101
|
+
const shown = trimmed.length > 96 ? `${trimmed.slice(0, 96)}\u2026` : trimmed;
|
|
102
|
+
const lower = trimmed.toLowerCase();
|
|
103
|
+
if (REJECTED_MEDIA_SCHEMES.some((scheme) => lower.startsWith(scheme)) || lower.startsWith("/tmp/") || lower.startsWith("/home/")) {
|
|
104
|
+
throw new Error(`${what} must reference a provider http(s) URL or a rooted /api/ path, not a local sandbox file (${shown})`);
|
|
105
|
+
}
|
|
106
|
+
throw new Error(`${what} must be http(s) or a rooted /api/ path (${shown})`);
|
|
107
|
+
}
|
|
81
108
|
|
|
82
109
|
export {
|
|
83
110
|
parseJsonObjectBody,
|
|
@@ -87,6 +114,7 @@ export {
|
|
|
87
114
|
serializeCookie,
|
|
88
115
|
clearCookieHeader,
|
|
89
116
|
readCookieValue,
|
|
90
|
-
addSecurityHeaders
|
|
117
|
+
addSecurityHeaders,
|
|
118
|
+
assertMediaUrl
|
|
91
119
|
};
|
|
92
|
-
//# sourceMappingURL=chunk-
|
|
120
|
+
//# sourceMappingURL=chunk-HFC4BTWJ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/web/index.ts"],"sourcesContent":["/**\n * Web-boundary utilities every agent app's routes hand-roll: JSON body parsing\n * + narrowing, request-context extraction (real client IP behind Cloudflare),\n * a KV-backed sliding-window rate limiter, and security response headers. Pure\n * mechanism — no DB, no domain. The KV is a structural interface so this needs\n * no `@cloudflare/workers-types` dependency.\n */\n\nexport type JsonObject = Record<string, unknown>\n\n/** Parse + object-narrow a Request body. `[body, null]` on success, `[null,\n * errorResponse]` on a non-object body (callers `if (err) return err`). */\nexport async function parseJsonObjectBody(request: Request): Promise<[JsonObject, null] | [null, Response]> {\n let raw: unknown\n try {\n raw = await request.json()\n } catch {\n return [null, Response.json({ error: 'Invalid JSON body' }, { status: 400 })]\n }\n if (raw === null || typeof raw !== 'object' || Array.isArray(raw)) {\n return [null, Response.json({ error: 'Body must be a JSON object' }, { status: 400 })]\n }\n return [raw as JsonObject, null]\n}\n\n/** Narrow one required string field, 400 if missing/empty. */\nexport function requireString(body: JsonObject, field: string): string | Response {\n const v = body[field]\n if (typeof v !== 'string' || v.length === 0) {\n return Response.json({ error: `Missing or non-string field: ${field}` }, { status: 400 })\n }\n return v\n}\n\nexport interface RequestContext {\n ipAddress: string\n userAgent: string\n timestamp: string\n requestId: string\n}\n\n/** Extract request context for audit trails. Uses `CF-Connecting-IP` for the\n * real client IP behind Cloudflare. */\nexport function extractRequestContext(request: Request): RequestContext {\n const ipAddress =\n request.headers.get('CF-Connecting-IP') ??\n request.headers.get('X-Forwarded-For')?.split(',')[0]?.trim() ??\n '0.0.0.0'\n return {\n ipAddress,\n userAgent: request.headers.get('User-Agent') ?? '',\n timestamp: new Date().toISOString(),\n requestId: crypto.randomUUID(),\n }\n}\n\n/** Minimal KV contract (Cloudflare `KVNamespace` satisfies it structurally). */\nexport interface KvLike {\n get(key: string): Promise<string | null>\n put(key: string, value: string, options?: { expirationTtl?: number }): Promise<void>\n}\n\nexport interface RateLimitResult {\n allowed: boolean\n remaining: number\n resetAt: number\n}\n\n/** KV-backed sliding-window rate limit. Stores recent timestamps per key,\n * prunes the window, allows until `limit` is hit.\n *\n * Read-modify-write is best-effort, NOT atomic: KV has no compare-and-swap, so\n * two requests racing on the same key can each read the same pre-state and both\n * write — a concurrent burst can momentarily admit up to one extra request per\n * racing writer. This is acceptable for coarse abuse limiting; it is NOT a hard\n * quota gate.\n *\n * Fail-CLOSED on unreadable state: corrupt/non-array KV (a poisoned or\n * truncated value) is treated as a full window, so a tampered key cannot reset\n * the count and bypass the limiter. A bare `JSON.parse` here would throw and\n * abort the request handler, silently disabling the limit (fail-open). */\nexport async function checkRateLimit(kv: KvLike, key: string, limit: number, windowSeconds: number): Promise<RateLimitResult> {\n const now = Math.floor(Date.now() / 1000)\n const windowStart = now - windowSeconds\n const kvKey = `rl:${key}`\n const raw = await kv.get(kvKey)\n const parsed = parseRateLimitState(raw)\n if (parsed === POISONED_STATE) {\n // Unreadable state (parse threw or value is not a JSON array): deny rather\n // than reset the window to empty. A poisoned key must not become a bypass.\n return { allowed: false, remaining: 0, resetAt: now + windowSeconds }\n }\n const valid = parsed.filter((t) => t > windowStart)\n if (valid.length >= limit) return { allowed: false, remaining: 0, resetAt: (valid[0] ?? now) + windowSeconds }\n valid.push(now)\n await kv.put(kvKey, JSON.stringify(valid), { expirationTtl: windowSeconds * 2 })\n return { allowed: true, remaining: limit - valid.length, resetAt: now + windowSeconds }\n}\n\n/** Sentinel returned by `parseRateLimitState` when the stored value cannot be\n * read as a timestamp array — distinct from an empty window so the limiter can\n * fail closed instead of treating corruption as a fresh window. */\nconst POISONED_STATE = Symbol('rate-limit-poisoned-state')\n\n/** Parse stored rate-limit state into a timestamp array. Absent state is a\n * fresh (empty) window. A value that fails to parse, or parses to a non-array,\n * returns `POISONED_STATE`; numeric junk inside a valid array is dropped. */\nfunction parseRateLimitState(raw: string | null): number[] | typeof POISONED_STATE {\n if (raw === null) return []\n let parsed: unknown\n try {\n parsed = JSON.parse(raw)\n } catch {\n return POISONED_STATE\n }\n if (!Array.isArray(parsed)) return POISONED_STATE\n return parsed.filter((t): t is number => typeof t === 'number' && Number.isFinite(t))\n}\n\nexport interface CookieOptions {\n name: string\n /** Default '/'. */\n path?: string\n /** Default true. */\n httpOnly?: boolean\n /** Adds the `Secure` attribute. Default false. */\n secure?: boolean\n /** Default 'Lax'. */\n sameSite?: 'Lax' | 'Strict' | 'None'\n maxAgeSeconds?: number\n}\n\n/** Serialize a Set-Cookie header value: `name=encodeURIComponent(value)` plus\n * attributes in Path / HttpOnly / SameSite / Max-Age / Secure order.\n * Throws on `SameSite=None` without `secure` — browsers silently drop that\n * combination, which would otherwise fail invisibly. */\nexport function serializeCookie(value: string, opts: CookieOptions): string {\n if (opts.sameSite === 'None' && !opts.secure) {\n throw new Error('SameSite=None cookies require secure: true (browsers reject them otherwise)')\n }\n const parts = [`${opts.name}=${encodeURIComponent(value)}`, `Path=${opts.path ?? '/'}`]\n if (opts.httpOnly !== false) parts.push('HttpOnly')\n parts.push(`SameSite=${opts.sameSite ?? 'Lax'}`)\n if (opts.maxAgeSeconds !== undefined) parts.push(`Max-Age=${opts.maxAgeSeconds}`)\n if (opts.secure) parts.push('Secure')\n return parts.join('; ')\n}\n\n/** Set-Cookie header value that deletes the cookie (empty value, Max-Age=0). */\nexport function clearCookieHeader(opts: Omit<CookieOptions, 'maxAgeSeconds'>): string {\n return serializeCookie('', { ...opts, maxAgeSeconds: 0 })\n}\n\n/** Read + decode one cookie from a Cookie request header; null when absent. */\nexport function readCookieValue(cookieHeader: string | null, name: string): string | null {\n if (!cookieHeader) return null\n for (const part of cookieHeader.split(/;\\s*/)) {\n const [cookieName, ...rest] = part.split('=')\n if (cookieName === name) {\n try {\n return decodeURIComponent(rest.join('='))\n } catch {\n return null\n }\n }\n }\n return null\n}\n\nexport interface SecurityHeaderOptions {\n /** Product disclaimer (e.g. \"AI-powered tool. Not legal advice.\"). Omitted if absent. */\n disclaimer?: string\n /** Data-retention label (e.g. \"7-years\"). Omitted if absent. */\n retention?: string\n /** Extra headers to set. */\n extra?: Record<string, string>\n}\n\n/** Set standard security headers on a response (HSTS, nosniff, frame-options,\n * referrer-policy, XSS) + optional product disclaimer/retention. The security\n * set is generic; the disclaimer/retention are the product's. */\nexport function addSecurityHeaders(response: Response, opts: SecurityHeaderOptions = {}): Response {\n response.headers.set('Strict-Transport-Security', 'max-age=31536000; includeSubDomains; preload')\n response.headers.set('X-Content-Type-Options', 'nosniff')\n response.headers.set('X-Frame-Options', 'SAMEORIGIN')\n response.headers.set('Referrer-Policy', 'same-origin')\n response.headers.set('X-XSS-Protection', '1; mode=block')\n if (opts.disclaimer) response.headers.set('X-AI-Disclaimer', opts.disclaimer)\n if (opts.retention) response.headers.set('X-Data-Retention', opts.retention)\n for (const [k, v] of Object.entries(opts.extra ?? {})) response.headers.set(k, v)\n return response\n}\n\n/** Local-sandbox / inline schemes a stored media reference must never use.\n * Reachable from neither a browser nor the product worker, and a `file:`/`data:`\n * url is the tell of an agent substituting local ffmpeg output for a real\n * provider artifact. `blob:` and `javascript:` are inert/active client schemes\n * with no server reachability. */\nconst REJECTED_MEDIA_SCHEMES = ['file:', 'data:', 'blob:', 'javascript:', 'vbscript:'] as const\n\n/**\n * Canonical media-reference boundary shared by every surface that persists a\n * media url (sequences clips, design-canvas image/video src). The ONE rule:\n * remote `http(s)` or a rooted `/api/` path are allowed; everything else is\n * rejected, with a named reason for known-bad local/inline schemes so the\n * thrown message is actionable for an LLM planner. The url is trimmed before\n * the scheme check so leading whitespace cannot smuggle a rejected scheme past\n * a naive `startsWith`.\n *\n * @param what - noun for the error message (e.g. 'media url', 'src').\n */\nexport function assertMediaUrl(url: string, what = 'media url'): void {\n const trimmed = url.trim()\n if (/^https?:\\/\\//i.test(trimmed)) return\n if (trimmed.startsWith('/api/')) return\n const shown = trimmed.length > 96 ? `${trimmed.slice(0, 96)}…` : trimmed\n const lower = trimmed.toLowerCase()\n if (\n REJECTED_MEDIA_SCHEMES.some((scheme) => lower.startsWith(scheme)) ||\n lower.startsWith('/tmp/') ||\n lower.startsWith('/home/')\n ) {\n throw new Error(`${what} must reference a provider http(s) URL or a rooted /api/ path, not a local sandbox file (${shown})`)\n }\n throw new Error(`${what} must be http(s) or a rooted /api/ path (${shown})`)\n}\n"],"mappings":"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","names":[]}
|
|
@@ -5,7 +5,7 @@ import {
|
|
|
5
5
|
elementAabb,
|
|
6
6
|
requirePage,
|
|
7
7
|
storeApplyScenePlan
|
|
8
|
-
} from "./chunk-
|
|
8
|
+
} from "./chunk-M2EBUDZ7.js";
|
|
9
9
|
import {
|
|
10
10
|
DEFAULT_HEADER_NAMES,
|
|
11
11
|
buildHttpMcpServer,
|
|
@@ -1116,4 +1116,4 @@ export {
|
|
|
1116
1116
|
DEFAULT_DESIGN_CANVAS_MCP_DESCRIPTION,
|
|
1117
1117
|
buildDesignCanvasMcpServerEntry
|
|
1118
1118
|
};
|
|
1119
|
-
//# sourceMappingURL=chunk-
|
|
1119
|
+
//# sourceMappingURL=chunk-IOREXWLM.js.map
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
// src/design-canvas-react/lazy.tsx
|
|
2
|
+
import { lazy } from "react";
|
|
3
|
+
var DesignCanvasLazy = lazy(
|
|
4
|
+
() => import("./DesignCanvasEditor-TN7CWUJW.js").then((m) => ({ default: m.DesignCanvasEditor }))
|
|
5
|
+
);
|
|
6
|
+
var DesignCanvasChromeLazy = lazy(
|
|
7
|
+
() => import("./DesignCanvas-AOIVN3SJ.js").then((m) => ({ default: m.DesignCanvas }))
|
|
8
|
+
);
|
|
9
|
+
|
|
10
|
+
export {
|
|
11
|
+
DesignCanvasLazy,
|
|
12
|
+
DesignCanvasChromeLazy
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=chunk-J7JNV5BH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-canvas-react/lazy.tsx"],"sourcesContent":["/**\n * Lazy-loaded entry points for the design canvas editor. Products that do not\n * need the editor on initial load import `DesignCanvasLazy` (the batteries-\n * included composition) or `DesignCanvasChromeLazy` (raw chrome only) instead\n * of importing the components directly. Each chunk loads on first render; a\n * Suspense boundary in the product provides the fallback.\n *\n * `DesignCanvasLazy` — `DesignCanvasEditor`: chrome + workspace sharing one\n * command stack. This is what products mount.\n *\n * `DesignCanvasChromeLazy` — `DesignCanvas`: raw chrome with render-prop API.\n * Use when the product supplies its own `renderWorkspace` and `renderThumbnail`.\n */\n\nimport { lazy } from 'react'\nimport type { DesignCanvasFullProps } from './components/DesignCanvas'\nimport type { DesignCanvasProps } from './contracts'\n\nexport type { DesignCanvasFullProps }\nexport type { DesignCanvasProps }\n\n/** Batteries-included editor: chrome + workspace on one shared stack. */\nexport const DesignCanvasLazy = lazy(\n () =>\n import('./components/DesignCanvasEditor').then((m) => ({ default: m.DesignCanvasEditor })),\n)\n\n/** Raw chrome only — use when supplying a custom renderWorkspace/renderThumbnail. */\nexport const DesignCanvasChromeLazy = lazy(\n () =>\n import('./components/DesignCanvas').then((m) => ({ default: m.DesignCanvas })),\n)\n"],"mappings":";AAcA,SAAS,YAAY;AAQd,IAAM,mBAAmB;AAAA,EAC9B,MACE,OAAO,kCAAiC,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE;AAC7F;AAGO,IAAM,yBAAyB;AAAA,EACpC,MACE,OAAO,4BAA2B,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE;AACjF;","names":[]}
|
|
@@ -9,6 +9,9 @@ import {
|
|
|
9
9
|
snapshotFrame,
|
|
10
10
|
trackIntervals
|
|
11
11
|
} from "./chunk-ZYBWGSAZ.js";
|
|
12
|
+
import {
|
|
13
|
+
assertMediaUrl
|
|
14
|
+
} from "./chunk-HFC4BTWJ.js";
|
|
12
15
|
import {
|
|
13
16
|
DEFAULT_HEADER_NAMES,
|
|
14
17
|
buildHttpMcpServer,
|
|
@@ -403,15 +406,7 @@ function lastClipEndFrame(timeline) {
|
|
|
403
406
|
return timeline.clips.reduce((max, clip) => Math.max(max, clip.startFrame + clip.durationFrames), 0);
|
|
404
407
|
}
|
|
405
408
|
function assertSequenceMediaUrl(url) {
|
|
406
|
-
|
|
407
|
-
if (/^https?:\/\//i.test(trimmed)) return;
|
|
408
|
-
if (trimmed.startsWith("/api/")) return;
|
|
409
|
-
const shown = trimmed.length > 96 ? `${trimmed.slice(0, 96)}\u2026` : trimmed;
|
|
410
|
-
const lower = trimmed.toLowerCase();
|
|
411
|
-
if (lower.startsWith("file:") || lower.startsWith("data:") || lower.startsWith("/tmp/") || lower.startsWith("/home/")) {
|
|
412
|
-
throw new Error(`media url must reference a provider URL or rooted /api/ path, not a local sandbox file (${shown})`);
|
|
413
|
-
}
|
|
414
|
-
throw new Error(`media url must be http(s) or a rooted /api/ path (${shown})`);
|
|
409
|
+
assertMediaUrl(url, "media url");
|
|
415
410
|
}
|
|
416
411
|
function requireClip(timeline, clipId) {
|
|
417
412
|
const clip = timeline.clips.find((candidate) => candidate.id === clipId);
|
|
@@ -1644,4 +1639,4 @@ export {
|
|
|
1644
1639
|
DEFAULT_SEQUENCES_MCP_DESCRIPTION,
|
|
1645
1640
|
buildSequencesMcpServerEntry
|
|
1646
1641
|
};
|
|
1647
|
-
//# sourceMappingURL=chunk-
|
|
1642
|
+
//# sourceMappingURL=chunk-JT6HHO5P.js.map
|