@popcraft/cli 0.48.3 → 0.50.0

package/dist/popcraft.mjs

@@ -1196,7 +1196,7 @@ function operations(spec = openapi) {
 }
 async function call(target2, method, path, opts = {}) {
   const qs = new URLSearchParams(opts.query ?? {}).toString();
-  const headers = { "user-agent": `popcraft-cli/${"0.48.3"}`, ...opts.headers };
+  const headers = { "user-agent": `popcraft-cli/${"0.50.0"}`, ...opts.headers };
   if (target2.token) headers.authorization = `Bearer ${target2.token}`;
   if (opts.contentType) headers["content-type"] = opts.contentType;
   try {
@@ -3994,14 +3994,14 @@ function describeTextTarget(doc2, n) {
     names.unshift(p2.name);
     p2 = p2.parentId ? doc2.nodes[p2.parentId] : void 0;
   }
-  const current4 = str2(n.characters ?? "", 400);
-  const charsPerLine = n.textAutoResize === "WIDTH_AND_HEIGHT" ? Math.max(current4.length, 8) : Math.max(4, Math.floor(n.width / Math.max(1, n.fontSize * 0.52)));
-  const lines2 = n.textAutoResize === "NONE" ? Math.max(1, Math.floor(n.height / Math.max(1, n.fontSize * 1.2))) : Math.max(1, current4.split("\n").length, Math.round(n.height / Math.max(1, n.fontSize * 1.2)));
+  const current5 = str2(n.characters ?? "", 400);
+  const charsPerLine = n.textAutoResize === "WIDTH_AND_HEIGHT" ? Math.max(current5.length, 8) : Math.max(4, Math.floor(n.width / Math.max(1, n.fontSize * 0.52)));
+  const lines2 = n.textAutoResize === "NONE" ? Math.max(1, Math.floor(n.height / Math.max(1, n.fontSize * 1.2))) : Math.max(1, current5.split("\n").length, Math.round(n.height / Math.max(1, n.fontSize * 1.2)));
   return {
     id: n.id,
     name: str2(n.name, AI_LIMITS.maxNameChars),
     role: inferTextRole(n, names),
-    current: current4,
+    current: current5,
     maxChars: Math.max(4, Math.min(AI_LIMITS.maxTextChars, charsPerLine * lines2)),
     path: str2(names.join(" / "), 200)
   };
@@ -5200,8 +5200,8 @@ var init_properties = __esm({
     T = "Transform";
     A = "Appearance";
     inFlow = (n, parent) => {
-      const mode = parent ? fieldOf(parent, "layoutMode") : void 0;
-      return !!mode && mode !== "NONE" && fieldOf(n, "layoutPositioning") !== "ABSOLUTE";
+      const mode2 = parent ? fieldOf(parent, "layoutMode") : void 0;
+      return !!mode2 && mode2 !== "NONE" && fieldOf(n, "layoutPositioning") !== "ABSOLUTE";
     };
     num5 = (v) => typeof v === "number" && Number.isFinite(v) ? v : void 0;
     effectType = (...types) => {
@@ -5807,8 +5807,8 @@ function packedToHex(v) {
   const [r, g, b, a] = unpackRGBA(v);
   return `#${[r, g, b, a].map((x2) => x2.toString(16).padStart(2, "0")).join("")}`;
 }
-function celsToRGBA(cells, mode, palette2, transparentIndex) {
-  if (mode !== "INDEXED") return cells;
+function celsToRGBA(cells, mode2, palette2, transparentIndex) {
+  if (mode2 !== "INDEXED") return cells;
   const lut = palette2.map(hexToPacked);
   const out = new Uint32Array(cells.length);
   for (let i2 = 0; i2 < cells.length; i2++) {
@@ -6500,21 +6500,21 @@ function glyphInstancesToRings(instances) {
     }
     const commands2 = glyph2?.path?.commands;
     if (!commands2?.length) continue;
-    let current4 = [];
+    let current5 = [];
     const push2 = () => {
-      if (current4.length >= 3) rings.push(closeRing(current4));
-      current4 = [];
+      if (current5.length >= 3) rings.push(closeRing(current5));
+      current5 = [];
     };
     const t3 = glyphTransform(g);
     const turn = glyphTurn(g);
     flattenPath(commands2, t3, (x0, y0, x1, y1) => {
       const [ax, ay] = turn(x0, y0), [bx, by] = turn(x1, y1);
-      const last3 = current4[current4.length - 1];
+      const last3 = current5[current5.length - 1];
       if (!last3 || last3[0] !== ax || last3[1] !== ay) {
         push2();
-        current4.push([ax, ay]);
+        current5.push([ax, ay]);
       }
-      current4.push([bx, by]);
+      current5.push([bx, by]);
     });
     push2();
   }
@@ -6974,8 +6974,8 @@ function addHeaderFooterToMaster(doc2, masterId, kind) {
   return { doc: updated, textId: text.id };
 }
 function reorderPrintPages(doc2, pageId2, orderedIds) {
-  const current4 = listPrintPages(doc2, pageId2);
-  const rest = current4.map((f2) => f2.id).filter((id3) => !orderedIds.includes(id3));
+  const current5 = listPrintPages(doc2, pageId2);
+  const rest = current5.map((f2) => f2.id).filter((id3) => !orderedIds.includes(id3));
   const patches = {};
   [...orderedIds, ...rest].forEach((id3, index2) => {
     const f2 = doc2.nodes[id3];
@@ -7779,12 +7779,12 @@ function getAncestors(document2, nodeId2) {
   const ancestors = [];
   const node2 = document2.nodes[nodeId2];
   if (!node2) return ancestors;
-  let current4 = node2;
-  while (current4.parentId) {
-    const parent = document2.nodes[current4.parentId];
+  let current5 = node2;
+  while (current5.parentId) {
+    const parent = document2.nodes[current5.parentId];
     if (parent) {
       ancestors.push(parent);
-      current4 = parent;
+      current5 = parent;
     } else {
       break;
     }
@@ -8578,15 +8578,15 @@ function resolveStepRefs(params2, results) {
   return fill(params2);
 }
 function documentContext(doc2, opts) {
-  let current4 = doc2;
+  let current5 = doc2;
   let pageId2 = opts.pageId && doc2.pages.includes(opts.pageId) ? opts.pageId : doc2.pages[0];
   let selection = (opts.selection ?? []).filter((id3) => id3 in doc2.nodes);
   const notices = [];
   const caps = opts.capabilities ?? [];
   const ctx2 = {
-    doc: () => current4,
+    doc: () => current5,
     commit: (next2) => {
-      current4 = next2;
+      current5 = next2;
     },
     pageId: () => pageId2,
     selection: () => [...selection],
@@ -8610,18 +8610,18 @@ function documentContext(doc2, opts) {
       },
       create: (name2) => {
         const page = createPage(name2);
-        current4 = { ...current4, pages: [...current4.pages, page.id], nodes: { ...current4.nodes, [page.id]: page } };
+        current5 = { ...current5, pages: [...current5.pages, page.id], nodes: { ...current5.nodes, [page.id]: page } };
         pageId2 = page.id;
         selection = [];
         return page.id;
       },
       rename: (id3, name2) => {
-        current4 = updateNode(current4, id3, { name: name2 });
+        current5 = updateNode(current5, id3, { name: name2 });
       }
     },
     readOnlyReason: () => null
   };
-  return { ctx: ctx2, document: () => current4, pageId: () => pageId2, selection: () => [...selection], notices };
+  return { ctx: ctx2, document: () => current5, pageId: () => pageId2, selection: () => [...selection], notices };
 }
 var BROWSER_NEEDS, SIGNIN_DOMAINS, APP_ONLY, UNAVAILABLE, STORE_BOUND, STEP_REF;
 var init_headless = __esm({
@@ -8645,6 +8645,7 @@ var init_headless = __esm({
       "view.zoom",
       "view.zoomTo",
       "view.stage",
+      "view.screenLayout",
       "view.present",
       "view.copyLink",
       "canvas.toggle",
@@ -32785,6 +32786,8 @@ var init_en2 = __esm({
       "command:page.create": "New page",
       "command:page.setCurrent": "Next page",
       "command:paint.replaceColor": "Replace color",
+      "command:paint.setFills": "Set fills",
+      "command:paint.setStrokes": "Set strokes",
       "command:presentation.configureAudio": "Presentation audio settings",
       "command:presentation.fallbackAudio": "Use offline fallback audio",
       "command:presentation.generateAudio": "Generate presentation audio",
@@ -32827,6 +32830,7 @@ var init_en2 = __esm({
       "command:text.setPath#circle": "Text on a circle",
       "command:text.setPath#path": "Attach text to path",
       "command:text.setPath#wave": "Wave text",
+      "command:text.setTypography": "Set typography",
       "command:vector.boolean": "Boolean",
       "command:vector.boolean#exclude": "Exclude",
       "command:vector.boolean#intersect": "Intersect",
@@ -32849,6 +32853,7 @@ var init_en2 = __esm({
       "command:view.present#fullscreen": "Present (fullscreen)",
       "command:view.present#presenter": "Presenter view",
       "command:view.present#window": "Present in a window for screen share\u2026",
+      "command:view.screenLayout": "Flip canvas and panels",
       "command:view.select": "Deselect all",
       "command:view.stage": "Stage view",
       "command:view.zoom": "Zoom",
@@ -33519,6 +33524,12 @@ var init_en2 = __esm({
       "drawSettingsPanel.wetMix": "Wet mix",
       "drawSettingsPanel.wetPaint": "Wet paint",
       "drawSettingsPanel.whatTheTipRotatesWith": "What the tip rotates with",
+      "duoHarness.closed": "Closed",
+      "duoHarness.frameTitle": "PopCraft on an iPhone Duo",
+      "duoHarness.halfOpen": "Half open",
+      "duoHarness.open": "Open",
+      "duoHarness.posture": "Fold posture",
+      "duoHarness.rotate": "Rotate",
       "editorStore.leftNothingThoseShapesProduce": "{toLowerCase} left nothing \u2014 those shapes produce an empty result.",
       "editorStore.readOnlyPickAMode": "This file is read only. Pick Design, or another mode, to edit it.",
       "editorStore.savingToBrowserStorageFailed": "Saving to browser storage failed \u2014 recent changes may not be saved.",
@@ -34805,6 +34816,10 @@ var init_en2 = __esm({
       "panelRail.dragToTheOtherSide": "{title} \u2014 drag to the other side (or Alt+Shift+Arrow) to move it",
       "panelRail.leftPanel": "Left panel",
       "panelRail.rightPanel": "Right panel",
+      "panelTab.agent": "Agent",
+      "panelTab.comments": "Comments",
+      "panelTab.inspect": "Inspect",
+      "panelTab.layers": "Layers",
       "pdfExportDialog.aTSFriendlyR\xE9sum\xE9sRealText": "ATS-friendly (r\xE9sum\xE9s): real text in reading order",
       "pdfExportDialog.cancel": "Cancel",
       "pdfExportDialog.cMYKUncalibrated": "CMYK (uncalibrated)",
@@ -34836,6 +34851,34 @@ var init_en2 = __esm({
       "pendingInstallNotice.dismiss": "Dismiss",
       "pendingInstallNotice.signIn": "Sign in",
       "pendingInstallNotice.tryItInANew": "Try it in a new file",
+      "phoneShell.allFiles": "All files",
+      "phoneShell.backToMore": "Back to More",
+      "phoneShell.canvas": "Canvas",
+      "phoneShell.commands": "Commands",
+      "phoneShell.design": "Design",
+      "phoneShell.editorMode": "Editor mode",
+      "phoneShell.editSelection": "Edit {name}",
+      "phoneShell.flipCanvas": "Flip canvas and panels",
+      "phoneShell.layers": "Layers",
+      "phoneShell.layout": "Screen layout",
+      "phoneShell.layoutAuto": "Automatic (fits the screen)",
+      "phoneShell.layoutDesktop": "Desktop",
+      "phoneShell.layoutPanes": "Two panes",
+      "phoneShell.layoutPhone": "Phone",
+      "phoneShell.modes": "Modes",
+      "phoneShell.more": "More",
+      "phoneShell.panels": "Panels",
+      "phoneShell.pinToDock": "Pin {name} to the dock",
+      "phoneShell.properties": "Properties",
+      "phoneShell.recent": "Recent",
+      "phoneShell.resizePanels": "Resize the two panels",
+      "phoneShell.resizePanes": "Resize canvas and panels",
+      "phoneShell.searchCommands": "Search commands",
+      "phoneShell.selectedCount": "{count, plural, one {# layer} other {# layers}}",
+      "phoneShell.settings": "Settings",
+      "phoneShell.textSize": "Size",
+      "phoneShell.unpinFromDock": "Unpin {name} from the dock",
+      "phoneShell.untitled": "Untitled",
       "photoBrowser.anyCreativeCommonsLicence": "Any Creative Commons licence",
       "photoBrowser.freeToUseAndEdit": "Free to use and edit commercially",
       "photoBrowser.licences": "Licences",
@@ -35859,6 +35902,7 @@ var init_en2 = __esm({
       "shareImage.upload": "Upload",
       "shareImage.uploadHint": "A PNG or JPEG under 1 MB. 1200\xD7630 fits link previews best.",
       "shareImage.whichFrame": "Frame to share",
+      "sheet.close": "Close",
       "showAdvanceControl.advance": "Advance",
       "showAdvanceControl.afterADelay": "After a delay",
       "showAdvanceControl.loopTheShow": "Loop the show",
@@ -94264,20 +94308,20 @@ function accentText(s) {
 function bidiText(s) {
   return s.trim() ? `${RLO}${s}${PDF}` : s;
 }
-function walk2(els, mode) {
+function walk2(els, mode2) {
   return els.map((el) => {
-    if (el.type === TYPE.literal) return { ...el, value: mode === "accented" ? accentText(el.value) : bidiText(el.value) };
+    if (el.type === TYPE.literal) return { ...el, value: mode2 === "accented" ? accentText(el.value) : bidiText(el.value) };
     if (el.type === TYPE.plural || el.type === TYPE.select) {
-      const options = Object.fromEntries(Object.entries(el.options).map(([k2, o]) => [k2, { ...o, value: walk2(o.value, mode) }]));
+      const options = Object.fromEntries(Object.entries(el.options).map(([k2, o]) => [k2, { ...o, value: walk2(o.value, mode2) }]));
       return { ...el, options };
     }
-    if (el.type === TYPE.tag) return { ...el, children: walk2(el.children, mode) };
+    if (el.type === TYPE.tag) return { ...el, children: walk2(el.children, mode2) };
     return el;
   });
 }
-function pseudoAst(ast, mode) {
-  const body = walk2(ast, mode);
-  if (mode !== "accented") return body;
+function pseudoAst(ast, mode2) {
+  const body = walk2(ast, mode2);
+  if (mode2 !== "accented") return body;
   return [{ type: TYPE.literal, value: PSEUDO_OPEN }, ...body, { type: TYPE.literal, value: PSEUDO_CLOSE }];
 }
 var ACCENTS, VOWELS, PSEUDO_OPEN, PSEUDO_CLOSE, RLO, PDF;
@@ -94920,9 +94964,9 @@ var require_react_production = __commonJS({
     exports.useState = function(initialState) {
       return ReactSharedInternals.H.useState(initialState);
     };
-    exports.useSyncExternalStore = function(subscribe, getSnapshot, getServerSnapshot) {
+    exports.useSyncExternalStore = function(subscribe2, getSnapshot, getServerSnapshot) {
       return ReactSharedInternals.H.useSyncExternalStore(
-        subscribe,
+        subscribe2,
         getSnapshot,
         getServerSnapshot
       );
@@ -95802,8 +95846,8 @@ var init_shader_graph = __esm({
         inputs: [col2("base", BLACK2), col2("layer", WHITE2), f322("amount", 1, [0, 2])],
         options: [{ name: "mode", values: ["add", "screen", "multiply", "over", "max"], default: "add" }],
         emit: (c2) => {
-          const mode = c2.opt("mode");
-          const mixed = mode === "screen" ? "vec3<f32>(1.0) - (vec3<f32>(1.0) - a.rgb) * (vec3<f32>(1.0) - b.rgb)" : mode === "multiply" ? "a.rgb * b.rgb" : mode === "over" ? "mix(a.rgb, b.rgb, b.a)" : mode === "max" ? "max(a.rgb, b.rgb)" : "a.rgb + b.rgb";
+          const mode2 = c2.opt("mode");
+          const mixed = mode2 === "screen" ? "vec3<f32>(1.0) - (vec3<f32>(1.0) - a.rgb) * (vec3<f32>(1.0) - b.rgb)" : mode2 === "multiply" ? "a.rgb * b.rgb" : mode2 === "over" ? "mix(a.rgb, b.rgb, b.a)" : mode2 === "max" ? "max(a.rgb, b.rgb)" : "a.rgb + b.rgb";
           return `let a = ${c2.in("base")};
   let b = ${c2.in("layer")};
   let k = ${c2.in("amount")};
@@ -96328,11 +96372,29 @@ function holdsIndexedDB(close) {
     closers.delete(close);
   };
 }
-var closers;
+function closeAllIndexedDB() {
+  for (const close of [...closers]) {
+    try {
+      close();
+    } catch {
+    }
+  }
+}
+var closers, CHANNEL, channel;
 var init_open_connections = __esm({
   "lib/storage/open-connections.ts"() {
     "use strict";
     closers = /* @__PURE__ */ new Set();
+    CHANNEL = "popcraft-close-indexeddb";
+    channel = null;
+    if (typeof BroadcastChannel !== "undefined") {
+      try {
+        channel = new BroadcastChannel(CHANNEL);
+        channel.onmessage = () => closeAllIndexedDB();
+        channel.unref?.();
+      } catch {
+      }
+    }
   }
 });
 
@@ -96837,22 +96899,22 @@ var init_vanilla = __esm({
   "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/vanilla.mjs"() {
     createStoreImpl = (createState) => {
       let state;
-      const listeners8 = /* @__PURE__ */ new Set();
+      const listeners9 = /* @__PURE__ */ new Set();
       const setState = (partial2, replace) => {
         const nextState = typeof partial2 === "function" ? partial2(state) : partial2;
         if (!Object.is(nextState, state)) {
           const previousState = state;
           state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
-          listeners8.forEach((listener) => listener(state, previousState));
+          listeners9.forEach((listener) => listener(state, previousState));
         }
       };
       const getState2 = () => state;
       const getInitialState = () => initialState;
-      const subscribe = (listener) => {
-        listeners8.add(listener);
-        return () => listeners8.delete(listener);
+      const subscribe2 = (listener) => {
+        listeners9.add(listener);
+        return () => listeners9.delete(listener);
       };
-      const api3 = { setState, getState: getState2, getInitialState, subscribe };
+      const api3 = { setState, getState: getState2, getInitialState, subscribe: subscribe2 };
       const initialState = state = createState(setState, getState2, api3);
       return api3;
     };
@@ -99888,13 +99950,13 @@ function compositionAt(comp, t3) {
     else return EMPTY_MOMENT;
   }
   const clip = clips2[index2];
-  const current4 = { clip, index: index2, local: clipLocalTime(clip, t3) };
+  const current5 = { clip, index: index2, local: clipLocalTime(clip, t3) };
   const tr = clip.transitionIn;
   const prev = index2 > 0 ? clips2[index2 - 1] : void 0;
-  if (!tr || !prev || tr.duration <= 0 || t3 >= clip.start + tr.duration || t3 < clip.start) return { current: current4, previous: null, transition: null };
+  if (!tr || !prev || tr.duration <= 0 || t3 >= clip.start + tr.duration || t3 < clip.start) return { current: current5, previous: null, transition: null };
   const progress2 = evalInterp(tr.interp, (t3 - clip.start) / tr.duration, tr.duration);
   return {
-    current: current4,
+    current: current5,
     previous: { clip: prev, index: index2 - 1, local: clipLocalTime(prev, t3) },
     transition: { type: tr.type, progress: progress2, params: tr.params }
   };
@@ -101451,7 +101513,7 @@ function repairStateMachine(raw, markerIds, hasNode) {
     else delete t3.guards;
     return t3;
   });
-  const listeners8 = entries4(raw.listeners, (e) => {
+  const listeners9 = entries4(raw.listeners, (e) => {
     if (!STATE_MACHINE_LISTENER_TYPES.includes(e.type)) return null;
     let l = e;
     if (e.layer !== void 0 && !(typeof e.layer === "string" && hasNode(e.layer))) {
@@ -101471,7 +101533,7 @@ function repairStateMachine(raw, markerIds, hasNode) {
   const initial = typeof raw.initial === "string" && states[raw.initial] ? raw.initial : sortedValues(states)[0].id;
   if (id3 !== raw.id || name2 !== raw.name || initial !== raw.initial) changed = true;
   if (!changed) return raw;
-  return { id: id3, name: name2, initial, states, transitions, inputs, listeners: listeners8 };
+  return { id: id3, name: name2, initial, states, transitions, inputs, listeners: listeners9 };
 }
 var STATE_MACHINE_INPUT_TYPES, STATE_MACHINE_GUARD_OPS, STATE_MACHINE_ACTION_TYPES, STATE_MACHINE_LISTENER_TYPES, isKeyListener, ANY_STATE, MAX_STEPS2, byId2, sortedValues, machineOf, startValue, isObj3, finite4, isValue, goodId;
 var init_state_machine = __esm({
@@ -247966,6 +248028,7 @@ function repairCompositions(comps, nodes) {
 var isObj5, finite6, optFinite, isVec2, TIMELINE_COLOR_IDS, TIMELINE_COLORS, UNITS, ORDERS, PROP_KEYS, ANIMATOR_ID, MOTION_TYPES, TRANSITIONS, isFraction, MEDIA_HASH;
 var init_invariants = __esm({
   "lib/motion/invariants.ts"() {
+    "use strict";
     init_easing();
     init_properties();
     init_markers();
@@ -249088,6 +249151,7 @@ function beforeWrite() {
 var leave;
 var init_read_only = __esm({
   "lib/editor/modes/read-only.ts"() {
+    "use strict";
     leave = null;
   }
 });
@@ -252159,11 +252223,11 @@ function bufferPolylines(lines2, width) {
     return pieces.map((p2) => [p2[0]]);
   }
 }
-function combineRings(rings, mode) {
+function combineRings(rings, mode2) {
   const polys = rings.filter((r) => r.length >= 3).map((r) => [r]);
   if (polys.length === 0) return [];
   try {
-    return polys.length > 1 ? import_polygon_clipping4.default[mode](polys[0], ...polys.slice(1)) : [polys[0]];
+    return polys.length > 1 ? import_polygon_clipping4.default[mode2](polys[0], ...polys.slice(1)) : [polys[0]];
   } catch {
     return polys.map((p2) => [p2[0]]);
   }
@@ -252177,8 +252241,8 @@ function nodeWorldMultiPoly(doc2, id3) {
     return mp.map((poly) => poly.map((ring) => ring.map(([x2, y]) => place4(x2, y))));
   }
   const rings = nodeWorldRings(doc2, id3);
-  const mode = node2.type === "VECTOR" && node2.fillRule === "EVENODD" ? "xor" : "union";
-  return combineRings(rings, mode);
+  const mode2 = node2.type === "VECTOR" && node2.fillRule === "EVENODD" ? "xor" : "union";
+  return combineRings(rings, mode2);
 }
 function nodeAreaMultiPoly(doc2, id3) {
   if (!doc2.nodes[id3]) return [];
@@ -253359,17 +253423,17 @@ function packDabs(dabs, frame3, paint, prev) {
     const p2 = worldToLayer(frame3, d.cx, d.cy);
     const round5 = Math.max(0.1, d.roundness ?? 1);
     let rx = d.r * k2, ry = d.r * round5 * k2;
-    let mode = 0;
-    if (paint.stamp) mode = 2;
+    let mode2 = 0;
+    if (paint.stamp) mode2 = 2;
     else if (paint.tip === "SQUARE") {
-      mode = 1;
+      mode2 = 1;
       rx *= 0.85;
       ry *= 0.85;
     } else if (paint.tip === "NIB") {
-      mode = 1;
+      mode2 = 1;
       ry *= 0.45;
     } else if (paint.tip === "CHISEL") {
-      mode = 1;
+      mode2 = 1;
       ry *= 0.5;
     }
     const angle2 = d.angle - frame3.rotationRad;
@@ -253381,8 +253445,8 @@ function packDabs(dabs, frame3, paint, prev) {
     data[o + 12] = d.charge ?? 1;
     data[o + 13] = (d.travel ?? 0) - frame3.rotationRad;
     data[o + 4] = angle2;
-    data[o + 5] = (paint.smudgeStrength !== void 0 || paint.liquify) && mode === 0 ? 0.6 : d.hardness ?? paint.hardness;
-    data[o + 6] = mode;
+    data[o + 5] = (paint.smudgeStrength !== void 0 || paint.liquify) && mode2 === 0 ? 0.6 : d.hardness ?? paint.hardness;
+    data[o + 6] = mode2;
     if (paint.cloneOffset) {
       data[o + 8] = paint.cloneOffset.x;
       data[o + 9] = paint.cloneOffset.y;
@@ -253663,12 +253727,12 @@ function selectAll(g) {
   s.fill(1);
   return s;
 }
-function combineSelection(base, next2, mode) {
-  if (!base || mode === "REPLACE") return next2;
+function combineSelection(base, next2, mode2) {
+  if (!base || mode2 === "REPLACE") return next2;
   const out = new Uint8Array(next2.length);
   for (let i2 = 0; i2 < next2.length; i2++) {
     const a = base[i2] ? 1 : 0, b = next2[i2] ? 1 : 0;
-    out[i2] = mode === "ADD" ? a | b : mode === "SUBTRACT" ? a & ~b : a & b;
+    out[i2] = mode2 === "ADD" ? a | b : mode2 === "SUBTRACT" ? a & ~b : a & b;
   }
   return out;
 }
@@ -253839,10 +253903,10 @@ function createImageEditSlice(set4, get4) {
       if (!edit) return;
       set4({ imageEdit: { ...edit, ...combine ? { combine } : {}, ...tolerance !== void 0 ? { tolerance } : {} } });
     },
-    applySelection: (next2, mode) => {
+    applySelection: (next2, mode2) => {
       const edit = get4().imageEdit;
       if (!edit) return;
-      set4({ imageEdit: { ...edit, selection: combineSelection(edit.selection, next2, mode ?? edit.combine) } });
+      set4({ imageEdit: { ...edit, selection: combineSelection(edit.selection, next2, mode2 ?? edit.combine) } });
     },
     selectAllImage: () => {
       const edit = get4().imageEdit;
@@ -254369,15 +254433,15 @@ function createModeSlice(set4, get4) {
     tabOrder: loadTabOrder(),
     stageView: {},
     stageFrameId: null,
-    setMode: (mode) => {
+    setMode: (mode2) => {
       const state = get4();
-      if (state.mode === mode) return;
+      if (state.mode === mode2) return;
       const st = get4();
       if (st.vectorEditMode) st.exitVectorEditMode?.();
       if (st.pixelEdit) st.exitPixelEdit?.();
       const motion = get4();
       motion.setMotionTarget?.(null);
-      const profile = MODE_PROFILES[mode];
+      const profile = MODE_PROFILES[mode2];
       const sides = state.tabSides ?? {};
       const tabs = {};
       const keyOf3 = (tab) => sideOf(sides, tab) === "left" ? "leftTab" : "rightTab";
@@ -254390,7 +254454,7 @@ function createModeSlice(set4, get4) {
         tabs[keyOf3(previous)] = side === sideOf(sides, "composition") ? "composition" : tabsOn(sides, side, state.tabOrder)[0] ?? previous;
       }
       set4({
-        mode,
+        mode: mode2,
         ...tabs,
         // Tools do not survive a mode switch: PopCorn's washi used to stay armed in Design, where nothing
         // could draw it. The toolset that owns the tool is the only place it is reachable. The mode says
@@ -254434,9 +254498,9 @@ function createModeSlice(set4, get4) {
       }
       set4(patch2);
     },
-    setStageView: (on, mode) => {
+    setStageView: (on, mode2) => {
       const state = get4();
-      const m = mode ?? state.mode;
+      const m = mode2 ?? state.mode;
       if (!!state.stageView[m] === on) return;
       set4({ stageView: { ...state.stageView, [m]: on } });
     },
@@ -254930,25 +254994,25 @@ function createPixelSlice(set4, get4) {
       commit(id3, { palette: clean3 }, "Edit palette");
     },
     /** Switch color mode, converting every frame (and tile): quantize to palette / luminance. */
-    pixelSetColorMode: (id3, mode) => {
+    pixelSetColorMode: (id3, mode2) => {
       const n = node2(id3);
-      if (!n || n.colorMode === mode) return;
+      if (!n || n.colorMode === mode2) return;
       const count2 = n.pixelWidth * n.pixelHeight;
       let palette2 = n.palette;
-      if (mode === "INDEXED" && palette2.length < 2) {
+      if (mode2 === "INDEXED" && palette2.length < 2) {
         const all4 = new Uint32Array(count2 * n.frames.length);
         n.frames.forEach((_, i2) => all4.set(frameRGBA(n, i2), i2 * count2));
         palette2 = extractPalette(all4, 256).map(packedToHex);
       }
-      const conv = (b64, cellCount) => encodeCels(convertCels(decodeCels(b64, cellCount), n.colorMode, mode, n.palette, palette2, n.transparentIndex));
-      const patch2 = { colorMode: mode, palette: palette2 };
+      const conv = (b64, cellCount) => encodeCels(convertCels(decodeCels(b64, cellCount), n.colorMode, mode2, n.palette, palette2, n.transparentIndex));
+      const patch2 = { colorMode: mode2, palette: palette2 };
       if (n.tileset) {
         const tc = n.tileset.tileW * n.tileset.tileH;
         patch2.tileset = { ...n.tileset, tiles: n.tileset.tiles.map((t3) => conv(t3, tc)) };
       } else {
         patch2.frames = n.frames.map((f2) => ({ ...f2, cels: conv(f2.cels, count2) }));
       }
-      commit(id3, patch2, `Color mode: ${mode.toLowerCase()}`);
+      commit(id3, patch2, `Color mode: ${mode2.toLowerCase()}`);
     },
     /** Dedupe the canvas into a tileset + per-frame tile maps (Aseprite "convert to tilemap"). */
     pixelConvertToTilemap: (id3, tileW, tileH) => {
@@ -256883,9 +256947,9 @@ function presenceChanges(prev, next2) {
   for (const [id3, name2] of before) if (!after.has(id3)) out.push(t2("a11y.personLeft", { name: name2 }));
   return out;
 }
-function announcePresence(subscribe) {
+function announcePresence(subscribe2) {
   let last3 = null;
-  return subscribe((people) => {
+  return subscribe2((people) => {
     if (last3) for (const m of presenceChanges(last3, people)) announce(m);
     last3 = people;
   });
@@ -257026,6 +257090,7 @@ function followPeers(peers) {
 var PALETTE, usePresence, awareness, CURSOR_SEND_MS, VIEWPORT_SEND_MS, cursorTimer, pendingCursor, sentCursor, EMOTE_MS, lastFollowCamera;
 var init_presence = __esm({
   "lib/collab/presence.ts"() {
+    "use strict";
     init_esm();
     init_editor_store();
     init_status_announcements();
@@ -257922,7 +257987,7 @@ function documentPath(opts) {
 }
 function tabChannel() {
   if (!isDesktopTabs() || typeof BroadcastChannel === "undefined") return null;
-  return channel ??= new BroadcastChannel(CHANNEL);
+  return channel2 ??= new BroadcastChannel(CHANNEL2);
 }
 function postTabMessage(msg) {
   tabChannel()?.postMessage(msg);
@@ -257935,15 +258000,15 @@ function onTabMessage(fn) {
   ch.addEventListener("message", handler);
   return () => ch.removeEventListener("message", handler);
 }
-var EDITOR_HOME, localDocPath, cloudFilePath, CHANNEL, channel;
+var EDITOR_HOME, localDocPath, cloudFilePath, CHANNEL2, channel2;
 var init_tab_mode = __esm({
   "lib/desktop/tab-mode.ts"() {
     "use strict";
     EDITOR_HOME = "/home";
     localDocPath = (docId) => `${EDITOR_HOME}?doc=${encodeURIComponent(docId)}`;
     cloudFilePath = (key5) => `/pop/${encodeURIComponent(key5)}`;
-    CHANNEL = "popcraft-desktop-tabs";
-    channel = null;
+    CHANNEL2 = "popcraft-desktop-tabs";
+    channel2 = null;
   }
 });
 
@@ -258880,17 +258945,17 @@ function setModifierParam(track2, id3, name2, value3) {
     return next2;
   });
 }
-function setLoopMode(track2, id3, mode) {
-  return change(track2, id3, (m) => m.kind === "loop" && m.mode !== mode ? { ...m, mode } : m);
+function setLoopMode(track2, id3, mode2) {
+  return change(track2, id3, (m) => m.kind === "loop" && m.mode !== mode2 ? { ...m, mode: mode2 } : m);
 }
 function setAudioSignal(track2, id3, signal) {
   return change(track2, id3, (m) => m.kind === "audio" && m.signal !== signal ? { ...m, signal, ...signal === "spectrum" && m.bin === void 0 ? { bin: 0.25 } : {} } : m);
 }
-function setAudioMode(track2, id3, mode) {
+function setAudioMode(track2, id3, mode2) {
   return change(track2, id3, (m) => {
-    if (m.kind !== "audio" || (m.mode ?? "add") === mode) return m;
-    const next2 = { ...m, mode };
-    if (mode === "add") delete next2.mode;
+    if (m.kind !== "audio" || (m.mode ?? "add") === mode2) return m;
+    const next2 = { ...m, mode: mode2 };
+    if (mode2 === "add") delete next2.mode;
     return next2;
   });
 }
@@ -260241,10 +260306,10 @@ var init_autokey = __esm({
 });
 
 // lib/motion/key-selection.ts
-function selectKeys(sel, refs, mode) {
-  if (mode === "replace") return dedupe2(refs);
+function selectKeys(sel, refs, mode2) {
+  if (mode2 === "replace") return dedupe2(refs);
   const have = new Set(sel.map(keyRefId));
-  if (mode === "toggle" && refs.length && refs.every((r) => have.has(keyRefId(r)))) {
+  if (mode2 === "toggle" && refs.length && refs.every((r) => have.has(keyRefId(r)))) {
     const drop = new Set(refs.map(keyRefId));
     return sel.filter((r) => !drop.has(keyRefId(r)));
   }
@@ -260863,8 +260928,8 @@ function createMotionSlice(set4, get4) {
       const tr = get4().transport;
       if (tr.playing && !tr.loop && tr.end > 0 && transportTime(tr, now2) >= tr.end) put3({ playing: false, playAnchor: null, time: tr.end });
     },
-    selectKeys: (refs, mode = "replace") => {
-      const next2 = selectKeys(liveKeys(), refs, mode);
+    selectKeys: (refs, mode2 = "replace") => {
+      const next2 = selectKeys(liveKeys(), refs, mode2);
       const cur = get4().keySelection;
       if (next2.length || cur.length) set4({ keySelection: next2 });
     },
@@ -261711,8 +261776,8 @@ function scopeOf(doc2, key5, record2) {
   const c2 = r && doc2.collections?.[r.collectionId];
   return withKey(r && c2 ? itemScope(c2, r, vars) : vars, key5);
 }
-function setVariableValue(action3, variable, current4, doc2, key5, record2) {
-  if (action3.variableToggle) return !current4;
+function setVariableValue(action3, variable, current5, doc2, key5, record2) {
+  if (action3.variableToggle) return !current5;
   if (action3.variableExpression !== void 0 && action3.variableExpression.trim()) {
     const v = tryEvaluate(action3.variableExpression, scopeOf(doc2, key5, record2));
     return v === void 0 ? void 0 : coerceToVariable(variable.type, v);
@@ -261737,14 +261802,14 @@ function glideValue(g, now2) {
   const k2 = g.duration > 0 ? Math.min(1, Math.max(0, (now2 - g.at) / g.duration)) : 1;
   return g.from + (g.to - g.from) * ease(k2, g.easing, g.duration, g.spring);
 }
-function startGlide(glides, id3, mode, from2, to, transition2, now2) {
+function startGlide(glides, id3, mode2, from2, to, transition2, now2) {
   const rest = { ...glides ?? {} };
   delete rest[id3];
   const duration3 = transition2?.duration ?? 0;
   const prev = glides?.[id3];
-  const start2 = prev && prev.mode === mode ? glideValue(prev, now2) : from2;
+  const start2 = prev && prev.mode === mode2 ? glideValue(prev, now2) : from2;
   if (!(duration3 > 0) || typeof start2 !== "number" || typeof to !== "number" || start2 === to) return Object.keys(rest).length ? rest : null;
-  return { ...rest, [id3]: { mode, from: start2, to, at: now2, duration: duration3, easing: transition2.easing, ...transition2.spring ? { spring: transition2.spring } : {} } };
+  return { ...rest, [id3]: { mode: mode2, from: start2, to, at: now2, duration: duration3, easing: transition2.easing, ...transition2.spring ? { spring: transition2.spring } : {} } };
 }
 var init_variable_glides = __esm({
   "lib/motion/variable-glides.ts"() {
@@ -261759,7 +261824,7 @@ function scrollerOf(nodes, id3) {
   for (let cur = nodes[id3]?.parentId; cur; cur = nodes[cur]?.parentId) if (scrolls(nodes[cur])) return cur;
   return null;
 }
-function placed(doc2, frameId, current4, x2, y) {
+function placed(doc2, frameId, current5, x2, y) {
   const node2 = doc2.nodes[frameId];
   if (!scrolls(node2)) return null;
   const bounds2 = getNodeBounds(doc2, frameId);
@@ -261767,8 +261832,8 @@ function placed(doc2, frameId, current4, x2, y) {
   const maxX = Math.max(0, bounds2.width - node2.width);
   const maxY = Math.max(0, bounds2.height - node2.height);
   return {
-    x: node2.overflowScrolling === "HORIZONTAL" || node2.overflowScrolling === "BOTH" ? Math.max(0, Math.min(maxX, x2)) : current4.x,
-    y: node2.overflowScrolling === "VERTICAL" || node2.overflowScrolling === "BOTH" ? Math.max(0, Math.min(maxY, y)) : current4.y
+    x: node2.overflowScrolling === "HORIZONTAL" || node2.overflowScrolling === "BOTH" ? Math.max(0, Math.min(maxX, x2)) : current5.x,
+    y: node2.overflowScrolling === "VERTICAL" || node2.overflowScrolling === "BOTH" ? Math.max(0, Math.min(maxY, y)) : current5.y
   };
 }
 function scrollBy(state, frameId, dx, dy) {
@@ -262471,7 +262536,7 @@ var init_plugin_store = __esm({
       toasts: [],
       permissionPrompt: null,
       managerOpen: false,
-      setInstalled: (installed3) => set4({ installed: installed3 }),
+      setInstalled: (installed4) => set4({ installed: installed4 }),
       setManagerOpen: (managerOpen) => set4({ managerOpen }),
       upsertSession: (s) => set4((st) => ({ sessions: [...st.sessions.filter((x2) => x2.sessionId !== s.sessionId), s] })),
       patchSession: (sessionId, patch2) => set4((st) => ({ sessions: st.sessions.map((x2) => x2.sessionId === sessionId ? { ...x2, ...patch2 } : x2) })),
@@ -262575,6 +262640,7 @@ function formatDate(date5, opts = { month: "short", day: "numeric", year: "numer
 var cache5, nf;
 var init_format = __esm({
   "lib/i18n/format.ts"() {
+    "use strict";
     init_runtime();
     cache5 = /* @__PURE__ */ new Map();
     nf = (opts) => cached2("n", opts, (l) => new Intl.NumberFormat(l, opts));
@@ -271632,11 +271698,11 @@ function repairTree(nodes, pages2) {
     });
     if (keep.length !== kids.length) put3({ ...node2, childIds: keep });
   }
-  const current4 = out ?? nodes;
-  for (const id3 in current4) {
-    const node2 = current4[id3];
+  const current5 = out ?? nodes;
+  for (const id3 in current5) {
+    const node2 = current5[id3];
     if (pages2.includes(id3)) continue;
-    const parents = (listedBy.get(id3) ?? []).filter((p2) => (current4[p2].childIds ?? []).includes(id3));
+    const parents = (listedBy.get(id3) ?? []).filter((p2) => (current5[p2].childIds ?? []).includes(id3));
     const parent = parents[0] ?? null;
     if (parent && node2.parentId !== parent) put3({ ...node2, parentId: parent });
   }
@@ -271682,7 +271748,7 @@ function finishDocument(ydoc, base, nodes) {
   }
   return doc2;
 }
-function applyYEventsToDocument(ydoc, current4, events) {
+function applyYEventsToDocument(ydoc, current5, events) {
   const ynodes = yNodes(ydoc);
   const touched = /* @__PURE__ */ new Set();
   let structure = false;
@@ -271700,9 +271766,9 @@ function applyYEventsToDocument(ydoc, current4, events) {
       structure = true;
     }
   }
-  let nodes = current4.nodes;
+  let nodes = current5.nodes;
   if (touched.size) {
-    nodes = { ...current4.nodes };
+    nodes = { ...current5.nodes };
     for (const id3 of touched) {
       if (!isSafeKey(id3)) continue;
       const ynode = ynodes.get(id3);
@@ -271710,9 +271776,9 @@ function applyYEventsToDocument(ydoc, current4, events) {
       else delete nodes[id3];
     }
   }
-  if (!touched.size && !structure) return current4;
-  if (!structure && !tree) return { ...current4, nodes };
-  return finishDocument(ydoc, current4, nodes);
+  if (!touched.size && !structure) return current5;
+  if (!structure && !tree) return { ...current5, nodes };
+  return finishDocument(ydoc, current5, nodes);
 }
 var LOCAL_ORIGIN, RECORD_FIELDS, META_FIELDS, sameSyncedFields, yRecordMaps, TRACK_PREFIX, MACHINE_PARTS, MACHINE_PREFIX, MAX_DOC_NAME, UNSAFE_KEYS, isSafeKey, yNodes, yPages, yMeta;
 var init_ydoc = __esm({
@@ -272895,12 +272961,12 @@ function startCollabSession(docId, opts) {
     if (!bound || tr.origin === LOCAL_ORIGIN || !isActive()) return;
     if (useEditorStore.getState().isVersionHistoryMode) return;
     if (sendTimer) flush();
-    const current4 = useEditorStore.getState().document;
-    const sharedCurrent = withoutPrivate(current4);
+    const current5 = useEditorStore.getState().document;
+    const sharedCurrent = withoutPrivate(current5);
     const shared = applyYEventsToDocument(ydoc, sharedCurrent, events);
     if (shared === sharedCurrent) return;
-    const next2 = repairDocumentPaints(migrateDocumentMotion(restorePrivate(shared, current4)));
-    if (!(tr.origin instanceof UndoManager)) noteRemoteChanges(current4, next2, changedIds(current4, next2, events));
+    const next2 = repairDocumentPaints(migrateDocumentMotion(restorePrivate(shared, current5)));
+    if (!(tr.origin instanceof UndoManager)) noteRemoteChanges(current5, next2, changedIds(current5, next2, events));
     if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("popcraft-media-retry"));
     applyingRemote = true;
     synced = shared;
@@ -273038,9 +273104,9 @@ function withDeadline(p2, ms2) {
   return Promise.race([p2, deadline]).finally(() => clearTimeout(timer));
 }
 async function trackOpen(run4, opts = {}) {
-  const current4 = useOpenProgress.getState().open;
-  if (current4 && !current4.error) {
-    const joined = { stage: (s) => patch(current4.id, { stage: s }) };
+  const current5 = useOpenProgress.getState().open;
+  if (current5 && !current5.error) {
+    const joined = { stage: (s) => patch(current5.id, { stage: s }) };
     return run4(joined);
   }
   const id3 = nextId++;
@@ -274311,9 +274377,9 @@ function changedBox(a, b, width) {
 }
 function createGifEncoder(width, height, opts, shared) {
   const gif = (0, import_gifenc.GIFEncoder)();
-  const mode = opts.palette ?? "global";
+  const mode2 = opts.palette ?? "global";
   const dither = opts.dither ?? "none";
-  const incremental = mode === "global" && !!shared;
+  const incremental = mode2 === "global" && !!shared;
   let n = 0;
   let pending8 = null;
   let canvas = null;
@@ -274326,7 +274392,7 @@ function createGifEncoder(width, height, opts, shared) {
   const flush = (keep) => {
     const p2 = pending8;
     if (!p2) return new Uint8Array(0);
-    const own2 = mode === "per-frame" || n === 0;
+    const own2 = mode2 === "per-frame" || n === 0;
     gif.writeFrame(p2.idx, p2.w, p2.h, {
       palette: own2 ? p2.palette.colors : void 0,
       delay: p2.delay,
@@ -274348,7 +274414,7 @@ function createGifEncoder(width, height, opts, shared) {
   return {
     frame(rgba, delay3) {
       let palette2 = shared;
-      if (mode === "per-frame" || !palette2) {
+      if (mode2 === "per-frame" || !palette2) {
         const c2 = new PaletteCounter();
         c2.add(rgba);
         palette2 = c2.palette();
@@ -275380,18 +275446,18 @@ var init_misc = __esm({
       /** @internal */
       _emit(...args2) {
         const [event, data] = args2;
-        const listeners8 = this._listeners.get(event);
-        if (!listeners8) {
+        const listeners9 = this._listeners.get(event);
+        if (!listeners9) {
           return;
         }
-        for (const entry of listeners8) {
+        for (const entry of listeners9) {
           try {
             entry.fn(data);
           } catch (error62) {
             console.error(error62);
           }
           if (entry.once) {
-            listeners8.delete(entry);
+            listeners9.delete(entry);
           }
         }
       }
@@ -279554,8 +279620,8 @@ var init_mp3_misc = __esm({
         return 12 * bitrate / sampleRate * 4;
       }
     };
-    getXingOffset = (mpegVersionId, channel3) => {
-      return mpegVersionId === 3 ? channel3 === 3 ? 21 : 36 : channel3 === 3 ? 13 : 21;
+    getXingOffset = (mpegVersionId, channel4) => {
+      return mpegVersionId === 3 ? channel4 === 3 ? 21 : 36 : channel4 === 3 ? 13 : 21;
     };
     readMp3FrameHeader = (word, remainingBytes) => {
       const firstByte = word >>> 24;
@@ -279587,7 +279653,7 @@ var init_mp3_misc = __esm({
       const bitrateIndex = thirdByte >> 4 & 15;
       const frequencyIndex = (thirdByte >> 2 & 3) % 3;
       const padding3 = thirdByte >> 1 & 1;
-      const channel3 = fourthByte >> 6 & 3;
+      const channel4 = fourthByte >> 6 & 3;
       const modeExtension = fourthByte >> 4 & 3;
       const copyright = fourthByte >> 3 & 1;
       const original = fourthByte >> 2 & 1;
@@ -279623,7 +279689,7 @@ var init_mp3_misc = __esm({
           bitrate,
           frequencyIndex,
           sampleRate,
-          channel: channel3,
+          channel: channel4,
           modeExtension,
           copyright,
           original,
@@ -279648,8 +279714,8 @@ var init_mp3_misc = __esm({
       XingFlags2[XingFlags2["FileSize"] = 2] = "FileSize";
       XingFlags2[XingFlags2["Toc"] = 4] = "Toc";
     })(XingFlags || (XingFlags = {}));
-    getMp3ChannelCount = (channel3) => {
-      return channel3 === 3 ? 1 : 2;
+    getMp3ChannelCount = (channel4) => {
+      return channel4 === 3 ? 1 : 2;
     };
   }
 });
@@ -290406,10 +290472,10 @@ var init_mpeg_ts_demuxer = __esm({
         return true;
       }
       async ensureCurrentPacketHasNext() {
-        const current4 = this.decodeOrderPackets[0];
-        assert2(current4);
+        const current5 = this.decodeOrderPackets[0];
+        assert2(current5);
         while (true) {
-          const presentationIndex = this.presentationOrderPackets.indexOf(current4);
+          const presentationIndex = this.presentationOrderPackets.indexOf(current5);
           if (presentationIndex !== -1 && presentationIndex <= this.presentationOrderPackets.length - 2) {
             break;
           }
@@ -295725,8 +295791,8 @@ var init_sample2 = __esm({
         while (remainingFrames > 0) {
           const framesToCopy = Math.min(maxFramesPerChunk, remainingFrames);
           const chunkData = new Float32Array(numberOfChannels * framesToCopy);
-          for (let channel3 = 0; channel3 < numberOfChannels; channel3++) {
-            audioBuffer.copyFromChannel(chunkData.subarray(channel3 * framesToCopy, (channel3 + 1) * framesToCopy), channel3, currentRelativeFrame);
+          for (let channel4 = 0; channel4 < numberOfChannels; channel4++) {
+            audioBuffer.copyFromChannel(chunkData.subarray(channel4 * framesToCopy, (channel4 + 1) * framesToCopy), channel4, currentRelativeFrame);
           }
           yield new _AudioSample({
             format: "f32-planar",
@@ -295759,8 +295825,8 @@ var init_sample2 = __esm({
         while (remainingFrames > 0) {
           const framesToCopy = Math.min(maxFramesPerChunk, remainingFrames);
           const chunkData = new Float32Array(numberOfChannels * framesToCopy);
-          for (let channel3 = 0; channel3 < numberOfChannels; channel3++) {
-            audioBuffer.copyFromChannel(chunkData.subarray(channel3 * framesToCopy, (channel3 + 1) * framesToCopy), channel3, currentRelativeFrame);
+          for (let channel4 = 0; channel4 < numberOfChannels; channel4++) {
+            audioBuffer.copyFromChannel(chunkData.subarray(channel4 * framesToCopy, (channel4 + 1) * framesToCopy), channel4, currentRelativeFrame);
           }
           const audioSample = new _AudioSample({
             format: "f32-planar",
@@ -309668,11 +309734,11 @@ function pathBounds(paths) {
   }
   return minX === Infinity ? null : { minX, minY, maxX, maxY };
 }
-function parseColor2(input2, current4) {
+function parseColor2(input2, current5) {
   if (!input2) return null;
   const s = input2.trim().toLowerCase();
   if (!s || s === "none" || s === "transparent") return null;
-  if (s === "currentcolor") return current4 ?? { r: 0, g: 0, b: 0, a: 1 };
+  if (s === "currentcolor") return current5 ?? { r: 0, g: 0, b: 0, a: 1 };
   const hex10 = s.startsWith("#") ? s.slice(1) : NAMED[s];
   if (hex10 && /^[0-9a-f]+$/.test(hex10)) {
     const full = hex10.length <= 4 ? hex10.split("").map((c2) => c2 + c2).join("") : hex10;
@@ -311145,8 +311211,8 @@ function reflectUrl() {
   const base = documentPath({ linkKey: activeLink?.key, localDocId });
   const atSameAddress = window.location.pathname === base.split("?")[0];
   const path = atSameAddress ? withDeepLink(base, parseDeepLink(window.location.search)) : base;
-  const current4 = window.location.pathname + (isDesktopTabs() || localDocId || path.includes("?") ? window.location.search : "");
-  if (current4 !== path) window.history.replaceState(null, "", path);
+  const current5 = window.location.pathname + (isDesktopTabs() || localDocId || path.includes("?") ? window.location.search : "");
+  if (current5 !== path) window.history.replaceState(null, "", path);
 }
 function onSyncStatus(fn) {
   statusListeners.add(fn);
@@ -311801,7 +311867,6 @@ async function dispatchShaped(key5, options) {
 var onViolation;
 var init_dispatch = __esm({
   "lib/commands/dispatch.ts"() {
-    "use strict";
     init_errors();
     init_registry();
     init_confirm();
@@ -312981,6 +313046,7 @@ function areaBounds(rings) {
 }
 var init_text_area = __esm({
   "lib/engine/text/text-area.ts"() {
+    "use strict";
   }
 });
 
@@ -313014,7 +313080,7 @@ function fitsContainer(result, node2) {
   if (node2.textAutoResize === "HEIGHT") return result.lines.length <= (node2.characters ?? "").split("\n").length;
   return result.contentHeight <= node2.height + 0.5;
 }
-function fitLayout(node2, mode, run4) {
+function fitLayout(node2, mode2, run4) {
   const cache11 = /* @__PURE__ */ new Map();
   const at4 = (s) => {
     let r = cache11.get(s);
@@ -313027,7 +313093,7 @@ function fitLayout(node2, mode, run4) {
   const ok2 = (s) => fitsContainer(at4(s), node2);
   let lo, hi;
   if (ok2(1)) {
-    if (mode === "SHRINK") return { ...at4(1), fitScale: 1 };
+    if (mode2 === "SHRINK") return { ...at4(1), fitScale: 1 };
     lo = 1;
     hi = 2;
     while (hi < MAX_SCALE && ok2(hi)) {
@@ -313244,10 +313310,10 @@ function layoutTextUncached(node2, atlas, cameraZoom = 1) {
     return bestResult || layoutTextUncached({ ...node2, __isAutosizing: true, fontSize: 2 }, atlas, cameraZoom);
   }
   if (!isSticky && node2.__fitScale === void 0) {
-    const mode = fitModeOf(node2);
-    if (mode) {
+    const mode2 = fitModeOf(node2);
+    if (mode2) {
       const area4 = !node2.textPath && node2.textAreaRings?.length;
-      const best = fitLayout(node2, mode, (n, s) => layoutTextUncached({ ...n, __fitScale: s, ...area4 ? { __areaShift: 0 } : {} }, atlas, cameraZoom));
+      const best = fitLayout(node2, mode2, (n, s) => layoutTextUncached({ ...n, __fitScale: s, ...area4 ? { __areaShift: 0 } : {} }, atlas, cameraZoom));
       if (!area4 || (node2.textVerticalAlign || node2.verticalAlign || "TOP") === "TOP") return best;
       return { ...layoutAreaAligned({ ...scaleTypography(node2, best.fitScale), __fitScale: best.fitScale }, atlas, cameraZoom), fitScale: best.fitScale };
     }
@@ -315468,25 +315534,25 @@ function effectFilter(node2, ctx2, totalMat) {
   const sigma = (blur) => Math.max(0.5, blur / 3);
   const id3 = uid(ctx2, "fx");
   let parts = "";
-  let current4 = "SourceGraphic";
+  let current5 = "SourceGraphic";
   if (drop) {
     const [dx, dy] = localOffset(drop.offset.x, drop.offset.y);
     const spread2 = drop.spread || 0;
     const knock = drop.showBehindTransparent === false;
     if (!spread2 && !knock) {
-      parts += `<feDropShadow in="${current4}" dx="${fmt2(dx)}" dy="${fmt2(dy)}" stdDeviation="${fmt2(sigma(drop.blur))}" flood-color="${colorToSVG(drop.color)}" flood-opacity="${fmt2(drop.color.a ?? 1)}" result="withdrop"/>`;
+      parts += `<feDropShadow in="${current5}" dx="${fmt2(dx)}" dy="${fmt2(dy)}" stdDeviation="${fmt2(sigma(drop.blur))}" flood-color="${colorToSVG(drop.color)}" flood-opacity="${fmt2(drop.color.a ?? 1)}" result="withdrop"/>`;
     } else {
-      parts += (spread2 ? `<feMorphology in="SourceAlpha" operator="${spread2 > 0 ? "dilate" : "erode"}" radius="${fmt2(Math.abs(spread2))}" result="dropspread"/>` : "") + `<feGaussianBlur in="${spread2 ? "dropspread" : "SourceAlpha"}" stdDeviation="${fmt2(drop.blur > 0 ? sigma(drop.blur) : 0)}" result="dropblur"/><feOffset in="dropblur" dx="${fmt2(dx)}" dy="${fmt2(dy)}" result="dropoff"/><feFlood flood-color="${colorToSVG(drop.color)}" flood-opacity="${fmt2(drop.color.a ?? 1)}" result="dropcol"/><feComposite in="dropcol" in2="dropoff" operator="in" result="dropshadow"/>` + (knock ? `<feComposite in="dropshadow" in2="SourceAlpha" operator="out" result="dropshadow"/>` : "") + `<feMerge result="withdrop"><feMergeNode in="dropshadow"/><feMergeNode in="${current4}"/></feMerge>`;
+      parts += (spread2 ? `<feMorphology in="SourceAlpha" operator="${spread2 > 0 ? "dilate" : "erode"}" radius="${fmt2(Math.abs(spread2))}" result="dropspread"/>` : "") + `<feGaussianBlur in="${spread2 ? "dropspread" : "SourceAlpha"}" stdDeviation="${fmt2(drop.blur > 0 ? sigma(drop.blur) : 0)}" result="dropblur"/><feOffset in="dropblur" dx="${fmt2(dx)}" dy="${fmt2(dy)}" result="dropoff"/><feFlood flood-color="${colorToSVG(drop.color)}" flood-opacity="${fmt2(drop.color.a ?? 1)}" result="dropcol"/><feComposite in="dropcol" in2="dropoff" operator="in" result="dropshadow"/>` + (knock ? `<feComposite in="dropshadow" in2="SourceAlpha" operator="out" result="dropshadow"/>` : "") + `<feMerge result="withdrop"><feMergeNode in="dropshadow"/><feMergeNode in="${current5}"/></feMerge>`;
     }
-    current4 = "withdrop";
+    current5 = "withdrop";
   }
   if (inner) {
     const [dx, dy] = localOffset(inner.offset.x, inner.offset.y);
     const spread2 = inner.spread || 0;
-    parts += `<feComponentTransfer in="SourceAlpha" result="inv"><feFuncA type="table" tableValues="1 0"/></feComponentTransfer>` + (spread2 > 0 ? `<feMorphology in="inv" operator="dilate" radius="${fmt2(spread2)}" result="inv"/>` : "") + `<feGaussianBlur in="inv" stdDeviation="${fmt2(sigma(inner.blur))}" result="innerblur"/><feOffset in="innerblur" dx="${fmt2(dx)}" dy="${fmt2(dy)}" result="inneroff"/><feComposite in="inneroff" in2="SourceAlpha" operator="in" result="innermask"/><feFlood flood-color="${colorToSVG(inner.color)}" flood-opacity="${fmt2(inner.color.a ?? 1)}" result="innercol"/><feComposite in="innercol" in2="innermask" operator="in" result="inner"/><feMerge result="withinner"><feMergeNode in="${current4}"/><feMergeNode in="inner"/></feMerge>`;
-    current4 = "withinner";
+    parts += `<feComponentTransfer in="SourceAlpha" result="inv"><feFuncA type="table" tableValues="1 0"/></feComponentTransfer>` + (spread2 > 0 ? `<feMorphology in="inv" operator="dilate" radius="${fmt2(spread2)}" result="inv"/>` : "") + `<feGaussianBlur in="inv" stdDeviation="${fmt2(sigma(inner.blur))}" result="innerblur"/><feOffset in="innerblur" dx="${fmt2(dx)}" dy="${fmt2(dy)}" result="inneroff"/><feComposite in="inneroff" in2="SourceAlpha" operator="in" result="innermask"/><feFlood flood-color="${colorToSVG(inner.color)}" flood-opacity="${fmt2(inner.color.a ?? 1)}" result="innercol"/><feComposite in="innercol" in2="innermask" operator="in" result="inner"/><feMerge result="withinner"><feMergeNode in="${current5}"/><feMergeNode in="inner"/></feMerge>`;
+    current5 = "withinner";
   }
-  if (layerBlur) parts += `<feGaussianBlur in="${current4}" stdDeviation="${fmt2(sigma(layerBlur.radius))}"/>`;
+  if (layerBlur) parts += `<feGaussianBlur in="${current5}" stdDeviation="${fmt2(sigma(layerBlur.radius))}"/>`;
   ctx2.defs.push(`<filter id="${id3}" ${region}>${parts}</filter>`);
   return ` filter="url(#${id3})"`;
 }
@@ -316410,13 +316476,13 @@ ${num7(c2[0])} ${num7(c2[1])} ${num7(c2[2])} ${num7(c2[3])} ${num7(c2[4])} ${num
           for (const run4 of item.runs) {
             this.w(`q /${this.gs(opacity * run4.alpha, 1, blend2)} gs ${this.res.color.fill(run4.color)} BT
 `);
-            let current4 = "";
+            let current5 = "";
             for (const g of run4.glyphs) {
               const { resource, gid } = this.res.fonts.use(g.font, g.gid, g.codePoints);
-              if (resource !== current4) {
+              if (resource !== current5) {
                 this.w(`/${resource} ${num7(run4.size)} Tf
 `);
-                current4 = resource;
+                current5 = resource;
               }
               this.w(`1 0 0 -1 ${num7(g.x)} ${num7(g.y)} Tm <${gid.toString(16).padStart(4, "0")}> Tj
 `);
@@ -316896,8 +316962,8 @@ var init_color2 = __esm({
     "use strict";
     init_writer2();
     ColorOut = class {
-      constructor(mode) {
-        this.mode = mode;
+      constructor(mode2) {
+        this.mode = mode2;
       }
       get colorSpace() {
         return this.mode === "CMYK" ? "/DeviceCMYK" : "/DeviceRGB";
@@ -317206,13 +317272,13 @@ async function encodeImageData(imageData, format, quality = 0.9, dpi) {
 }
 function sliceRegion(node2, doc2) {
   let pageId2 = null;
-  let current4 = node2;
-  while (current4) {
-    if (current4.type === "PAGE") {
-      pageId2 = current4.id;
+  let current5 = node2;
+  while (current5) {
+    if (current5.type === "PAGE") {
+      pageId2 = current5.id;
       break;
     }
-    current4 = current4.parentId ? doc2.nodes[current4.parentId] : void 0;
+    current5 = current5.parentId ? doc2.nodes[current5.parentId] : void 0;
   }
   if (!pageId2) return null;
   const page = doc2.nodes[pageId2];
@@ -317417,6 +317483,7 @@ async function selectionReferenceImages(doc2, selection, opts = {}) {
 var FIT_QUALITIES, FIT_SCALES, blobToDataUrl;
 var init_reference_images = __esm({
   "lib/ai/reference-images.ts"() {
+    "use strict";
     init_export();
     init_selection_bounds();
     init_renderer_registry();
@@ -318172,8 +318239,8 @@ function provideAgentCapability(name2, impl) {
   else provided.set(name2, impl);
 }
 function agentCapability(name2, ctx2) {
-  const installed3 = provided.get(name2);
-  if (installed3) return installed3;
+  const installed4 = provided.get(name2);
+  if (installed4) return installed4;
   switch (name2) {
     case "render":
       return renderCapability(ctx2);
@@ -318259,7 +318326,6 @@ function agentToolList() {
 var AGENT_CAPABILITIES, legacyCommandId, legacyTools, blobToDataUrl3, provided, legacyTool, legacyToolList;
 var init_agent = __esm({
   "lib/commands/agent.ts"() {
-    "use strict";
     init_types5();
     init_registry();
     init_errors();
@@ -320109,8 +320175,8 @@ var init_node = __esm({
         const patches = /* @__PURE__ */ new Map();
         for (const id3 of ids2) {
           const n = resolvedNodeOrThrow(doc2, id3);
-          const current4 = n.rotation ?? 0;
-          const next2 = args2.degrees !== void 0 ? args2.degrees : current4 + (args2.by ?? 0);
+          const current5 = n.rotation ?? 0;
+          const next2 = args2.degrees !== void 0 ? args2.degrees : current5 + (args2.by ?? 0);
           patches.set(id3, { rotation: (next2 % 360 + 360) % 360 });
         }
         commitUpdates(ctx2, doc2, patches);
@@ -320123,6 +320189,7 @@ var init_node = __esm({
 // lib/commands/text.ts
 function applyTypeStyle(node2, styles) {
   const patch2 = { ...styles };
+  if (node2.textStyleId && Object.keys(styles).some((k2) => TYPOGRAPHY_OVERRIDE_KEYS.has(k2))) patch2.textStyleId = void 0;
   const segments = node2.styledSegments;
   if (segments?.length) {
     const keys4 = Object.keys(styles);
@@ -320135,7 +320202,7 @@ function applyTypeStyle(node2, styles) {
   }
   return patch2;
 }
-var textSet, TYPE_FIELDS, textSetTypography, textSearchFonts, textSetEffect;
+var textSet, TYPE_FIELDS, TYPOGRAPHY_OVERRIDE_KEYS, textSetTypography, textSearchFonts, textSetEffect;
 var init_text = __esm({
   "lib/commands/text.ts"() {
     "use strict";
@@ -320222,6 +320289,20 @@ var init_text = __esm({
       "textDecoration",
       "textAutoResize"
     ];
+    TYPOGRAPHY_OVERRIDE_KEYS = /* @__PURE__ */ new Set([
+      "fontFamily",
+      "fontWeight",
+      "fontSize",
+      "fontStyle",
+      "letterSpacing",
+      "lineHeight",
+      "paragraphSpacing",
+      "paragraphIndent",
+      "textDecoration",
+      "textCase",
+      "fontFeatures",
+      "fontVariations"
+    ]);
     textSetTypography = defineCommand({
       id: "text.setTypography",
       title: "Set typography",
@@ -320245,6 +320326,8 @@ var init_text = __esm({
         textAutoResize: external_exports.enum(["NONE", "WIDTH_AND_HEIGHT", "HEIGHT"]).optional()
       }),
       expose: {
+        // Panels dispatch it (the phone's quick sheet setting a size); a palette row could not know the values.
+        ui: { label: "Set typography", palette: false },
         plugin: { method: "setTypography" },
         agent: {
           name: "set_typography",
@@ -320446,18 +320529,18 @@ var init_text_path2 = __esm({
             patches.set(t3.id, { textPath: void 0 });
             continue;
           }
-          const mode = args2.mode ?? (args2.pathId ? "PATH" : t3.textPath?.mode ?? (other ? "PATH" : "ARC"));
-          const pathId = mode === "PATH" ? args2.pathId ?? (t3.textPath?.mode === "PATH" && !other ? t3.textPath.pathId : other ?? t3.textPath?.pathId) : void 0;
-          if (mode === "PATH") {
+          const mode2 = args2.mode ?? (args2.pathId ? "PATH" : t3.textPath?.mode ?? (other ? "PATH" : "ARC"));
+          const pathId = mode2 === "PATH" ? args2.pathId ?? (t3.textPath?.mode === "PATH" && !other ? t3.textPath.pathId : other ?? t3.textPath?.pathId) : void 0;
+          if (mode2 === "PATH") {
             if (!pathId) throw new ToolError("set_text_path with mode PATH needs pathId (or a text and one shape selected).");
             const src = nodeOrThrow(doc2, pathId);
             if (pathId === t3.id || !isPathSource(src)) throw new ToolError(`"${src.name}" (${pathId}) is a ${src.type}; a text can follow a vector, rectangle, ellipse, polygon, star, line, arrow or frame.`);
           }
-          const keep = t3.textPath && t3.textPath.mode === mode ? t3.textPath : null;
-          const closed = mode === "CIRCLE" || mode === "PATH" && isClosedOutline(doc2.nodes[pathId]);
-          const fresh = keep ? {} : closed ? { align: "CENTER", offset: 0.5 } : mode === "ARC" ? { bend: 50 } : {};
-          const tp = { ...keep ?? {}, ...fresh, ...given, mode, ...mode === "PATH" ? { pathId } : {} };
-          if (mode !== "PATH") delete tp.pathId;
+          const keep = t3.textPath && t3.textPath.mode === mode2 ? t3.textPath : null;
+          const closed = mode2 === "CIRCLE" || mode2 === "PATH" && isClosedOutline(doc2.nodes[pathId]);
+          const fresh = keep ? {} : closed ? { align: "CENTER", offset: 0.5 } : mode2 === "ARC" ? { bend: 50 } : {};
+          const tp = { ...keep ?? {}, ...fresh, ...given, mode: mode2, ...mode2 === "PATH" ? { pathId } : {} };
+          if (mode2 !== "PATH") delete tp.pathId;
           patches.set(t3.id, { textPath: tp, textArea: void 0 });
         }
         commitUpdates(ctx2, doc2, patches);
@@ -320674,6 +320757,8 @@ var init_paint = __esm({
         remove: external_exports.boolean().optional().describe("Clear all fills.")
       }),
       expose: {
+        // Panels dispatch it (the phone's quick sheet adding one); a palette row could not know the paint.
+        ui: { label: "Set fills", palette: false },
         plugin: { method: "setFills" },
         agent: {
           name: "set_fills",
@@ -320686,22 +320771,22 @@ var init_paint = __esm({
         if (given > 1) throw new ToolError('set_fills takes one of "color", "gradient" or "image", not several.');
         if (!given && !args2.remove) throw new ToolError('set_fills needs a "color", a "gradient", an "image" or remove:true.');
         const paint = buildPaint(args2);
-        const mode = args2.mode ?? "merge";
+        const mode2 = args2.mode ?? "merge";
         const patches = /* @__PURE__ */ new Map();
         for (const id3 of ids2) {
           const existing = doc2.nodes[id3].fills ?? [];
           let fills;
           if (args2.remove) fills = [];
-          else if (mode === "replace" || !existing.length) fills = [paint];
-          else if (mode === "add") fills = [...existing, paint];
+          else if (mode2 === "replace" || !existing.length) fills = [paint];
+          else if (mode2 === "add") fills = [...existing, paint];
           else fills = [paint, ...existing.slice(1)];
           patches.set(id3, { fills });
         }
         const what = args2.gradient ? `a ${args2.gradient.type.toLowerCase()} gradient` : args2.image ? "an image" : args2.color;
         commitUpdates(ctx2, doc2, patches);
         return {
-          summary: args2.remove ? `Cleared fills on ${plural2(ids2.length, "layer")}` : `Filled ${plural2(ids2.length, "layer")} with ${what} (${mode})`,
-          data: { ids: ids2, mode }
+          summary: args2.remove ? `Cleared fills on ${plural2(ids2.length, "layer")}` : `Filled ${plural2(ids2.length, "layer")} with ${what} (${mode2})`,
+          data: { ids: ids2, mode: mode2 }
         };
       }
     });
@@ -320727,6 +320812,8 @@ var init_paint = __esm({
         remove: external_exports.boolean().optional()
       }),
       expose: {
+        // Panels dispatch it (the phone's quick sheet adding one); a palette row could not know the paint.
+        ui: { label: "Set strokes", palette: false },
         plugin: { method: "setStrokes" },
         agent: {
           name: "set_strokes",
@@ -321337,6 +321424,222 @@ var init_resolution = __esm({
   }
 });
 
+// lib/editor/form-factor.ts
+var form_factor_exports = {};
+__export(form_factor_exports, {
+  COMPACT_TABLET_MAX_WIDTH: () => COMPACT_TABLET_MAX_WIDTH,
+  PHONE_MAX_HEIGHT: () => PHONE_MAX_HEIGHT,
+  PHONE_MAX_WIDTH: () => PHONE_MAX_WIDTH,
+  PHONE_MEDIA_QUERY: () => PHONE_MEDIA_QUERY,
+  TABLET_MAX_WIDTH: () => TABLET_MAX_WIDTH,
+  classify: () => classify,
+  currentShell: () => currentShell,
+  getCanvasSide: () => getCanvasSide,
+  layoutMode: () => layoutMode,
+  setCanvasSide: () => setCanvasSide,
+  setLayoutMode: () => setLayoutMode,
+  useCanvasSide: () => useCanvasSide,
+  useLayoutMode: () => useLayoutMode,
+  usePhone: () => usePhone,
+  useShell: () => useShell
+});
+function classify(f2) {
+  const narrowPhone = f2.width <= PHONE_MAX_WIDTH || f2.height <= PHONE_MAX_HEIGHT;
+  const touchCompact = f2.coarse && f2.width <= COMPACT_TABLET_MAX_WIDTH;
+  const autoPhone = narrowPhone || touchCompact;
+  const phone = f2.mode === "phone" || f2.mode === "panes" || f2.mode === "auto" && autoPhone;
+  const halfOpen = f2.hinge === "partial" && f2.fold !== "none";
+  let formFactor;
+  if (f2.mode === "desktop") formFactor = f2.coarse && !f2.hover ? "tablet" : "desktop";
+  else if (phone) formFactor = "phone";
+  else if (f2.width <= COMPACT_TABLET_MAX_WIDTH) formFactor = "compact-tablet";
+  else if (f2.coarse && !f2.hover || f2.coarse && f2.width <= TABLET_MAX_WIDTH) formFactor = "tablet";
+  else formFactor = "desktop";
+  const isPhone = formFactor === "phone";
+  const phoneSize = isPhone && f2.width > PHONE_MAX_WIDTH && f2.height > PHONE_MAX_HEIGHT ? "tablet" : "";
+  const orient = !isPhone ? "" : phoneSize === "" && f2.width > f2.height && f2.height <= PHONE_MAX_HEIGHT ? "landscape" : "portrait";
+  const panes = isPhone && (f2.mode === "panes" || halfOpen || f2.mode === "auto" && phoneSize === "tablet");
+  const split2 = !panes ? "" : halfOpen ? f2.fold === "horizontal" ? "stacked" : "side" : f2.width > f2.height ? "side" : "stacked";
+  return { formFactor, orient, phoneSize, panes, split: split2, hinge: f2.hinge, fold: f2.fold };
+}
+function readMode() {
+  try {
+    const v = localStorage.getItem(MODE_KEY);
+    return v === "desktop" || v === "phone" || v === "panes" ? v : "auto";
+  } catch {
+    return "auto";
+  }
+}
+function hingeAttr() {
+  const v = document.documentElement.getAttribute("data-pc-hinge");
+  return v === "closed" || v === "partial" || v === "open" ? v : "unknown";
+}
+function foldAttr() {
+  const v = document.documentElement.getAttribute("data-pc-fold");
+  return v === "vertical" || v === "horizontal" ? v : "none";
+}
+function publishWebSegments() {
+  const vs = window.viewport;
+  const segs = vs?.segments;
+  if (!segs || document.documentElement.hasAttribute("data-pc-native-fold")) return;
+  const d = document.documentElement;
+  if (segs.length < 2) {
+    if (d.getAttribute("data-pc-hinge") === "partial") {
+      d.setAttribute("data-pc-hinge", "open");
+      d.setAttribute("data-pc-fold", "none");
+    }
+    return;
+  }
+  const [a, b] = segs;
+  const vertical = Math.abs(a.y - b.y) < 1;
+  const x2 = vertical ? a.x + a.width : 0;
+  const y = vertical ? 0 : a.y + a.height;
+  const w = vertical ? b.x - x2 : window.innerWidth;
+  const h = vertical ? window.innerHeight : b.y - y;
+  d.setAttribute("data-pc-hinge", "partial");
+  d.setAttribute("data-pc-fold", vertical ? "vertical" : "horizontal");
+  d.style.setProperty("--pc-fold-x", `${Math.round(x2)}px`);
+  d.style.setProperty("--pc-fold-y", `${Math.round(y)}px`);
+  d.style.setProperty("--pc-fold-w", `${Math.round(w)}px`);
+  d.style.setProperty("--pc-fold-h", `${Math.round(h)}px`);
+}
+function setAttr(el, name2, value3) {
+  if (!value3) {
+    if (el.hasAttribute(name2)) el.removeAttribute(name2);
+  } else if (el.getAttribute(name2) !== value3) el.setAttribute(name2, value3);
+}
+function recompute() {
+  publishWebSegments();
+  const mm = (q) => window.matchMedia?.(q).matches ?? false;
+  const touch = document.documentElement.hasAttribute("data-pc-touch");
+  const next2 = classify({
+    width: window.innerWidth,
+    height: window.innerHeight,
+    coarse: touch || mm("(pointer: coarse)"),
+    hover: !touch && mm("(hover: hover)"),
+    hinge: hingeAttr(),
+    fold: foldAttr(),
+    mode
+  });
+  const b = document.body;
+  setAttr(b, "data-form-factor", next2.formFactor === "desktop" ? "" : next2.formFactor);
+  setAttr(b, "data-phone-orient", next2.orient);
+  setAttr(b, "data-phone-size", next2.phoneSize);
+  setAttr(b, "data-panes", next2.panes ? next2.split : "");
+  setAttr(b, "data-canvas-side", next2.panes && canvasSide === "bottom" ? "bottom" : "");
+  if (JSON.stringify(next2) === JSON.stringify(current4)) return;
+  current4 = next2;
+  for (const l of listeners6) l();
+}
+function install() {
+  if (installed || typeof window === "undefined") return;
+  installed = true;
+  mode = readMode();
+  let raf = 0;
+  const again = () => {
+    cancelAnimationFrame(raf);
+    raf = requestAnimationFrame(recompute);
+  };
+  window.addEventListener("resize", again);
+  window.addEventListener("orientationchange", () => setTimeout(recompute, 50));
+  window.matchMedia?.("(pointer: coarse)").addEventListener?.("change", again);
+  window.matchMedia?.("(hover: hover)").addEventListener?.("change", again);
+  window.addEventListener("pc-fold", again);
+  new MutationObserver(again).observe(document.documentElement, { attributes: true, attributeFilter: ["data-pc-hinge", "data-pc-fold", "data-pc-touch"] });
+  recompute();
+}
+function subscribe(l) {
+  install();
+  listeners6.add(l);
+  return () => {
+    listeners6.delete(l);
+  };
+}
+function currentShell() {
+  install();
+  return current4;
+}
+function useShell(select) {
+  return (0, import_react6.useSyncExternalStore)(subscribe, () => select(current4), () => select(SERVER));
+}
+function layoutMode() {
+  install();
+  return mode;
+}
+function useLayoutMode() {
+  return (0, import_react6.useSyncExternalStore)(
+    (l) => {
+      install();
+      modeListeners.add(l);
+      return () => {
+        modeListeners.delete(l);
+      };
+    },
+    () => mode,
+    () => "auto"
+  );
+}
+function setLayoutMode(next2) {
+  install();
+  mode = next2;
+  try {
+    localStorage.setItem(MODE_KEY, next2);
+  } catch {
+  }
+  for (const l of modeListeners) l();
+  recompute();
+}
+function useCanvasSide() {
+  return (0, import_react6.useSyncExternalStore)((l) => {
+    sideListeners.add(l);
+    return () => {
+      sideListeners.delete(l);
+    };
+  }, () => canvasSide, () => "top");
+}
+function getCanvasSide() {
+  return canvasSide;
+}
+function setCanvasSide(next2) {
+  canvasSide = next2;
+  try {
+    localStorage.setItem(SIDE_KEY, next2);
+  } catch {
+  }
+  for (const l of sideListeners) l();
+  if (installed) {
+    const b = document.body;
+    setAttr(b, "data-canvas-side", current4.panes && next2 === "bottom" ? "bottom" : "");
+  }
+}
+var import_react6, PHONE_MAX_WIDTH, PHONE_MAX_HEIGHT, COMPACT_TABLET_MAX_WIDTH, TABLET_MAX_WIDTH, PHONE_MEDIA_QUERY, MODE_KEY, mode, current4, listeners6, installed, SERVER, usePhone, modeListeners, SIDE_KEY, canvasSide, sideListeners;
+var init_form_factor = __esm({
+  "lib/editor/form-factor.ts"() {
+    "use client";
+    import_react6 = __toESM(require_react());
+    PHONE_MAX_WIDTH = 599;
+    PHONE_MAX_HEIGHT = 499;
+    COMPACT_TABLET_MAX_WIDTH = 959;
+    TABLET_MAX_WIDTH = 1180;
+    PHONE_MEDIA_QUERY = `(max-width: ${PHONE_MAX_WIDTH}px), (max-height: ${PHONE_MAX_HEIGHT}px), (max-width: ${COMPACT_TABLET_MAX_WIDTH}px) and (pointer: coarse)`;
+    MODE_KEY = "popcraft-layout-mode";
+    mode = "auto";
+    current4 = { formFactor: "desktop", orient: "", phoneSize: "", panes: false, split: "", hinge: "unknown", fold: "none" };
+    listeners6 = /* @__PURE__ */ new Set();
+    installed = false;
+    SERVER = { formFactor: "desktop", orient: "", phoneSize: "", panes: false, split: "", hinge: "unknown", fold: "none" };
+    usePhone = () => useShell((s) => s.formFactor === "phone");
+    modeListeners = /* @__PURE__ */ new Set();
+    SIDE_KEY = "popcraft-canvas-side";
+    canvasSide = "top";
+    try {
+      if (typeof localStorage !== "undefined" && localStorage.getItem(SIDE_KEY) === "bottom") canvasSide = "bottom";
+    } catch {
+    }
+    sideListeners = /* @__PURE__ */ new Set();
+  }
+});
+
 // lib/commands/view.ts
 async function copyToClipboard(url4) {
   try {
@@ -321345,7 +321648,7 @@ async function copyToClipboard(url4) {
     if (typeof window !== "undefined") window.prompt("Copy this link:", url4);
   }
 }
-var viewGetSelection, viewSelect, viewZoomTo, viewStage, viewPresent, viewZoom, viewCopyLink;
+var viewGetSelection, viewSelect, viewZoomTo, viewStage, viewScreenLayout, viewPresent, viewZoom, viewCopyLink;
 var init_view2 = __esm({
   "lib/commands/view.ts"() {
     "use strict";
@@ -321501,6 +321804,36 @@ var init_view2 = __esm({
         return { summary: on ? "Stage view on: showing only the active frame" : "Stage view off: showing the whole page", data: { on } };
       }
     });
+    viewScreenLayout = defineCommand({
+      id: "view.screenLayout",
+      title: "Screen layout",
+      domain: "view",
+      effect: "view",
+      permission: "read",
+      params: external_exports.object({
+        layout: external_exports.enum(["auto", "phone", "panes", "desktop"]).optional().describe('"auto" fits the screen; "phone" one page at a time; "panes" the canvas beside the panels; "desktop" the full workbench.'),
+        canvas: external_exports.enum(["top", "bottom", "flip"]).optional().describe('In two panes, which pane holds the canvas; "flip" swaps it.')
+      }),
+      expose: {
+        ui: {
+          label: "Flip canvas and panels",
+          keywords: ["flip", "swap", "canvas bottom", "canvas top", "fold", "foldable", "tabletop", "panes", "layout", "phone", "tablet"],
+          defaults: { canvas: "flip" }
+        },
+        agent: {
+          name: "set_screen_layout",
+          description: 'Change how the editor lays itself out on this device: layout "auto" (fit the screen), "phone" (one page at a time with a dock), "panes" (canvas beside the panels) or "desktop"; and canvas "top", "bottom" or "flip" to choose which of the two panes holds the canvas. Changes nothing in the document.'
+        }
+      },
+      run: async (args2) => {
+        if (typeof window === "undefined") throw new ToolError("The screen layout is only available in the editor.");
+        const ff = await Promise.resolve().then(() => (init_form_factor(), form_factor_exports));
+        if (args2.layout) ff.setLayoutMode(args2.layout);
+        if (args2.canvas) ff.setCanvasSide(args2.canvas === "flip" ? ff.getCanvasSide() === "top" ? "bottom" : "top" : args2.canvas);
+        const side = ff.getCanvasSide();
+        return { summary: `Screen layout ${ff.layoutMode()}, canvas on the ${side}`, data: { layout: ff.layoutMode(), canvas: side } };
+      }
+    });
     viewPresent = defineCommand({
       id: "view.present",
       title: "Present",
@@ -323664,9 +323997,9 @@ function siteTokens(doc2) {
   const vars = [];
   for (const v of Object.values(doc2.variables ?? {}).sort((a, b) => a.name.localeCompare(b.name) || a.id.localeCompare(b.id))) {
     const values3 = {};
-    for (const [mode, value3] of Object.entries(v.valuesByMode ?? {})) {
+    for (const [mode2, value3] of Object.entries(v.valuesByMode ?? {})) {
       const css = cssValue(v, value3);
-      if (css !== null) values3[mode] = css;
+      if (css !== null) values3[mode2] = css;
     }
     if (!Object.keys(values3).length) continue;
     let name2 = codeSyntaxFor(v, "WEB");
@@ -323735,7 +324068,7 @@ var init_tokens2 = __esm({
     init_dev_mode();
     init_paint2();
     slug = (s) => s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "x";
-    modeClass = (collection, mode) => `pc-${slug(collection.name)}-${slug(mode.name)}`;
+    modeClass = (collection, mode2) => `pc-${slug(collection.name)}-${slug(mode2.name)}`;
     isColor3 = (v) => !!v && typeof v === "object" && "r" in v && "g" in v && "b" in v;
     px3 = (name2) => `calc(var(${name2}) * 1px)`;
     NUMBER_PROPS = {
@@ -325552,7 +325885,7 @@ function stateMachineFromDotLottie(input2, id3 = "sm1", name2 = "State machine")
       transitions[tid] = { id: tid, from: from2, to, ...guards.length ? { guards } : {} };
     }
   }
-  const listeners8 = {};
+  const listeners9 = {};
   let completeSeen = false;
   for (const it of list2(raw.interactions)) {
     const type = DOT_INTERACTIONS[String(it.type)];
@@ -325567,12 +325900,12 @@ function stateMachineFromDotLottie(input2, id3 = "sm1", name2 = "State machine")
     }
     const layer2 = typeof it.layerName === "string" ? input2.nodeByName(it.layerName) : void 0;
     if (typeof it.layerName === "string" && !layer2) notes.add(`The layer \u201C${it.layerName}\u201D an interaction listens on was not found: it listens on the whole frame.`);
-    const lid = freshId3(listeners8, "l");
-    listeners8[lid] = { id: lid, type, ...layer2 ? { layer: layer2 } : {}, actions: actions(it.actions) };
+    const lid = freshId3(listeners9, "l");
+    listeners9[lid] = { id: lid, type, ...layer2 ? { layer: layer2 } : {}, actions: actions(it.actions) };
   }
   const initial = typeof raw.initial === "string" ? stateByName.get(raw.initial) : void 0;
   return {
-    machine: { id: id3, name: name2, initial: initial ?? Object.keys(states)[0], states, transitions, inputs, listeners: listeners8 },
+    machine: { id: id3, name: name2, initial: initial ?? Object.keys(states)[0], states, transitions, inputs, listeners: listeners9 },
     notes: [...notes]
   };
 }
@@ -328147,7 +328480,7 @@ var init_package = __esm({
   "packages/runtime/package.json"() {
     package_default = {
       name: "@popcraft/runtime",
-      version: "0.48.3",
+      version: "0.50.0",
       description: "What code exported from PopCraft shares: the meaning of expressions (operators and functions) and, as it grows, the parts of a design's behaviour that are common code rather than generated React.",
       license: "MIT",
       homepage: "https://popcraft.app/docs/exporting/nextjs",
@@ -343357,8 +343690,8 @@ var require_gen_mapping_umd = __commonJS({
       function getColumnIndex(line, genColumn) {
         let index2 = line.length;
         for (let i2 = index2 - 1; i2 >= 0; index2 = i2--) {
-          const current4 = line[i2];
-          if (genColumn >= current4[COLUMN]) break;
+          const current5 = line[i2];
+          if (genColumn >= current5[COLUMN]) break;
         }
         return index2;
       }
@@ -352813,7 +353146,6 @@ function exportsOf(source3) {
 var CODE_LIMITS, packageOf;
 var init_source2 = __esm({
   "lib/code/source.ts"() {
-    "use strict";
     CODE_LIMITS = { modules: 100, sourceLength: 2e5, packages: 12 };
     packageOf = (spec) => spec.split("/").slice(0, spec.startsWith("@") ? 2 : 1).join("/");
   }
@@ -352856,7 +353188,6 @@ function compileModule(module2) {
 var import_sucrase, BUILT_IN, memo4;
 var init_compile2 = __esm({
   "lib/code/compile.ts"() {
-    "use strict";
     import_sucrase = __toESM(require_dist2());
     init_source2();
     init_source2();
@@ -353589,23 +353920,23 @@ async function previewSite(doc2, pageId2, resolvers, media2 = mediaToDataUrl) {
   return withSiteCode(site, doc2);
 }
 function startPreview(iframe, player, onMessage2, opts = {}) {
-  const channel3 = new MessageChannel();
+  const channel4 = new MessageChannel();
   let ready3 = false;
   let queue2 = [];
-  channel3.port1.onmessage = (e) => {
+  channel4.port1.onmessage = (e) => {
     const m = parseFromFrame(e.data);
     if (!m) return;
     if (m.type === "ready") {
       ready3 = true;
-      for (const q of queue2) channel3.port1.postMessage(q);
+      for (const q of queue2) channel4.port1.postMessage(q);
       queue2 = [];
     }
     if (m.type === "needCode") {
-      void codeScript().then((js) => channel3.port1.postMessage({ type: "code", js }));
+      void codeScript().then((js) => channel4.port1.postMessage({ type: "code", js }));
       return;
     }
     if (m.type === "needIsland") {
-      void islandScript().then((js) => channel3.port1.postMessage({ type: "island", js }));
+      void islandScript().then((js) => channel4.port1.postMessage({ type: "island", js }));
       return;
     }
     onMessage2(m);
@@ -353613,19 +353944,19 @@ function startPreview(iframe, player, onMessage2, opts = {}) {
   const onHello = (e) => {
     if (e.data !== HELLO_MESSAGE || e.source !== iframe.contentWindow) return;
     window.removeEventListener("message", onHello);
-    iframe.contentWindow?.postMessage(PORT_MESSAGE, "*", [channel3.port2]);
+    iframe.contentWindow?.postMessage(PORT_MESSAGE, "*", [channel4.port2]);
   };
   window.addEventListener("message", onHello);
   iframe.setAttribute("sandbox", "allow-scripts");
   iframe.srcdoc = previewDocument(player, opts.cdn);
   return {
     send(message) {
-      if (ready3) channel3.port1.postMessage(message);
+      if (ready3) channel4.port1.postMessage(message);
       else queue2.push(message);
     },
     destroy() {
       window.removeEventListener("message", onHello);
-      channel3.port1.close();
+      channel4.port1.close();
       iframe.removeAttribute("srcdoc");
     }
   };
@@ -353904,7 +354235,7 @@ function base644(bytes2) {
   for (let i2 = 0; i2 < bytes2.length; i2 += 32768) bin += String.fromCharCode(...bytes2.subarray(i2, i2 + 32768));
   return btoa(bin);
 }
-async function webFontFaces(doc2, trees, mode, dir = "fonts") {
+async function webFontFaces(doc2, trees, mode2, dir = "fonts") {
   const used = new Set(trees.flatMap((t3) => [...fontFamilies(t3).keys()]));
   const faces2 = [];
   const files = [];
@@ -353919,7 +354250,7 @@ async function webFontFaces(doc2, trees, mode, dir = "fonts") {
     const own2 = fontFormat(bytes2) ?? format;
     const weight = fontWeightOf(f2), style = fontStyleOf(f2);
     let url4;
-    if (mode === "files") {
+    if (mode2 === "files") {
       const name2 = `${dir}/${slug3(f2.family)}-${weight}${style === "italic" ? "-italic" : ""}.${EXT2[own2]}`;
       if (!files.some((x2) => x2.name === name2)) files.push({ name: name2, bytes: bytes2 });
       url4 = name2;
@@ -355679,9 +356010,9 @@ var init_meta = __esm({
           throw new ToolError("Only one todo may be in_progress at a time.");
         }
         const done = todos.filter((t3) => t3.status === "done").length;
-        const current4 = todos.find((t3) => t3.status === "in_progress");
+        const current5 = todos.find((t3) => t3.status === "in_progress");
         return {
-          summary: todos.length ? `${done}/${todos.length} done${current4 ? ` \u2014 ${current4.title}` : ""}` : "Cleared the plan",
+          summary: todos.length ? `${done}/${todos.length} done${current5 ? ` \u2014 ${current5.title}` : ""}` : "Cleared the plan",
           data: { todos }
         };
       }
@@ -355811,14 +356142,14 @@ var init_meta = __esm({
 });
 
 // lib/ai/schemas.ts
-var DESIGN_NODE_TYPES, DESIGN_FONTS, layoutMode, align2, counterAlign, sizing, boxProps, frameLayoutProps, designNodeSchema, designScreenSchema, designSchema, contentSchema, layoutSuggestionSchema, generateRequestSchema, contentRequestSchema, layoutRequestSchema, embedRequestSchema;
+var DESIGN_NODE_TYPES, DESIGN_FONTS, layoutMode2, align2, counterAlign, sizing, boxProps, frameLayoutProps, designNodeSchema, designScreenSchema, designSchema, contentSchema, layoutSuggestionSchema, generateRequestSchema, contentRequestSchema, layoutRequestSchema, embedRequestSchema;
 var init_schemas3 = __esm({
   "lib/ai/schemas.ts"() {
     "use strict";
     init_zod();
     DESIGN_NODE_TYPES = ["FRAME", "TEXT", "RECTANGLE", "ELLIPSE", "LINE"];
     DESIGN_FONTS = ["Inter", "Source Serif 4", "JetBrains Mono"];
-    layoutMode = external_exports.enum(["NONE", "HORIZONTAL", "VERTICAL"]);
+    layoutMode2 = external_exports.enum(["NONE", "HORIZONTAL", "VERTICAL"]);
     align2 = external_exports.enum(["MIN", "CENTER", "MAX", "SPACE_BETWEEN"]);
     counterAlign = external_exports.enum(["MIN", "CENTER", "MAX"]);
     sizing = external_exports.enum(["FIXED", "HUG", "FILL"]);
@@ -355837,7 +356168,7 @@ var init_schemas3 = __esm({
       heightSizing: sizing.nullable()
     };
     frameLayoutProps = {
-      layout: layoutMode.nullable().describe("Auto layout direction; prefer VERTICAL/HORIZONTAL for real UI"),
+      layout: layoutMode2.nullable().describe("Auto layout direction; prefer VERTICAL/HORIZONTAL for real UI"),
       gap: external_exports.number().nullable().describe("Spacing between children in px"),
       padding: external_exports.array(external_exports.number()).nullable().describe("[top, right, bottom, left] px"),
       primaryAlign: align2.nullable(),
@@ -356292,14 +356623,14 @@ async function generateDesignIntoPage(opts, signal) {
   st.zoomToSelection();
   return rootIds.length;
 }
-function openSearchItem(item, mode = item.kind === "component" ? "insert" : "select") {
+function openSearchItem(item, mode2 = item.kind === "component" ? "insert" : "select") {
   const st = editor();
   const node2 = st.document.nodes[item.id];
   if (item.kind === "style" || item.kind === "variable" || !node2) {
     notice2(`${item.detail}: ${item.name}`);
     return;
   }
-  if (mode === "insert" && (node2.type === "COMPONENT" || node2.type === "COMPONENT_SET")) {
+  if (mode2 === "insert" && (node2.type === "COMPONENT" || node2.type === "COMPONENT_SET")) {
     guardEditable();
     const main2 = node2.type === "COMPONENT_SET" ? st.document.nodes[node2.childIds.find((c2) => st.document.nodes[c2]?.type === "COMPONENT") ?? ""] : node2;
     if (!main2) return;
@@ -359090,9 +359421,9 @@ function applyOp(frame3, sm, op4) {
     }
     case "removeListener": {
       if (!sm.listeners[op4.listener]) throw new ToolError(`The machine has no listener "${op4.listener}".`);
-      const { [op4.listener]: _gone, ...listeners8 } = sm.listeners;
+      const { [op4.listener]: _gone, ...listeners9 } = sm.listeners;
       void _gone;
-      return { next: { ...sm, listeners: listeners8 } };
+      return { next: { ...sm, listeners: listeners9 } };
     }
   }
 }
@@ -361899,7 +362230,6 @@ var init_delete_current_file = __esm({
 var storeOpsSeam;
 var init_seams = __esm({
   "lib/commands/seams.ts"() {
-    "use strict";
     storeOpsSeam = (st) => ({
       booleanOperation: (op4) => st().booleanOperation(op4),
       flatten: () => st().flattenSelection(),
@@ -362213,7 +362543,7 @@ function closeAudienceWindow() {
   } catch {
   }
 }
-var CLOSED, status2, listeners6, emit3, audienceStatus, AUDIENCE_MESSAGES, audienceAvailable, session, NAME2, CANVAS_USAGE;
+var CLOSED, status2, listeners7, emit3, audienceStatus, AUDIENCE_MESSAGES, audienceAvailable, session, NAME2, CANVAS_USAGE;
 var init_audience_window = __esm({
   "lib/slides/audience/audience-window.ts"() {
     init_renderer_registry();
@@ -362223,10 +362553,10 @@ var init_audience_window = __esm({
     init_resolution();
     CLOSED = { open: false, resolution: null, surface: { width: 0, height: 0 }, capture: { width: 0, height: 0 }, atResolution: true };
     status2 = CLOSED;
-    listeners6 = /* @__PURE__ */ new Set();
+    listeners7 = /* @__PURE__ */ new Set();
     emit3 = (next2) => {
       status2 = next2;
-      for (const l of listeners6) l();
+      for (const l of listeners7) l();
     };
     audienceStatus = () => status2;
     AUDIENCE_MESSAGES = {
@@ -362703,7 +363033,7 @@ var init_schema = __esm({
 // lib/theme/sync.ts
 function themeChannel() {
   if (typeof BroadcastChannel === "undefined") return null;
-  return channel2 ??= new BroadcastChannel(CHANNEL2);
+  return channel3 ??= new BroadcastChannel(CHANNEL3);
 }
 function announceThemeChange() {
   if (typeof window === "undefined") return;
@@ -362716,13 +363046,13 @@ function announceThemeChange() {
   } catch {
   }
 }
-var CHANNEL2, THEME_REV_KEY, channel2;
+var CHANNEL3, THEME_REV_KEY, channel3;
 var init_sync3 = __esm({
   "lib/theme/sync.ts"() {
     "use strict";
-    CHANNEL2 = "popcraft-theme";
+    CHANNEL3 = "popcraft-theme";
     THEME_REV_KEY = "popcraft-theme-rev";
-    channel2 = null;
+    channel3 = null;
   }
 });
 
@@ -362883,15 +363213,15 @@ function usePickableThemes() {
   const userThemes = useThemeStore((s) => s.userThemes);
   const pluginThemes = useThemeStore((s) => s.pluginThemes);
   const localThemes = useThemeStore((s) => s.localThemes);
-  return (0, import_react10.useMemo)(() => pickableThemes({ userThemes, pluginThemes, localThemes }), [userThemes, pluginThemes, localThemes]);
+  return (0, import_react11.useMemo)(() => pickableThemes({ userThemes, pluginThemes, localThemes }), [userThemes, pluginThemes, localThemes]);
 }
-var import_react10, IDB_KEY, useThemeStore, cssString2, defaultAccent, effectiveAccent;
+var import_react11, IDB_KEY, useThemeStore, cssString2, defaultAccent, effectiveAccent;
 var init_theme_store = __esm({
   "lib/theme/theme-store.ts"() {
     init_contrast();
     init_idb();
     init_esm();
-    import_react10 = __toESM(require_react());
+    import_react11 = __toESM(require_react());
     init_boot2();
     init_builtin();
     init_resolve();
@@ -365876,7 +366206,7 @@ function createAgentRuntime(host) {
     let loading3 = null;
     let active3 = 0;
     let waiting3 = [];
-    let listeners8 = [];
+    let listeners9 = [];
     let pendingSaves = 0;
     let maxConcurrent = ((__v) => __v == null ? "null" : typeof __v)(host.maxConcurrent) === "number" ? host.maxConcurrent : 4;
     let now2 = () => {
@@ -365889,7 +366219,7 @@ function createAgentRuntime(host) {
         if (((__v) => __v == null ? "null" : typeof __v)(host.onChange) === "function") {
           host.onChange() ?? null;
         }
-        for (const l of listeners8.slice() ?? null) {
+        for (const l of listeners9.slice() ?? null) {
           l() ?? null;
         }
       }
@@ -366164,12 +366494,12 @@ function createAgentRuntime(host) {
       }
     }, subscribe: (l) => {
       {
-        listeners8.push(l) ?? null;
+        listeners9.push(l) ?? null;
         return () => {
           {
-            let i2 = listeners8.indexOf(l) ?? null;
+            let i2 = listeners9.indexOf(l) ?? null;
             if (i2 >= 0) {
-              listeners8.splice(i2, 1) ?? null;
+              listeners9.splice(i2, 1) ?? null;
             }
           }
         };
@@ -366515,8 +366845,8 @@ function indexedDbStore(name2 = "hypery-agents") {
     req.onsuccess = () => res(req.result);
     req.onerror = () => rej(req.error);
   }));
-  const tx2 = async (mode, fn) => {
-    const store6 = (await open4()).transaction("kv", mode).objectStore("kv");
+  const tx2 = async (mode2, fn) => {
+    const store6 = (await open4()).transaction("kv", mode2).objectStore("kv");
     return new Promise((res, rej) => {
       const r = fn(store6);
       r.onsuccess = () => res(r.result);
@@ -367717,8 +368047,8 @@ async function reviewUpdate(update3) {
 }
 function acceptUpdate(update3, payload, accept) {
   const lib = useLibraries.getState().available.find((l) => l.id === update3.libraryId);
-  const current4 = liveDoc().libraries?.[update3.libraryId];
-  const doc2 = applyLibrary(liveDoc(), update3.libraryId, { name: update3.name, version: update3.to, fileKey: lib?.fileKey ?? current4?.fileKey ?? void 0, importedAt: Date.now() }, payload, accept);
+  const current5 = liveDoc().libraries?.[update3.libraryId];
+  const doc2 = applyLibrary(liveDoc(), update3.libraryId, { name: update3.name, version: update3.to, fileKey: lib?.fileKey ?? current5?.fileKey ?? void 0, importedAt: Date.now() }, payload, accept);
   useEditorStore.getState().commitDocument(doc2, `Update library: ${update3.name}`);
   computeUpdates();
 }
@@ -368802,8 +369132,8 @@ var init_registry3 = __esm({
 });
 
 // lib/plugins/panels.ts
-function pluginPanels(installed3) {
-  return installed3.filter((p2) => p2.enabled).flatMap((p2) => (p2.manifest.contributes?.panels ?? []).map((panel) => ({
+function pluginPanels(installed4) {
+  return installed4.filter((p2) => p2.enabled).flatMap((p2) => (p2.manifest.contributes?.panels ?? []).map((panel) => ({
     tab: pluginPanelTab(p2.manifest.id, panel.id),
     pluginId: p2.manifest.id,
     pluginName: p2.manifest.name,
@@ -368811,8 +369141,8 @@ function pluginPanels(installed3) {
     icon: panel.icon ?? (p2.manifest.icon?.startsWith("data:image/") ? p2.manifest.icon : null)
   })));
 }
-function syncPluginTabs(installed3) {
-  setPluginTabs(new Map(pluginPanels(installed3).map((p2) => [p2.tab, p2.panel.side ?? "right"])));
+function syncPluginTabs(installed4) {
+  setPluginTabs(new Map(pluginPanels(installed4).map((p2) => [p2.tab, p2.panel.side ?? "right"])));
 }
 var pluginPanelTab;
 var init_panels = __esm({
@@ -368870,10 +369200,10 @@ function pluginToolCommand(plugin, tool2) {
     }
   });
 }
-function syncPluginAgentTools(installed3) {
+function syncPluginAgentTools(installed4) {
   const want = /* @__PURE__ */ new Map();
   const nextSources = /* @__PURE__ */ new Map();
-  for (const plugin of installed3) {
+  for (const plugin of installed4) {
     if (!pluginToolsActive(plugin)) continue;
     for (const tool2 of plugin.manifest.contributes.agentTools) {
       try {
@@ -373749,7 +374079,7 @@ var init_pdf2 = __esm({
       get signatureManager() {
         return this.#signatureManager;
       }
-      switchToMode(mode, callback) {
+      switchToMode(mode2, callback) {
         this._eventBus.on("annotationeditormodechanged", callback, {
           once: true,
           signal: this._signal,
@@ -373757,7 +374087,7 @@ var init_pdf2 = __esm({
         });
         this._eventBus.dispatch("showannotationeditorui", {
           source: this,
-          mode
+          mode: mode2
         });
       }
       setPreference(name2, value3) {
@@ -374409,8 +374739,8 @@ var init_pdf2 = __esm({
       removeLayer(layer2) {
         this.#allLayers.delete(layer2.pageIndex);
       }
-      async updateMode(mode, editId = null, isFromUser = false, isFromKeyboard = false, mustEnterInEditMode = false, editComment = false) {
-        if (this.#mode === mode) {
+      async updateMode(mode2, editId = null, isFromUser = false, isFromKeyboard = false, mustEnterInEditMode = false, editComment = false) {
+        if (this.#mode === mode2) {
           return;
         }
         if (this.#updateModeCapability) {
@@ -374425,8 +374755,8 @@ var init_pdf2 = __esm({
           this.#commentManager?.hideSidebar();
         }
         this.#commentManager?.destroyPopup();
-        this.#mode = mode;
-        if (mode === AnnotationEditorType.NONE) {
+        this.#mode = mode2;
+        if (mode2 === AnnotationEditorType.NONE) {
           this.setEditingState(false);
           this.#disableAll();
           for (const editor2 of this.#allEditors.values()) {
@@ -374440,7 +374770,7 @@ var init_pdf2 = __esm({
         for (const editor2 of this.#allEditors.values()) {
           editor2.addStandaloneCommentButton();
         }
-        if (mode === AnnotationEditorType.SIGNATURE) {
+        if (mode2 === AnnotationEditorType.SIGNATURE) {
           await this.#signatureManager?.loadSignatures();
         }
         if (isFromUser) {
@@ -374450,9 +374780,9 @@ var init_pdf2 = __esm({
         await this.#enableAll();
         this.unselectAll();
         for (const layer2 of this.#allLayers.values()) {
-          layer2.updateMode(mode);
+          layer2.updateMode(mode2);
         }
-        if (mode === AnnotationEditorType.POPUP) {
+        if (mode2 === AnnotationEditorType.POPUP) {
           this.#allEditableAnnotations ||= await this.#pdfDocument.getAnnotationsByType(new Set(this.#editorTypes.map((editorClass) => editorClass._editorType)));
           const elementIds = /* @__PURE__ */ new Set();
           const allComments = [];
@@ -380946,20 +381276,20 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
         graphics.current.updateClipFromPath();
       }
       setFillAndStrokeStyleToContext(graphics, paintType, color4) {
-        const context = graphics.ctx, current4 = graphics.current;
-        current4.patternFill = current4.patternStroke = false;
+        const context = graphics.ctx, current5 = graphics.current;
+        current5.patternFill = current5.patternStroke = false;
         switch (paintType) {
           case PaintType.COLORED:
             const {
               fillStyle,
               strokeStyle
             } = this.ctx;
-            context.fillStyle = current4.fillColor = fillStyle;
-            context.strokeStyle = current4.strokeColor = strokeStyle;
+            context.fillStyle = current5.fillColor = fillStyle;
+            context.strokeStyle = current5.strokeColor = strokeStyle;
             break;
           case PaintType.UNCOLORED:
             context.fillStyle = context.strokeStyle = color4;
-            current4.fillColor = current4.strokeColor = color4;
+            current5.fillColor = current5.strokeColor = color4;
             break;
           default:
             throw new FormatError2(`Unsupported paint type: ${paintType}`);
@@ -382196,19 +382526,19 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
       setFont(opIdx, fontRefName, size6) {
         this.dependencyTracker?.recordSimpleData("font", opIdx).recordSimpleDataFromNamed("fontObj", fontRefName, opIdx);
         const fontObj = this.commonObjs.get(fontRefName);
-        const current4 = this.current;
+        const current5 = this.current;
         if (!fontObj) {
           throw new Error(`Can't find font for ${fontRefName}`);
         }
-        current4.fontMatrix = fontObj.fontMatrix || FONT_IDENTITY_MATRIX;
-        if (current4.fontMatrix[0] === 0 || current4.fontMatrix[3] === 0) {
+        current5.fontMatrix = fontObj.fontMatrix || FONT_IDENTITY_MATRIX;
+        if (current5.fontMatrix[0] === 0 || current5.fontMatrix[3] === 0) {
           warn3("Invalid font matrix for font " + fontRefName);
         }
         if (size6 < 0) {
           size6 = -size6;
-          current4.fontDirection = -1;
+          current5.fontDirection = -1;
         } else {
-          current4.fontDirection = 1;
+          current5.fontDirection = 1;
         }
         this.current.font = fontObj;
         this.current.fontSize = size6;
@@ -382228,9 +382558,9 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
         this.current.fontSizeScale = size6 / browserFontSize;
         this.ctx.font = `${italic} ${bold} ${browserFontSize}px ${typeface}`;
       }
-      setTextRenderingMode(opIdx, mode) {
+      setTextRenderingMode(opIdx, mode2) {
         this.dependencyTracker?.recordSimpleData("textRenderingMode", opIdx);
-        this.current.textRenderingMode = mode;
+        this.current.textRenderingMode = mode2;
       }
       setTextRise(opIdx, rise) {
         this.dependencyTracker?.recordSimpleData("textRise", opIdx);
@@ -382248,12 +382578,12 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
       setTextMatrix(opIdx, matrix) {
         this.dependencyTracker?.resetIncrementalData("sameLineText").recordSimpleData("textMatrix", opIdx);
         const {
-          current: current4
+          current: current5
         } = this;
-        current4.textMatrix = matrix;
-        current4.textMatrixScale = Math.hypot(matrix[0], matrix[1]);
-        current4.x = current4.lineX = 0;
-        current4.y = current4.lineY = 0;
+        current5.textMatrix = matrix;
+        current5.textMatrixScale = Math.hypot(matrix[0], matrix[1]);
+        current5.x = current5.lineX = 0;
+        current5.y = current5.lineY = 0;
       }
       nextLine(opIdx) {
         this.moveText(opIdx, 0, this.current.leading);
@@ -382266,14 +382596,14 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
       }
       paintChar(opIdx, character, x2, y, patternFillTransform, patternStrokeTransform) {
         const ctx2 = this.ctx;
-        const current4 = this.current;
-        const font = current4.font;
-        const textRenderingMode = current4.textRenderingMode;
-        const fontSize = current4.fontSize / current4.fontSizeScale;
+        const current5 = this.current;
+        const font = current5.font;
+        const textRenderingMode = current5.textRenderingMode;
+        const fontSize = current5.fontSize / current5.fontSizeScale;
         const fillStrokeMode = textRenderingMode & TextRenderingMode.FILL_STROKE_MASK;
         const isAddToPathSet = !!(textRenderingMode & TextRenderingMode.ADD_TO_PATH_FLAG);
-        const patternFill = current4.patternFill && !font.missingFile;
-        const patternStroke = current4.patternStroke && !font.missingFile;
+        const patternFill = current5.patternFill && !font.missingFile;
+        const patternStroke = current5.patternStroke && !font.missingFile;
         let path;
         if ((font.disableFontFace || isAddToPathSet || patternFill || patternStroke) && !font.missingFile) {
           path = font.getPathGenerator(this.commonObjs, character);
@@ -382362,49 +382692,49 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
             this.dependencyTracker.recordFutureForcedDependency("textClip", opIdx).inheritPendingDependenciesAsFutureForcedDependencies();
           }
         }
-        const current4 = this.current;
-        const font = current4.font;
+        const current5 = this.current;
+        const font = current5.font;
         if (font.isType3Font) {
-          const started9 = this.#beginKnockoutElement(current4.fillAlpha);
+          const started9 = this.#beginKnockoutElement(current5.fillAlpha);
           this.showType3Text(opIdx, glyphs);
           this.dependencyTracker?.recordShowTextOperation(opIdx);
           this.#endKnockoutElement(started9);
           return;
         }
-        const fontSize = current4.fontSize;
+        const fontSize = current5.fontSize;
         if (fontSize === 0) {
           this.dependencyTracker?.recordOperation(opIdx);
           return;
         }
-        const started8 = this.#beginKnockoutElement(current4.fillAlpha);
+        const started8 = this.#beginKnockoutElement(current5.fillAlpha);
         const ctx2 = this.ctx;
-        const fontSizeScale = current4.fontSizeScale;
-        const charSpacing = current4.charSpacing;
-        const wordSpacing = current4.wordSpacing;
-        const fontDirection = current4.fontDirection;
-        const textHScale = current4.textHScale * fontDirection;
+        const fontSizeScale = current5.fontSizeScale;
+        const charSpacing = current5.charSpacing;
+        const wordSpacing = current5.wordSpacing;
+        const fontDirection = current5.fontDirection;
+        const textHScale = current5.textHScale * fontDirection;
         const glyphsLength = glyphs.length;
         const vertical = font.vertical;
         const spacingDir = vertical ? 1 : -1;
         const defaultVMetrics = font.defaultVMetrics;
-        const widthAdvanceScale = fontSize * current4.fontMatrix[0];
-        const simpleFillText = current4.textRenderingMode === TextRenderingMode.FILL && !font.disableFontFace && !current4.patternFill;
+        const widthAdvanceScale = fontSize * current5.fontMatrix[0];
+        const simpleFillText = current5.textRenderingMode === TextRenderingMode.FILL && !font.disableFontFace && !current5.patternFill;
         ctx2.save();
-        if (current4.textMatrix) {
-          ctx2.transform(...current4.textMatrix);
+        if (current5.textMatrix) {
+          ctx2.transform(...current5.textMatrix);
         }
-        ctx2.translate(current4.x, current4.y + current4.textRise);
+        ctx2.translate(current5.x, current5.y + current5.textRise);
         if (fontDirection > 0) {
           ctx2.scale(textHScale, -1);
         } else {
           ctx2.scale(textHScale, 1);
         }
         let patternFillTransform, patternStrokeTransform;
-        const fillStrokeMode = current4.textRenderingMode & TextRenderingMode.FILL_STROKE_MASK;
+        const fillStrokeMode = current5.textRenderingMode & TextRenderingMode.FILL_STROKE_MASK;
         const needsFill = fillStrokeMode === TextRenderingMode.FILL || fillStrokeMode === TextRenderingMode.FILL_STROKE;
         const needsStroke = fillStrokeMode === TextRenderingMode.STROKE || fillStrokeMode === TextRenderingMode.FILL_STROKE;
-        let lineWidth2 = current4.lineWidth;
-        const scale = current4.textMatrixScale;
+        let lineWidth2 = current5.lineWidth;
+        const scale = current5.textMatrixScale;
         if (scale === 0 || lineWidth2 === 0) {
           if (needsStroke) {
             lineWidth2 = this.getSinglePixelWidth();
@@ -382417,16 +382747,16 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
           lineWidth2 /= fontSizeScale;
         }
         ctx2.lineWidth = lineWidth2;
-        if (needsFill && current4.patternFill) {
+        if (needsFill && current5.patternFill) {
           ctx2.save();
-          const pattern = current4.fillColor.getPattern(ctx2, this, getCurrentTransformInverse(ctx2), PathType.FILL, opIdx);
+          const pattern = current5.fillColor.getPattern(ctx2, this, getCurrentTransformInverse(ctx2), PathType.FILL, opIdx);
           patternFillTransform = getCurrentTransform(ctx2);
           ctx2.restore();
           ctx2.fillStyle = pattern;
         }
-        if (needsStroke && current4.patternStroke) {
+        if (needsStroke && current5.patternStroke) {
           ctx2.save();
-          const pattern = current4.strokeColor.getPattern(ctx2, this, getCurrentTransformInverse(ctx2), PathType.STROKE, opIdx);
+          const pattern = current5.strokeColor.getPattern(ctx2, this, getCurrentTransformInverse(ctx2), PathType.STROKE, opIdx);
           patternStrokeTransform = getCurrentTransform(ctx2);
           ctx2.restore();
           ctx2.strokeStyle = pattern;
@@ -382444,7 +382774,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
             const measure4 = ctx2.measureText(joinedChars);
             this.dependencyTracker.recordBBox(opIdx, this.ctx, -measure4.actualBoundingBoxLeft, measure4.actualBoundingBoxRight, -measure4.actualBoundingBoxAscent, measure4.actualBoundingBoxDescent).recordShowTextOperation(opIdx);
           }
-          current4.x += width * widthAdvanceScale * textHScale;
+          current5.x += width * widthAdvanceScale * textHScale;
           ctx2.restore();
           this.compose();
           this.#endKnockoutElement(started8);
@@ -382510,9 +382840,9 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
           }
         }
         if (vertical) {
-          current4.y -= x2;
+          current5.y -= x2;
         } else {
-          current4.x += x2 * textHScale;
+          current5.x += x2 * textHScale;
         }
         ctx2.restore();
         this.compose();
@@ -382521,17 +382851,17 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
       }
       showType3Text(opIdx, glyphs) {
         const ctx2 = this.ctx;
-        const current4 = this.current;
-        const font = current4.font;
-        const fontSize = current4.fontSize;
-        const fontDirection = current4.fontDirection;
+        const current5 = this.current;
+        const font = current5.font;
+        const fontSize = current5.fontSize;
+        const fontDirection = current5.fontDirection;
         const spacingDir = font.vertical ? 1 : -1;
-        const charSpacing = current4.charSpacing;
-        const wordSpacing = current4.wordSpacing;
-        const textHScale = current4.textHScale * fontDirection;
-        const fontMatrix = current4.fontMatrix || FONT_IDENTITY_MATRIX;
+        const charSpacing = current5.charSpacing;
+        const wordSpacing = current5.wordSpacing;
+        const textHScale = current5.textHScale * fontDirection;
+        const fontMatrix = current5.fontMatrix || FONT_IDENTITY_MATRIX;
         const glyphsLength = glyphs.length;
-        const isTextInvisible = current4.textRenderingMode === TextRenderingMode.INVISIBLE;
+        const isTextInvisible = current5.textRenderingMode === TextRenderingMode.INVISIBLE;
         let i2, glyph2, width, spacingLength;
         if (isTextInvisible || fontSize === 0) {
           return;
@@ -382539,10 +382869,10 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
         this._cachedScaleForStroking[0] = -1;
         this._cachedGetSinglePixelWidth = null;
         ctx2.save();
-        if (current4.textMatrix) {
-          ctx2.transform(...current4.textMatrix);
+        if (current5.textMatrix) {
+          ctx2.transform(...current5.textMatrix);
         }
-        ctx2.translate(current4.x, current4.y + current4.textRise);
+        ctx2.translate(current5.x, current5.y + current5.textRise);
         ctx2.scale(textHScale, fontDirection);
         const dependencyTracker = this.dependencyTracker;
         this.dependencyTracker = dependencyTracker ? new CanvasNestedDependencyTracker(dependencyTracker, opIdx) : null;
@@ -382551,7 +382881,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
           if (typeof glyph2 === "number") {
             spacingLength = spacingDir * glyph2 * fontSize / 1e3;
             this.ctx.translate(spacingLength, 0);
-            current4.x += spacingLength * textHScale;
+            current5.x += spacingLength * textHScale;
             continue;
           }
           const spacing = (glyph2.isSpace ? wordSpacing : 0) + charSpacing;
@@ -382561,7 +382891,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
           } else if (this.contentVisible) {
             this.save();
             if (operatorList.fnArray[0] === OPS2.setCharWidth) {
-              current4.fillAlpha = current4.strokeAlpha = 1;
+              current5.fillAlpha = current5.strokeAlpha = 1;
               ctx2.globalAlpha = 1;
             }
             ctx2.scale(fontSize, fontSize);
@@ -382573,7 +382903,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
           Util.applyTransform(p2, fontMatrix);
           width = p2[0] * fontSize + spacing;
           ctx2.translate(width, 0);
-          current4.x += width * textHScale;
+          current5.x += width * textHScale;
         }
         ctx2.restore();
         if (dependencyTracker) {
@@ -387985,7 +388315,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
           return;
         }
         const {
-          annotationEditorType: mode,
+          annotationEditorType: mode2,
           data: {
             id: editId
           }
@@ -387993,7 +388323,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
         this.container.addEventListener("dblclick", () => {
           this.linkService.eventBus?.dispatch("switchannotationeditormode", {
             source: this,
-            mode,
+            mode: mode2,
             editId,
             mustEnterInEditMode: true
           });
@@ -396350,9 +396680,9 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
       updateToolbar(options) {
         this.#uiManager.updateToolbar(options);
       }
-      updateMode(mode = this.#uiManager.getMode()) {
+      updateMode(mode2 = this.#uiManager.getMode()) {
         this.#cleanup();
-        switch (mode) {
+        switch (mode2) {
           case AnnotationEditorType.NONE:
             this.div.classList.toggle("nonEditing", true);
             this.disableTextSelection();
@@ -396380,12 +396710,12 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
           classList
         } = this.div;
         classList.toggle("nonEditing", false);
-        if (mode === AnnotationEditorType.POPUP) {
+        if (mode2 === AnnotationEditorType.POPUP) {
           classList.toggle("commentEditing", true);
         } else {
           classList.toggle("commentEditing", false);
           for (const editorType of _AnnotationEditorLayer.#editorTypes.values()) {
-            classList.toggle(`${editorType._type}Editing`, mode === editorType._editorType);
+            classList.toggle(`${editorType._type}Editing`, mode2 === editorType._editorType);
           }
         }
         this.div.hidden = false;
@@ -398444,17 +398774,17 @@ function runningSessionFor(pluginId) {
   return [...running3.values()].find((s) => s.plugin.manifest.id === pluginId);
 }
 async function refreshInstalledPlugins() {
-  const installed3 = await listPlugins();
-  syncPluginTabs(installed3);
-  usePluginStore.getState().setInstalled(installed3);
-  syncPluginThemes(installed3);
-  syncPluginAgentTools(installed3);
+  const installed4 = await listPlugins();
+  syncPluginTabs(installed4);
+  usePluginStore.getState().setInstalled(installed4);
+  syncPluginThemes(installed4);
+  syncPluginAgentTools(installed4);
 }
-function syncPluginThemes(installed3) {
+function syncPluginThemes(installed4) {
   const themes = useThemeStore.getState();
-  const live = new Set(installed3.map((p2) => p2.manifest.id));
+  const live = new Set(installed4.map((p2) => p2.manifest.id));
   for (const id3 of Object.keys(themes.pluginThemes)) if (!live.has(id3)) themes.setPluginThemes(id3, []);
-  for (const p2 of installed3) themes.setPluginThemes(p2.manifest.id, p2.enabled ? p2.themes ?? [] : []);
+  for (const p2 of installed4) themes.setPluginThemes(p2.manifest.id, p2.enabled ? p2.themes ?? [] : []);
 }
 async function installPluginPayload(payload, opts = {}) {
   const rec = await installPlugin(payload);
@@ -398504,13 +398834,13 @@ async function runPlugin(pluginId, commandId, opts = {}) {
   iframe.style.display = "none";
   iframe.dataset.popcraftPlugin = pluginId;
   iframe.srcdoc = withAgentToolsShim(withWasmEvalCsp(buildMainDocument(plugin.mainCode, granted.includes("network"))));
-  const channel3 = new MessageChannel();
+  const channel4 = new MessageChannel();
   const session3 = {
     sessionId,
     plugin,
     granted,
     iframe,
-    port: channel3.port1,
+    port: channel4.port1,
     uiPort: null,
     pendingToUI: [],
     unsubscribers: [],
@@ -398521,7 +398851,7 @@ async function runPlugin(pluginId, commandId, opts = {}) {
     exportRequest: opts.exportRequest ?? null,
     env: null,
     tools: createToolChannel((event, data) => {
-      if (running3.has(sessionId)) channel3.port1.postMessage({ kind: "event", event, data });
+      if (running3.has(sessionId)) channel4.port1.postMessage({ kind: "event", event, data });
     }, plugin.manifest.name)
   };
   running3.set(sessionId, session3);
@@ -398604,15 +398934,15 @@ async function runPlugin(pluginId, commandId, opts = {}) {
     }
   };
   session3.env = env;
-  channel3.port1.onmessage = async (ev) => {
+  channel4.port1.onmessage = async (ev) => {
     const m = ev.data;
     if (!running3.has(sessionId)) return;
     if (m.kind === "rpc" && typeof m.id === "number" && typeof m.method === "string") {
       try {
         const result = await handlePluginCall(env, m.method, m.params ?? {});
-        if (running3.has(sessionId)) channel3.port1.postMessage({ kind: "result", id: m.id, result });
+        if (running3.has(sessionId)) channel4.port1.postMessage({ kind: "result", id: m.id, result });
       } catch (err2) {
-        if (running3.has(sessionId)) channel3.port1.postMessage({ kind: "result", id: m.id, error: err2 instanceof Error ? err2.message : String(err2) });
+        if (running3.has(sessionId)) channel4.port1.postMessage({ kind: "result", id: m.id, error: err2 instanceof Error ? err2.message : String(err2) });
       }
     } else if (m.kind === "toUI") {
       if (session3.uiPort) session3.uiPort.postMessage({ kind: "event", event: "message", data: m.data });
@@ -398624,7 +398954,7 @@ async function runPlugin(pluginId, commandId, opts = {}) {
     }
   };
   iframe.addEventListener("load", () => {
-    iframe.contentWindow?.postMessage({ type: "popcraft-plugin-port" }, "*", [channel3.port2]);
+    iframe.contentWindow?.postMessage({ type: "popcraft-plugin-port" }, "*", [channel4.port2]);
     post(session3, "init", {
       command,
       importMode: session3.importMode,
@@ -398659,15 +398989,15 @@ function attachPluginUI(sessionId, iframe) {
   const session3 = running3.get(sessionId);
   if (!session3 || !iframe.contentWindow) return;
   session3.uiPort?.close();
-  const channel3 = new MessageChannel();
-  session3.uiPort = channel3.port1;
-  channel3.port1.onmessage = (ev) => {
+  const channel4 = new MessageChannel();
+  session3.uiPort = channel4.port1;
+  channel4.port1.onmessage = (ev) => {
     const m = ev.data;
     if (m.kind === "fromUI") post(session3, "uimessage", m.data);
     else if (m.kind === "closeUI") usePluginStore.getState().patchSession(sessionId, { ui: null });
   };
-  iframe.contentWindow.postMessage({ type: "popcraft-plugin-port" }, "*", [channel3.port2]);
-  for (const data of session3.pendingToUI.splice(0)) channel3.port1.postMessage({ kind: "event", event: "message", data });
+  iframe.contentWindow.postMessage({ type: "popcraft-plugin-port" }, "*", [channel4.port2]);
+  for (const data of session3.pendingToUI.splice(0)) channel4.port1.postMessage({ kind: "event", event: "message", data });
 }
 function pluginUIDocument(sessionId) {
   const s = running3.get(sessionId);
@@ -398699,8 +399029,8 @@ async function ensureBackgroundSession(pluginId, command) {
 }
 async function callPluginTool(plugin, tool2, args2, options) {
   const id3 = plugin.manifest.id;
-  const current4 = await getPlugin(id3);
-  if (!current4?.enabled || current4.granted === null) throw new Error(`${plugin.manifest.name} is disabled or has not been allowed to run`);
+  const current5 = await getPlugin(id3);
+  if (!current5?.enabled || current5.granted === null) throw new Error(`${plugin.manifest.name} is disabled or has not been allowed to run`);
   const session3 = await ensureBackgroundSession(id3, "agent");
   if (!session3?.env) throw new Error(`${plugin.manifest.name} could not start`);
   const env = session3.env;
@@ -398770,13 +399100,13 @@ var init_host3 = __esm({
         const d = e.data;
         if (!d) return;
         if (d.type !== "popcraft-import-as-new" && d.type !== "popcraft-import-into-current") return;
-        const mode = d.type === "popcraft-import-as-new" ? "new" : "into-current";
+        const mode2 = d.type === "popcraft-import-as-new" ? "new" : "into-current";
         const name2 = d.name || "Imported";
         void (async () => {
           try {
             const { importViaPlugin: importViaPlugin2, applyPluginLayoutIr: applyPluginLayoutIr2 } = await Promise.resolve().then(() => (init_plugin_import(), plugin_import_exports));
             if (d.ir && typeof d.ir === "object") {
-              await applyPluginLayoutIr2(d.ir, { mode, name: name2 });
+              await applyPluginLayoutIr2(d.ir, { mode: mode2, name: name2 });
               return;
             }
             if (typeof d.dataUrl !== "string") return;
@@ -398785,7 +399115,7 @@ var init_host3 = __esm({
             const bytes2 = new Uint8Array(bin.length);
             for (let i2 = 0; i2 < bin.length; i2++) bytes2[i2] = bin.charCodeAt(i2);
             const file2 = new File([bytes2], name2);
-            await importViaPlugin2(file2, { mode });
+            await importViaPlugin2(file2, { mode: mode2 });
           } catch (err2) {
             usePluginStore.getState().toast(String(err2 instanceof Error ? err2.message : err2), { error: true });
           }
@@ -401046,17 +401376,17 @@ __export(recorders_exports, {
   setDesignRecorder: () => setDesignRecorder
 });
 function setDesignRecorder(r) {
-  installed = r;
+  installed2 = r;
 }
 function designRecorder() {
-  if (installed) return installed;
+  if (installed2) return installed2;
   if (typeof window !== "undefined") return async (source3, namespaces2, globals) => (await Promise.resolve().then(() => (init_sandbox(), sandbox_exports))).recordInSandbox(source3, namespaces2, globals);
   throw new Error("Design scripts are built in the editor, the desktop app or the popcraft CLI, not on the server: build the file with the CLI (popcraft run file.popcraft write_design \u2026) and push it, or run it in the app (popcraft run --ui \u2026).");
 }
-var installed;
+var installed2;
 var init_recorders = __esm({
   "lib/agent/design-script/recorders.ts"() {
-    installed = null;
+    installed2 = null;
   }
 });
 
@@ -402420,8 +402750,8 @@ var init_app = __esm({
       permission: null,
       params: external_exports.object({ mode: external_exports.enum([...MODE_IDS, ...Object.keys(MODE_ALIASES)]) }),
       expose: { ui: { label: "Switch mode", keywords: ["mode", "view"], variants: MODE_LIST.map((m) => ({ id: m.id.toLowerCase(), label: `${m.label} mode`, shortcut: m.shortcut, params: { mode: m.id } })) } },
-      run: async ({ mode }) => {
-        const id3 = MODE_ALIASES[mode] ?? mode;
+      run: async ({ mode: mode2 }) => {
+        const id3 = MODE_ALIASES[mode2] ?? mode2;
         (await store5()).setMode(id3);
         return { summary: `${MODE_LIST.find((m) => m.id === id3)?.label} mode` };
       }
@@ -405328,13 +405658,13 @@ function settleRequest(outcome) {
   emit5();
   p2.resolve(outcome);
 }
-var pending7, listeners7, emit5, opener;
+var pending7, listeners8, emit5, opener;
 var init_requests = __esm({
   "lib/audio/presentation/requests.ts"() {
     pending7 = null;
-    listeners7 = /* @__PURE__ */ new Set();
+    listeners8 = /* @__PURE__ */ new Set();
     emit5 = () => {
-      for (const l of listeners7) l();
+      for (const l of listeners8) l();
     };
     opener = null;
   }
@@ -406125,7 +406455,6 @@ function registerBuiltinCommands() {
 var builtinCommands, uiOnlyCommands;
 var init_builtin4 = __esm({
   "lib/commands/builtin.ts"() {
-    "use strict";
     init_registry();
     init_node();
     init_node();
@@ -406204,6 +406533,7 @@ var init_builtin4 = __esm({
       viewSelect,
       viewZoomTo,
       viewStage,
+      viewScreenLayout,
       viewPresent,
       showSetAdvance,
       // was document.ts
@@ -408389,11 +408719,11 @@ var init_editor_store = __esm({
                   return newNode;
                 };
                 const traverse = (currentId, sx, sy) => {
-                  const current4 = sourceNodes[currentId];
-                  if (!current4) return;
-                  newNodes[currentId] = scaleProps(current4, sx, sy);
-                  if ("childIds" in current4 && current4.childIds) {
-                    for (const childId of current4.childIds) {
+                  const current5 = sourceNodes[currentId];
+                  if (!current5) return;
+                  newNodes[currentId] = scaleProps(current5, sx, sy);
+                  if ("childIds" in current5 && current5.childIds) {
+                    for (const childId of current5.childIds) {
                       traverse(childId, sx, sy);
                     }
                   }
@@ -408756,10 +409086,10 @@ var init_editor_store = __esm({
                 const state = get4();
                 const newExpanded = new Set(state.expandedLayerNodes);
                 ids2.forEach((id3) => {
-                  let current4 = resolveVirtualNode2(state.document.nodes, id3);
-                  for (let guard2 = 0; current4?.parentId && guard2 < 64; guard2++) {
-                    newExpanded.add(current4.parentId);
-                    current4 = resolveVirtualNode2(state.document.nodes, current4.parentId);
+                  let current5 = resolveVirtualNode2(state.document.nodes, id3);
+                  for (let guard2 = 0; current5?.parentId && guard2 < 64; guard2++) {
+                    newExpanded.add(current5.parentId);
+                    current5 = resolveVirtualNode2(state.document.nodes, current5.parentId);
                   }
                 });
                 const cellSel = state.tableCellSelection;
@@ -408771,10 +409101,10 @@ var init_editor_store = __esm({
               addToSelection: (id3) => {
                 const state = get4();
                 const newExpanded = new Set(state.expandedLayerNodes);
-                let current4 = state.document.nodes[id3];
-                while (current4 && current4.parentId) {
-                  newExpanded.add(current4.parentId);
-                  current4 = state.document.nodes[current4.parentId];
+                let current5 = state.document.nodes[id3];
+                while (current5 && current5.parentId) {
+                  newExpanded.add(current5.parentId);
+                  current5 = state.document.nodes[current5.parentId];
                 }
                 set4({
                   selection: [...state.selection, id3],
@@ -409316,11 +409646,11 @@ var init_editor_store = __esm({
                 if (!pages2.length) return;
                 const cam = state.camera;
                 const selected = pages2.findIndex((pg) => state.selection.includes(pg.id));
-                const current4 = selected >= 0 ? selected : pages2.reduce((best, pg, i2) => {
+                const current5 = selected >= 0 ? selected : pages2.reduce((best, pg, i2) => {
                   const d = Math.hypot(pg.x + pg.width / 2 - cam.x, pg.y + pg.height / 2 - cam.y);
                   return d < best.d ? { i: i2, d } : best;
                 }, { i: 0, d: Infinity }).i;
-                const target2 = typeof to === "number" ? to : to === "first" ? 0 : to === "last" ? pages2.length - 1 : current4 + (to === "next" ? 1 : -1);
+                const target2 = typeof to === "number" ? to : to === "first" ? 0 : to === "last" ? pages2.length - 1 : current5 + (to === "next" ? 1 : -1);
                 const page = pages2[Math.max(0, Math.min(pages2.length - 1, target2))];
                 set4({ selection: [page.id] });
                 get4().zoomToNodes([page.id], 0.1);
@@ -410099,14 +410429,14 @@ var init_editor_store = __esm({
                 for (const p2 of points) get4().pickShapeBuilderFace(p2.x, p2.y, "add");
                 get4().commitShapeBuilder();
               },
-              pickShapeBuilderFace: (worldX, worldY, mode) => {
+              pickShapeBuilderFace: (worldX, worldY, mode2) => {
                 const state = get4();
                 const sb = state.shapeBuilder;
                 if (!sb) return;
                 const i2 = faceAt(shapeBuilderFaces(state.document, sb.nodeIds), worldX, worldY);
                 if (i2 < 0) return;
                 const has = sb.picked.includes(i2);
-                const wanted = mode === "toggle" ? !has : mode === "add";
+                const wanted = mode2 === "toggle" ? !has : mode2 === "add";
                 if (wanted === has) return;
                 set4({ shapeBuilder: { ...sb, picked: wanted ? [...sb.picked, i2] : sb.picked.filter((x2) => x2 !== i2) } });
               },
@@ -410723,7 +411053,7 @@ var init_editor_store = __esm({
                 const collection = state.document.variableCollections?.[collectionId];
                 if (!collection) return;
                 const modeId = v4_default();
-                const mode = { id: modeId, name: name2 || `Mode ${collection.modes.length + 1}` };
+                const mode2 = { id: modeId, name: name2 || `Mode ${collection.modes.length + 1}` };
                 const newVariables = { ...state.document.variables || {} };
                 for (const [vid, v] of Object.entries(newVariables)) {
                   if (v.variableCollectionId !== collectionId) continue;
@@ -410736,7 +411066,7 @@ var init_editor_store = __esm({
                   variables: newVariables,
                   variableCollections: {
                     ...state.document.variableCollections,
-                    [collectionId]: { ...collection, modes: [...collection.modes, mode] }
+                    [collectionId]: { ...collection, modes: [...collection.modes, mode2] }
                   }
                 };
                 const command = createCommand("ADD_VARIABLE_MODE", "Add variable mode", documentBefore, documentAfter);
@@ -411485,10 +411815,10 @@ async function installHyperySession(url4) {
     getToken: async () => (session3 = await freshSession(url4, session3)).accessToken
   });
   useAiStore2.setState({ signedIn: true, online: true });
-  installed2 = session3;
+  installed3 = session3;
   return session3;
 }
-var account, REFRESH_MARGIN_MS, SIGN_IN_TIMEOUT_MS, b64url, forgetSession, installed2, hyperySignedIn;
+var account, REFRESH_MARGIN_MS, SIGN_IN_TIMEOUT_MS, b64url, forgetSession, installed3, hyperySignedIn;
 var init_hypery = __esm({
   "packages/cli/src/hypery.ts"() {
     "use strict";
@@ -411499,8 +411829,8 @@ var init_hypery = __esm({
     SIGN_IN_TIMEOUT_MS = 10 * 6e4;
     b64url = (buf) => buf.toString("base64url");
     forgetSession = (url4) => forgetToken(account(url4));
-    installed2 = null;
-    hyperySignedIn = () => installed2 !== null;
+    installed3 = null;
+    hyperySignedIn = () => installed3 !== null;
   }
 });
 
@@ -413469,9 +413799,9 @@ import { dirname as dirname5, extname as extname3, join as join12, resolve as re
 function loadPlugin(ref3, root2 = desktopDataDir()) {
   let path = ref3;
   if (!existsSync13(path)) {
-    const installed3 = listResources2("plugins", root2).find((r) => r.name === ref3);
-    if (!installed3) throw usage(`No plugin "${ref3}": give its folder, .zip or .json, or the name of one in \`popcraft plugins list\`.`);
-    path = join12(root2, installed3.path);
+    const installed4 = listResources2("plugins", root2).find((r) => r.name === ref3);
+    if (!installed4) throw usage(`No plugin "${ref3}": give its folder, .zip or .json, or the name of one in \`popcraft plugins list\`.`);
+    path = join12(root2, installed4.path);
   }
   if (statSync6(path).isDirectory()) {
     const dir = resolve6(path);
@@ -413729,7 +414059,7 @@ init_resources();
 init_desktop();
 init_hypery();
 import { createInterface } from "node:readline";
-var VERSION2 = "0.48.3";
+var VERSION2 = "0.50.0";
 var HELP = `popcraft ${VERSION2} \u2014 the PopCraft command line
 
 Files (headless, on .popcraft files):