@popcraft/kit 0.53.16 → 0.53.18

package/dist/chunks/{chunk-D5EG45LZ.js → chunk-MGLGBL5N.js}

@@ -8,7 +8,7 @@ import {
   needsSelection,
   pageGo,
   selectionIsPicture
-} from "./chunk-YPSNEHNF.js";
+} from "./chunk-7HICNIH2.js";
 import {
   external_exports
 } from "./chunk-UDDWBCFE.js";
@@ -31,7 +31,7 @@ var none = external_exports.object({});
 var emit = (name, detail) => {
   if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent(name, { detail }));
 };
-var store = () => import("./editor-store-A2SNJTLI.js").then((m) => m.useEditorStore.getState());
+var store = () => import("./editor-store-L4V3QA4A.js").then((m) => m.useEditorStore.getState());
 var MODE_IDS = MODE_LIST.map((m) => m.id);
 var MODE_ALIASES = { JAM: "POPCORN", DEV: "VIEW" };
 var modeSet = defineCommand({
@@ -161,13 +161,13 @@ var dialogOpen = defineCommand({
         (await import("./plugin-store-M7EIBRYQ.js")).usePluginStore.getState().setManagerOpen(true);
         break;
       case "theme-editor":
-        (await import("./theme-store-FAYEXX7K.js")).useThemeStore.getState().setEditorOpen(true);
+        (await import("./theme-store-CBS2LI4H.js")).useThemeStore.getState().setEditorOpen(true);
         break;
       case "plan":
         (await import("./plan-limit-NQZVPJSA.js")).openPlanDialog();
         break;
       case "credits":
-        await (await import("./buy-credits-DD453AXQ.js")).buyAiCredits();
+        await (await import("./buy-credits-LK6QXRXO.js")).buyAiCredits();
         break;
       case "tokens":
         emit("popcraft-open-tokens");
@@ -213,7 +213,7 @@ var aiOpen = defineCommand({
   ] } },
   run: async ({ dialog, skillId }) => {
     if (dialog) (await import("./client-store-4J5MJDAW.js")).openAiDialog(dialog);
-    else (await import("./store-EUIN7C5G.js")).openAgentPanel({ skillId: skillId ?? null });
+    else (await import("./store-4GUNFV7U.js")).openAgentPanel({ skillId: skillId ?? null });
     return { summary: dialog ? `Opened AI ${dialog}` : "Opened the agent" };
   }
 });
@@ -226,7 +226,7 @@ var agentContinue = defineCommand({
   params: external_exports.object({}),
   expose: { ui: { label: "AI: Continue the agent\u2019s last turn", keywords: ["ai", "agent", "continue", "resume", "retry", "keep going"] } },
   run: async () => {
-    const resumed = await (await import("./runner-OYGJ7BEH.js")).continueTurn();
+    const resumed = await (await import("./runner-KSX7DGFW.js")).continueTurn();
     return { summary: resumed ? "Continued the agent" : "Nothing to continue" };
   }
 });
@@ -305,11 +305,11 @@ var toolPlace = defineCommand({
   run: async ({ what }) => {
     if (what === "media") {
       const s = await store();
-      const { placeMediaFromPicker } = await import("./media-tool-RYUZKR7X.js");
+      const { placeMediaFromPicker } = await import("./media-tool-3IFICUR3.js");
       await placeMediaFromPicker({ kind: "point", x: s.camera.x, y: s.camera.y });
       return { summary: "Placing media" };
     }
-    const { beginEyedrop } = await import("./eyedropper-4FPMVPMA.js");
+    const { beginEyedrop } = await import("./eyedropper-P3ZONVHS.js");
     void beginEyedrop();
     return { summary: "Pick a color" };
   }
@@ -327,7 +327,7 @@ var nodeRasterize = defineCommand({
     keywords: ["rasterize", "raster", "flatten", "pixels", "paint layer", "erase", "bitmap"]
   } },
   run: async () => {
-    const { flattenSelectionToPaintLayer } = await import("./raster-actions-DI55TXCE.js");
+    const { flattenSelectionToPaintLayer } = await import("./raster-actions-ZGFZYTAH.js");
     await flattenSelectionToPaintLayer();
     return { summary: "Rasterized" };
   }
@@ -419,7 +419,7 @@ function themeCommand(themes) {
     params: external_exports.object({ id: external_exports.string() }),
     expose: { ui: { label: "Theme", keywords: ["theme", "dark", "light", "comic", "appearance", "colors"], variants: themes.map((t) => ({ id: t.id, label: `Theme: ${t.name}`, params: { id: t.id } })) } },
     run: async ({ id }) => {
-      (await import("./theme-store-FAYEXX7K.js")).useThemeStore.getState().setActiveTheme(id);
+      (await import("./theme-store-CBS2LI4H.js")).useThemeStore.getState().setActiveTheme(id);
       return { summary: `Theme: ${themes.find((t) => t.id === id)?.name ?? id}` };
     }
   });
@@ -438,7 +438,7 @@ function pluginCommand(plugins) {
     params: external_exports.object({ pluginId: external_exports.string(), commandId: external_exports.string() }),
     expose: { ui: { label: "Run plugin", keywords: ["plugin", "extension", "run"], variants, palette: variants.length ? void 0 : false } },
     run: async ({ pluginId, commandId }) => {
-      await (await import("./host-YTWNKTAD.js")).runPlugin(pluginId, commandId);
+      await (await import("./host-VSSIPMLW.js")).runPlugin(pluginId, commandId);
       return { summary: "Plugin started" };
     }
   });
@@ -470,7 +470,7 @@ function registerAppCommands() {
   registerCommand(...appCommands);
   if (started || typeof window === "undefined") return;
   started = true;
-  void import("./theme-store-FAYEXX7K.js").then(({ useThemeStore, pickableThemes }) => {
+  void import("./theme-store-CBS2LI4H.js").then(({ useThemeStore, pickableThemes }) => {
     const sync = () => registerCommand(themeCommand(pickableThemes(useThemeStore.getState())));
     sync();
     useThemeStore.subscribe(sync);

package/dist/chunks/{chunk-2KPU4QCV.js → chunk-NK4G5HDO.js}

@@ -4,9 +4,6 @@ import { dirname as __popcraftDirname } from 'node:path';
 const require = __popcraftRequire(import.meta.url);
 const __filename = __popcraftPath(import.meta.url);
 const __dirname = __popcraftDirname(__filename);
-import {
-  isAppleMobile
-} from "./chunk-ZBANBY2Q.js";
 import {
   createNewFileOrExplain,
   findLinkByKey,
@@ -16,14 +13,14 @@ import {
   reportOpenStage,
   setCloudLink,
   trackOpen
-} from "./chunk-XI7YE4K3.js";
+} from "./chunk-ETC4DTCD.js";
 import {
   parseDeepLink,
   withDeepLink
 } from "./chunk-HFCMTDPQ.js";
 import {
   activeTeamWorkspaceId
-} from "./chunk-JQNEQDKU.js";
+} from "./chunk-7R77JLIP.js";
 import {
   ApiError,
   api,
@@ -31,8 +28,10 @@ import {
 } from "./chunk-7OJZZPU4.js";
 import {
   attachPresence
-} from "./chunk-KMGJ55U3.js";
+} from "./chunk-GZWJRQRF.js";
 import {
+  fileOpeningMode,
+  isAppleMobile,
   isPersistableDocument,
   isUnsavedPlaceholder,
   legacyYdocDatabase,
@@ -42,7 +41,7 @@ import {
   setCollabHistory,
   storedDocument,
   useEditorStore
-} from "./chunk-XSYCOMIX.js";
+} from "./chunk-OK3DQPII.js";
 import {
   currentHistoryGroup
 } from "./chunk-DUH4J3CB.js";
@@ -10126,10 +10125,32 @@ async function linkActive(link) {
   activeLink = link;
   await setCloudLink(link);
   applyReadOnly(link.role);
+  firstOpenOfShared(link);
   ensureCollab(link);
   setStatus(liveStatus());
   void healMedia(link);
 }
+var SEEN_KEY = "popcraft.sharedFilesOpened";
+function seenShared() {
+  try {
+    return new Set(JSON.parse(localStorage.getItem(SEEN_KEY) || "[]"));
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function firstOpenOfShared(link) {
+  if (link.role === "owner" || link.anonymous) return;
+  const seen = seenShared();
+  const first = !seen.has(link.key);
+  seen.add(link.key);
+  try {
+    localStorage.setItem(SEEN_KEY, JSON.stringify([...seen].slice(-500)));
+  } catch {
+  }
+  const st = useEditorStore.getState();
+  if (st.document.id !== link.docId || st.mode !== "DESIGN") return;
+  if (fileOpeningMode(st.document, { shared: true, seenBefore: !first }) === "VIEW") st.setMode("VIEW");
+}
 function applyReadOnly(role) {
   readOnlyDoc = canEdit(role) ? null : useEditorStore.getState().document;
 }

package/dist/chunks/{chunk-XSYCOMIX.js → chunk-OK3DQPII.js}

@@ -26,10 +26,14 @@ import {
   stageFit,
   stageTarget,
   textLinkSource
-} from "./chunk-K63NQAOB.js";
+} from "./chunk-XE6NJFI2.js";
 import {
-  parseColor
-} from "./chunk-I5REOOP7.js";
+  BUILTIN_THEMES,
+  INITIAL_THEME_ID,
+  canvasColors,
+  parseColor,
+  resolveTheme
+} from "./chunk-X4JKF2JG.js";
 import {
   seekTime,
   spanOf,
@@ -63,7 +67,7 @@ import {
   computeBooleanMultiPoly,
   nonzeroMultiPoly,
   require_polygon_clipping_cjs
-} from "./chunk-IIPH3CZZ.js";
+} from "./chunk-IY5UZMTO.js";
 import {
   selectionWorldBounds
 } from "./chunk-TXEWYX4G.js";
@@ -82,17 +86,18 @@ import {
 import {
   snapToFrame
 } from "./chunk-W2P5XUAY.js";
+import {
+  canBePixelLayer,
+  compositePixelLayers,
+  ensurePixelLayers,
+  layerInFrame
+} from "./chunk-CMOVCY42.js";
 import {
   decodeImageUrl
 } from "./chunk-OD63RI3Y.js";
 import {
   getActiveRenderer
 } from "./chunk-A2DCJZGE.js";
-import {
-  compositePixelLayers,
-  ensurePixelLayers,
-  layerInFrame
-} from "./chunk-CMOVCY42.js";
 import {
   cloudUser
 } from "./chunk-BXFKOMNU.js";
@@ -315,9 +320,11 @@ import {
   getAncestors,
   getNodeBounds,
   getRenderableNodes,
+  getWorldMatrix,
   getWorldRenderBounds,
   getWorldTransform,
   init_flatten,
+  init_glyph_linear,
   init_print_pages,
   init_routing,
   init_scene_graph,
@@ -390,6 +397,9 @@ import {
   shapeToVectorPath,
   writePath
 } from "./chunk-HOQFG5J7.js";
+import {
+  init_layout_access
+} from "./chunk-DC7CJQXE.js";
 import {
   init_time,
   localTime,
@@ -406,9 +416,16 @@ import {
   init_easing,
   interpOfEasing
 } from "./chunk-UHWYDCJ7.js";
+import {
+  init_scene3d
+} from "./chunk-DZHR24NY.js";
+import {
+  init_transform3d
+} from "./chunk-GHDFAWY2.js";
 import {
   apply,
-  init_transform
+  init_transform,
+  invert
 } from "./chunk-5HGDT4AZ.js";
 import {
   init_dist_node,
@@ -432,6 +449,220 @@ import {
 // lib/store/editor-store.ts
 init_define_POPCRAFT_COMPONENT_IDS();
 
+// lib/engine/camera.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function screenToWorld(screenX, screenY, camera, canvasWidth, canvasHeight) {
+  const ndcX = screenX / canvasWidth * 2 - 1;
+  const ndcY = screenY / canvasHeight * 2 - 1;
+  const halfWidth = canvasWidth / (2 * camera.zoom);
+  const halfHeight = canvasHeight / (2 * camera.zoom);
+  const worldX = ndcX * halfWidth + camera.x;
+  const worldY = ndcY * halfHeight + camera.y;
+  return { x: worldX, y: worldY };
+}
+
+// lib/editor/paste-place.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_scene_graph();
+init_transform();
+
+// lib/editor/hit-test.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/document/containers.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/document/editability.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function isLocked(document2, nodeId) {
+  let id = nodeId;
+  const seen = /* @__PURE__ */ new Set();
+  while (id && !seen.has(id)) {
+    seen.add(id);
+    const node = document2.nodes[id];
+    if (!node) return false;
+    if (node.locked) return true;
+    id = node.parentId ?? void 0;
+  }
+  return false;
+}
+function editableIds(document2, ids) {
+  return ids.filter((id) => !isLocked(document2, id));
+}
+var NEVER_ROTATES = /* @__PURE__ */ new Set(["STICKY"]);
+function canRotate(document2, nodeId) {
+  const node = document2.nodes[nodeId];
+  if (!node) return false;
+  return !NEVER_ROTATES.has(node.type) && !isLocked(document2, nodeId);
+}
+
+// lib/editor/hit-test.ts
+init_scene_graph();
+init_transform();
+init_scene3d();
+init_transform3d();
+
+// lib/extensions/table/cell-text.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_types();
+
+// lib/editor/pointer/move/group-resize.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/document/resize-children.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/editor/pointer/move/group-resize.ts
+init_scene_graph();
+
+// lib/editor/pointer/move/snap.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+
+// lib/engine/canvas-dpr.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+function isAppleMobile() {
+  if (typeof navigator === "undefined") return false;
+  return /iPad|iPhone|iPod/.test(navigator.userAgent) || /Mac/.test(navigator.platform) && navigator.maxTouchPoints > 1;
+}
+function canvasDpr() {
+  if (typeof window === "undefined") return 1;
+  const dpr = window.devicePixelRatio || 1;
+  return dpr > 1 ? Math.max(1, dpr * renderScale) : dpr;
+}
+var renderScale = 1;
+
+// lib/editor/hit-test.ts
+init_layout_access();
+init_glyph_linear();
+
+// lib/editor/overlays/frame-labels.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+init_scene_graph();
+
+// lib/theme/chrome.ts
+init_define_POPCRAFT_COMPONENT_IDS();
+var defaults = resolveTheme(INITIAL_THEME_ID, (id) => BUILTIN_THEMES.find((t2) => t2.id === id));
+var colors = canvasColors(defaults);
+
+// lib/editor/hit-test.ts
+function placement(state, nodeId, node) {
+  const t2 = getWorldTransform(state.document, nodeId);
+  return { m: unmirroredMatrix(t2, node.width, node.height), t: t2 };
+}
+function worldToNodeLocal(state, worldX, worldY, nodeId) {
+  const node = resolveVirtualNode(state.document.nodes, nodeId);
+  if (!node) return { x: worldX, y: worldY };
+  const inv = invert(placement(state, nodeId, node).m);
+  if (!inv) return { x: Infinity, y: Infinity };
+  const [x, y] = apply(inv, worldX, worldY);
+  return { x, y };
+}
+function getNodeWorldCenter(state, nodeId) {
+  const transform = getWorldTransform(state.document, nodeId);
+  return { x: transform.cx, y: transform.cy };
+}
+function findContainingFrame(state, nodeId) {
+  const node = state.document.nodes[nodeId];
+  if (!node) return null;
+  const allNodes = state.document.nodes;
+  const pageId = state.currentPageId;
+  const page = allNodes[pageId];
+  if (!page) return null;
+  const containers = [];
+  function collectContainers(ids) {
+    for (const id of ids) {
+      const n = allNodes[id];
+      if (!n) continue;
+      const parentType = n.parentId ? allNodes[n.parentId]?.type : void 0;
+      const topFrame = n.type === "FRAME" && (parentType === "PAGE" || parentType === "SECTION");
+      const acceptsNode = topFrame || n.type === "SECTION" || n.type === "PIXEL_GRID" && canBePixelLayer(node);
+      if (acceptsNode && id !== nodeId && id !== node.parentId) {
+        containers.push(n);
+      }
+      if (n.childIds && n.childIds.length > 0) collectContainers(n.childIds);
+    }
+  }
+  collectContainers(page.childIds);
+  const worldCenter = getNodeWorldCenter(state, nodeId);
+  const cx = worldCenter.x;
+  const cy = worldCenter.y;
+  let best = null;
+  let bestArea = Infinity;
+  for (const container of containers) {
+    const cCenter = getNodeWorldCenter(state, container.id);
+    const cWorldX = cCenter.x - container.width / 2;
+    const cWorldY = cCenter.y - container.height / 2;
+    if (cx >= cWorldX && cx <= cWorldX + container.width && cy >= cWorldY && cy <= cWorldY + container.height) {
+      const area2 = container.width * container.height;
+      if (area2 < bestArea) {
+        bestArea = area2;
+        best = container;
+      }
+    }
+  }
+  return best ? best.id : null;
+}
+function findCreationParent(state, nodeId) {
+  const node = state.document.nodes[nodeId];
+  if (!node) return null;
+  const nodes = state.document.nodes;
+  const c = getNodeWorldCenter(state, nodeId);
+  let best = null;
+  let bestDepth = -1;
+  const visit = (id, depth) => {
+    const n = nodes[id];
+    if (!n || id === nodeId || !n.visible || n.locked) return;
+    const ok = node.type === "SECTION" ? n.type === "SECTION" : n.type === "FRAME" || n.type === "SECTION" || n.type === "COMPONENT";
+    if (ok) {
+      const p = worldToNodeLocal(state, c.x, c.y, id);
+      if (p.x >= 0 && p.y >= 0 && p.x <= n.width && p.y <= n.height && depth > bestDepth) {
+        best = id;
+        bestDepth = depth;
+      }
+    }
+    if (n.type === "FRAME" || n.type === "SECTION" || n.type === "COMPONENT") for (const k of n.childIds ?? []) visit(k, depth + 1);
+  };
+  for (const id of nodes[state.currentPageId]?.childIds ?? []) visit(id, 0);
+  return best;
+}
+
+// lib/editor/paste-place.ts
+var inside = (b, c) => b.minX >= c.minX - 0.5 && b.minY >= c.minY - 0.5 && b.maxX <= c.maxX + 0.5 && b.maxY <= c.maxY + 0.5;
+var overlaps = (b, c) => b.maxX > c.minX && b.minX < c.maxX && b.maxY > c.minY && b.minY < c.maxY;
+function placePasted(doc, pageId, ids, view, opts = {}) {
+  if (!ids.length) return doc;
+  const parentId = doc.nodes[ids[0]]?.parentId;
+  if (!parentId) return doc;
+  const onPage = doc.nodes[parentId]?.type === "PAGE";
+  const b = selectionWorldBounds(doc.nodes, ids);
+  const c = onPage ? view : selectionWorldBounds(doc.nodes, [parentId]);
+  if (b && c && (opts.centre || (onPage ? !overlaps(b, c) : !inside(b, c)))) {
+    const dx = (c.minX + c.maxX) / 2 - (b.minX + b.maxX) / 2;
+    const dy = (c.minY + c.maxY) / 2 - (b.minY + b.maxY) / 2;
+    const inv = onPage ? null : invert(getWorldMatrix(doc, parentId));
+    const [ox, oy] = inv ? apply(inv, 0, 0) : [0, 0];
+    const [lx, ly] = inv ? apply(inv, dx, dy) : [dx, dy];
+    for (const id of ids) {
+      const n = doc.nodes[id];
+      doc = updateNode(doc, id, { x: n.x + (lx - ox), y: n.y + (ly - oy) });
+    }
+  }
+  if (onPage) return doc;
+  const within = (id) => {
+    for (let p = id; p; p = doc.nodes[p]?.parentId) if (p === parentId) return true;
+    return false;
+  };
+  for (const id of ids) {
+    const state = { document: doc, currentPageId: pageId, camera: { x: 0, y: 0, zoom: 1 } };
+    const target = findCreationParent(state, id);
+    if (!target || target === doc.nodes[id]?.parentId || !within(target)) continue;
+    const placed2 = placementUnder(doc, id, target);
+    if (placed2) doc = updateNode(doc, id, placed2);
+    doc = reparentNode(doc, id, target);
+  }
+  return doc;
+}
+
 // lib/editor/selection-drill.ts
 init_define_POPCRAFT_COMPONENT_IDS();
 init_scene_graph();
@@ -481,30 +712,6 @@ function prefersReducedMotion(prefs = getA11yPrefs()) {
   return prefs.motion === "reduce" || prefs.motion === "system" && media(REDUCED_QUERY);
 }
 
-// lib/document/editability.ts
-init_define_POPCRAFT_COMPONENT_IDS();
-function isLocked(document2, nodeId) {
-  let id = nodeId;
-  const seen = /* @__PURE__ */ new Set();
-  while (id && !seen.has(id)) {
-    seen.add(id);
-    const node = document2.nodes[id];
-    if (!node) return false;
-    if (node.locked) return true;
-    id = node.parentId ?? void 0;
-  }
-  return false;
-}
-function editableIds(document2, ids) {
-  return ids.filter((id) => !isLocked(document2, id));
-}
-var NEVER_ROTATES = /* @__PURE__ */ new Set(["STICKY"]);
-function canRotate(document2, nodeId) {
-  const node = document2.nodes[nodeId];
-  if (!node) return false;
-  return !NEVER_ROTATES.has(node.type) && !isLocked(document2, nodeId);
-}
-
 // node_modules/.pnpm/zustand@5.0.15_@types+react@19.3.0_immer@11.1.21_react@19.3.0_use-sync-external-store@1.6.0_react@19.3.0_/node_modules/zustand/esm/middleware.mjs
 init_define_POPCRAFT_COMPONENT_IDS();
 var subscribeWithSelectorImpl = (fn) => (set2, get2, api) => {
@@ -1026,6 +1233,11 @@ function openingMode(doc) {
   };
   return moves2(first.id) ? "ANIMATE" : "VIEW";
 }
+function fileOpeningMode(doc, opts = {}) {
+  const mode = openingMode(doc);
+  if (mode !== "VIEW") return mode;
+  return opts.shared && !opts.seenBefore ? "VIEW" : "DESIGN";
+}
 
 // lib/store/editor-store.ts
 init_routing();
@@ -2182,11 +2394,11 @@ function arrangementFaces(shapes) {
     const next = [];
     let rest = shape;
     for (const f of faces) {
-      const inside = op(import_polygon_clipping.default.intersection, f.mp, shape);
-      if (solid(inside)) next.push({ mp: inside, sources: [...f.sources, i] });
+      const inside2 = op(import_polygon_clipping.default.intersection, f.mp, shape);
+      if (solid(inside2)) next.push({ mp: inside2, sources: [...f.sources, i] });
       const outside = op(import_polygon_clipping.default.difference, f.mp, shape);
       if (solid(outside)) next.push({ mp: outside, sources: f.sources });
-      if (solid(inside)) rest = op(import_polygon_clipping.default.difference, rest, f.mp);
+      if (solid(inside2)) rest = op(import_polygon_clipping.default.difference, rest, f.mp);
     }
     if (solid(rest)) next.push({ mp: rest, sources: [i] });
     faces = next;
@@ -2195,15 +2407,15 @@ function arrangementFaces(shapes) {
 }
 function pointInMultiPoly(mp, x, y) {
   for (const poly of mp) {
-    let inside = false;
+    let inside2 = false;
     for (const ring of poly) {
       for (let i = 0, j = ring.length - 1; i < ring.length; j = i++) {
         const [xi, yi] = ring[i];
         const [xj, yj] = ring[j];
-        if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) inside = !inside;
+        if (yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi) inside2 = !inside2;
       }
     }
-    if (inside) return true;
+    if (inside2) return true;
   }
   return false;
 }
@@ -3653,11 +3865,12 @@ function openTabPatch(s, tab) {
 }
 function createModeSlice(set2, get2) {
   return {
-    mode: "VIEW",
+    // The editor starts ready to edit. Read only is for someone else's file on its first open (lib/client/cloud/sync.ts),
+    // and a file of another kind picks its own mode when it opens (lib/templates/kinds.ts `fileOpeningMode`).
+    mode: "DESIGN",
     viewFlags: { ...DEFAULT_VIEW_FLAGS },
     leftTab: "composition",
-    // Read only's own tab: the editor starts in it (the file it opens may then pick another mode).
-    rightTab: MODE_PROFILES.VIEW.rightTab,
+    rightTab: MODE_PROFILES.DESIGN.rightTab,
     leftPanelOpen: true,
     rightPanelOpen: true,
     tabSides: loadTabSides(),
@@ -3909,8 +4122,8 @@ function createPixelSlice(set2, get2) {
     pixelAddTag: (id, from, to) => {
       const n = node(id);
       if (!n) return;
-      const colors = ["#e9720c", "#0c8ce9", "#34c759", "#af52de", "#ff2d55", "#ffcc00"];
-      const tag = { id: v4_default(), name: `Tag ${n.tags.length + 1}`, from: clampFrame(n, Math.min(from, to)), to: clampFrame(n, Math.max(from, to)), direction: "FORWARD", color: colors[n.tags.length % colors.length] };
+      const colors2 = ["#e9720c", "#0c8ce9", "#34c759", "#af52de", "#ff2d55", "#ffcc00"];
+      const tag = { id: v4_default(), name: `Tag ${n.tags.length + 1}`, from: clampFrame(n, Math.min(from, to)), to: clampFrame(n, Math.max(from, to)), direction: "FORWARD", color: colors2[n.tags.length % colors2.length] };
       commit(id, { tags: [...n.tags, tag] }, "Add tag");
     },
     pixelUpdateTag: (id, tagId, patch) => {
@@ -4545,8 +4758,8 @@ function washiOutline(length, width, seed, edge = "SPIKY") {
 }
 function washiFill(style, width, seed) {
   if (style.pattern) {
-    const colors = paletteColors(style.palette ?? "denim");
-    return { type: "PATTERN", visible: true, opacity: 1, patternPreset: style.pattern, patternColors: colors, patternScale: Math.max(0.3, Math.min(3, width / 36)) };
+    const colors2 = paletteColors(style.palette ?? "denim");
+    return { type: "PATTERN", visible: true, opacity: 1, patternPreset: style.pattern, patternColors: colors2, patternScale: Math.max(0.3, Math.min(3, width / 36)) };
   }
   const color = style.color ?? { r: 0.97, g: 0.62, b: 0.7, a: 1 };
   const tex = {
@@ -4624,7 +4837,7 @@ function createPopcornSlice(set2, get2) {
     privateMode: false,
     setPrivateMode: (on) => {
       set2({ privateMode: on });
-      void import("./presence-FTKMD5F3.js").then((m) => m.setPresencePrivate(on)).catch(() => {
+      void import("./presence-GGLTIRS2.js").then((m) => m.setPresencePrivate(on)).catch(() => {
       });
     },
     /** Reveal every private item THIS user created (they sync to collaborators). Others' stay theirs. */
@@ -6652,7 +6865,7 @@ var useEditorStore = create()(
               cropEdit: null,
               imageEdit: null
             });
-            get2().setMode(openingMode(snap.document));
+            get2().setMode(fileOpeningMode(snap.document));
             {
               const st = get2();
               const comp = st.mode === "ANIMATE" ? Object.values(openedDoc.compositions ?? {}).find((c) => c.clips?.length) : void 0;
@@ -6669,7 +6882,7 @@ var useEditorStore = create()(
           // A copy is a new file, so it is cloud-backed like any other (see lib/client/cloud/new-file.ts).
           // Returns '' when it was refused (offline, signed out, plan full) or failed; nothing is left behind.
           duplicateDocument: async (id) => {
-            const { duplicateDocumentToCloud } = await import("./sync-THYAERCF.js");
+            const { duplicateDocumentToCloud } = await import("./sync-K2VRUB23.js");
             return duplicateDocumentToCloud(id);
           },
           deleteDocument: async (id) => {
@@ -7559,6 +7772,14 @@ var useEditorStore = create()(
               doc = { ...doc, nodes: newNodes };
               doc = relinkCopies(doc, idMap);
               doc = adoptPastedLibraryInstances(doc, newSelection, carried, libraryLink());
+              {
+                const vp = canvasViewport();
+                const a = screenToWorld(0, 0, state.camera, vp.width, vp.height);
+                const z = screenToWorld(vp.width, vp.height, state.camera, vp.width, vp.height);
+                const view = { minX: Math.min(a.x, z.x), minY: Math.min(a.y, z.y), maxX: Math.max(a.x, z.x), maxY: Math.max(a.y, z.y) };
+                const fromElsewhere = !!into && into.type === "SECTION" && topLevelNodes.every((n) => n.parentId !== into.id);
+                doc = placePasted(doc, state.currentPageId, newSelection.filter((id) => doc.nodes[id]), view, { centre: fromElsewhere });
+              }
               const command = createCommand("PASTE_NODES", `Paste ${topLevelNodes.length} node(s)`, documentBefore, doc);
               set2({
                 document: applyAutoLayout(doc),
@@ -10165,9 +10386,9 @@ if (typeof window !== "undefined") {
 if (typeof window !== "undefined" && navigator.webdriver) {
   window.__vpDesign = async (script, o = {}) => {
     const [{ registerBuiltinTools, runTool }, { editorToolContext }, { createDesignPreview }] = await Promise.all([
-      import("./tools-676MQY7D.js").then(async (m) => ({ ...m, registerBuiltinTools: (await import("./builtin-RTTBLUAL.js")).registerBuiltinTools })),
-      import("./editor-seams-WVHFVQHE.js"),
-      import("./live-EA3LBJFA.js")
+      import("./tools-JRQSLBJK.js").then(async (m) => ({ ...m, registerBuiltinTools: (await import("./builtin-5P5A2IMY.js")).registerBuiltinTools })),
+      import("./editor-seams-4M7R4HNW.js"),
+      import("./live-DQITX7DB.js")
     ]);
     registerBuiltinTools();
     const args = JSON.stringify({ ...o.name ? { name: o.name } : {}, ...o.size ? { size: o.size } : {}, ...o.frame ? { frame: o.frame } : {}, script });
@@ -10224,7 +10445,7 @@ if (typeof window !== "undefined" && navigator.webdriver) {
     return { type, width: spec.width, height: spec.height, b64: btoa(bin) };
   };
   window.__vpLottieCheck = async (what, at) => {
-    const [{ lottieCheckFrames }, { getActiveRenderer: getActiveRenderer2 }] = await Promise.all([import("./player-check-ZGWLAHXY.js"), import("./renderer-registry-UWFTNNVB.js")]);
+    const [{ lottieCheckFrames }, { getActiveRenderer: getActiveRenderer2 }] = await Promise.all([import("./player-check-CZVWUJXW.js"), import("./renderer-registry-UWFTNNVB.js")]);
     const renderer = getActiveRenderer2();
     if (!renderer) throw new Error("no renderer on this route");
     const doc = useEditorStore.getState().document;
@@ -10436,6 +10657,11 @@ onWriteFromReadOnly(() => {
 });
 
 export {
+  screenToWorld,
+  isAppleMobile,
+  canvasDpr,
+  findContainingFrame,
+  fileOpeningMode,
   RASTER_MAX_SIDE,
   setPluginTabs,
   notifyCollabHistory,