@woven-canvas/core 1.0.0 → 1.0.2

package/build/index.cjs

@@ -25,11 +25,11 @@ __export(index_exports, {
   Block: () => Block,
   BlockDef: () => BlockDef,
   Camera: () => Camera,
-  CanvasComponentDef: () => import_canvas_store34.CanvasComponentDef,
-  CanvasSingletonDef: () => import_canvas_store34.CanvasSingletonDef,
+  CanvasComponentDef: () => import_canvas_store35.CanvasComponentDef,
+  CanvasSingletonDef: () => import_canvas_store35.CanvasSingletonDef,
   Color: () => Color,
   CommandMarker: () => CommandMarker,
-  ComponentDef: () => import_core49.ComponentDef,
+  ComponentDef: () => import_core50.ComponentDef,
   Connector: () => Connector,
   Controls: () => Controls,
   ControlsOptions: () => ControlsOptions,
@@ -39,7 +39,9 @@ __export(index_exports, {
   Edited: () => Edited,
   Editor: () => Editor,
   EditorStateDef: () => EditorStateDef,
-  EventType: () => import_core49.EventType,
+  Embed: () => Embed,
+  EmbedProvider: () => EmbedProvider,
+  EventType: () => import_core50.EventType,
   FontFamily: () => FontFamily,
   FontLoader: () => FontLoader,
   Frame: () => Frame,
@@ -55,7 +57,7 @@ __export(index_exports, {
   Keyboard: () => Keyboard,
   MAX_HIT_ARCS: () => MAX_HIT_ARCS,
   MAX_HIT_CAPSULES: () => MAX_HIT_CAPSULES,
-  MainThreadSystem: () => import_core49.MainThreadSystem,
+  MainThreadSystem: () => import_core50.MainThreadSystem,
   Mouse: () => Mouse,
   Opacity: () => Opacity,
   Pointer: () => Pointer,
@@ -65,7 +67,7 @@ __export(index_exports, {
   Redo: () => Redo,
   ResetKeyboard: () => ResetKeyboard,
   ResizeMode: () => ResizeMode,
-  SINGLETON_ENTITY_ID: () => import_core49.SINGLETON_ENTITY_ID,
+  SINGLETON_ENTITY_ID: () => import_core50.SINGLETON_ENTITY_ID,
   STRATUM_ORDER: () => STRATUM_ORDER,
   ScaleWithZoom: () => ScaleWithZoom,
   ScaleWithZoomState: () => ScaleWithZoomState,
@@ -73,7 +75,7 @@ __export(index_exports, {
   Shape: () => Shape,
   Stratum: () => Stratum,
   StrokeKind: () => StrokeKind,
-  Synced: () => import_canvas_store34.Synced,
+  Synced: () => import_canvas_store35.Synced,
   Text: () => Text,
   TextAlignment: () => TextAlignment,
   Undo: () => Undo,
@@ -82,20 +84,21 @@ __export(index_exports, {
   UserData: () => UserData,
   VerticalAlign: () => VerticalAlign,
   VerticalAlignment: () => VerticalAlignment,
-  addComponent: () => import_core49.addComponent,
+  addComponent: () => import_core50.addComponent,
   canBlockEdit: () => canBlockEdit,
-  canBlockSelect: () => canBlockSelect,
+  canBlockInteract: () => canBlockInteract,
   clearPointerTrackingState: () => clearPointerTrackingState,
-  createEntity: () => import_core49.createEntity,
-  defineCanvasComponent: () => import_canvas_store34.defineCanvasComponent,
-  defineCanvasSingleton: () => import_canvas_store34.defineCanvasSingleton,
+  createEntity: () => import_core50.createEntity,
+  defineCanvasComponent: () => import_canvas_store35.defineCanvasComponent,
+  defineCanvasSingleton: () => import_canvas_store35.defineCanvasSingleton,
   defineCommand: () => defineCommand,
   defineEditorState: () => defineEditorState,
   defineEditorSystem: () => defineEditorSystem,
-  defineQuery: () => import_core49.defineQuery,
-  defineSystem: () => import_core49.defineSystem,
-  field: () => import_core49.field,
-  getBackrefs: () => import_core49.getBackrefs,
+  defineQuery: () => import_core50.defineQuery,
+  defineSystem: () => import_core50.defineSystem,
+  detectEmbedProvider: () => detectEmbedProvider,
+  field: () => import_core50.field,
+  getBackrefs: () => import_core50.getBackrefs,
   getBlockDef: () => getBlockDef,
   getBlockResizeMode: () => getBlockResizeMode,
   getFrameInput: () => getFrameInput,
@@ -103,27 +106,29 @@ __export(index_exports, {
   getMouseInput: () => getMouseInput,
   getPluginResources: () => getPluginResources,
   getPointerInput: () => getPointerInput,
-  getResources: () => import_core49.getResources,
+  getResources: () => import_core50.getResources,
   getTopmostBlockAtPoint: () => getTopmostBlockAtPoint,
-  hasComponent: () => import_core49.hasComponent,
+  hasComponent: () => import_core50.hasComponent,
   intersectAabb: () => intersectAabb,
   intersectCapsule: () => intersectCapsule,
   intersectPoint: () => intersectPoint,
-  isAlive: () => import_core49.isAlive,
+  isAlive: () => import_core50.isAlive,
   isHeldByRemote: () => isHeldByRemote,
   on: () => on,
   parsePlugin: () => parsePlugin,
-  removeComponent: () => import_core49.removeComponent,
-  removeEntity: () => import_core49.removeEntity,
-  runMachine: () => runMachine
+  removeComponent: () => import_core50.removeComponent,
+  removeEntity: () => import_core50.removeEntity,
+  resolveEmbedUrl: () => resolveEmbedUrl,
+  runMachine: () => runMachine,
+  validateEmbedUrl: () => validateEmbedUrl
 });
 module.exports = __toCommonJS(index_exports);
-var import_canvas_store34 = require("@woven-ecs/canvas-store");
-var import_core49 = require("@woven-ecs/core");
+var import_canvas_store35 = require("@woven-ecs/canvas-store");
+var import_core50 = require("@woven-ecs/core");
 
 // src/CorePlugin.ts
-var import_canvas_store31 = require("@woven-ecs/canvas-store");
-var import_core46 = require("@woven-ecs/core");
+var import_canvas_store32 = require("@woven-ecs/canvas-store");
+var import_core47 = require("@woven-ecs/core");
 
 // src/components/index.ts
 var components_exports = {};
@@ -134,6 +139,8 @@ __export(components_exports, {
   Color: () => Color,
   Connector: () => Connector,
   Edited: () => Edited,
+  Embed: () => Embed,
+  EmbedProvider: () => EmbedProvider,
   Held: () => Held,
   HitGeometry: () => HitGeometry,
   Hovered: () => Hovered,
@@ -252,7 +259,7 @@ var ControlsOptions = import_zod.z.object({
    * Tool activated by right mouse button.
    * @default 'menu'
    */
-  rightMouseTool: import_zod.z.string().max(32).default("menu"),
+  rightMouseTool: import_zod.z.string().max(32).default("hand"),
   /**
    * Tool activated by mouse wheel.
    * @default 'scroll'
@@ -413,7 +420,7 @@ var BlockDef = import_zod.z.object({
   resizeMode: import_zod.z.enum([ResizeMode.Scale, ResizeMode.Text, ResizeMode.Free, ResizeMode.GroupOnly]).default(ResizeMode.Scale),
   canRotate: import_zod.z.boolean().default(true),
   canScale: import_zod.z.boolean().default(true),
-  selectable: import_zod.z.boolean().default(true),
+  interactable: import_zod.z.boolean().default(true),
   connectors: BlockDefConnectors.default(BlockDefConnectors.parse({}))
 });
 
@@ -810,32 +817,59 @@ var Connector = (0, import_canvas_store5.defineCanvasComponent)(
 var import_canvas_store6 = require("@woven-ecs/canvas-store");
 var Edited = (0, import_canvas_store6.defineCanvasComponent)({ name: "edited" }, {});
 
-// src/components/Held.ts
+// src/components/Embed.ts
 var import_canvas_store7 = require("@woven-ecs/canvas-store");
 var import_core6 = require("@woven-ecs/core");
-var Held = (0, import_canvas_store7.defineCanvasComponent)(
+var EmbedProvider = /* @__PURE__ */ ((EmbedProvider2) => {
+  EmbedProvider2["GoogleMaps"] = "google-maps";
+  EmbedProvider2["GoogleCalendar"] = "google-calendar";
+  EmbedProvider2["GoogleSlides"] = "google-slides";
+  EmbedProvider2["Tldraw"] = "tldraw";
+  EmbedProvider2["Figma"] = "figma";
+  EmbedProvider2["GithubGist"] = "github-gist";
+  EmbedProvider2["Youtube"] = "youtube";
+  EmbedProvider2["Spotify"] = "spotify";
+  EmbedProvider2["Unknown"] = "unknown";
+  return EmbedProvider2;
+})(EmbedProvider || {});
+var Embed = (0, import_canvas_store7.defineCanvasComponent)(
+  { name: "embed", sync: "document" },
+  {
+    /** The original URL provided by the user */
+    url: import_core6.field.string().max(2048).default(""),
+    /** The resolved embed/iframe URL */
+    embedUrl: import_core6.field.string().max(2048).default(""),
+    /** The embed provider (used for provider-specific styling/behavior) */
+    provider: import_core6.field.enum(EmbedProvider).default("unknown" /* Unknown */)
+  }
+);
+
+// src/components/Held.ts
+var import_canvas_store8 = require("@woven-ecs/canvas-store");
+var import_core7 = require("@woven-ecs/core");
+var Held = (0, import_canvas_store8.defineCanvasComponent)(
   { name: "held", sync: "ephemeral" },
   {
-    sessionId: import_core6.field.string().max(36).default("")
+    sessionId: import_core7.field.string().max(36).default("")
   }
 );
 
 // src/components/HitGeometry.ts
 var import_math3 = require("@woven-canvas/math");
-var import_canvas_store8 = require("@woven-ecs/canvas-store");
-var import_core7 = require("@woven-ecs/core");
+var import_canvas_store9 = require("@woven-ecs/canvas-store");
+var import_core8 = require("@woven-ecs/core");
 var _uvToWorldMatrix = [1, 0, 0, 1, 0, 0];
 var MAX_HIT_CAPSULES = 64;
 var FLOATS_PER_CAPSULE = 5;
 var MAX_HIT_ARCS = 2;
 var FLOATS_PER_ARC = 7;
 var HitGeometrySchema = {
-  hitCapsules: import_core7.field.buffer(import_core7.field.float32()).size(MAX_HIT_CAPSULES * FLOATS_PER_CAPSULE),
-  capsuleCount: import_core7.field.uint16().default(0),
-  hitArcs: import_core7.field.buffer(import_core7.field.float32()).size(MAX_HIT_ARCS * FLOATS_PER_ARC),
-  arcCount: import_core7.field.uint16().default(0)
+  hitCapsules: import_core8.field.buffer(import_core8.field.float32()).size(MAX_HIT_CAPSULES * FLOATS_PER_CAPSULE),
+  capsuleCount: import_core8.field.uint16().default(0),
+  hitArcs: import_core8.field.buffer(import_core8.field.float32()).size(MAX_HIT_ARCS * FLOATS_PER_ARC),
+  arcCount: import_core8.field.uint16().default(0)
 };
-var HitGeometryDef = class extends import_canvas_store8.CanvasComponentDef {
+var HitGeometryDef = class extends import_canvas_store9.CanvasComponentDef {
   constructor() {
     super({ name: "hitHeometry" }, HitGeometrySchema);
   }
@@ -1139,37 +1173,37 @@ var HitGeometryDef = class extends import_canvas_store8.CanvasComponentDef {
 var HitGeometry = new HitGeometryDef();
 
 // src/components/Hovered.ts
-var import_canvas_store9 = require("@woven-ecs/canvas-store");
-var Hovered = (0, import_canvas_store9.defineCanvasComponent)({ name: "hovered" }, {});
+var import_canvas_store10 = require("@woven-ecs/canvas-store");
+var Hovered = (0, import_canvas_store10.defineCanvasComponent)({ name: "hovered" }, {});
 
 // src/components/Image.ts
-var import_canvas_store10 = require("@woven-ecs/canvas-store");
-var import_core8 = require("@woven-ecs/core");
-var Image = (0, import_canvas_store10.defineCanvasComponent)(
+var import_canvas_store11 = require("@woven-ecs/canvas-store");
+var import_core9 = require("@woven-ecs/core");
+var Image = (0, import_canvas_store11.defineCanvasComponent)(
   { name: "image", sync: "document" },
   {
     /** Image width in pixels */
-    width: import_core8.field.uint16().default(0),
+    width: import_core9.field.uint16().default(0),
     /** Image height in pixels */
-    height: import_core8.field.uint16().default(0),
+    height: import_core9.field.uint16().default(0),
     /** Alt text for accessibility */
-    alt: import_core8.field.string().max(256).default("")
+    alt: import_core9.field.string().max(256).default("")
   }
 );
 
 // src/components/Opacity.ts
-var import_canvas_store11 = require("@woven-ecs/canvas-store");
-var import_core9 = require("@woven-ecs/core");
-var Opacity = (0, import_canvas_store11.defineCanvasComponent)(
+var import_canvas_store12 = require("@woven-ecs/canvas-store");
+var import_core10 = require("@woven-ecs/core");
+var Opacity = (0, import_canvas_store12.defineCanvasComponent)(
   { name: "opacity" },
   {
-    value: import_core9.field.uint8().default(255)
+    value: import_core10.field.uint8().default(255)
   }
 );
 
 // src/components/Pointer.ts
-var import_canvas_store12 = require("@woven-ecs/canvas-store");
-var import_core10 = require("@woven-ecs/core");
+var import_canvas_store13 = require("@woven-ecs/canvas-store");
+var import_core11 = require("@woven-ecs/core");
 var PointerButton = {
   None: "none",
   Left: "left",
@@ -1186,32 +1220,32 @@ var PointerType = {
 var SAMPLE_COUNT = 6;
 var PointerSchema = {
   /** Unique pointer ID (from PointerEvent.pointerId) */
-  pointerId: import_core10.field.uint16().default(0),
+  pointerId: import_core11.field.uint16().default(0),
   /** Current position relative to the editor element [x, y] */
-  position: import_core10.field.tuple(import_core10.field.float32(), 2).default([0, 0]),
+  position: import_core11.field.tuple(import_core11.field.float32(), 2).default([0, 0]),
   /** Position where the pointer went down [x, y] */
-  downPosition: import_core10.field.tuple(import_core10.field.float32(), 2).default([0, 0]),
+  downPosition: import_core11.field.tuple(import_core11.field.float32(), 2).default([0, 0]),
   /** Frame number when the pointer went down (for click detection) */
-  downFrame: import_core10.field.uint32().default(0),
+  downFrame: import_core11.field.uint32().default(0),
   /** Which button is pressed */
-  button: import_core10.field.enum(PointerButton).default(PointerButton.None),
+  button: import_core11.field.enum(PointerButton).default(PointerButton.None),
   /** Type of pointer device */
-  pointerType: import_core10.field.enum(PointerType).default(PointerType.Mouse),
+  pointerType: import_core11.field.enum(PointerType).default(PointerType.Mouse),
   /** Pressure from 0 to 1 (for pen/touch) */
-  pressure: import_core10.field.float32().default(0),
+  pressure: import_core11.field.float32().default(0),
   /** Whether the pointer event target was not the editor element */
-  obscured: import_core10.field.boolean().default(false),
+  obscured: import_core11.field.boolean().default(false),
   // Velocity tracking (ring buffer for position samples)
   /** Ring buffer of previous positions [x0, y0, x1, y1, ...] @internal */
-  _prevPositions: import_core10.field.array(import_core10.field.float32(), SAMPLE_COUNT * 2),
+  _prevPositions: import_core11.field.array(import_core11.field.float32(), SAMPLE_COUNT * 2),
   /** Ring buffer of timestamps for each position sample @internal */
-  _prevTimes: import_core10.field.array(import_core10.field.float32(), SAMPLE_COUNT),
+  _prevTimes: import_core11.field.array(import_core11.field.float32(), SAMPLE_COUNT),
   /** Total number of samples added (used for ring buffer indexing) @internal */
-  _sampleCount: import_core10.field.int32().default(0),
+  _sampleCount: import_core11.field.int32().default(0),
   /** Computed velocity [vx, vy] in pixels per second @internal */
-  _velocity: import_core10.field.tuple(import_core10.field.float32(), 2).default([0, 0])
+  _velocity: import_core11.field.tuple(import_core11.field.float32(), 2).default([0, 0])
 };
-var PointerDef = class extends import_canvas_store12.CanvasComponentDef {
+var PointerDef = class extends import_canvas_store13.CanvasComponentDef {
   constructor() {
     super({ name: "pointer" }, PointerSchema);
   }
@@ -1320,103 +1354,103 @@ function addPointerSample(pointer, position, time) {
 }
 
 // src/components/ScaleWithZoom.ts
-var import_canvas_store13 = require("@woven-ecs/canvas-store");
-var import_core11 = require("@woven-ecs/core");
-var ScaleWithZoom = (0, import_canvas_store13.defineCanvasComponent)(
+var import_canvas_store14 = require("@woven-ecs/canvas-store");
+var import_core12 = require("@woven-ecs/core");
+var ScaleWithZoom = (0, import_canvas_store14.defineCanvasComponent)(
   { name: "scaleWithZoom" },
   {
     /** Pivot point for scaling as [x, y] (0-1, default 0.5,0.5 = center) */
-    anchor: import_core11.field.tuple(import_core11.field.float64(), 2).default([0.5, 0.5]),
+    anchor: import_core12.field.tuple(import_core12.field.float64(), 2).default([0.5, 0.5]),
     /** Initial position as [left, top] at zoom=1 */
-    startPosition: import_core11.field.tuple(import_core11.field.float64(), 2).default([0, 0]),
+    startPosition: import_core12.field.tuple(import_core12.field.float64(), 2).default([0, 0]),
     /** Initial size as [width, height] at zoom=1 */
-    startSize: import_core11.field.tuple(import_core11.field.float64(), 2).default([0, 0]),
+    startSize: import_core12.field.tuple(import_core12.field.float64(), 2).default([0, 0]),
     /** Scale multiplier per dimension: [x, y] (0 = no zoom effect, 1 = full zoom effect, 0.5 = half effect) */
-    scaleMultiplier: import_core11.field.tuple(import_core11.field.float64(), 2).default([1, 1])
+    scaleMultiplier: import_core12.field.tuple(import_core12.field.float64(), 2).default([1, 1])
   }
 );
 
 // src/components/Shape.ts
-var import_canvas_store14 = require("@woven-ecs/canvas-store");
-var import_core12 = require("@woven-ecs/core");
+var import_canvas_store15 = require("@woven-ecs/canvas-store");
+var import_core13 = require("@woven-ecs/core");
 var StrokeKind = {
   Solid: "solid",
   Dashed: "dashed",
   None: "none"
 };
-var Shape = (0, import_canvas_store14.defineCanvasComponent)(
+var Shape = (0, import_canvas_store15.defineCanvasComponent)(
   { name: "shape", sync: "document" },
   {
     /** The kind of shape to render (e.g. 'rectangle', 'ellipse', or custom shape key) */
-    kind: import_core12.field.string().default("rectangle"),
+    kind: import_core13.field.string().default("rectangle"),
     /** Stroke style */
-    strokeKind: import_core12.field.enum(StrokeKind).default(StrokeKind.Solid),
+    strokeKind: import_core13.field.enum(StrokeKind).default(StrokeKind.Solid),
     /** Stroke width in pixels */
-    strokeWidth: import_core12.field.uint16().default(2),
+    strokeWidth: import_core13.field.uint16().default(2),
     /** Stroke color - red component (0-255) */
-    strokeRed: import_core12.field.uint8().default(0),
+    strokeRed: import_core13.field.uint8().default(0),
     /** Stroke color - green component (0-255) */
-    strokeGreen: import_core12.field.uint8().default(0),
+    strokeGreen: import_core13.field.uint8().default(0),
     /** Stroke color - blue component (0-255) */
-    strokeBlue: import_core12.field.uint8().default(0),
+    strokeBlue: import_core13.field.uint8().default(0),
     /** Stroke color - alpha component (0-255) */
-    strokeAlpha: import_core12.field.uint8().default(255),
+    strokeAlpha: import_core13.field.uint8().default(255),
     /** Fill color - red component (0-255) */
-    fillRed: import_core12.field.uint8().default(255),
+    fillRed: import_core13.field.uint8().default(255),
     /** Fill color - green component (0-255) */
-    fillGreen: import_core12.field.uint8().default(255),
+    fillGreen: import_core13.field.uint8().default(255),
     /** Fill color - blue component (0-255) */
-    fillBlue: import_core12.field.uint8().default(255),
+    fillBlue: import_core13.field.uint8().default(255),
     /** Fill color - alpha component (0-255) */
-    fillAlpha: import_core12.field.uint8().default(0)
+    fillAlpha: import_core13.field.uint8().default(0)
   }
 );
 
 // src/components/Text.ts
-var import_canvas_store15 = require("@woven-ecs/canvas-store");
-var import_core13 = require("@woven-ecs/core");
-var Text = (0, import_canvas_store15.defineCanvasComponent)(
+var import_canvas_store16 = require("@woven-ecs/canvas-store");
+var import_core14 = require("@woven-ecs/core");
+var Text = (0, import_canvas_store16.defineCanvasComponent)(
   { name: "text", sync: "document" },
   {
     /** HTML content (supports rich text formatting) */
-    content: import_core13.field.string().max(1e4).default(""),
+    content: import_core14.field.string().max(1e4).default(""),
     /** Font size in pixels */
-    fontSizePx: import_core13.field.float64().default(24),
+    fontSizePx: import_core14.field.float64().default(24),
     /** Font family name */
-    fontFamily: import_core13.field.string().max(64).default("Figtree"),
+    fontFamily: import_core14.field.string().max(64).default("Figtree"),
     /** Line height multiplier */
-    lineHeight: import_core13.field.float64().default(1.2),
+    lineHeight: import_core14.field.float64().default(1.2),
     /** Letter spacing in em units */
-    letterSpacingEm: import_core13.field.float64().default(0),
+    letterSpacingEm: import_core14.field.float64().default(0),
     /** Whether width is constrained (text wraps) */
-    constrainWidth: import_core13.field.boolean().default(true),
+    constrainWidth: import_core14.field.boolean().default(true),
     /** Default text alignment for new paragraphs */
-    defaultAlignment: import_core13.field.enum(TextAlignment).default(TextAlignment.Left)
+    defaultAlignment: import_core14.field.enum(TextAlignment).default(TextAlignment.Left)
   }
 );
 
 // src/components/User.ts
-var import_canvas_store16 = require("@woven-ecs/canvas-store");
-var import_core14 = require("@woven-ecs/core");
-var User = (0, import_canvas_store16.defineCanvasComponent)(
+var import_canvas_store17 = require("@woven-ecs/canvas-store");
+var import_core15 = require("@woven-ecs/core");
+var User = (0, import_canvas_store17.defineCanvasComponent)(
   { name: "user", sync: "ephemeral" },
   {
-    userId: import_core14.field.string().max(36),
-    sessionId: import_core14.field.string().max(36),
-    color: import_core14.field.string().max(7),
-    name: import_core14.field.string().max(100),
-    avatar: import_core14.field.string().max(500),
-    position: import_core14.field.tuple(import_core14.field.float32(), 2).default([0, 0])
+    userId: import_core15.field.string().max(36),
+    sessionId: import_core15.field.string().max(36),
+    color: import_core15.field.string().max(7),
+    name: import_core15.field.string().max(100),
+    avatar: import_core15.field.string().max(500),
+    position: import_core15.field.tuple(import_core15.field.float32(), 2).default([0, 0])
   }
 );
 
 // src/components/VerticalAlign.ts
-var import_canvas_store17 = require("@woven-ecs/canvas-store");
-var import_core15 = require("@woven-ecs/core");
-var VerticalAlign = (0, import_canvas_store17.defineCanvasComponent)(
+var import_canvas_store18 = require("@woven-ecs/canvas-store");
+var import_core16 = require("@woven-ecs/core");
+var VerticalAlign = (0, import_canvas_store18.defineCanvasComponent)(
   { name: "verticalAlign", sync: "document" },
   {
-    value: import_core15.field.enum(VerticalAlignment).default(VerticalAlignment.Top)
+    value: import_core16.field.enum(VerticalAlignment).default(VerticalAlignment.Top)
   }
 );
 
@@ -1449,23 +1483,23 @@ __export(singletons_exports, {
 });
 
 // src/singletons/Camera.ts
-var import_canvas_store19 = require("@woven-ecs/canvas-store");
-var import_core17 = require("@woven-ecs/core");
+var import_canvas_store20 = require("@woven-ecs/canvas-store");
+var import_core18 = require("@woven-ecs/core");
 
 // src/singletons/Screen.ts
-var import_canvas_store18 = require("@woven-ecs/canvas-store");
-var import_core16 = require("@woven-ecs/core");
+var import_canvas_store19 = require("@woven-ecs/canvas-store");
+var import_core17 = require("@woven-ecs/core");
 var ScreenSchema = {
   /** Width of the editor element in pixels */
-  width: import_core16.field.float64().default(0),
+  width: import_core17.field.float64().default(0),
   /** Height of the editor element in pixels */
-  height: import_core16.field.float64().default(0),
+  height: import_core17.field.float64().default(0),
   /** Left offset of the editor element relative to the viewport */
-  left: import_core16.field.float64().default(0),
+  left: import_core17.field.float64().default(0),
   /** Top offset of the editor element relative to the viewport */
-  top: import_core16.field.float64().default(0)
+  top: import_core17.field.float64().default(0)
 };
-var ScreenDef = class extends import_canvas_store18.CanvasSingletonDef {
+var ScreenDef = class extends import_canvas_store19.CanvasSingletonDef {
   constructor() {
     super({ name: "screen" }, ScreenSchema);
   }
@@ -1490,17 +1524,17 @@ var Screen = new ScreenDef();
 // src/singletons/Camera.ts
 var CameraSchema = {
   /** Top position of the camera in world coordinates */
-  top: import_core17.field.float64().default(0),
+  top: import_core18.field.float64().default(0),
   /** Left position of the camera in world coordinates */
-  left: import_core17.field.float64().default(0),
+  left: import_core18.field.float64().default(0),
   /** Zoom level (1 = 100%, 2 = 200%, 0.5 = 50%) */
-  zoom: import_core17.field.float64().default(1),
+  zoom: import_core18.field.float64().default(1),
   /** Whether the camera viewport intersects any blocks */
-  canSeeBlocks: import_core17.field.boolean().default(true),
+  canSeeBlocks: import_core18.field.boolean().default(true),
   /** Reference to a block that the camera can currently see (for optimization) */
-  lastSeenBlock: import_core17.field.ref()
+  lastSeenBlock: import_core18.field.ref()
 };
-var CameraDef = class extends import_canvas_store19.CanvasSingletonDef {
+var CameraDef = class extends import_canvas_store20.CanvasSingletonDef {
   constructor() {
     super({ name: "camera", sync: "local" }, CameraSchema);
   }
@@ -1573,23 +1607,23 @@ var CameraDef = class extends import_canvas_store19.CanvasSingletonDef {
 var Camera = new CameraDef();
 
 // src/singletons/Controls.ts
-var import_canvas_store20 = require("@woven-ecs/canvas-store");
-var import_core18 = require("@woven-ecs/core");
+var import_canvas_store21 = require("@woven-ecs/canvas-store");
+var import_core19 = require("@woven-ecs/core");
 var ControlsSchema = {
   /** Tool activated by left mouse button */
-  leftMouseTool: import_core18.field.string().max(32).default("select"),
+  leftMouseTool: import_core19.field.string().max(32).default("select"),
   /** Tool activated by middle mouse button */
-  middleMouseTool: import_core18.field.string().max(32).default("hand"),
+  middleMouseTool: import_core19.field.string().max(32).default("hand"),
   /** Tool activated by right mouse button */
-  rightMouseTool: import_core18.field.string().max(32).default("menu"),
+  rightMouseTool: import_core19.field.string().max(32).default("hand"),
   /** Tool activated by mouse wheel */
-  wheelTool: import_core18.field.string().max(32).default("scroll"),
+  wheelTool: import_core19.field.string().max(32).default("scroll"),
   /** Tool activated by mouse wheel with modifier key held */
-  modWheelTool: import_core18.field.string().max(32).default("zoom"),
+  modWheelTool: import_core19.field.string().max(32).default("zoom"),
   /** JSON snapshot of block to place on next click (empty string = no placement active) */
-  heldSnapshot: import_core18.field.string().max(65536).default("")
+  heldSnapshot: import_core19.field.string().max(65536).default("")
 };
-var ControlsDef = class extends import_canvas_store20.CanvasSingletonDef {
+var ControlsDef = class extends import_canvas_store21.CanvasSingletonDef {
   constructor() {
     super({ name: "controls" }, ControlsSchema);
   }
@@ -1628,19 +1662,19 @@ var ControlsDef = class extends import_canvas_store20.CanvasSingletonDef {
 var Controls = new ControlsDef();
 
 // src/singletons/Cursor.ts
-var import_canvas_store21 = require("@woven-ecs/canvas-store");
-var import_core19 = require("@woven-ecs/core");
+var import_canvas_store22 = require("@woven-ecs/canvas-store");
+var import_core20 = require("@woven-ecs/core");
 var CursorSchema = {
   /** Base cursor kind (from current tool) */
-  cursorKind: import_core19.field.string().max(64).default("select"),
+  cursorKind: import_core20.field.string().max(64).default("select"),
   /** Base cursor rotation in radians */
-  rotation: import_core19.field.float64().default(0),
+  rotation: import_core20.field.float64().default(0),
   /** Context-specific cursor kind (overrides cursorKind when set, e.g., during drag/hover) */
-  contextCursorKind: import_core19.field.string().max(64).default(""),
+  contextCursorKind: import_core20.field.string().max(64).default(""),
   /** Context cursor rotation in radians */
-  contextRotation: import_core19.field.float64().default(0)
+  contextRotation: import_core20.field.float64().default(0)
 };
-var CursorDef2 = class extends import_canvas_store21.CanvasSingletonDef {
+var CursorDef2 = class extends import_canvas_store22.CanvasSingletonDef {
   constructor() {
     super({ name: "cursor" }, CursorSchema);
   }
@@ -1685,40 +1719,40 @@ var CursorDef2 = class extends import_canvas_store21.CanvasSingletonDef {
 var Cursor = new CursorDef2();
 
 // src/singletons/Frame.ts
-var import_canvas_store22 = require("@woven-ecs/canvas-store");
-var import_core20 = require("@woven-ecs/core");
-var Frame = (0, import_canvas_store22.defineCanvasSingleton)(
+var import_canvas_store23 = require("@woven-ecs/canvas-store");
+var import_core21 = require("@woven-ecs/core");
+var Frame = (0, import_canvas_store23.defineCanvasSingleton)(
   { name: "frame" },
   {
     /** Current frame number (increments each tick) */
-    number: import_core20.field.uint32().default(0),
+    number: import_core21.field.uint32().default(0),
     /** Time since last frame in seconds */
-    delta: import_core20.field.float64().default(0),
+    delta: import_core21.field.float64().default(0),
     /** Timestamp of current frame in milliseconds (from performance.now()) */
-    time: import_core20.field.float64().default(0),
+    time: import_core21.field.float64().default(0),
     /** Timestamp of previous frame in milliseconds (0 if first frame) */
-    lastTime: import_core20.field.float64().default(0)
+    lastTime: import_core21.field.float64().default(0)
   }
 );
 
 // src/singletons/Grid.ts
-var import_canvas_store23 = require("@woven-ecs/canvas-store");
-var import_core21 = require("@woven-ecs/core");
+var import_canvas_store24 = require("@woven-ecs/canvas-store");
+var import_core22 = require("@woven-ecs/core");
 var GridSchema = {
   /** Whether grid snapping is enabled */
-  enabled: import_core21.field.boolean().default(false),
+  enabled: import_core22.field.boolean().default(false),
   /** Whether resized/rotated objects must stay aligned to the grid */
-  strict: import_core21.field.boolean().default(false),
+  strict: import_core22.field.boolean().default(false),
   /** Width of each grid column in world units */
-  colWidth: import_core21.field.float64().default(20),
+  colWidth: import_core22.field.float64().default(20),
   /** Height of each grid row in world units */
-  rowHeight: import_core21.field.float64().default(20),
+  rowHeight: import_core22.field.float64().default(20),
   /** Angular snap increment in radians when grid is enabled */
-  snapAngleRad: import_core21.field.float64().default(Math.PI / 36),
+  snapAngleRad: import_core22.field.float64().default(Math.PI / 36),
   /** Angular snap increment in radians when shift key is held */
-  shiftSnapAngleRad: import_core21.field.float64().default(Math.PI / 12)
+  shiftSnapAngleRad: import_core22.field.float64().default(Math.PI / 12)
 };
-var GridDef = class extends import_canvas_store23.CanvasSingletonDef {
+var GridDef = class extends import_canvas_store24.CanvasSingletonDef {
   constructor() {
     super({ name: "grid" }, GridSchema);
   }
@@ -1778,17 +1812,17 @@ var GridDef = class extends import_canvas_store23.CanvasSingletonDef {
 var Grid = new GridDef();
 
 // src/singletons/Intersect.ts
-var import_canvas_store24 = require("@woven-ecs/canvas-store");
-var import_core22 = require("@woven-ecs/core");
+var import_canvas_store25 = require("@woven-ecs/canvas-store");
+var import_core23 = require("@woven-ecs/core");
 var IntersectSchema = {
   // Store up to 5 intersected entity IDs
-  entity1: import_core22.field.ref(),
-  entity2: import_core22.field.ref(),
-  entity3: import_core22.field.ref(),
-  entity4: import_core22.field.ref(),
-  entity5: import_core22.field.ref()
+  entity1: import_core23.field.ref(),
+  entity2: import_core23.field.ref(),
+  entity3: import_core23.field.ref(),
+  entity4: import_core23.field.ref(),
+  entity5: import_core23.field.ref()
 };
-var IntersectDef = class extends import_canvas_store24.CanvasSingletonDef {
+var IntersectDef = class extends import_canvas_store25.CanvasSingletonDef {
   constructor() {
     super({ name: "intersect" }, IntersectSchema);
   }
@@ -1837,31 +1871,31 @@ var IntersectDef = class extends import_canvas_store24.CanvasSingletonDef {
 var Intersect = new IntersectDef();
 
 // src/singletons/Keyboard.ts
-var import_canvas_store25 = require("@woven-ecs/canvas-store");
-var import_core23 = require("@woven-ecs/core");
+var import_canvas_store26 = require("@woven-ecs/canvas-store");
+var import_core24 = require("@woven-ecs/core");
 var KEY_BUFFER_SIZE = 32;
 var KeyboardSchema = {
   /**
    * Buffer where each bit represents whether a key is currently pressed.
    * Uses field.buffer for zero-allocation subarray views.
    */
-  keysDown: import_core23.field.buffer(import_core23.field.uint8()).size(KEY_BUFFER_SIZE),
+  keysDown: import_core24.field.buffer(import_core24.field.uint8()).size(KEY_BUFFER_SIZE),
   /**
    * Buffer for key-down triggers (true for exactly 1 frame when key is pressed).
    * Uses field.buffer for zero-allocation subarray views.
    */
-  keysDownTrigger: import_core23.field.buffer(import_core23.field.uint8()).size(KEY_BUFFER_SIZE),
+  keysDownTrigger: import_core24.field.buffer(import_core24.field.uint8()).size(KEY_BUFFER_SIZE),
   /**
    * Buffer for key-up triggers (true for exactly 1 frame when key is released).
    * Uses field.buffer for zero-allocation subarray views.
    */
-  keysUpTrigger: import_core23.field.buffer(import_core23.field.uint8()).size(KEY_BUFFER_SIZE),
+  keysUpTrigger: import_core24.field.buffer(import_core24.field.uint8()).size(KEY_BUFFER_SIZE),
   /** Common modifier - Shift key is down */
-  shiftDown: import_core23.field.boolean().default(false),
+  shiftDown: import_core24.field.boolean().default(false),
   /** Common modifier - Alt/Option key is down */
-  altDown: import_core23.field.boolean().default(false),
+  altDown: import_core24.field.boolean().default(false),
   /** Common modifier - Ctrl (Windows/Linux) or Cmd (Mac) is down */
-  modDown: import_core23.field.boolean().default(false)
+  modDown: import_core24.field.boolean().default(false)
 };
 function getBit(buffer, bitIndex) {
   if (bitIndex < 0 || bitIndex >= buffer.length * 8) return false;
@@ -1869,7 +1903,7 @@ function getBit(buffer, bitIndex) {
   const bitOffset = bitIndex % 8;
   return (buffer[byteIndex] & 1 << bitOffset) !== 0;
 }
-var KeyboardDef = class extends import_canvas_store25.CanvasSingletonDef {
+var KeyboardDef = class extends import_canvas_store26.CanvasSingletonDef {
   constructor() {
     super({ name: "keyboard" }, KeyboardSchema);
   }
@@ -2143,27 +2177,27 @@ var Key = {
 };
 
 // src/singletons/Mouse.ts
-var import_canvas_store26 = require("@woven-ecs/canvas-store");
-var import_core24 = require("@woven-ecs/core");
+var import_canvas_store27 = require("@woven-ecs/canvas-store");
+var import_core25 = require("@woven-ecs/core");
 var MouseSchema = {
   /** Current mouse position relative to the editor element [x, y] */
-  position: import_core24.field.tuple(import_core24.field.float32(), 2).default([0, 0]),
+  position: import_core25.field.tuple(import_core25.field.float32(), 2).default([0, 0]),
   /** Horizontal wheel delta (positive = scroll right) */
-  wheelDeltaX: import_core24.field.float32().default(0),
+  wheelDeltaX: import_core25.field.float32().default(0),
   /** Vertical wheel delta (positive = scroll down), normalized across browsers */
-  wheelDeltaY: import_core24.field.float32().default(0),
+  wheelDeltaY: import_core25.field.float32().default(0),
   /** True for 1 frame when mouse moves */
-  moveTrigger: import_core24.field.boolean().default(false),
+  moveTrigger: import_core25.field.boolean().default(false),
   /** True for 1 frame when wheel is scrolled */
-  wheelTrigger: import_core24.field.boolean().default(false),
+  wheelTrigger: import_core25.field.boolean().default(false),
   /** True for 1 frame when mouse enters the editor element */
-  enterTrigger: import_core24.field.boolean().default(false),
+  enterTrigger: import_core25.field.boolean().default(false),
   /** True for 1 frame when mouse leaves the editor element */
-  leaveTrigger: import_core24.field.boolean().default(false),
+  leaveTrigger: import_core25.field.boolean().default(false),
   /** Whether the mouse is over a UI element (not the canvas) */
-  obscured: import_core24.field.boolean().default(false)
+  obscured: import_core25.field.boolean().default(false)
 };
-var MouseDef = class extends import_canvas_store26.CanvasSingletonDef {
+var MouseDef = class extends import_canvas_store27.CanvasSingletonDef {
   constructor() {
     super({ name: "mouse" }, MouseSchema);
   }
@@ -2201,14 +2235,14 @@ var MouseDef = class extends import_canvas_store26.CanvasSingletonDef {
 var Mouse = new MouseDef();
 
 // src/singletons/RankBounds.ts
-var import_canvas_store27 = require("@woven-ecs/canvas-store");
-var import_core25 = require("@woven-ecs/core");
+var import_canvas_store28 = require("@woven-ecs/canvas-store");
+var import_core26 = require("@woven-ecs/core");
 var import_fractional_indexing_jittered = require("fractional-indexing-jittered");
 var RankBoundsSchema = {
-  minRank: import_core25.field.string().max(36).default(""),
-  maxRank: import_core25.field.string().max(36).default("")
+  minRank: import_core26.field.string().max(36).default(""),
+  maxRank: import_core26.field.string().max(36).default("")
 };
-var RankBoundsDef = class extends import_canvas_store27.CanvasSingletonDef {
+var RankBoundsDef = class extends import_canvas_store28.CanvasSingletonDef {
   constructor() {
     super({ name: "rankBounds" }, RankBoundsSchema);
   }
@@ -2264,27 +2298,27 @@ var RankBoundsDef = class extends import_canvas_store27.CanvasSingletonDef {
 var RankBounds = new RankBoundsDef();
 
 // src/singletons/ScaleWithZoomState.ts
-var import_canvas_store28 = require("@woven-ecs/canvas-store");
-var import_core26 = require("@woven-ecs/core");
-var ScaleWithZoomState = (0, import_canvas_store28.defineCanvasSingleton)(
+var import_canvas_store29 = require("@woven-ecs/canvas-store");
+var import_core27 = require("@woven-ecs/core");
+var ScaleWithZoomState = (0, import_canvas_store29.defineCanvasSingleton)(
   { name: "scaleWithZoomState" },
   {
     /** Last processed zoom level */
-    lastZoom: import_core26.field.float64().default(1)
+    lastZoom: import_core27.field.float64().default(1)
   }
 );
 
 // src/systems/capture/keybindSystem.ts
-var import_core29 = require("@woven-ecs/core");
+var import_core30 = require("@woven-ecs/core");
 
 // src/command.ts
-var import_core27 = require("@woven-ecs/core");
-var CommandMarker = (0, import_core27.defineComponent)({
-  name: import_core27.field.string().max(128)
+var import_core28 = require("@woven-ecs/core");
+var CommandMarker = (0, import_core28.defineComponent)({
+  name: import_core28.field.string().max(128)
 });
 var editorPayloads = /* @__PURE__ */ new WeakMap();
 function getPayloadMap(ctx) {
-  const { editor } = (0, import_core27.getResources)(ctx);
+  const { editor } = (0, import_core28.getResources)(ctx);
   let map = editorPayloads.get(editor);
   if (!map) {
     map = /* @__PURE__ */ new Map();
@@ -2292,13 +2326,13 @@ function getPayloadMap(ctx) {
   }
   return map;
 }
-var commands = (0, import_core27.defineQuery)((q) => q.with(CommandMarker));
+var commands = (0, import_core28.defineQuery)((q) => q.with(CommandMarker));
 function defineCommand(name) {
   return {
     name,
     spawn(ctx, payload) {
-      const eid = (0, import_core27.createEntity)(ctx);
-      (0, import_core27.addComponent)(ctx, eid, CommandMarker, { name });
+      const eid = (0, import_core28.createEntity)(ctx);
+      (0, import_core28.addComponent)(ctx, eid, CommandMarker, { name });
       getPayloadMap(ctx).set(eid, payload);
       return eid;
     },
@@ -2327,7 +2361,7 @@ function cleanupCommands(ctx) {
   const payloads = getPayloadMap(ctx);
   for (const eid of commands.current(ctx)) {
     payloads.delete(eid);
-    (0, import_core27.removeEntity)(ctx, eid);
+    (0, import_core28.removeEntity)(ctx, eid);
   }
 }
 function on(ctx, def, handler) {
@@ -2340,11 +2374,11 @@ var Redo = defineCommand("redo");
 var ResetKeyboard = defineCommand("reset-keyboard");
 
 // src/EditorSystem.ts
-var import_core28 = require("@woven-ecs/core");
+var import_core29 = require("@woven-ecs/core");
 var DEFAULT_PRIORITY = 0;
 function defineEditorSystem(options, execute) {
   return {
-    _system: new import_core28.MainThreadSystem(execute),
+    _system: new import_core29.MainThreadSystem(execute),
     phase: options.phase,
     priority: options.priority ?? DEFAULT_PRIORITY
   };
@@ -2353,14 +2387,14 @@ function defineEditorSystem(options, execute) {
 // src/systems/capture/keybindSystem.ts
 var keybindSystem = defineEditorSystem({ phase: "capture" }, (ctx) => {
   const keyboard = Keyboard.read(ctx);
-  const { editor } = (0, import_core29.getResources)(ctx);
+  const { editor } = (0, import_core30.getResources)(ctx);
   for (const keybind of editor.keybinds) {
     let triggered = Keyboard.isKeyDownTrigger(ctx, keybind.key);
     triggered &&= !!keybind.mod === keyboard.modDown;
     triggered &&= !!keybind.shift === keyboard.shiftDown;
     if (triggered) {
-      const eid = (0, import_core29.createEntity)(ctx);
-      (0, import_core29.addComponent)(ctx, eid, CommandMarker, { name: keybind.command });
+      const eid = (0, import_core30.createEntity)(ctx);
+      (0, import_core30.addComponent)(ctx, eid, CommandMarker, { name: keybind.command });
       break;
     }
   }
@@ -2382,7 +2416,7 @@ var frameSystem = defineEditorSystem({ phase: "input", priority: 100 }, (ctx) =>
 });
 
 // src/systems/input/keyboardSystem.ts
-var import_core30 = require("@woven-ecs/core");
+var import_core31 = require("@woven-ecs/core");
 var instanceState = /* @__PURE__ */ new WeakMap();
 function attachKeyboardListeners(domElement) {
   if (instanceState.has(domElement)) return;
@@ -2418,7 +2452,8 @@ function detachKeyboardListeners(domElement) {
   instanceState.delete(domElement);
 }
 var keyboardSystem = defineEditorSystem({ phase: "input" }, (ctx) => {
-  const resources = (0, import_core30.getResources)(ctx);
+  const resources = (0, import_core31.getResources)(ctx);
+  if (!resources.domElement) return;
   const state = instanceState.get(resources.domElement);
   if (!state) return;
   on(ctx, ResetKeyboard, () => {
@@ -2471,7 +2506,7 @@ function isZeroed(buffer) {
 }
 
 // src/systems/input/mouseSystem.ts
-var import_core31 = require("@woven-ecs/core");
+var import_core32 = require("@woven-ecs/core");
 var instanceState2 = /* @__PURE__ */ new WeakMap();
 function attachMouseListeners(domElement) {
   if (instanceState2.has(domElement)) return;
@@ -2519,7 +2554,8 @@ function detachMouseListeners(domElement) {
   instanceState2.delete(domElement);
 }
 var mouseSystem = defineEditorSystem({ phase: "input" }, (ctx) => {
-  const resources = (0, import_core31.getResources)(ctx);
+  const resources = (0, import_core32.getResources)(ctx);
+  if (!resources.domElement) return;
   const state = instanceState2.get(resources.domElement);
   if (!state) return;
   const currentMouse = Mouse.read(ctx);
@@ -2575,7 +2611,7 @@ function normalizeWheelDelta(deltaY, deltaMode) {
 }
 
 // src/systems/input/pointerSystem.ts
-var import_core32 = require("@woven-ecs/core");
+var import_core33 = require("@woven-ecs/core");
 var instanceState3 = /* @__PURE__ */ new WeakMap();
 function attachPointerListeners(domElement) {
   if (instanceState3.has(domElement)) return;
@@ -2596,9 +2632,12 @@ function attachPointerListeners(domElement) {
       });
     },
     onContextMenu: (e) => {
+      if (e.target instanceof HTMLElement && e.target.closest('[contenteditable="true"]')) return;
       e.preventDefault();
-      const hasPointerDown = state.eventsBuffer.some((evt) => evt.type === "pointerdown");
-      if (hasPointerDown) return;
+      const hasRightButtonEvent = state.eventsBuffer.some(
+        (evt) => evt.button === 2 && (evt.type === "pointerdown" || evt.type === "pointerup")
+      );
+      if (hasRightButtonEvent) return;
       state.eventsBuffer.push({
         type: "pointerdown",
         pointerId: 0,
@@ -2666,8 +2705,9 @@ function detachPointerListeners(domElement) {
   instanceState3.delete(domElement);
 }
 var pointerSystem = defineEditorSystem({ phase: "input" }, (ctx) => {
-  const resources = (0, import_core32.getResources)(ctx);
+  const resources = (0, import_core33.getResources)(ctx);
   const { domElement } = resources;
+  if (!domElement) return;
   const state = instanceState3.get(domElement);
   if (!state) return;
   state.frameCount++;
@@ -2677,8 +2717,8 @@ var pointerSystem = defineEditorSystem({ phase: "input" }, (ctx) => {
     switch (event.type) {
       case "pointerdown": {
         const position = [event.clientX - screen.left, event.clientY - screen.top];
-        const entityId = (0, import_core32.createEntity)(ctx);
-        (0, import_core32.addComponent)(ctx, entityId, Pointer, {
+        const entityId = (0, import_core33.createEntity)(ctx);
+        (0, import_core33.addComponent)(ctx, entityId, Pointer, {
           pointerId: event.pointerId,
           position,
           downPosition: position,
@@ -2710,7 +2750,7 @@ var pointerSystem = defineEditorSystem({ phase: "input" }, (ctx) => {
         const position = [event.clientX - screen.left, event.clientY - screen.top];
         const pointer = Pointer.write(ctx, entityId);
         addPointerSample(pointer, position, time);
-        (0, import_core32.removeEntity)(ctx, entityId);
+        (0, import_core33.removeEntity)(ctx, entityId);
         state.pointerEntityMap.delete(event.pointerId);
         break;
       }
@@ -2720,7 +2760,7 @@ var pointerSystem = defineEditorSystem({ phase: "input" }, (ctx) => {
 });
 
 // src/systems/input/screenSystem.ts
-var import_core33 = require("@woven-ecs/core");
+var import_core34 = require("@woven-ecs/core");
 var instanceState4 = /* @__PURE__ */ new WeakMap();
 function attachScreenObserver(domElement) {
   if (instanceState4.has(domElement)) return;
@@ -2745,8 +2785,9 @@ function detachScreenObserver(domElement) {
   instanceState4.delete(domElement);
 }
 var screenSystem = defineEditorSystem({ phase: "input" }, (ctx) => {
-  const resources = (0, import_core33.getResources)(ctx);
+  const resources = (0, import_core34.getResources)(ctx);
   const { domElement } = resources;
+  if (!domElement) return;
   const state = instanceState4.get(domElement);
   if (!state) return;
   const frame = Frame.read(ctx);
@@ -2764,8 +2805,8 @@ var screenSystem = defineEditorSystem({ phase: "input" }, (ctx) => {
 });
 
 // src/systems/postRender/cursorSystem.ts
-var import_core34 = require("@woven-ecs/core");
-var cursorQuery = (0, import_core34.defineQuery)((q) => q.tracking(Cursor));
+var import_core35 = require("@woven-ecs/core");
+var cursorQuery = (0, import_core35.defineQuery)((q) => q.tracking(Cursor));
 function getCursorSvg(cursors, kind, rotateZ) {
   const def = cursors[kind];
   if (!def) return "auto";
@@ -2773,6 +2814,7 @@ function getCursorSvg(cursors, kind, rotateZ) {
   return `url("data:image/svg+xml,${encodeURIComponent(svg.trim())}") ${def.hotspot[0]} ${def.hotspot[1]}, auto`;
 }
 var cursorSystem = defineEditorSystem({ phase: "render", priority: -100 }, (ctx) => {
+  if (typeof document === "undefined") return;
   const changedCursors = cursorQuery.changed(ctx);
   const frame = Frame.read(ctx);
   if (changedCursors.length === 0 && frame.number !== 1) {
@@ -2783,18 +2825,18 @@ var cursorSystem = defineEditorSystem({ phase: "render", priority: -100 }, (ctx)
     document.body.style.cursor = "default";
     return;
   }
-  const { editor } = (0, import_core34.getResources)(ctx);
+  const { editor } = (0, import_core35.getResources)(ctx);
   const cursorValue = getCursorSvg(editor.cursors, cursorKind, rotation);
   document.body.style.cursor = cursorValue;
 });
 
 // src/systems/postRender/presenceSystem.ts
-var import_core41 = require("@woven-ecs/core");
+var import_core42 = require("@woven-ecs/core");
 
 // src/helpers/blockDefs.ts
-var import_core35 = require("@woven-ecs/core");
+var import_core36 = require("@woven-ecs/core");
 function getBlockDefs(ctx) {
-  const { editor } = (0, import_core35.getResources)(ctx);
+  const { editor } = (0, import_core36.getResources)(ctx);
   return editor.blockDefs;
 }
 function getBlockDef(ctx, tag) {
@@ -2804,8 +2846,8 @@ function getBlockDef(ctx, tag) {
 function canBlockEdit(ctx, tag) {
   return getBlockDef(ctx, tag).editOptions.canEdit;
 }
-function canBlockSelect(ctx, tag) {
-  return getBlockDef(ctx, tag).selectable;
+function canBlockInteract(ctx, tag) {
+  return getBlockDef(ctx, tag).interactable;
 }
 function getBlockResizeMode(ctx, entityId) {
   const block = Block.read(ctx, entityId);
@@ -2818,9 +2860,9 @@ function getBlockResizeMode(ctx, entityId) {
 
 // src/helpers/computeAabb.ts
 var import_math4 = require("@woven-canvas/math");
-var import_core36 = require("@woven-ecs/core");
+var import_core37 = require("@woven-ecs/core");
 function computeAabb(ctx, entityId, out) {
-  if ((0, import_core36.hasComponent)(ctx, entityId, HitGeometry)) {
+  if ((0, import_core37.hasComponent)(ctx, entityId, HitGeometry)) {
     const pts = HitGeometry.getExtremaWorld(ctx, entityId);
     import_math4.Aabb.setFromPoints(out, pts);
   } else {
@@ -2829,19 +2871,149 @@ function computeAabb(ctx, entityId, out) {
   }
 }
 
+// src/helpers/embed.ts
+function detectEmbedProvider(url) {
+  try {
+    const parsed = new URL(url);
+    const host = parsed.hostname.replace(/^www\./, "");
+    if (host === "youtube.com" || host === "youtu.be") return "youtube" /* Youtube */;
+    if (host === "open.spotify.com" || host === "spotify.com") return "spotify" /* Spotify */;
+    if (host === "google.com" && parsed.pathname.startsWith("/maps")) return "google-maps" /* GoogleMaps */;
+    if (host === "maps.google.com") return "google-maps" /* GoogleMaps */;
+    if (host === "calendar.google.com") return "google-calendar" /* GoogleCalendar */;
+    if (host === "docs.google.com" && parsed.pathname.includes("/presentation")) return "google-slides" /* GoogleSlides */;
+    if (host === "figma.com" || host.endsWith(".figma.com")) return "figma" /* Figma */;
+    if (host === "gist.github.com") return "github-gist" /* GithubGist */;
+    if (host === "tldraw.com" || host.endsWith(".tldraw.com")) return "tldraw" /* Tldraw */;
+    return "unknown" /* Unknown */;
+  } catch {
+    return "unknown" /* Unknown */;
+  }
+}
+function validateEmbedUrl(url, provider) {
+  try {
+    const parsed = new URL(url);
+    const host = parsed.hostname.replace(/^www\./, "");
+    switch (provider) {
+      case "youtube" /* Youtube */: {
+        if (host === "youtu.be") return null;
+        if (host !== "youtube.com") return "URL must be from youtube.com";
+        if (parsed.pathname === "/watch" && parsed.searchParams.has("v")) return null;
+        if (parsed.pathname.startsWith("/embed/")) return null;
+        return "Paste a YouTube video link (e.g. youtube.com/watch?v=...)";
+      }
+      case "spotify" /* Spotify */: {
+        if (host !== "open.spotify.com" && host !== "spotify.com") return "URL must be from open.spotify.com";
+        if (parsed.pathname.length <= 1) return "Paste a Spotify track, album, or playlist link";
+        return null;
+      }
+      case "google-maps" /* GoogleMaps */: {
+        if (host !== "google.com" && host !== "maps.google.com") return "URL must be from google.com/maps";
+        if (!parsed.pathname.startsWith("/maps") && host !== "maps.google.com") return "Paste a Google Maps link";
+        return null;
+      }
+      case "google-calendar" /* GoogleCalendar */: {
+        if (host !== "calendar.google.com") return "URL must be from calendar.google.com";
+        return null;
+      }
+      case "google-slides" /* GoogleSlides */: {
+        if (host !== "docs.google.com") return "URL must be from docs.google.com";
+        if (!parsed.pathname.includes("/presentation/")) return "Paste a Google Slides presentation link";
+        return null;
+      }
+      case "figma" /* Figma */: {
+        if (host !== "figma.com" && !host.endsWith(".figma.com")) return "URL must be from figma.com";
+        return null;
+      }
+      case "github-gist" /* GithubGist */: {
+        if (host !== "gist.github.com") return "URL must be from gist.github.com";
+        return null;
+      }
+      case "tldraw" /* Tldraw */: {
+        if (host !== "tldraw.com" && !host.endsWith(".tldraw.com")) return "URL must be from tldraw.com";
+        return null;
+      }
+      default:
+        return null;
+    }
+  } catch {
+    return "Please enter a valid URL";
+  }
+}
+function resolveEmbedUrl(url, provider) {
+  const p = provider ?? detectEmbedProvider(url);
+  try {
+    const parsed = new URL(url);
+    switch (p) {
+      case "youtube" /* Youtube */: {
+        const host = parsed.hostname.replace(/^www\./, "");
+        if (host === "youtu.be") {
+          const videoId2 = parsed.pathname.slice(1);
+          return `https://www.youtube.com/embed/${videoId2}`;
+        }
+        const videoId = parsed.searchParams.get("v");
+        if (videoId && parsed.pathname === "/watch") {
+          return `https://www.youtube.com/embed/${videoId}`;
+        }
+        return url;
+      }
+      case "spotify" /* Spotify */: {
+        if (!parsed.pathname.startsWith("/embed/")) {
+          return `https://open.spotify.com/embed${parsed.pathname}`;
+        }
+        return url;
+      }
+      case "google-maps" /* GoogleMaps */: {
+        if (parsed.pathname.startsWith("/maps/embed")) return url;
+        if (parsed.searchParams.get("output") === "embed") return url;
+        const placeMatch = parsed.pathname.match(/\/maps\/place\/([^/]+)/);
+        if (placeMatch) {
+          return `https://www.google.com/maps?q=${encodeURIComponent(decodeURIComponent(placeMatch[1]))}&output=embed`;
+        }
+        const q = parsed.searchParams.get("q");
+        if (q) {
+          return `https://www.google.com/maps?q=${encodeURIComponent(q)}&output=embed`;
+        }
+        const atMatch = parsed.pathname.match(/\/@(-?[\d.]+),(-?[\d.]+),(\d+\.?\d*)z/);
+        if (atMatch) {
+          const [, lat, lng, zoom] = atMatch;
+          return `https://www.google.com/maps?q=${lat},${lng}&z=${Math.round(parseFloat(zoom))}&output=embed`;
+        }
+        return `https://www.google.com/maps?q=${encodeURIComponent(url)}&output=embed`;
+      }
+      case "google-slides" /* GoogleSlides */: {
+        return url.replace(/\/(edit|pub)(#.*)?(\?.*)?$/, "/embed");
+      }
+      case "figma" /* Figma */: {
+        return `https://www.figma.com/embed?embed_host=share&url=${encodeURIComponent(url)}`;
+      }
+      case "github-gist" /* GithubGist */: {
+        if (!url.endsWith(".pibb")) {
+          return `${url}.pibb`;
+        }
+        return url;
+      }
+      default:
+        return url;
+    }
+  } catch {
+    return url;
+  }
+}
+
 // src/helpers/held.ts
-var import_core37 = require("@woven-ecs/core");
+var import_core38 = require("@woven-ecs/core");
 function isHeldByRemote(ctx, entityId) {
-  if (!(0, import_core37.hasComponent)(ctx, entityId, Held)) return false;
-  const { sessionId } = (0, import_core37.getResources)(ctx);
+  if (!(0, import_core38.hasComponent)(ctx, entityId, Held)) return false;
+  const { sessionId } = (0, import_core38.getResources)(ctx);
   const held = Held.read(ctx, entityId);
   return held.sessionId !== "" && held.sessionId !== sessionId;
 }
 
 // src/helpers/intersect.ts
 var import_math5 = require("@woven-canvas/math");
-var import_core38 = require("@woven-ecs/core");
-var blocksWithAabb = (0, import_core38.defineQuery)((q) => q.with(Block, Aabb));
+var import_core39 = require("@woven-ecs/core");
+var blocksWithAabb = (0, import_core39.defineQuery)((q) => q.with(Block, Aabb));
 function intersectPoint(ctx, point, entityIds) {
   const intersects = [];
   const entities = entityIds ?? blocksWithAabb.current(ctx);
@@ -2849,7 +3021,7 @@ function intersectPoint(ctx, point, entityIds) {
     if (!Aabb.containsPoint(ctx, entityId, point)) {
       continue;
     }
-    if ((0, import_core38.hasComponent)(ctx, entityId, HitGeometry)) {
+    if ((0, import_core39.hasComponent)(ctx, entityId, HitGeometry)) {
       if (!HitGeometry.containsPointWorld(ctx, entityId, point)) {
         continue;
       }
@@ -2874,7 +3046,7 @@ function intersectAabb(ctx, bounds, entityIds) {
       intersecting.push(entityId);
       continue;
     }
-    if ((0, import_core38.hasComponent)(ctx, entityId, HitGeometry)) {
+    if ((0, import_core39.hasComponent)(ctx, entityId, HitGeometry)) {
       if (HitGeometry.intersectsAabbWorld(ctx, entityId, bounds)) {
         intersecting.push(entityId);
       }
@@ -2914,7 +3086,7 @@ function getTopmostBlockAtPoint(ctx, point) {
 
 // src/helpers/intersectCapsule.ts
 var import_math6 = require("@woven-canvas/math");
-var import_core39 = require("@woven-ecs/core");
+var import_core40 = require("@woven-ecs/core");
 var _uvToWorldMatrix2 = [1, 0, 0, 1, 0, 0];
 function intersectCapsule(ctx, capsule, entityIds) {
   const intersects = [];
@@ -2924,7 +3096,7 @@ function intersectCapsule(ctx, capsule, entityIds) {
     if (!import_math6.Aabb.intersects(capsuleBounds, aabb.value)) {
       continue;
     }
-    if ((0, import_core39.hasComponent)(ctx, entityId, HitGeometry)) {
+    if ((0, import_core40.hasComponent)(ctx, entityId, HitGeometry)) {
       if (intersectsCapsuleHitGeometry(ctx, entityId, capsule)) {
         intersects.push(entityId);
       }
@@ -2971,10 +3143,10 @@ function intersectsCapsuleHitGeometry(ctx, entityId, capsule) {
 }
 
 // src/helpers/user.ts
-var import_core40 = require("@woven-ecs/core");
-var userQuery = (0, import_core40.defineQuery)((q) => q.with(User));
+var import_core41 = require("@woven-ecs/core");
+var userQuery = (0, import_core41.defineQuery)((q) => q.with(User));
 function getMyUserEntityId(ctx) {
-  const mySessionId = (0, import_core40.getResources)(ctx).sessionId;
+  const mySessionId = (0, import_core41.getResources)(ctx).sessionId;
   for (const eid of userQuery.current(ctx)) {
     const user = User.read(ctx, eid);
     if (user.sessionId === mySessionId) {
@@ -2985,7 +3157,7 @@ function getMyUserEntityId(ctx) {
 }
 
 // src/systems/postRender/presenceSystem.ts
-var pointerQuery = (0, import_core41.defineQuery)((q) => q.tracking(Pointer));
+var pointerQuery = (0, import_core42.defineQuery)((q) => q.tracking(Pointer));
 var presenceSystem = defineEditorSystem({ phase: "render", priority: -100 }, (ctx) => {
   if (Mouse.didMove(ctx)) {
     const mouse = Mouse.read(ctx);
@@ -3015,16 +3187,16 @@ function updateUserPosition(ctx, position) {
 }
 
 // src/systems/preCapture/intersectSystem.ts
-var import_core42 = require("@woven-ecs/core");
-var blocksChanged = (0, import_core42.defineQuery)((q) => q.tracking(Block));
-var hitGeometryChanged = (0, import_core42.defineQuery)((q) => q.tracking(HitGeometry));
-var heldQuery = (0, import_core42.defineQuery)((q) => q.with(Held).tracking(Held));
-var hoveredQuery = (0, import_core42.defineQuery)((q) => q.with(Hovered));
-var pointerQuery2 = (0, import_core42.defineQuery)((q) => q.with(Pointer));
+var import_core43 = require("@woven-ecs/core");
+var blocksChanged = (0, import_core43.defineQuery)((q) => q.tracking(Block));
+var hitGeometryChanged = (0, import_core43.defineQuery)((q) => q.tracking(HitGeometry));
+var heldQuery = (0, import_core43.defineQuery)((q) => q.with(Held).tracking(Held));
+var hoveredQuery = (0, import_core43.defineQuery)((q) => q.with(Hovered));
+var pointerQuery2 = (0, import_core43.defineQuery)((q) => q.with(Pointer));
 function clearHovered(ctx) {
   for (const entityId of hoveredQuery.current(ctx)) {
-    if ((0, import_core42.hasComponent)(ctx, entityId, Hovered)) {
-      (0, import_core42.removeComponent)(ctx, entityId, Hovered);
+    if ((0, import_core43.hasComponent)(ctx, entityId, Hovered)) {
+      (0, import_core43.removeComponent)(ctx, entityId, Hovered);
     }
   }
 }
@@ -3042,7 +3214,7 @@ function updateHovered(ctx, intersected) {
   if (!selectToolActive) return;
   const newHoveredId = findValidHoverTarget(ctx, intersected);
   if (newHoveredId !== void 0) {
-    (0, import_core42.addComponent)(ctx, newHoveredId, Hovered, {});
+    (0, import_core43.addComponent)(ctx, newHoveredId, Hovered, {});
   }
 }
 function arraysEqual(a, b) {
@@ -3071,13 +3243,18 @@ var intersectSystem = defineEditorSystem({ phase: "capture", priority: 100 }, (c
     changed.add(entityId);
   }
   for (const entityId of added) {
-    if (!(0, import_core42.hasComponent)(ctx, entityId, Aabb)) {
-      (0, import_core42.addComponent)(ctx, entityId, Aabb, { value: [0, 0, 0, 0] });
+    if ((0, import_core43.hasComponent)(ctx, entityId, Block)) {
+      const block = Block.read(ctx, entityId);
+      if (!canBlockInteract(ctx, block.tag)) continue;
+    }
+    if (!(0, import_core43.hasComponent)(ctx, entityId, Aabb)) {
+      (0, import_core43.addComponent)(ctx, entityId, Aabb, { value: [0, 0, 0, 0] });
     }
     const aabb = Aabb.write(ctx, entityId);
     computeAabb(ctx, entityId, aabb.value);
   }
   for (const entityId of changed) {
+    if (!(0, import_core43.hasComponent)(ctx, entityId, Aabb)) continue;
     const aabb = Aabb.write(ctx, entityId);
     computeAabb(ctx, entityId, aabb.value);
   }
@@ -3096,11 +3273,13 @@ var intersectSystem = defineEditorSystem({ phase: "capture", priority: 100 }, (c
     clearHovered(ctx);
     return;
   }
-  const resources = (0, import_core42.getResources)(ctx);
+  const resources = (0, import_core43.getResources)(ctx);
   const isObscured = Mouse.isObscured(ctx);
-  const wasObscured = prevObscuredByElement.get(resources.domElement) ?? false;
+  const wasObscured = resources.domElement ? prevObscuredByElement.get(resources.domElement) ?? false : false;
   const obscuredChanged = isObscured !== wasObscured;
-  prevObscuredByElement.set(resources.domElement, isObscured);
+  if (resources.domElement) {
+    prevObscuredByElement.set(resources.domElement, isObscured);
+  }
   if (isObscured) {
     clearHovered(ctx);
     return;
@@ -3123,9 +3302,9 @@ var intersectSystem = defineEditorSystem({ phase: "capture", priority: 100 }, (c
 });
 
 // src/systems/preInput/rankBoundsSystem.ts
-var import_canvas_store29 = require("@woven-ecs/canvas-store");
-var import_core43 = require("@woven-ecs/core");
-var blocksQuery = (0, import_core43.defineQuery)((q) => q.with(import_canvas_store29.Synced, Block));
+var import_canvas_store30 = require("@woven-ecs/canvas-store");
+var import_core44 = require("@woven-ecs/core");
+var blocksQuery = (0, import_core44.defineQuery)((q) => q.with(import_canvas_store30.Synced, Block));
 var rankBoundsSystem = defineEditorSystem({ phase: "input", priority: 100 }, (ctx) => {
   const added2 = blocksQuery.added(ctx);
   for (const entityId of added2) {
@@ -3141,11 +3320,11 @@ var rankBoundsSystem = defineEditorSystem({ phase: "input", priority: 100 }, (ct
 
 // src/systems/preRender/canSeeBlocksSystem.ts
 var import_math7 = require("@woven-canvas/math");
-var import_canvas_store30 = require("@woven-ecs/canvas-store");
-var import_core44 = require("@woven-ecs/core");
-var camerasQuery = (0, import_core44.defineQuery)((q) => q.tracking(Camera));
-var blocksQuery2 = (0, import_core44.defineQuery)((q) => q.with(import_canvas_store30.Synced, Block, Aabb));
-var syncedBlocksQuery = (0, import_core44.defineQuery)((q) => q.with(import_canvas_store30.Synced, Block, Aabb));
+var import_canvas_store31 = require("@woven-ecs/canvas-store");
+var import_core45 = require("@woven-ecs/core");
+var camerasQuery = (0, import_core45.defineQuery)((q) => q.tracking(Camera));
+var blocksQuery2 = (0, import_core45.defineQuery)((q) => q.with(import_canvas_store31.Synced, Block, Aabb));
+var syncedBlocksQuery = (0, import_core45.defineQuery)((q) => q.with(import_canvas_store31.Synced, Block, Aabb));
 var _cameraAabb = [0, 0, 0, 0];
 var canSeeBlocksSystem = defineEditorSystem({ phase: "render", priority: 90 }, (ctx) => {
   if (camerasQuery.changed(ctx).length === 0 && syncedBlocksQuery.addedOrRemoved(ctx).length === 0) {
@@ -3154,7 +3333,7 @@ var canSeeBlocksSystem = defineEditorSystem({ phase: "render", priority: 90 }, (
   const camera = Camera.read(ctx);
   const cameraAabb = Camera.getAabb(ctx, _cameraAabb);
   if (camera.canSeeBlocks && camera.lastSeenBlock !== null) {
-    if ((0, import_core44.hasComponent)(ctx, camera.lastSeenBlock, Aabb)) {
+    if ((0, import_core45.hasComponent)(ctx, camera.lastSeenBlock, Aabb)) {
       const aabb = Aabb.read(ctx, camera.lastSeenBlock);
       if (import_math7.Aabb.intersects(cameraAabb, aabb.value)) {
         return;
@@ -3183,10 +3362,11 @@ var canSeeBlocksSystem = defineEditorSystem({ phase: "render", priority: 90 }, (
 
 // src/systems/preRender/scaleWithZoomSystem.ts
 var import_math8 = require("@woven-canvas/math");
-var import_core45 = require("@woven-ecs/core");
-var scaleWithZoomQuery = (0, import_core45.defineQuery)((q) => q.with(Block).tracking(ScaleWithZoom));
+var import_core46 = require("@woven-ecs/core");
+var scaleWithZoomQuery = (0, import_core46.defineQuery)((q) => q.with(Block).tracking(ScaleWithZoom));
 var _scaledSize = [0, 0];
 var _anchorOffset = [0, 0];
+var _anchorAdj = [0, 0];
 var scaleWithZoomSystem = defineEditorSystem({ phase: "render", priority: 100 }, (ctx) => {
   const camera = Camera.read(ctx);
   const state = ScaleWithZoomState.read(ctx);
@@ -3211,7 +3391,15 @@ function scaleBlock(ctx, entityId, zoom) {
   _scaledSize[1] = swz.startSize[1] * scaleY;
   import_math8.Vec2.copy(_anchorOffset, swz.startSize);
   import_math8.Vec2.sub(_anchorOffset, _scaledSize);
-  import_math8.Vec2.multiply(_anchorOffset, swz.anchor);
+  if (block.rotateZ !== 0) {
+    _anchorAdj[0] = _anchorOffset[0] * (swz.anchor[0] - 0.5);
+    _anchorAdj[1] = _anchorOffset[1] * (swz.anchor[1] - 0.5);
+    import_math8.Vec2.rotate(_anchorAdj, block.rotateZ);
+    _anchorOffset[0] = _anchorOffset[0] * 0.5 + _anchorAdj[0];
+    _anchorOffset[1] = _anchorOffset[1] * 0.5 + _anchorAdj[1];
+  } else {
+    import_math8.Vec2.multiply(_anchorOffset, swz.anchor);
+  }
   import_math8.Vec2.copy(block.position, swz.startPosition);
   import_math8.Vec2.add(block.position, _anchorOffset);
   import_math8.Vec2.copy(block.size, _scaledSize);
@@ -3220,8 +3408,8 @@ function scaleBlock(ctx, entityId, zoom) {
 // src/CorePlugin.ts
 var CorePlugin = {
   name: CORE_PLUGIN_NAME,
-  singletons: Object.values(singletons_exports).filter((v) => v instanceof import_canvas_store31.CanvasSingletonDef),
-  components: Object.values(components_exports).filter((v) => v instanceof import_canvas_store31.CanvasComponentDef),
+  singletons: Object.values(singletons_exports).filter((v) => v instanceof import_canvas_store32.CanvasSingletonDef),
+  components: Object.values(components_exports).filter((v) => v instanceof import_canvas_store32.CanvasComponentDef),
   blockDefs: [
     {
       tag: "sticky-note",
@@ -3251,6 +3439,14 @@ var CorePlugin = {
       editOptions: {
         canEdit: true
       }
+    },
+    {
+      tag: "embed",
+      components: [Embed],
+      resizeMode: ResizeMode.Free,
+      editOptions: {
+        canEdit: true
+      }
     }
   ],
   systems: [
@@ -3278,14 +3474,16 @@ var CorePlugin = {
     // priority: -100
   ],
   setup(ctx) {
-    const { domElement } = (0, import_core46.getResources)(ctx);
+    const { domElement } = (0, import_core47.getResources)(ctx);
+    if (!domElement) return;
     attachKeyboardListeners(domElement);
     attachMouseListeners(domElement);
     attachScreenObserver(domElement);
     attachPointerListeners(domElement);
   },
   teardown(ctx) {
-    const { domElement } = (0, import_core46.getResources)(ctx);
+    const { domElement } = (0, import_core47.getResources)(ctx);
+    if (!domElement) return;
     detachKeyboardListeners(domElement);
     detachMouseListeners(domElement);
     detachScreenObserver(domElement);
@@ -3294,8 +3492,8 @@ var CorePlugin = {
 };
 
 // src/Editor.ts
-var import_canvas_store32 = require("@woven-ecs/canvas-store");
-var import_core47 = require("@woven-ecs/core");
+var import_canvas_store33 = require("@woven-ecs/canvas-store");
+var import_core48 = require("@woven-ecs/core");
 
 // src/FontLoader.ts
 var import_zod2 = require("zod");
@@ -3382,6 +3580,9 @@ var FontLoader = class {
    */
   loadSingleFont(family) {
     this.loadedFonts.add(family.name);
+    if (typeof document === "undefined") {
+      return Promise.resolve();
+    }
     return new Promise((resolve, reject) => {
       const link = document.createElement("link");
       link.rel = "stylesheet";
@@ -3512,7 +3713,7 @@ var Editor = class {
     this.controlsOptions = ControlsOptions.parse(options.controls ?? {});
     const plugins = pluginInputs.map(parsePlugin);
     const sortedPlugins = sortPluginsByDependencies([CorePlugin, ...plugins]);
-    const allDefs = [CommandMarker, import_canvas_store32.Synced];
+    const allDefs = [CommandMarker, import_canvas_store33.Synced];
     for (const plugin of sortedPlugins) {
       if (plugin.components) {
         allDefs.push(...plugin.components);
@@ -3587,7 +3788,7 @@ var Editor = class {
       componentsById,
       singletonsById
     };
-    this.world = new import_core47.World(allDefs, {
+    this.world = new import_core48.World(allDefs, {
       maxEntities,
       resources: allResources
     });
@@ -3647,11 +3848,11 @@ var Editor = class {
     Grid.copy(this.ctx, this.gridOptions);
     Controls.copy(this.ctx, this.controlsOptions);
     this.nextTick((ctx) => {
-      const userEntity = (0, import_core47.createEntity)(ctx);
-      (0, import_core47.addComponent)(ctx, userEntity, import_canvas_store32.Synced, {
+      const userEntity = (0, import_core48.createEntity)(ctx);
+      (0, import_core48.addComponent)(ctx, userEntity, import_canvas_store33.Synced, {
         id: crypto.randomUUID()
       });
-      (0, import_core47.addComponent)(ctx, userEntity, User, {
+      (0, import_core48.addComponent)(ctx, userEntity, User, {
         userId: this.userData.userId,
         sessionId: this.userData.sessionId,
         color: this.userData.color,
@@ -3760,11 +3961,54 @@ var Editor = class {
   _getContext() {
     return this.ctx;
   }
+  /**
+   * Attach a DOM element to a headless editor.
+   * Use this after SSR to connect input listeners and enable rendering.
+   *
+   * @param domElement - The DOM element to attach to
+   *
+   * @example
+   * ```typescript
+   * // SSR: create headless editor
+   * const editor = new Editor(null, { plugins: [...] });
+   * await editor.initialize();
+   * editor.tick(); // process initial state
+   *
+   * // Client hydration: attach the DOM
+   * editor.attachDom(document.getElementById('canvas')!);
+   * ```
+   */
+  attachDom(domElement) {
+    const resources = this.ctx.resources;
+    if (resources.domElement) {
+      throw new Error("Editor already has a DOM element attached. Call detachDom() first.");
+    }
+    resources.domElement = domElement;
+    attachKeyboardListeners(domElement);
+    attachMouseListeners(domElement);
+    attachScreenObserver(domElement);
+    attachPointerListeners(domElement);
+  }
+  /**
+   * Detach the current DOM element.
+   * Removes all input listeners. The editor continues to run headless.
+   */
+  detachDom() {
+    const resources = this.ctx.resources;
+    const { domElement } = resources;
+    if (!domElement) return;
+    detachKeyboardListeners(domElement);
+    detachMouseListeners(domElement);
+    detachScreenObserver(domElement);
+    detachPointerListeners(domElement);
+    resources.domElement = null;
+  }
   /**
    * Clean up the editor.
    * Call this when done to release resources.
    */
   dispose() {
+    this.detachDom();
     const plugins = Array.from(this.plugins.values()).reverse();
     for (const plugin of plugins) {
       if (plugin.teardown) {
@@ -3778,7 +4022,7 @@ var Editor = class {
 };
 
 // src/EditorStateDef.ts
-var import_canvas_store33 = require("@woven-ecs/canvas-store");
+var import_canvas_store34 = require("@woven-ecs/canvas-store");
 
 // src/machine.ts
 var import_xstate = require("xstate");
@@ -3806,7 +4050,7 @@ function runMachine(machine, currentState, context, events) {
 }
 
 // src/EditorStateDef.ts
-var EditorStateDef = class extends import_canvas_store33.CanvasSingletonDef {
+var EditorStateDef = class extends import_canvas_store34.CanvasSingletonDef {
   constructor(name, schema) {
     super({ name, sync: "none" }, schema);
   }
@@ -3937,10 +4181,10 @@ function getMouseInput(ctx) {
 
 // src/events/pointerInputEvents.ts
 var import_math9 = require("@woven-canvas/math");
-var import_core48 = require("@woven-ecs/core");
+var import_core49 = require("@woven-ecs/core");
 var DEFAULT_CLICK_MOVE_THRESHOLD = 3;
 var DEFAULT_CLICK_FRAME_THRESHOLD = 30;
-var pointerQuery3 = (0, import_core48.defineQuery)((q) => q.tracking(Pointer));
+var pointerQuery3 = (0, import_core49.defineQuery)((q) => q.tracking(Pointer));
 var trackingState = /* @__PURE__ */ new Map();
 function getTrackingState(ctx) {
   const key = ctx.readerId;
@@ -4082,6 +4326,8 @@ function clearPointerTrackingState(ctx) {
   Edited,
   Editor,
   EditorStateDef,
+  Embed,
+  EmbedProvider,
   EventType,
   FontFamily,
   FontLoader,
@@ -4127,7 +4373,7 @@ function clearPointerTrackingState(ctx) {
   VerticalAlignment,
   addComponent,
   canBlockEdit,
-  canBlockSelect,
+  canBlockInteract,
   clearPointerTrackingState,
   createEntity,
   defineCanvasComponent,
@@ -4137,6 +4383,7 @@ function clearPointerTrackingState(ctx) {
   defineEditorSystem,
   defineQuery,
   defineSystem,
+  detectEmbedProvider,
   field,
   getBackrefs,
   getBlockDef,
@@ -4158,6 +4405,8 @@ function clearPointerTrackingState(ctx) {
   parsePlugin,
   removeComponent,
   removeEntity,
-  runMachine
+  resolveEmbedUrl,
+  runMachine,
+  validateEmbedUrl
 });
 //# sourceMappingURL=index.cjs.map