@tangle-network/agent-app 0.43.9 → 0.43.11

package/dist/chunk-6JYDS34Y.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/design-canvas-react/components/Workspace.tsx","../src/design-canvas-react/export.ts","../src/design-canvas-react/components/CanvasEmptyState.tsx","../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'\nimport { DEFAULT_INSERT_TEMPLATES } from '../insert-builders'\n\nimport { CanvasEmptyState } from './CanvasEmptyState'\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  /** Show the branded in-canvas empty state (three doors) while the active page\n   *  has no elements and the user can write. Default true. Set false to keep a\n   *  bare blank stage (e.g. when restoring a saved-but-intentionally-empty page). */\n  showEmptyState?: boolean\n  /** Focus/open the agent from the empty state's \"Ask the agent\" door. When\n   *  omitted that door is hidden — there is no agent surface to send them to. */\n  onAskAgent?(): void\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  showEmptyState = true,\n  onAskAgent,\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  // Empty-state doors — both insert real content through the shared stack, so\n  // they need no host wiring and are immediately undoable like any other edit.\n  // -------------------------------------------------------------------------\n\n  async function handleStartTemplate() {\n    if (!canWrite) return\n    const template = DEFAULT_INSERT_TEMPLATES[0]\n    if (!template) return\n    const ops = template.build({ pageId: activePageId, width: activePage.width, height: activePage.height })\n    for (const op of ops) {\n      if (op.type === 'add_element') {\n        await persist(addElementCommand({ pageId: op.pageId, element: op.element }))\n      }\n    }\n  }\n\n  async function handleAddElement() {\n    if (!canWrite) return\n    const width = Math.min(420, Math.round(activePage.width * 0.6)) || 320\n    const element: SceneElement = {\n      id: crypto.randomUUID(),\n      kind: 'text',\n      name: 'Text',\n      x: Math.max(0, Math.round((activePage.width - width) / 2)),\n      y: Math.max(0, Math.round(activePage.height / 2 - 24)),\n      rotation: 0,\n      opacity: 1,\n      locked: false,\n      visible: true,\n      width,\n      text: 'Double-click to edit',\n      fontFamily: 'Inter',\n      fontSize: 32,\n      fontStyle: 'normal',\n      fill: '#111827',\n      align: 'left',\n      lineHeight: 1.2,\n      letterSpacing: 0,\n    }\n    await persist(addElementCommand({ pageId: activePageId, element }))\n    stack.setView({ selectedElementIds: [element.id] })\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      // touch-action:none lets pointer pan/marquee/transform own the gesture on\n      // touch devices — without it the browser's native scroll/pinch fights every drag.\n      style={{ cursor: spaceHeldRef.current ? 'grab' : 'default', touchAction: 'none' }}\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\n      {/* Empty-state doors — only while the page is blank, the user can write,\n          and no gesture is mid-flight (so it never covers a live marquee). */}\n      {showEmptyState && canWrite && activePage.elements.length === 0 && !editingElementId ? (\n        <CanvasEmptyState\n          onStartTemplate={() => void handleStartTemplate()}\n          onAddElement={() => void handleAddElement()}\n          onAskAgent={onAskAgent}\n        />\n      ) : null}\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 * In-canvas empty state — the first move on a blank design. Shown by\n * WorkspaceView as a centered overlay while the active page has no user\n * content, so a fresh canvas reads as \"ready to start\" rather than \"broken or\n * empty\". Three doors cover the two ways people begin and the agent path:\n *   - Start with a template — drop a starter element via the same command stack.\n *   - Add an element — insert a text block by hand.\n *   - Ask the agent — surfaced only when the host wires `onAskAgent` (an agent\n *     panel exists); otherwise the door is omitted rather than rendered dead.\n *\n * Token-styled only (CSS-var tokens + Tailwind semantic names) and stamped with\n * the Tangle mark so the blank state is on-brand. Pointer-events stay scoped to\n * the card: clicking the surrounding canvas still starts a marquee.\n */\n\nimport type { ReactElement } from 'react'\nimport { BrandKnot } from './BrandKnot'\nimport { PlusGlyph, ShapesGlyph } from './glyphs'\n\ninterface SparkleProps {\n  className?: string\n}\n\nfunction SparkleGlyph({ className }: SparkleProps) {\n  return (\n    <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n      <path d=\"M12 3v3m0 12v3M3 12h3m12 0h3M5.6 5.6l2.1 2.1m8.6 8.6 2.1 2.1m0-12.8-2.1 2.1M7.7 16.3l-2.1 2.1\" />\n    </svg>\n  )\n}\n\nexport interface CanvasEmptyStateProps {\n  /** Drop a starter template element through the command stack. */\n  onStartTemplate(): void\n  /** Insert a single editable element by hand. */\n  onAddElement(): void\n  /** Focus the agent panel / open the agent. Omitted → the door is hidden. */\n  onAskAgent?(): void\n  /** Heading copy. Overridable; defaults to the cold-open prompt. */\n  title?: string\n  /** Supporting line under the heading. Overridable. */\n  subtitle?: string\n  className?: string\n}\n\ninterface Door {\n  key: string\n  label: string\n  hint: string\n  Icon: (p: { className?: string }) => ReactElement\n  onClick(): void\n}\n\n/**\n * The three-door empty state. Each door is a real action wired to the editor's\n * command stack (or the agent), never a placeholder.\n */\nexport function CanvasEmptyState({\n  onStartTemplate,\n  onAddElement,\n  onAskAgent,\n  title = 'Start your design',\n  subtitle = 'Drop in a template, add an element by hand, or let the agent draft it for you.',\n  className,\n}: CanvasEmptyStateProps) {\n  const doors: Door[] = [\n    {\n      key: 'template',\n      label: 'Start with a template',\n      hint: 'A headline, shape, or block to build on',\n      Icon: ShapesGlyph,\n      onClick: onStartTemplate,\n    },\n    {\n      key: 'element',\n      label: 'Add an element',\n      hint: 'Place text on the page and edit it',\n      Icon: PlusGlyph,\n      onClick: onAddElement,\n    },\n  ]\n  if (onAskAgent) {\n    doors.push({\n      key: 'agent',\n      label: 'Ask the agent',\n      hint: 'Describe what you want made',\n      Icon: SparkleGlyph,\n      onClick: onAskAgent,\n    })\n  }\n\n  return (\n    // Overlay is non-interactive so empty-space clicks reach the canvas; the\n    // centered card re-enables pointer events for its own controls.\n    <div\n      className={`pointer-events-none absolute inset-0 z-20 flex items-center justify-center p-4 ${className ?? ''}`}\n      role=\"group\"\n      aria-label=\"Start your design\"\n    >\n      <div className=\"pointer-events-auto flex w-full max-w-lg flex-col items-center gap-5 rounded-xl border border-[var(--border-default)] bg-[var(--bg-input)]/95 px-6 py-7 text-center shadow-xl backdrop-blur sm:px-8\">\n        <span className=\"flex items-center gap-2 text-[var(--text-muted)]\">\n          <BrandKnot size={22} className=\"shrink-0\" />\n          <span className=\"text-[11px] font-medium uppercase tracking-[0.14em]\">Tangle Design</span>\n        </span>\n\n        <div className=\"flex flex-col gap-1.5\">\n          <h2 className=\"text-lg font-semibold text-[var(--text-primary)]\">{title}</h2>\n          <p className=\"text-sm leading-5 text-[var(--text-secondary)]\">{subtitle}</p>\n        </div>\n\n        <div className=\"grid w-full gap-2 sm:grid-cols-3\">\n          {doors.map(({ key, label, hint, Icon, onClick }) => (\n            <button\n              key={key}\n              type=\"button\"\n              onClick={onClick}\n              className=\"group flex min-h-[44px] flex-col items-center gap-2 rounded-lg border border-[var(--border-default)] bg-[hsl(var(--card))] px-3 py-4 text-center transition-colors hover:border-[var(--brand-primary)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[hsl(var(--ring))] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--bg-input)]\"\n            >\n              <span className=\"flex h-9 w-9 items-center justify-center rounded-full bg-[var(--brand-primary)]/10 text-[var(--brand-primary)] transition-colors group-hover:bg-[var(--brand-primary)]/15\">\n                <Icon className=\"h-4 w-4\" />\n              </span>\n              <span className=\"text-[13px] font-medium text-[var(--text-primary)]\">{label}</span>\n              <span className=\"text-[11px] leading-4 text-[var(--text-muted)]\">{hint}</span>\n            </button>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\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            showEmptyState={ctx.showEmptyState}\n            onAskAgent={ctx.onAskAgent}\n          />\n        )\n      }}\n      renderThumbnail={renderPageThumbnail}\n    />\n  )\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","Layer","Rect","Group","jsx","useEffect","useRef","jsx","useRef","useEffect","Layer","Group","jsx","Layer","Group","Layer","Line","jsx","jsxs","Layer","Line","useEffect","useRef","jsx","useRef","useEffect","jsx","jsxs","useState","useEffect","useRef","Layer","Group","Rect","jsx"]}