@vibecook/ice 0.2.0 → 0.3.0

package/dist/{chunk-DXU3RZZS.js → chunk-5QY7HK6G.js}

@@ -396,6 +396,181 @@ function createReflectorRegistry(world, opts) {
   };
 }
 
+// ../core/src/catalog/camera-derived.ts
+import { enumOf, field as field2 } from "@vibecook/strata-ecs";
+var Camera = defineResource("Camera", {
+  x: field2("f64", { default: 0 }),
+  y: field2("f64", { default: 0 }),
+  zoom: field2("f32", { default: 1 }),
+  gesturing: field2("bool", { default: false })
+});
+var Viewport = defineResource("Viewport", {
+  w: field2("f32", { default: 0 }),
+  h: field2("f32", { default: 0 }),
+  dpr: field2("f32", { default: 1 })
+});
+var ActiveTool = defineResource("ActiveTool", { id: field2("string", { default: "select" }) });
+var StageMode = defineResource("StageMode", {
+  backgroundHolds: field2("u32", { default: 0 })
+});
+var FrameMode = defineResource("FrameMode", {
+  freezeHolds: field2("u32", { default: 0 })
+});
+var SnapConfig = defineResource("SnapConfig", {
+  enabled: field2("bool", { default: SNAP_DEFAULTS.enabled }),
+  thresholdPx: field2("f32", { default: SNAP_DEFAULTS.thresholdPx })
+});
+var ContainerCamera = defineComponent("ContainerCamera", {
+  x: field2("f64", { default: 0 }),
+  y: field2("f64", { default: 0 }),
+  zoom: field2("f32", { default: 1 })
+});
+var Active = defineTag("Active");
+var Visible = defineTag("Visible");
+var Culled = defineTag("Culled");
+var WidgetBreakpoint = defineComponent("WidgetBreakpoint", {
+  tier: field2(enumOf(["micro", "compact", "normal", "expanded", "detailed"]), { default: "normal" }),
+  w: field2("u16", { default: 0 }),
+  h: field2("u16", { default: 0 })
+});
+var MeasuredSize = defineComponent("MeasuredSize", {
+  w: field2("f32", { default: 0 }),
+  h: field2("f32", { default: 0 })
+});
+var SelectionBox = defineComponent("SelectionBox", {
+  x: field2("f64", { default: 0 }),
+  y: field2("f64", { default: 0 }),
+  w: field2("f32", { default: 0 }),
+  h: field2("f32", { default: 0 })
+});
+var HandleSpec = defineComponent("HandleSpec", {
+  anchor: enumOf(["nw", "n", "ne", "e", "se", "s", "sw", "w"])
+});
+var GuideLine = defineComponent("GuideLine", {
+  axis: enumOf(["x", "y"]),
+  at: field2("f64", { default: 0 }),
+  from: field2("f64", { default: 0 }),
+  to: field2("f64", { default: 0 })
+});
+var SpacingBar = defineComponent("SpacingBar", {
+  axis: enumOf(["x", "y"]),
+  from: field2("f64", { default: 0 }),
+  to: field2("f64", { default: 0 }),
+  perp: field2("f64", { default: 0 }),
+  gap: field2("f32", { default: 0 })
+});
+var MarqueeBox = defineComponent("MarqueeBox", {
+  x: field2("f64", { default: 0 }),
+  y: field2("f64", { default: 0 }),
+  w: field2("f32", { default: 0 }),
+  h: field2("f32", { default: 0 })
+});
+var CursorVisual = defineComponent("CursorVisual", {
+  kind: enumOf(["local", "remote"]),
+  pressed: field2("bool", { default: false })
+});
+var Follows = defineRelation("Follows", { arity: "one" });
+var VisualOf = defineRelation("VisualOf", { arity: "one" });
+var NavDepth = defineComponent("NavDepth", { d: field2("u8", { default: 0 }) });
+var NavCamera = defineComponent("NavCamera", {
+  x: field2("f64", { default: 0 }),
+  y: field2("f64", { default: 0 }),
+  zoom: field2("f32", { default: 1 })
+});
+var NavFrame = defineRelation("NavFrame", { arity: "one" });
+var CanvasSurface = defineTag("CanvasSurface");
+
+// ../core/src/guards/dev.ts
+var enabled = true;
+function setDevGuards(on) {
+  enabled = on;
+}
+function devGuardsEnabled() {
+  return enabled;
+}
+
+// ../core/src/engine/frame-control.ts
+var SETTLE_CAP = 120;
+function createFrameControl(world) {
+  const freezes = /* @__PURE__ */ new Map();
+  const reporters = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  let settleLeft = 0;
+  let parked = false;
+  const sync = () => {
+    world.setResource(FrameMode, { freezeHolds: freezes.size });
+  };
+  const announce = () => {
+    for (const fn of [...listeners]) fn();
+  };
+  const busyNames = () => {
+    const names = [];
+    for (const r of reporters.values()) if (r.busy()) names.push(r.name);
+    return names;
+  };
+  return {
+    freeze(name) {
+      const token = Symbol(name);
+      const first = freezes.size === 0;
+      freezes.set(token, name);
+      if (first) {
+        settleLeft = SETTLE_CAP;
+        parked = false;
+      }
+      sync();
+      announce();
+      let released = false;
+      return () => {
+        if (released) return;
+        released = true;
+        freezes.delete(token);
+        if (freezes.size === 0) {
+          settleLeft = 0;
+          parked = false;
+        }
+        sync();
+        announce();
+      };
+    },
+    isFrozen: () => freezes.size > 0,
+    isParked: () => parked,
+    holds: () => [...freezes.values()],
+    settleWhile(name, busy) {
+      const token = Symbol(name);
+      reporters.set(token, { name, busy });
+      let released = false;
+      return () => {
+        if (released) return;
+        released = true;
+        reporters.delete(token);
+      };
+    },
+    settling: () => busyNames(),
+    claimStep() {
+      if (freezes.size === 0) return true;
+      if (parked) return false;
+      if (settleLeft <= 0) {
+        parked = true;
+        if (devGuardsEnabled()) {
+          console.warn(
+            `ice: frame.freeze \u2014 settle cap (${SETTLE_CAP} frames) reached with reporters still busy: ${busyNames().join(", ")}. Parking on a possibly unsettled frame.`
+          );
+        }
+        return false;
+      }
+      settleLeft -= 1;
+      if (busyNames().length === 0) parked = true;
+      return true;
+    },
+    onChange(fn) {
+      listeners.add(fn);
+      return () => {
+        listeners.delete(fn);
+      };
+    }
+  };
+}
+
 // ../core/src/engine/engine.ts
 function createEngine(world, opts) {
   const pipeline = createPipelineRegistry();
@@ -404,11 +579,13 @@ function createEngine(world, opts) {
     opts?.onReflectorFault ? { onFault: opts.onReflectorFault } : void 0
   );
   const publishHooks = [];
+  const frame2 = createFrameControl(world);
   let telemetryArmed = false;
   let last;
   let building = null;
   return {
     world,
+    frame: frame2,
     addSystems(group, ...systems) {
       return pipeline.add(group, ...systems);
     },
@@ -467,15 +644,6 @@ function createEngine(world, opts) {
   };
 }
 
-// ../core/src/guards/dev.ts
-var enabled = true;
-function setDevGuards(on) {
-  enabled = on;
-}
-function devGuardsEnabled() {
-  return enabled;
-}
-
 // ../core/src/guards/live-writer.ts
 function createLiveWriter(world, opts) {
   return {
@@ -599,34 +767,34 @@ function writeRuntimeResource(world, res, v) {
 }
 
 // ../core/src/catalog/scene.ts
-import { field as field2 } from "@vibecook/strata-ecs";
+import { field as field3 } from "@vibecook/strata-ecs";
 var Position = defineComponent("Position", { x: "f64", y: "f64" });
 var Size = defineComponent("Size", { w: "f32", h: "f32" });
-var Rotation = defineComponent("Rotation", { r: field2("f32", { default: 0 }) });
-var Opacity = defineComponent("Opacity", { a: field2("f32", { default: 1 }) });
+var Rotation = defineComponent("Rotation", { r: field3("f32", { default: 0 }) });
+var Opacity = defineComponent("Opacity", { a: field3("f32", { default: 1 }) });
 var StackZ = defineComponent("StackZ", { z: "f64" });
 var ChildOf = defineRelation("ChildOf", { arity: "one", ordered: true });
 var BoardRoot = defineResource("BoardRoot", { root: "eid" });
 
 // ../core/src/catalog/graph.ts
-import { enumOf, field as field3 } from "@vibecook/strata-ecs";
+import { enumOf as enumOf2, field as field4 } from "@vibecook/strata-ecs";
 var Wire = defineTag("Wire");
 var WireFrom = defineRelation("WireFrom", { arity: "one" });
 var WireTo = defineRelation("WireTo", { arity: "one" });
 var WirePorts = defineComponent("WirePorts", { from: "string", to: "string" });
 var Port = defineComponent("Port", {
   id: "string",
-  side: enumOf(["n", "e", "s", "w"]),
-  index: field3("u8", { default: 0 })
+  side: enumOf2(["n", "e", "s", "w"]),
+  index: field4("u8", { default: 0 })
 });
 var PortOf = defineRelation("PortOf", { arity: "one" });
 var PortAnchor = defineComponent("PortAnchor", {
-  x: field3("f64", { default: 0 }),
-  y: field3("f64", { default: 0 })
+  x: field4("f64", { default: 0 }),
+  y: field4("f64", { default: 0 })
 });
 var Container = defineTag("Container");
-var Accepts = defineComponent("Accepts", { list: field3("string", { default: "[]" }) });
-var Provides = defineComponent("Provides", { list: field3("string", { default: "[]" }) });
+var Accepts = defineComponent("Accepts", { list: field4("string", { default: "[]" }) });
+var Provides = defineComponent("Provides", { list: field4("string", { default: "[]" }) });
 var WirePrefab = definePrefab("wire", {
   store: "durable",
   version: 1,
@@ -636,35 +804,35 @@ var WirePrefab = definePrefab("wire", {
 });
 
 // ../core/src/catalog/pointer.ts
-import { enumOf as enumOf2, field as field4 } from "@vibecook/strata-ecs";
+import { enumOf as enumOf3, field as field5 } from "@vibecook/strata-ecs";
 var Pointer = defineComponent("Pointer", {
   id: "string",
-  device: enumOf2(["mouse", "touch", "pen"]),
-  owner: field4("string", { default: "" })
+  device: enumOf3(["mouse", "touch", "pen"]),
+  owner: field5("string", { default: "" })
 });
 var PointerScreen = defineComponent("PointerScreen", {
-  x: field4("f32", { default: 0 }),
-  y: field4("f32", { default: 0 })
+  x: field5("f32", { default: 0 }),
+  y: field5("f32", { default: 0 })
 });
 var PointerButtons = defineComponent("PointerButtons", {
-  buttons: field4("u8", { default: 0 }),
-  downX: field4("f32", { default: 0 }),
-  downY: field4("f32", { default: 0 }),
+  buttons: field5("u8", { default: 0 }),
+  downX: field5("f32", { default: 0 }),
+  downY: field5("f32", { default: 0 }),
   /** The down EVENT's timestamp (0 = unknown ⇒ consumers fall back to frame now). */
-  downMs: field4("f64", { default: 0 })
+  downMs: field5("f64", { default: 0 })
 });
 var PointerMods = defineComponent("PointerMods", {
-  shift: field4("bool", { default: false }),
-  ctrl: field4("bool", { default: false }),
-  alt: field4("bool", { default: false }),
-  meta: field4("bool", { default: false })
+  shift: field5("bool", { default: false }),
+  ctrl: field5("bool", { default: false }),
+  alt: field5("bool", { default: false }),
+  meta: field5("bool", { default: false })
 });
 var PointerWheel = defineComponent("PointerWheel", {
-  dx: field4("f32", { default: 0 }),
-  dy: field4("f32", { default: 0 }),
-  pinch: field4("f32", { default: 0 })
+  dx: field5("f32", { default: 0 }),
+  dy: field5("f32", { default: 0 }),
+  pinch: field5("f32", { default: 0 })
 });
-var PointerRadius = defineComponent("PointerRadius", { r: field4("f32", { default: 0 }) });
+var PointerRadius = defineComponent("PointerRadius", { r: field5("f32", { default: 0 }) });
 var WentDown = defineTag("WentDown");
 var WentUp = defineTag("WentUp");
 var WentCancelled = defineTag("WentCancelled");
@@ -672,18 +840,18 @@ var HandledByWidget = defineTag("HandledByWidget");
 var OverInteractive = defineTag("OverInteractive");
 var LocalPointer = defineTag("LocalPointer");
 var PointerWorld = defineComponent("PointerWorld", {
-  x: field4("f64", { default: 0 }),
-  y: field4("f64", { default: 0 })
+  x: field5("f64", { default: 0 }),
+  y: field5("f64", { default: 0 })
 });
 var Keyboard = defineResource("Keyboard", {
-  shift: field4("bool", { default: false }),
-  ctrl: field4("bool", { default: false }),
-  alt: field4("bool", { default: false }),
-  meta: field4("bool", { default: false }),
-  space: field4("bool", { default: false })
+  shift: field5("bool", { default: false }),
+  ctrl: field5("bool", { default: false }),
+  alt: field5("bool", { default: false }),
+  meta: field5("bool", { default: false }),
+  space: field5("bool", { default: false })
 });
 var CancelRequest = defineResource("CancelRequest", {
-  active: field4("bool", { default: false })
+  active: field5("bool", { default: false })
 });
 var Targets = defineRelation("Targets", { arity: "one" });
 var TouchesExact = defineRelation("TouchesExact", { arity: "one" });
@@ -733,44 +901,44 @@ function definePhaseSet(name, phases) {
 }
 
 // ../core/src/catalog/gesture.ts
-import { field as field5 } from "@vibecook/strata-ecs";
+import { field as field6 } from "@vibecook/strata-ecs";
 var Drag = defineComponent("Drag", {
-  startX: field5("f64", { default: 0 }),
-  startY: field5("f64", { default: 0 }),
-  totalX: field5("f32", { default: 0 }),
-  totalY: field5("f32", { default: 0 }),
-  velX: field5("f32", { default: 0 }),
-  velY: field5("f32", { default: 0 }),
-  zoomAtClaim: field5("f32", { default: 1 })
+  startX: field6("f64", { default: 0 }),
+  startY: field6("f64", { default: 0 }),
+  totalX: field6("f32", { default: 0 }),
+  totalY: field6("f32", { default: 0 }),
+  velX: field6("f32", { default: 0 }),
+  velY: field6("f32", { default: 0 }),
+  zoomAtClaim: field6("f32", { default: 1 })
 });
 var Tap = defineComponent("Tap", {
-  downAt: field5("f64", { default: 0 }),
-  count: field5("u32", { default: 0 })
+  downAt: field6("f64", { default: 0 }),
+  count: field6("u32", { default: 0 })
 });
 var LongPress = defineComponent("LongPress", {
-  downAt: field5("f64", { default: 0 }),
-  startX: field5("f64", { default: 0 }),
-  startY: field5("f64", { default: 0 }),
-  curX: field5("f64", { default: 0 }),
-  curY: field5("f64", { default: 0 })
+  downAt: field6("f64", { default: 0 }),
+  startX: field6("f64", { default: 0 }),
+  startY: field6("f64", { default: 0 }),
+  curX: field6("f64", { default: 0 }),
+  curY: field6("f64", { default: 0 })
 });
 var Pinch = defineComponent("Pinch", {
-  startDist: field5("f32", { default: 0 }),
-  startZoom: field5("f32", { default: 1 }),
-  cx: field5("f64", { default: 0 }),
-  cy: field5("f64", { default: 0 }),
-  zoomAtClaim: field5("f32", { default: 1 })
+  startDist: field6("f32", { default: 0 }),
+  startZoom: field6("f32", { default: 1 }),
+  cx: field6("f64", { default: 0 }),
+  cy: field6("f64", { default: 0 }),
+  zoomAtClaim: field6("f32", { default: 1 })
 });
 var WheelPan = defineComponent("WheelPan", {
-  dx: field5("f32", { default: 0 }),
-  dy: field5("f32", { default: 0 }),
-  anchorX: field5("f32", { default: 0 }),
-  anchorY: field5("f32", { default: 0 })
+  dx: field6("f32", { default: 0 }),
+  dy: field6("f32", { default: 0 }),
+  anchorX: field6("f32", { default: 0 }),
+  anchorY: field6("f32", { default: 0 })
 });
 var WheelZoom = defineComponent("WheelZoom", {
-  pinch: field5("f32", { default: 0 }),
-  anchorX: field5("f32", { default: 0 }),
-  anchorY: field5("f32", { default: 0 })
+  pinch: field6("f32", { default: 0 }),
+  anchorX: field6("f32", { default: 0 }),
+  anchorY: field6("f32", { default: 0 })
 });
 var GesturePhases = definePhaseSet("Gesture", [
   "Possible",
@@ -798,9 +966,9 @@ var RoutedMarquee = defineTag("RoutedMarquee");
 var RoutedPan = defineTag("RoutedPan");
 var RoutedDraw = defineTag("RoutedDraw");
 var MultiTap = defineComponent("MultiTap", {
-  max: field5("u32", { default: 2 }),
-  windowMs: field5("f32", { default: GESTURE_DEFAULTS.multiTapWindowMs }),
-  slopPx: field5("f32", { default: GESTURE_DEFAULTS.multiTapSlopPx })
+  max: field6("u32", { default: 2 }),
+  windowMs: field6("f32", { default: GESTURE_DEFAULTS.multiTapWindowMs }),
+  slopPx: field6("f32", { default: GESTURE_DEFAULTS.multiTapSlopPx })
 });
 var Watches = defineRelation("Watches", { arity: "many" });
 var Sequence = defineRelation("Sequence", { arity: "one" });
@@ -822,8 +990,8 @@ var Grab = defineComponent("Grab", {
   ord: "f64"
 });
 var SnapState = defineComponent("SnapState", {
-  dx: field5("f32", { default: 0 }),
-  dy: field5("f32", { default: 0 })
+  dx: field6("f32", { default: 0 }),
+  dy: field6("f32", { default: 0 })
 });
 var Down = defineComponent("Down", { x: "f64", y: "f64", ms: "f64" });
 var OverlapCandidate = defineTag("OverlapCandidate");
@@ -834,14 +1002,14 @@ var TransformTween = defineComponent("TransformTween", {
   toX: "f64",
   toY: "f64",
   durationMs: "f32",
-  elapsedMs: field5("f32", { default: 0 })
+  elapsedMs: field6("f32", { default: 0 })
 });
 
 // ../core/src/catalog/insert.ts
-import { field as field6 } from "@vibecook/strata-ecs";
+import { field as field7 } from "@vibecook/strata-ecs";
 var InsertGhost = defineComponent("InsertGhost", {
   type: "string",
-  props: field6("string", { default: "{}" }),
+  props: field7("string", { default: "{}" }),
   screenX: "f32",
   screenY: "f32"
 });
@@ -849,7 +1017,7 @@ var GhostCommitted = defineTag("GhostCommitted");
 var GhostRetiring = defineTag("GhostRetiring");
 
 // ../core/src/catalog/selection-presence.ts
-import { enumOf as enumOf4, field as field7 } from "@vibecook/strata-ecs";
+import { enumOf as enumOf5, field as field8 } from "@vibecook/strata-ecs";
 var Selected = defineTag("Selected");
 var Selectable = defineTag("Selectable");
 var Movable = defineTag("Movable");
@@ -860,99 +1028,18 @@ var SweepsContained = defineTag("SweepsContained");
 var PresencePeer = defineTag("PresencePeer");
 var PresenceInfo = defineComponent("PresenceInfo", { name: "string", color: "string" });
 var PresenceCursor = defineComponent("PresenceCursor", {
-  x: field7("f64", { default: 0 }),
-  y: field7("f64", { default: 0 }),
-  device: enumOf4(["mouse", "touch", "pen"])
-});
-var SelectionSummary = defineComponent("SelectionSummary", {
-  count: field7("u16", { default: 0 }),
-  x: field7("f64", { default: 0 }),
-  y: field7("f64", { default: 0 }),
-  w: field7("f32", { default: 0 }),
-  h: field7("f32", { default: 0 }),
-  keys: field7("string", { default: "[]" })
-});
-
-// ../core/src/catalog/camera-derived.ts
-import { enumOf as enumOf5, field as field8 } from "@vibecook/strata-ecs";
-var Camera = defineResource("Camera", {
-  x: field8("f64", { default: 0 }),
-  y: field8("f64", { default: 0 }),
-  zoom: field8("f32", { default: 1 }),
-  gesturing: field8("bool", { default: false })
-});
-var Viewport = defineResource("Viewport", {
-  w: field8("f32", { default: 0 }),
-  h: field8("f32", { default: 0 }),
-  dpr: field8("f32", { default: 1 })
-});
-var ActiveTool = defineResource("ActiveTool", { id: field8("string", { default: "select" }) });
-var StageMode = defineResource("StageMode", {
-  backgroundHolds: field8("u32", { default: 0 })
-});
-var SnapConfig = defineResource("SnapConfig", {
-  enabled: field8("bool", { default: SNAP_DEFAULTS.enabled }),
-  thresholdPx: field8("f32", { default: SNAP_DEFAULTS.thresholdPx })
-});
-var ContainerCamera = defineComponent("ContainerCamera", {
-  x: field8("f64", { default: 0 }),
-  y: field8("f64", { default: 0 }),
-  zoom: field8("f32", { default: 1 })
-});
-var Active = defineTag("Active");
-var Visible = defineTag("Visible");
-var Culled = defineTag("Culled");
-var WidgetBreakpoint = defineComponent("WidgetBreakpoint", {
-  tier: field8(enumOf5(["micro", "compact", "normal", "expanded", "detailed"]), { default: "normal" }),
-  w: field8("u16", { default: 0 }),
-  h: field8("u16", { default: 0 })
-});
-var MeasuredSize = defineComponent("MeasuredSize", {
-  w: field8("f32", { default: 0 }),
-  h: field8("f32", { default: 0 })
-});
-var SelectionBox = defineComponent("SelectionBox", {
   x: field8("f64", { default: 0 }),
   y: field8("f64", { default: 0 }),
-  w: field8("f32", { default: 0 }),
-  h: field8("f32", { default: 0 })
+  device: enumOf5(["mouse", "touch", "pen"])
 });
-var HandleSpec = defineComponent("HandleSpec", {
-  anchor: enumOf5(["nw", "n", "ne", "e", "se", "s", "sw", "w"])
-});
-var GuideLine = defineComponent("GuideLine", {
-  axis: enumOf5(["x", "y"]),
-  at: field8("f64", { default: 0 }),
-  from: field8("f64", { default: 0 }),
-  to: field8("f64", { default: 0 })
-});
-var SpacingBar = defineComponent("SpacingBar", {
-  axis: enumOf5(["x", "y"]),
-  from: field8("f64", { default: 0 }),
-  to: field8("f64", { default: 0 }),
-  perp: field8("f64", { default: 0 }),
-  gap: field8("f32", { default: 0 })
-});
-var MarqueeBox = defineComponent("MarqueeBox", {
+var SelectionSummary = defineComponent("SelectionSummary", {
+  count: field8("u16", { default: 0 }),
   x: field8("f64", { default: 0 }),
   y: field8("f64", { default: 0 }),
   w: field8("f32", { default: 0 }),
-  h: field8("f32", { default: 0 })
-});
-var CursorVisual = defineComponent("CursorVisual", {
-  kind: enumOf5(["local", "remote"]),
-  pressed: field8("bool", { default: false })
-});
-var Follows = defineRelation("Follows", { arity: "one" });
-var VisualOf = defineRelation("VisualOf", { arity: "one" });
-var NavDepth = defineComponent("NavDepth", { d: field8("u8", { default: 0 }) });
-var NavCamera = defineComponent("NavCamera", {
-  x: field8("f64", { default: 0 }),
-  y: field8("f64", { default: 0 }),
-  zoom: field8("f32", { default: 1 })
+  h: field8("f32", { default: 0 }),
+  keys: field8("string", { default: "[]" })
 });
-var NavFrame = defineRelation("NavFrame", { arity: "one" });
-var CanvasSurface = defineTag("CanvasSurface");
 
 // ../core/src/catalog/settings-resources.ts
 import { field as field9 } from "@vibecook/strata-ecs";
@@ -5300,6 +5387,28 @@ function installInteractionStack(engine, opts = {}) {
   };
 }
 
+// ../core/src/interaction/gesture-status.ts
+import { Any as Any4, defineQuery as defineQuery25 } from "@vibecook/strata-ecs";
+var gestureQ = defineQuery25([Any4(Tap, LongPress, Drag, Pinch, WheelPan, WheelZoom)]);
+var P13 = GesturePhases;
+function anyGestureNonTerminal(world) {
+  let active = false;
+  world.query(gestureQ).each((b) => {
+    for (const r of b) {
+      const e = b.entity(r);
+      const terminal = world.hasTag(e, P13.tags.Failed) || world.hasTag(e, P13.tags.Cancelled) || world.hasTag(e, P13.tags.Ended) || world.hasTag(e, P13.tags.Recognized) && world.has(e, Tap);
+      if (!terminal) {
+        active = true;
+        return;
+      }
+    }
+  });
+  return active;
+}
+function isMidGesture(world) {
+  return world.getResource(Camera)?.gesturing === true || anyGestureNonTerminal(world);
+}
+
 // ../core/src/doc/envelope.ts
 var ENVELOPE_MAGIC = "ICE1";
 var ENVELOPE_VERSION = 1;
@@ -5432,9 +5541,9 @@ function gateVerdict(report) {
 }
 
 // ../core/src/doc/migrate.ts
-import { defineQuery as defineQuery25 } from "@vibecook/strata-ecs";
+import { defineQuery as defineQuery26 } from "@vibecook/strata-ecs";
 var PACK_PREFIX2 = "engine.pack.";
-var allDurableQ = defineQuery25([PrefabId]);
+var allDurableQ = defineQuery26([PrefabId]);
 function runMigrations(ctx, report) {
   const { store, world } = ctx;
   const migrated = [];
@@ -5512,10 +5621,10 @@ import { LoroDoc } from "loro-crdt";
 import { attachDurable, createDurableStore } from "@vibecook/strata-ecs/durable";
 
 // ../core/src/doc/schema-migrate.ts
-import { defineQuery as defineQuery26 } from "@vibecook/strata-ecs";
+import { defineQuery as defineQuery27 } from "@vibecook/strata-ecs";
 var SCHEMA_PREFIX2 = "engine.schema.";
 var BOARD_ROOT_META = "engine.boardRoot";
-var allDurableQ2 = defineQuery26([PrefabId]);
+var allDurableQ2 = defineQuery27([PrefabId]);
 function ensureBoardRoot(world, store) {
   let recorded;
   store.metaTransaction((meta) => {
@@ -5880,8 +5989,8 @@ var p = {
 };
 
 // ../core/src/widget/equip.ts
-import { Not as Not4, defineQuery as defineQuery27, defineSystem as defineSystem17 } from "@vibecook/strata-ecs";
-var unequippedQ = defineQuery27([PrefabId, Not4(WidgetEquipped)]);
+import { Not as Not4, defineQuery as defineQuery28, defineSystem as defineSystem17 } from "@vibecook/strata-ecs";
+var unequippedQ = defineQuery28([PrefabId, Not4(WidgetEquipped)]);
 function createWidgetEquipSystem() {
   return defineSystem17(
     unequippedQ,
@@ -5975,8 +6084,8 @@ function createMeasureIngest(world, queue) {
 }
 
 // ../core/src/widget/mount-store.ts
-import { Not as Not5, defineQuery as defineQuery29, defineTickSystem as defineTickSystem13 } from "@vibecook/strata-ecs";
-var widgetQ = defineQuery29([Position, Size, WidgetEquipped, Active]);
+import { Not as Not5, defineQuery as defineQuery30, defineTickSystem as defineTickSystem13 } from "@vibecook/strata-ecs";
+var widgetQ = defineQuery30([Position, Size, WidgetEquipped, Active]);
 function createWidgetRuntime(world, opts = {}) {
   const budget = opts.keepMounted ?? RUNTIME_BUDGETS.keepMountedWidgets;
   let lastWin = null;
@@ -6059,8 +6168,8 @@ function createWidgetRuntime(world, opts = {}) {
   let snapshot = [];
   let dirty = false;
   const listeners = /* @__PURE__ */ new Set();
-  const visibleWidgetsQ = defineQuery29([Position, Size, WidgetEquipped, Active, Visible]);
-  const culledWidgetsQ = defineQuery29([Position, Size, WidgetEquipped, Not5(Visible)]);
+  const visibleWidgetsQ = defineQuery30([Position, Size, WidgetEquipped, Active, Visible]);
+  const culledWidgetsQ = defineQuery30([Position, Size, WidgetEquipped, Not5(Visible)]);
   const mountGuard = makeChurnGuard(world, { tags: [Visible, Culled], coarse: false });
   const mountSystem = defineTickSystem13(
     (ctx) => {
@@ -6204,23 +6313,6 @@ var DEFAULT_SNAP_GUIDES_CONFIG = {
 };
 
 // ../core/src/doc/autosave.ts
-import { Any as Any4, defineQuery as defineQuery30 } from "@vibecook/strata-ecs";
-var gestureQ = defineQuery30([Any4(Tap, LongPress, Drag, Pinch, WheelPan, WheelZoom)]);
-var P13 = GesturePhases;
-function anyGestureNonTerminal(world) {
-  let active = false;
-  world.query(gestureQ).each((b) => {
-    for (const r of b) {
-      const e = b.entity(r);
-      const terminal = world.hasTag(e, P13.tags.Failed) || world.hasTag(e, P13.tags.Cancelled) || world.hasTag(e, P13.tags.Ended) || world.hasTag(e, P13.tags.Recognized) && world.has(e, Tap);
-      if (!terminal) {
-        active = true;
-        return;
-      }
-    }
-  });
-  return active;
-}
 function defaultSchedule(fn, ms) {
   const id = setTimeout(fn, ms);
   return () => clearTimeout(id);
@@ -6251,7 +6343,7 @@ function startAutosave(session, opts) {
   let pendingUpdates = [];
   let writing = false;
   let writeInFlight = Promise.resolve();
-  const deferred = () => world.getResource(Camera)?.gesturing === true || anyGestureNonTerminal(world);
+  const deferred = () => isMidGesture(world);
   const clearTimer = () => {
     if (cancelTimer !== void 0) {
       cancelTimer();
@@ -7439,6 +7531,14 @@ function createCanvasEngine(opts = {}) {
     isBackgrounded: () => stageHolds.size > 0,
     holds: () => [...stageHolds.values()]
   };
+  engine.frame.settleWhile("gestures", () => isMidGesture(world));
+  engine.frame.onChange(() => {
+    if (engine.frame.isFrozen()) {
+      cancelActiveGestures(world);
+      return;
+    }
+    stack.queue.drain();
+  });
   return {
     world,
     engine,
@@ -7448,6 +7548,7 @@ function createCanvasEngine(opts = {}) {
     ops,
     docs,
     stage,
+    frame: engine.frame,
     budgets,
     step: (now) => engine.step(now),
     dispose() {
@@ -7502,9 +7603,35 @@ export {
   PHASE_GROUPS,
   createPipelineRegistry,
   createReflectorRegistry,
-  createEngine,
+  Camera,
+  Viewport,
+  ActiveTool,
+  StageMode,
+  FrameMode,
+  SnapConfig,
+  ContainerCamera,
+  Active,
+  Visible,
+  Culled,
+  WidgetBreakpoint,
+  MeasuredSize,
+  SelectionBox,
+  HandleSpec,
+  GuideLine,
+  SpacingBar,
+  MarqueeBox,
+  CursorVisual,
+  Follows,
+  VisualOf,
+  NavDepth,
+  NavCamera,
+  NavFrame,
+  CanvasSurface,
   setDevGuards,
   devGuardsEnabled,
+  SETTLE_CAP,
+  createFrameControl,
+  createEngine,
   createLiveWriter,
   guardedTransaction,
   writeRuntimeResource,
@@ -7600,29 +7727,6 @@ export {
   PresenceInfo,
   PresenceCursor,
   SelectionSummary,
-  Camera,
-  Viewport,
-  ActiveTool,
-  StageMode,
-  SnapConfig,
-  ContainerCamera,
-  Active,
-  Visible,
-  Culled,
-  WidgetBreakpoint,
-  MeasuredSize,
-  SelectionBox,
-  HandleSpec,
-  GuideLine,
-  SpacingBar,
-  MarqueeBox,
-  CursorVisual,
-  Follows,
-  VisualOf,
-  NavDepth,
-  NavCamera,
-  NavFrame,
-  CanvasSurface,
   ChromeSettings,
   GestureSettings,
   PointerSettings,
@@ -7684,6 +7788,8 @@ export {
   ensureCanvasSurface,
   installInteractionCore,
   installInteractionStack,
+  anyGestureNonTerminal,
+  isMidGesture,
   ENVELOPE_MAGIC,
   ENVELOPE_VERSION,
   ENGINE_SCHEMA_VERSION,
@@ -7733,4 +7839,4 @@ export {
   Local2 as Local,
   DurableUndoStatus
 };
-//# sourceMappingURL=chunk-DXU3RZZS.js.map
+//# sourceMappingURL=chunk-5QY7HK6G.js.map