@vibecook/ice 0.11.0 → 0.14.0

package/dist/chunk-2TNVB2ON.js

@@ -1,1163 +0,0 @@
-import {
-  Camera,
-  CursorVisual,
-  Follows,
-  Grab,
-  HandleSpec,
-  MeasuredSize,
-  NO_MODS,
-  Opacity,
-  Position,
-  PrefabId,
-  PresenceInfo,
-  SelectionBox,
-  Size,
-  compareStackOrder,
-  createSiblingOrderIndex,
-  defineQuery,
-  widgets
-} from "./chunk-VGVDJZSP.js";
-import {
-  planeCssTransform,
-  worldToScreen
-} from "./chunk-OR5FNVUE.js";
-
-// ../dom/src/host.ts
-var CONTAINER_STYLE = {
-  overflow: "hidden",
-  touchAction: "none",
-  userSelect: "none"
-};
-var PLANE_STYLE = {
-  position: "absolute",
-  left: "0",
-  top: "0",
-  transformOrigin: "0 0",
-  willChange: "transform"
-};
-function createCanvasHost(container) {
-  const view = container.ownerDocument.defaultView;
-  const position = container.style.position !== "" ? container.style.position : view?.getComputedStyle(container).position ?? "";
-  const promoteToRelative = position === "" || position === "static";
-  if (promoteToRelative) container.style.position = "relative";
-  const priorContainerStyle = Object.keys(CONTAINER_STYLE).map((prop) => {
-    const cssName = prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-    return [cssName, container.style.getPropertyValue(cssName)];
-  });
-  Object.assign(container.style, CONTAINER_STYLE);
-  const contentPlane = container.ownerDocument.createElement("div");
-  Object.assign(contentPlane.style, PLANE_STYLE);
-  container.appendChild(contentPlane);
-  return {
-    container,
-    contentPlane,
-    dispose() {
-      contentPlane.remove();
-      if (promoteToRelative) container.style.removeProperty("position");
-      for (const [cssName, prior] of priorContainerStyle) {
-        if (prior !== "") container.style.setProperty(cssName, prior);
-        else container.style.removeProperty(cssName);
-      }
-    }
-  };
-}
-
-// ../dom/src/planes.ts
-var LIFTED_PLANE_STYLE = {
-  position: "absolute",
-  left: "0",
-  top: "0",
-  transformOrigin: "0 0",
-  willChange: "transform",
-  // The ONE explicit z in the plane sandwich (2026-07-19): in-container app
-  // chrome may slot BETWEEN the planes with z-index 1 — resting widgets
-  // slide under it while the dragged (promoted) widget floats over it. DOM
-  // order alone leaves no gap for that; everything else stays order-stacked.
-  zIndex: "2"
-};
-function createPlanes(host) {
-  const lifted = host.container.ownerDocument.createElement("div");
-  Object.assign(lifted.style, LIFTED_PLANE_STYLE);
-  host.container.appendChild(lifted);
-  return {
-    content: host.contentPlane,
-    lifted,
-    // Without this a React StrictMode remount stacks a second P3
-    // (2026-07-11 reflector-teardown sweep, with the grid-canvas fix).
-    dispose() {
-      lifted.remove();
-    }
-  };
-}
-
-// ../dom/src/reflectors/plane-transform.ts
-function createPlaneTransformReflector(host) {
-  let writes = 0;
-  return {
-    name: "plane-transform",
-    observe: { resources: [Camera] },
-    flush(world) {
-      const camera = world.getResource(Camera);
-      if (camera === void 0) return;
-      const { tx, ty, scale } = planeCssTransform(camera);
-      const transform = `translate(${tx}px, ${ty}px) scale(${scale})`;
-      host.contentPlane.style.transform = transform;
-      if (host.liftedPlane !== void 0) host.liftedPlane.style.transform = transform;
-      writes++;
-    },
-    transformWrites: () => writes
-  };
-}
-
-// ../dom/src/reflectors/graybox.ts
-var grayboxQuery = defineQuery([Position, Size]);
-function fillFor(entity) {
-  const n = entity;
-  const hash = (Math.imul(n, 2654435761) >>> 0) % 360;
-  return `hsl(${hash}, 55%, 55%)`;
-}
-function writeGeom(div, x, y, w, h) {
-  div.style.left = `${x}px`;
-  div.style.top = `${y}px`;
-  div.style.width = `${w}px`;
-  div.style.height = `${h}px`;
-}
-function createGrayboxReflector(host) {
-  const divs = /* @__PURE__ */ new Map();
-  const geom = /* @__PURE__ */ new Map();
-  const seen = /* @__PURE__ */ new Set();
-  const doc = host.container.ownerDocument;
-  let styleWrites = 0;
-  return {
-    name: "graybox",
-    observe: { queries: [{ q: grayboxQuery, cols: [Position, Size] }] },
-    flush(world) {
-      seen.clear();
-      let fragment = null;
-      world.query(grayboxQuery).each((batch) => {
-        const px = batch.col(Position).x;
-        const py = batch.col(Position).y;
-        const sw = batch.col(Size).w;
-        const sh = batch.col(Size).h;
-        for (const r of batch) {
-          const entity = batch.entity(r);
-          seen.add(entity);
-          const x = px[r];
-          const y = py[r];
-          const w = sw[r];
-          const h = sh[r];
-          const existing = divs.get(entity);
-          if (existing === void 0) {
-            const div = doc.createElement("div");
-            div.style.position = "absolute";
-            div.style.background = fillFor(entity);
-            writeGeom(div, x, y, w, h);
-            styleWrites++;
-            divs.set(entity, div);
-            geom.set(entity, { x, y, w, h });
-            if (fragment === null) fragment = doc.createDocumentFragment();
-            fragment.appendChild(div);
-            continue;
-          }
-          const prev = geom.get(entity);
-          if (prev === void 0) {
-            writeGeom(existing, x, y, w, h);
-            styleWrites++;
-            geom.set(entity, { x, y, w, h });
-          } else if (prev.x !== x || prev.y !== y || prev.w !== w || prev.h !== h) {
-            writeGeom(existing, x, y, w, h);
-            styleWrites++;
-            prev.x = x;
-            prev.y = y;
-            prev.w = w;
-            prev.h = h;
-          }
-        }
-      });
-      if (fragment !== null) host.contentPlane.appendChild(fragment);
-      for (const [entity, div] of divs) {
-        if (seen.has(entity)) continue;
-        div.remove();
-        divs.delete(entity);
-        geom.delete(entity);
-      }
-    },
-    styleWrites: () => styleWrites,
-    nodeCount: () => divs.size
-  };
-}
-
-// ../dom/src/input-ownership.ts
-var KEYBOARD_CLAIM_ATTR = "data-canvas-keyboard";
-var CLAIM_OWNS_ESCAPE = "escape";
-var NO_CLAIM = { claimed: false, ownsEscape: false };
-function isEditableTarget(target) {
-  if (target === null || !(target instanceof HTMLElement)) return false;
-  const tag = target.tagName;
-  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || target.isContentEditable;
-}
-function keyboardClaimOf(target) {
-  if (!(target instanceof Element)) return NO_CLAIM;
-  const marked = target.closest(`[${KEYBOARD_CLAIM_ATTR}]`);
-  if (marked === null) return NO_CLAIM;
-  return { claimed: true, ownsEscape: marked.getAttribute(KEYBOARD_CLAIM_ATTR) === CLAIM_OWNS_ESCAPE };
-}
-var SCROLL_OPT_OUT_SELECTOR = `[${KEYBOARD_CLAIM_ATTR}], [data-canvas-interactive], input, textarea, select, [contenteditable=""], [contenteditable="true"]`;
-var SCROLL_EPS = 1;
-function hasScrollRoom(el, dx, dy) {
-  const style = el.ownerDocument.defaultView?.getComputedStyle(el);
-  if (style === void 0 || style === null) return false;
-  if (Math.abs(dy) >= Math.abs(dx)) {
-    if (dy === 0) return false;
-    const oy = style.overflowY;
-    if (oy !== "auto" && oy !== "scroll") return false;
-    if (el.scrollHeight <= el.clientHeight + SCROLL_EPS) return false;
-    return dy > 0 ? el.scrollTop + el.clientHeight < el.scrollHeight - SCROLL_EPS : el.scrollTop > SCROLL_EPS;
-  }
-  if (dx === 0) return false;
-  const ox = style.overflowX;
-  if (ox !== "auto" && ox !== "scroll") return false;
-  if (el.scrollWidth <= el.clientWidth + SCROLL_EPS) return false;
-  return dx > 0 ? el.scrollLeft + el.clientWidth < el.scrollWidth - SCROLL_EPS : el.scrollLeft > SCROLL_EPS;
-}
-function wheelCede(target, container, dx, dy) {
-  if (!(target instanceof Element)) return false;
-  if (dx === 0 && dy === 0) return false;
-  let sawScrollableRoom = false;
-  for (let el = target; el !== null && el !== container; el = el.parentElement) {
-    if (el instanceof HTMLElement && hasScrollRoom(el, dx, dy)) sawScrollableRoom = true;
-    if (sawScrollableRoom && el.matches(SCROLL_OPT_OUT_SELECTOR)) return true;
-  }
-  return false;
-}
-
-// ../dom/src/reflectors/dom-widgets.ts
-var geometryQuery = defineQuery([Position, Size]);
-var measuredQuery = defineQuery([MeasuredSize]);
-var grabQuery = defineQuery([Grab]);
-var opacityQuery = defineQuery([Opacity]);
-function writeGeom2(el, x, y, w, h) {
-  el.style.left = `${x}px`;
-  el.style.top = `${y}px`;
-  el.style.width = `${w}px`;
-  el.style.height = `${h}px`;
-}
-function createDomWidgetsReflector(host, world, store) {
-  const doc = host.contentPlane.ownerDocument;
-  const hosts = /* @__PURE__ */ new Map();
-  const order = createSiblingOrderIndex(world);
-  let lastSnapshot;
-  let geometryWrites = 0;
-  let inert = false;
-  let geometryDirty = false;
-  let promoteDirty = false;
-  let opacityDirty = false;
-  let orderDirty = false;
-  const unsubs = [
-    world.reactive.observeQuery(geometryQuery, () => {
-      geometryDirty = true;
-    }, { cols: [Position, Size] }),
-    // MeasuredSize rides its own observer: adding it to geometryQuery's cols
-    // would require it in the query and drop widgets without the rider.
-    world.reactive.observeQuery(measuredQuery, () => {
-      geometryDirty = true;
-    }, { cols: [MeasuredSize] }),
-    world.reactive.observeQuery(grabQuery, () => {
-      promoteDirty = true;
-    }, { cols: [] }),
-    // Opacity is an optional rider like MeasuredSize: membership (attach/detach)
-    // and value changes both arm the flag; detach resets the host to the
-    // default via the `?? 1` read.
-    world.reactive.observeQuery(opacityQuery, () => {
-      opacityDirty = true;
-    }, { cols: [Opacity] }),
-    // Within-plane stacking IS the frame's ChildOf sibling sequence (petition
-    // 8, superseding the StackZ sort that fixed the 2026-07-18 comment-box
-    // paint bug). The wake names the relation (Related grammar — pure
-    // reorders fire it); the ordinal cache's stamp check in updateOrder
-    // keeps other-frame churn cheap.
-    order.observe(() => {
-      orderDirty = true;
-    })
-  ];
-  function promotable(e) {
-    const type = world.get(e, PrefabId)?.id;
-    return typeof type !== "string" || widgets.get(type)?.surface !== "gl";
-  }
-  function readGeom(e) {
-    const p = world.get(e, Position);
-    const measured = world.get(e, MeasuredSize);
-    const s = measured !== void 0 && measured.w > 0 ? measured : world.get(e, Size);
-    return { x: p?.x ?? 0, y: p?.y ?? 0, w: s?.w ?? 0, h: s?.h ?? 0 };
-  }
-  function readOpacity(e) {
-    return world.get(e, Opacity)?.a ?? 1;
-  }
-  function createHost(e) {
-    const el = doc.createElement("div");
-    el.style.position = "absolute";
-    el.setAttribute("data-ice-entity", String(e));
-    const claimType = world.get(e, PrefabId)?.id;
-    const claimWidget = typeof claimType === "string" ? widgets.get(claimType) : void 0;
-    if (claimWidget?.keyboard === "exclusive") {
-      el.setAttribute(KEYBOARD_CLAIM_ATTR, claimWidget.keyboardEscape === "widget" ? CLAIM_OWNS_ESCAPE : "");
-      el.tabIndex = -1;
-      el.style.outline = "none";
-    }
-    const content = doc.createElement("div");
-    content.setAttribute("data-ice-content", "");
-    content.style.width = "100%";
-    content.style.height = "100%";
-    el.appendChild(content);
-    const g = readGeom(e);
-    writeGeom2(el, g.x, g.y, g.w, g.h);
-    geometryWrites++;
-    const opacity = readOpacity(e);
-    if (opacity !== 1) el.style.opacity = String(opacity);
-    const lifted = world.has(e, Grab) && promotable(e);
-    (lifted ? host.liftedPlane : host.contentPlane).appendChild(el);
-    return { host: el, content, x: g.x, y: g.y, w: g.w, h: g.h, hidden: false, lifted, opacity };
-  }
-  function reconcile(snapshot) {
-    let membershipChanged = false;
-    const present = /* @__PURE__ */ new Set();
-    for (const entry of snapshot) {
-      present.add(entry.entity);
-      let rec = hosts.get(entry.entity);
-      if (rec === void 0) {
-        rec = createHost(entry.entity);
-        hosts.set(entry.entity, rec);
-        membershipChanged = true;
-      }
-      if (entry.hidden !== rec.hidden) {
-        rec.hidden = entry.hidden;
-        rec.host.style.display = entry.hidden ? "none" : "";
-      }
-    }
-    for (const [e, rec] of hosts) {
-      if (present.has(e)) continue;
-      rec.host.remove();
-      hosts.delete(e);
-      membershipChanged = true;
-    }
-    return membershipChanged;
-  }
-  function updateGeometry() {
-    for (const [e, rec] of hosts) {
-      const g = readGeom(e);
-      if (g.x !== rec.x || g.y !== rec.y || g.w !== rec.w || g.h !== rec.h) {
-        writeGeom2(rec.host, g.x, g.y, g.w, g.h);
-        rec.x = g.x;
-        rec.y = g.y;
-        rec.w = g.w;
-        rec.h = g.h;
-        geometryWrites++;
-      }
-    }
-  }
-  function updateOrder() {
-    const ordinals = order.ordinals();
-    let allApplied = true;
-    for (const plane of [host.contentPlane, host.liftedPlane]) {
-      const active = doc.activeElement;
-      if (active !== null && active !== doc.body && plane.contains(active)) {
-        allApplied = false;
-        continue;
-      }
-      const mine = [];
-      for (const [e, rec] of hosts) {
-        if (rec.host.parentNode !== plane) continue;
-        mine.push({ el: rec.host, e });
-      }
-      if (mine.length < 2) continue;
-      const target = [...mine].sort((a, b) => compareStackOrder(world, ordinals, a.e, b.e));
-      let cursor = 0;
-      let inOrder = true;
-      for (let i = 0; i < plane.children.length; i++) {
-        const child = plane.children.item(i);
-        if (cursor >= target.length || child === null) break;
-        if (child === target[cursor].el) cursor += 1;
-        else if (mine.some((m) => m.el === child)) {
-          inOrder = false;
-          break;
-        }
-      }
-      if (inOrder && cursor === target.length) continue;
-      for (const m of target) plane.appendChild(m.el);
-    }
-    return allApplied;
-  }
-  function updateOpacity() {
-    for (const [e, rec] of hosts) {
-      const o = readOpacity(e);
-      if (o !== rec.opacity) {
-        rec.host.style.opacity = o === 1 ? "" : String(o);
-        rec.opacity = o;
-      }
-    }
-  }
-  function updatePromote() {
-    let anyLifted = false;
-    for (const [e, rec] of hosts) {
-      const grabbed = world.has(e, Grab);
-      const shouldLift = grabbed && promotable(e);
-      if (shouldLift) anyLifted = true;
-      if (shouldLift !== rec.lifted) {
-        rec.lifted = shouldLift;
-        (shouldLift ? host.liftedPlane : host.contentPlane).appendChild(rec.host);
-        orderDirty = true;
-      }
-      if (grabbed && !shouldLift) {
-        if (rec.host.style.zIndex !== "1000") rec.host.style.zIndex = "1000";
-      } else if (rec.host.style.zIndex !== "") {
-        rec.host.style.zIndex = "";
-      }
-    }
-    if (anyLifted !== inert) {
-      inert = anyLifted;
-      host.contentPlane.style.pointerEvents = inert ? "none" : "";
-      host.liftedPlane.style.pointerEvents = inert ? "none" : "";
-    }
-  }
-  return {
-    name: "domWidgets",
-    always: true,
-    // store membership has no ECS stamp; the flush self-gates cheaply
-    flush(_world) {
-      const snapshot = store.getSnapshot();
-      let membershipChanged = false;
-      if (snapshot !== lastSnapshot) {
-        lastSnapshot = snapshot;
-        membershipChanged = reconcile(snapshot);
-      }
-      if (geometryDirty) {
-        geometryDirty = false;
-        updateGeometry();
-      }
-      if (opacityDirty) {
-        opacityDirty = false;
-        updateOpacity();
-      }
-      if (promoteDirty || membershipChanged) {
-        promoteDirty = false;
-        updatePromote();
-      }
-      if (orderDirty || membershipChanged) {
-        orderDirty = !updateOrder();
-      }
-    },
-    hostFor: (entity) => hosts.get(entity)?.content,
-    hostCount: () => hosts.size,
-    geometryWrites: () => geometryWrites,
-    dispose() {
-      for (const u of unsubs) u();
-      unsubs.length = 0;
-    }
-  };
-}
-
-// ../dom/src/loop.ts
-function startRafLoop(engine) {
-  let handle = 0;
-  let stopped = false;
-  let parked = false;
-  const tick = (now) => {
-    if (stopped) return;
-    if (!engine.frame.claimStep()) {
-      parked = true;
-      handle = 0;
-      return;
-    }
-    try {
-      engine.step(now);
-    } finally {
-      if (!stopped) handle = requestAnimationFrame(tick);
-    }
-  };
-  const wake = () => {
-    if (stopped || !parked || engine.frame.isFrozen()) return;
-    parked = false;
-    handle = requestAnimationFrame(tick);
-  };
-  const unsubscribe = engine.frame.onChange(wake);
-  handle = requestAnimationFrame(tick);
-  return () => {
-    stopped = true;
-    unsubscribe();
-    cancelAnimationFrame(handle);
-  };
-}
-
-// ../dom/src/pointer-adapter.ts
-var asVerdict = (v) => typeof v === "object" ? v : { handled: v === true };
-var WHEEL_LINE_PX = 16;
-var INTERACTIVE_SELECTOR = 'input, textarea, select, button, a[href], [contenteditable=""], [contenteditable="true"], audio[controls], video[controls], [data-canvas-interactive]';
-function crossesInteractive(target, container) {
-  if (!(target instanceof Element)) return false;
-  const match = target.closest(INTERACTIVE_SELECTOR);
-  return match !== null && container.contains(match);
-}
-function pointerIdOf(e) {
-  if (e.pointerType === "touch") return `touch:${e.pointerId}`;
-  if (e.pointerType === "pen") return "pen";
-  return "mouse";
-}
-function deviceOf(e) {
-  if (e.pointerType === "touch") return "touch";
-  if (e.pointerType === "pen") return "pen";
-  return "mouse";
-}
-function attachPointerAdapter(host, queue, opts = {}) {
-  const { container } = host;
-  const view = container.ownerDocument.defaultView;
-  const { glRoute } = opts;
-  let spaceHeld = false;
-  const live = /* @__PURE__ */ new Map();
-  const CAPTURE_SLOP_PX = 4;
-  const capture = (pointerId) => {
-    if (typeof container.setPointerCapture !== "function") return;
-    try {
-      container.setPointerCapture(pointerId);
-    } catch {
-    }
-  };
-  let lastMods = { shift: false, ctrl: false, alt: false, meta: false, space: false };
-  const relative = (clientX, clientY) => {
-    const rect = container.getBoundingClientRect();
-    return { x: clientX - rect.left, y: clientY - rect.top };
-  };
-  const pointerMods = (e) => ({
-    shift: e.shiftKey,
-    ctrl: e.ctrlKey,
-    alt: e.altKey,
-    meta: e.metaKey,
-    space: spaceHeld
-  });
-  const onPointerDown = (e) => {
-    const id = pointerIdOf(e);
-    const device = deviceOf(e);
-    const { x, y } = relative(e.clientX, e.clientY);
-    const native = crossesInteractive(e.target, container);
-    const gl = asVerdict(glRoute?.("down", x, y, e));
-    const glClaimed = gl.handled;
-    live.set(id, { device, x, y, downX: x, downY: y, native, captured: glClaimed });
-    if (glClaimed) capture(e.pointerId);
-    const surfaceHandled = native || glClaimed;
-    queue.enqueue({
-      kind: "down",
-      pointerId: id,
-      device,
-      screenX: x,
-      screenY: y,
-      buttons: e.buttons,
-      mods: pointerMods(e),
-      tMs: e.timeStamp,
-      ...surfaceHandled ? { surfaceHandled: true } : {},
-      // The down IS a hover-bearing fact: a touch's first event must seed the
-      // pointer's OverInteractive truth (no prior moves exist to).
-      overInteractive: surfaceHandled || gl.overInteractive === true
-    });
-  };
-  const onPointerMove = (e) => {
-    const id = pointerIdOf(e);
-    const device = deviceOf(e);
-    const { x, y } = relative(e.clientX, e.clientY);
-    let seen = live.get(id);
-    if (seen === void 0 && e.buttons !== 0 && !crossesInteractive(e.target, container)) {
-      seen = { device, x, y, downX: x, downY: y, native: false, captured: false };
-      live.set(id, seen);
-    }
-    if (seen !== void 0) {
-      seen.x = x;
-      seen.y = y;
-      if (!seen.captured && !seen.native && e.buttons !== 0 && Math.hypot(x - seen.downX, y - seen.downY) > CAPTURE_SLOP_PX) {
-        capture(e.pointerId);
-        seen.captured = true;
-      }
-    }
-    const gl = asVerdict(glRoute?.("move", x, y, e));
-    queue.enqueue({
-      kind: "move",
-      pointerId: id,
-      device,
-      screenX: x,
-      screenY: y,
-      buttons: e.buttons,
-      mods: pointerMods(e),
-      tMs: e.timeStamp,
-      ...gl.handled ? { surfaceHandled: true } : {},
-      // Hover fact, every move: DOM chain check ∪ GL verdict. A gl-captured
-      // move (island drag) counts — the widget owns the pointer right now.
-      overInteractive: crossesInteractive(e.target, container) || gl.handled || gl.overInteractive === true
-    });
-  };
-  const endPointer = (kind) => (e) => {
-    const id = pointerIdOf(e);
-    const device = deviceOf(e);
-    const { x, y } = relative(e.clientX, e.clientY);
-    live.delete(id);
-    if (typeof container.releasePointerCapture === "function") {
-      try {
-        container.releasePointerCapture(e.pointerId);
-      } catch {
-      }
-    }
-    const gl = asVerdict(glRoute?.(kind, x, y, e));
-    queue.enqueue({
-      kind,
-      pointerId: id,
-      device,
-      screenX: x,
-      screenY: y,
-      buttons: e.buttons,
-      mods: pointerMods(e),
-      ...gl.handled ? { surfaceHandled: true } : {}
-      // No overInteractive stamp: a capture-retargeted up reads the container,
-      // not the content under the pointer — the next real move re-truths it.
-    });
-  };
-  const onPointerUp = endPointer("up");
-  const onPointerCancel = endPointer("cancel");
-  const onWheel = (e) => {
-    const { x, y } = relative(e.clientX, e.clientY);
-    const scale = e.deltaMode === 1 ? WHEEL_LINE_PX : 1;
-    if (e.ctrlKey) {
-      e.preventDefault();
-      queue.enqueue({ kind: "wheel", pointerId: "mouse", device: "mouse", screenX: x, screenY: y, buttons: e.buttons, mods: pointerMods(e), wheel: { dx: 0, dy: 0, pinch: e.deltaY } });
-      return;
-    }
-    const wheel = { dx: e.deltaX * scale, dy: e.deltaY * scale, pinch: 0 };
-    if (wheelCede(e.target, container, e.deltaX, e.deltaY)) {
-      queue.enqueue({ kind: "wheel", pointerId: "mouse", device: "mouse", screenX: x, screenY: y, buttons: e.buttons, mods: pointerMods(e), wheel, wheelHandled: true });
-      return;
-    }
-    e.preventDefault();
-    queue.enqueue({ kind: "wheel", pointerId: "mouse", device: "mouse", screenX: x, screenY: y, buttons: e.buttons, mods: pointerMods(e), wheel });
-  };
-  const emitKeyIfChanged = (e) => {
-    const mods = { shift: e.shiftKey, ctrl: e.ctrlKey, alt: e.altKey, meta: e.metaKey, space: spaceHeld };
-    if (mods.shift === lastMods.shift && mods.ctrl === lastMods.ctrl && mods.alt === lastMods.alt && mods.meta === lastMods.meta && mods.space === lastMods.space) {
-      return;
-    }
-    lastMods = { ...mods };
-    queue.enqueue({ kind: "key", pointerId: "", device: "mouse", screenX: 0, screenY: 0, buttons: 0, mods });
-  };
-  const isSpace = (e) => e.key === " " || e.code === "Space";
-  const onKeyDown = (e) => {
-    if (isSpace(e) && !e.defaultPrevented) {
-      if (isEditableTarget(e.target)) {
-      } else if (keyboardClaimOf(e.target).claimed) {
-        e.preventDefault();
-      } else {
-        e.preventDefault();
-        spaceHeld = true;
-      }
-    }
-    emitKeyIfChanged(e);
-  };
-  const onKeyUp = (e) => {
-    if (isSpace(e)) {
-      if (!e.defaultPrevented && !isEditableTarget(e.target) && !keyboardClaimOf(e.target).claimed) {
-        e.preventDefault();
-      }
-      spaceHeld = false;
-    }
-    emitKeyIfChanged(e);
-  };
-  const cancelAllInput = () => {
-    for (const [id, s] of live) {
-      queue.enqueue({ kind: "cancel", pointerId: id, device: s.device, screenX: s.x, screenY: s.y, buttons: 0, mods: { ...NO_MODS, space: spaceHeld } });
-    }
-    live.clear();
-    spaceHeld = false;
-    if (lastMods.space || lastMods.shift || lastMods.ctrl || lastMods.alt || lastMods.meta) {
-      lastMods = { ...NO_MODS };
-      queue.enqueue({
-        kind: "key",
-        pointerId: "",
-        device: "mouse",
-        screenX: 0,
-        screenY: 0,
-        buttons: 0,
-        mods: { ...NO_MODS }
-      });
-    }
-  };
-  const onBlur = () => {
-    cancelAllInput();
-  };
-  container.addEventListener("pointerdown", onPointerDown);
-  container.addEventListener("pointermove", onPointerMove);
-  container.addEventListener("pointerup", onPointerUp);
-  container.addEventListener("pointercancel", onPointerCancel);
-  container.addEventListener("wheel", onWheel, { passive: false });
-  view?.addEventListener("keydown", onKeyDown);
-  view?.addEventListener("keyup", onKeyUp);
-  view?.addEventListener("blur", onBlur);
-  return () => {
-    cancelAllInput();
-    container.removeEventListener("pointerdown", onPointerDown);
-    container.removeEventListener("pointermove", onPointerMove);
-    container.removeEventListener("pointerup", onPointerUp);
-    container.removeEventListener("pointercancel", onPointerCancel);
-    container.removeEventListener("wheel", onWheel);
-    view?.removeEventListener("keydown", onKeyDown);
-    view?.removeEventListener("keyup", onKeyUp);
-    view?.removeEventListener("blur", onBlur);
-  };
-}
-
-// ../dom/src/widget-focus.ts
-var FOCUS_PROXY_ATTR = "data-canvas-focus";
-var FOCUSABLE_SELECTOR = 'input, textarea, select, button, a[href], [contenteditable=""], [contenteditable="true"], [tabindex], audio[controls], video[controls], iframe';
-function focusNodeOf(claimHost) {
-  const proxy = claimHost.querySelector(`[${FOCUS_PROXY_ATTR}]`);
-  return proxy ?? claimHost;
-}
-function attachWidgetFocus(host, lookup) {
-  const { container } = host;
-  const doc = container.ownerDocument;
-  const onPointerDown = (e) => {
-    if (!(e.target instanceof Element)) return;
-    const marked = e.target.closest(`[${KEYBOARD_CLAIM_ATTR}]`);
-    if (!(marked instanceof HTMLElement) || !container.contains(marked)) return;
-    const focusable = e.target.closest(FOCUSABLE_SELECTOR);
-    if (focusable !== null && focusable !== marked && marked.contains(focusable)) return;
-    const node = focusNodeOf(marked);
-    if (doc.activeElement === node) return;
-    e.preventDefault();
-    node.focus({ preventScroll: true });
-  };
-  container.addEventListener("pointerdown", onPointerDown, true);
-  return {
-    focusWidget(entity) {
-      const content = lookup.hostFor(entity);
-      const hostEl = content?.parentElement;
-      if (!(hostEl instanceof HTMLElement) || !hostEl.hasAttribute(KEYBOARD_CLAIM_ATTR)) return false;
-      const node = focusNodeOf(hostEl);
-      node.focus({ preventScroll: true });
-      return doc.activeElement === node;
-    },
-    blurFocus() {
-      const active = doc.activeElement;
-      if (!(active instanceof HTMLElement || active instanceof SVGElement)) return false;
-      if (active.closest(`[${KEYBOARD_CLAIM_ATTR}]`) === null) return false;
-      active.blur();
-      return true;
-    },
-    detach() {
-      container.removeEventListener("pointerdown", onPointerDown, true);
-    }
-  };
-}
-
-// ../dom/src/reflectors/cursor.ts
-function createCursorReflector(host, readCursor) {
-  let writes = 0;
-  let last;
-  return {
-    name: "cursor",
-    always: true,
-    flush(_world) {
-      const next = readCursor();
-      if (next === last) return;
-      last = next;
-      host.container.style.cursor = next;
-      writes++;
-    },
-    writes: () => writes
-  };
-}
-
-// ../dom/src/reflectors/remote-cursors.ts
-var remoteCursorQ = defineQuery([Position, CursorVisual]);
-function createRemoteCursorsReflector(host, world) {
-  const doc = host.container.ownerDocument;
-  const plane = doc.createElement("div");
-  Object.assign(plane.style, {
-    position: "absolute",
-    inset: "0",
-    overflow: "hidden",
-    pointerEvents: "none"
-  });
-  host.container.appendChild(plane);
-  const pool = /* @__PURE__ */ new Map();
-  const ensure = (e) => {
-    let n = pool.get(e);
-    if (n !== void 0) return n;
-    const root = doc.createElement("div");
-    Object.assign(root.style, {
-      position: "absolute",
-      left: "0",
-      top: "0",
-      willChange: "transform",
-      pointerEvents: "none"
-    });
-    const arrow = doc.createElement("div");
-    Object.assign(arrow.style, {
-      width: "0",
-      height: "0",
-      borderLeft: "6px solid transparent",
-      borderRight: "6px solid transparent",
-      borderBottom: "14px solid currentColor",
-      transform: "rotate(-32deg)"
-    });
-    const label = doc.createElement("div");
-    Object.assign(label.style, {
-      marginTop: "2px",
-      marginLeft: "8px",
-      padding: "1px 6px",
-      borderRadius: "8px",
-      font: "11px system-ui, sans-serif",
-      color: "#fff",
-      whiteSpace: "nowrap"
-    });
-    root.appendChild(arrow);
-    root.appendChild(label);
-    plane.appendChild(root);
-    n = { root, label, color: "", name: "", x: Number.NaN, y: Number.NaN };
-    pool.set(e, n);
-    return n;
-  };
-  const reflector = {
-    name: "remoteCursors",
-    observe: {
-      resources: [Camera],
-      queries: [{ q: remoteCursorQ, cols: [Position, CursorVisual] }]
-    },
-    flush: (w) => {
-      const cam = w.getResource(Camera) ?? { x: 0, y: 0, zoom: 1 };
-      const seen = /* @__PURE__ */ new Set();
-      w.query(remoteCursorQ).each((b) => {
-        for (const r of b) {
-          const e = b.entity(r);
-          if (w.get(e, CursorVisual)?.kind !== "remote") continue;
-          seen.add(e);
-          const p = w.read(e, Position);
-          const s = worldToScreen(p.x, p.y, cam);
-          const n = ensure(e);
-          if (n.x !== s.x || n.y !== s.y) {
-            n.root.style.transform = `translate(${s.x}px, ${s.y}px)`;
-            n.x = s.x;
-            n.y = s.y;
-          }
-          const peer = w.getRelation(e, Follows);
-          const info = peer !== void 0 ? w.get(peer, PresenceInfo) : void 0;
-          const color = info?.color ?? "#7a8aa0";
-          const name = info?.name ?? "";
-          if (n.color !== color) {
-            n.root.style.color = color;
-            n.label.style.background = color;
-            n.color = color;
-          }
-          if (n.name !== name) {
-            n.label.textContent = name;
-            n.label.style.display = name === "" ? "none" : "block";
-            n.name = name;
-          }
-        }
-      });
-      for (const [e, n] of pool) {
-        if (!seen.has(e)) {
-          n.root.remove();
-          pool.delete(e);
-        }
-      }
-    }
-  };
-  return {
-    reflector,
-    destroy() {
-      pool.clear();
-      plane.remove();
-    }
-  };
-}
-
-// ../dom/src/reflectors/chrome.ts
-var HANDLE_DRAW_PX = 8;
-var boxQ = defineQuery([SelectionBox]);
-var handleQ = defineQuery([HandleSpec, Position, Size]);
-function makeNode(doc, extra) {
-  const node = doc.createElement("div");
-  Object.assign(node.style, { position: "absolute", boxSizing: "border-box", pointerEvents: "none" }, extra);
-  return node;
-}
-function createChromeReflector(host, _world, marqueeBuffer) {
-  const doc = host.container.ownerDocument;
-  const plane = makeNode(doc, { left: "0", top: "0", width: "0", height: "0" });
-  host.container.appendChild(plane);
-  const boxNodes = /* @__PURE__ */ new Map();
-  const handleNodes = /* @__PURE__ */ new Map();
-  let marqueeNode = null;
-  const boxCache = /* @__PURE__ */ new Map();
-  const handleCache = /* @__PURE__ */ new Map();
-  let marqueeCache = null;
-  let drewLast = false;
-  const seenBox = /* @__PURE__ */ new Set();
-  const seenHandle = /* @__PURE__ */ new Set();
-  let writes = 0;
-  const writeRect = (node, left, top, w, h) => {
-    node.style.left = `${left}px`;
-    node.style.top = `${top}px`;
-    node.style.width = `${w}px`;
-    node.style.height = `${h}px`;
-    writes++;
-  };
-  return {
-    name: "chrome",
-    always: true,
-    observe: {
-      queries: [
-        { q: boxQ, cols: [SelectionBox] },
-        { q: handleQ, cols: [Position, Size] }
-      ],
-      resources: [Camera]
-    },
-    flush(w) {
-      const cam = w.getResource(Camera);
-      if (cam === void 0) return;
-      const marqueeRect = marqueeBuffer.rect;
-      const hasContent = marqueeRect !== null || w.firstOf(boxQ) !== void 0 || w.firstOf(handleQ) !== void 0;
-      if (!hasContent && !drewLast) return;
-      seenBox.clear();
-      seenHandle.clear();
-      w.query(boxQ).each((batch) => {
-        const bx = batch.col(SelectionBox).x;
-        const by = batch.col(SelectionBox).y;
-        const bw = batch.col(SelectionBox).w;
-        const bh = batch.col(SelectionBox).h;
-        for (const r of batch) {
-          const e = batch.entity(r);
-          seenBox.add(e);
-          const tl = worldToScreen(bx[r], by[r], cam);
-          const sw = bw[r] * cam.zoom;
-          const sh = bh[r] * cam.zoom;
-          const key = `${tl.x}:${tl.y}:${sw}:${sh}:${cam.zoom}`;
-          let node = boxNodes.get(e);
-          if (node === void 0) {
-            node = makeNode(doc, { border: "1px solid #4a90d9" });
-            node.dataset.chrome = "box";
-            boxNodes.set(e, node);
-            plane.appendChild(node);
-          }
-          if (boxCache.get(e) !== key) {
-            writeRect(node, tl.x, tl.y, sw, sh);
-            node.style.borderRadius = `calc(var(--ic-selection-radius, 0px) * ${cam.zoom})`;
-            boxCache.set(e, key);
-          }
-        }
-      });
-      for (const [e, node] of boxNodes) {
-        if (seenBox.has(e)) continue;
-        node.remove();
-        boxNodes.delete(e);
-        boxCache.delete(e);
-      }
-      w.query(handleQ).each((batch) => {
-        const px = batch.col(Position).x;
-        const py = batch.col(Position).y;
-        const sw = batch.col(Size).w;
-        const sh = batch.col(Size).h;
-        for (const r of batch) {
-          const e = batch.entity(r);
-          seenHandle.add(e);
-          const cx = px[r] + sw[r] / 2;
-          const cy = py[r] + sh[r] / 2;
-          const sc = worldToScreen(cx, cy, cam);
-          const left = sc.x - HANDLE_DRAW_PX / 2;
-          const top = sc.y - HANDLE_DRAW_PX / 2;
-          const key = `${left}:${top}`;
-          let node = handleNodes.get(e);
-          if (node === void 0) {
-            node = makeNode(doc, {
-              width: `${HANDLE_DRAW_PX}px`,
-              height: `${HANDLE_DRAW_PX}px`,
-              background: "#fff",
-              border: "1px solid #4a90d9"
-            });
-            node.dataset.chrome = "handle";
-            handleNodes.set(e, node);
-            plane.appendChild(node);
-          }
-          if (handleCache.get(e) !== key) {
-            node.style.left = `${left}px`;
-            node.style.top = `${top}px`;
-            writes++;
-            handleCache.set(e, key);
-          }
-        }
-      });
-      for (const [e, node] of handleNodes) {
-        if (seenHandle.has(e)) continue;
-        node.remove();
-        handleNodes.delete(e);
-        handleCache.delete(e);
-      }
-      if (marqueeRect !== null) {
-        const tl = worldToScreen(marqueeRect.x, marqueeRect.y, cam);
-        const mw = marqueeRect.w * cam.zoom;
-        const mh = marqueeRect.h * cam.zoom;
-        const key = `${tl.x}:${tl.y}:${mw}:${mh}`;
-        if (marqueeNode === null) {
-          marqueeNode = makeNode(doc, { border: "1px dashed #4a90d9", background: "rgba(74,144,217,0.1)" });
-          marqueeNode.dataset.chrome = "marquee";
-          plane.appendChild(marqueeNode);
-        }
-        if (marqueeCache !== key) {
-          writeRect(marqueeNode, tl.x, tl.y, mw, mh);
-          marqueeCache = key;
-        }
-      } else if (marqueeNode !== null) {
-        marqueeNode.remove();
-        marqueeNode = null;
-        marqueeCache = null;
-      }
-      drewLast = boxNodes.size > 0 || handleNodes.size > 0 || marqueeNode !== null;
-    },
-    writes: () => writes,
-    // The P4 overlay plane is this factory's insertion — unregistering the
-    // reflector alone leaves it behind (2026-07-11 teardown sweep).
-    dispose() {
-      plane.remove();
-    }
-  };
-}
-
-// ../dom/src/measure-adapter.ts
-function isHidden(el) {
-  if (el.offsetParent !== null) return false;
-  const display = el.ownerDocument.defaultView?.getComputedStyle(el).display;
-  return display === "none";
-}
-function attachMeasureAdapter(hostFor, queue) {
-  const byElement = /* @__PURE__ */ new Map();
-  const byEntity = /* @__PURE__ */ new Map();
-  const ro = new ResizeObserver((entries) => {
-    for (const entry of entries) {
-      const el = entry.target;
-      const entity = byElement.get(el);
-      if (entity === void 0) continue;
-      if (isHidden(el)) continue;
-      const box = entry.borderBoxSize?.[0];
-      const w = box !== void 0 ? box.inlineSize : entry.contentRect.width;
-      const h = box !== void 0 ? box.blockSize : entry.contentRect.height;
-      if (w === 0 && h === 0) continue;
-      queue.enqueue({ entity, w, h });
-    }
-  });
-  return {
-    observe(entity) {
-      const el = hostFor(entity);
-      if (el === void 0) return;
-      const prev = byEntity.get(entity);
-      if (prev !== void 0 && prev !== el) {
-        ro.unobserve(prev);
-        byElement.delete(prev);
-      }
-      byElement.set(el, entity);
-      byEntity.set(entity, el);
-      ro.observe(el);
-    },
-    unobserve(entity) {
-      const el = byEntity.get(entity);
-      if (el === void 0) return;
-      ro.unobserve(el);
-      byElement.delete(el);
-      byEntity.delete(entity);
-    },
-    dispose() {
-      ro.disconnect();
-      byElement.clear();
-      byEntity.clear();
-    }
-  };
-}
-
-// ../dom/src/measure-wiring.ts
-function defaultMeasure(el) {
-  return { w: el.offsetWidth, h: el.offsetHeight };
-}
-function wireMeasurement(store, hosts, queue, opts = {}) {
-  const adapter = attachMeasureAdapter((e) => hosts.hostFor(e), queue);
-  const measure = opts.measure ?? defaultMeasure;
-  const state = /* @__PURE__ */ new Map();
-  let scheduled = false;
-  let disposed = false;
-  const forceRemeasure = (e) => {
-    const el = hosts.hostFor(e);
-    if (el === void 0) return;
-    const { w, h } = measure(el);
-    if (w <= 0 && h <= 0) return;
-    queue.enqueue({ entity: e, w, h });
-  };
-  const reconcile = () => {
-    if (disposed) return;
-    const snapshot = store.getSnapshot();
-    const present = /* @__PURE__ */ new Set();
-    for (const entry of snapshot) {
-      present.add(entry.entity);
-      const prev = state.get(entry.entity);
-      if (entry.hidden) {
-        if (prev === "visible") adapter.unobserve(entry.entity);
-        state.set(entry.entity, "hidden");
-      } else {
-        if (prev === void 0) {
-          adapter.observe(entry.entity);
-        } else if (prev === "hidden") {
-          adapter.observe(entry.entity);
-          forceRemeasure(entry.entity);
-        }
-        state.set(entry.entity, "visible");
-      }
-    }
-    for (const [e, s] of [...state]) {
-      if (present.has(e)) continue;
-      if (s === "visible") adapter.unobserve(e);
-      state.delete(e);
-    }
-  };
-  const onStoreChange = () => {
-    if (scheduled || disposed) return;
-    scheduled = true;
-    queueMicrotask(() => {
-      scheduled = false;
-      reconcile();
-    });
-  };
-  const unsub = store.subscribe(onStoreChange);
-  onStoreChange();
-  return () => {
-    disposed = true;
-    unsub();
-    adapter.dispose();
-    state.clear();
-  };
-}
-
-// ../dom/src/index.ts
-var DOM_VERSION = "0.0.0";
-
-export {
-  createCanvasHost,
-  createPlanes,
-  createPlaneTransformReflector,
-  createGrayboxReflector,
-  KEYBOARD_CLAIM_ATTR,
-  CLAIM_OWNS_ESCAPE,
-  isEditableTarget,
-  keyboardClaimOf,
-  wheelCede,
-  createDomWidgetsReflector,
-  startRafLoop,
-  attachPointerAdapter,
-  FOCUS_PROXY_ATTR,
-  attachWidgetFocus,
-  createCursorReflector,
-  createRemoteCursorsReflector,
-  createChromeReflector,
-  attachMeasureAdapter,
-  wireMeasurement,
-  DOM_VERSION
-};
-//# sourceMappingURL=chunk-2TNVB2ON.js.map