@popcraft/cli 0.47.0 → 0.48.1

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.47.0"}`, ...opts.headers };
+  const headers = { "user-agent": `popcraft-cli/${"0.48.1"}`, ...opts.headers };
   if (target2.token) headers.authorization = `Bearer ${target2.token}`;
   if (opts.contentType) headers["content-type"] = opts.contentType;
   try {
@@ -33233,6 +33233,7 @@ var init_en2 = __esm({
       "designPanel.instanceSwap": "Instance swap",
       "designPanel.italic": "Italic",
       "designPanel.join": "Join",
+      "designPanel.keepProportions": "Keep proportions (height follows width)",
       "designPanel.language": "Language",
       "designPanel.lastFrame": "Last frame",
       "designPanel.layer": "Layer",
@@ -33942,7 +33943,6 @@ var init_en2 = __esm({
       "homeTeam.viewListing": "View its marketplace listing",
       "homeTemplates.browseAll": "Browse all templates",
       "homeTemplates.communityBody": "Templates people made and shared. Tap one to start from a copy.",
-      "homeTemplates.couldNotLoad": "Templates couldn't load. Browse all templates to try again.",
       "homeTemplates.fromTheCommunity": "From the community",
       "homeTemplates.loading": "Loading templates\u2026",
       "homeTemplates.noneInThisGroup": "No templates in this group yet.",
@@ -34614,6 +34614,12 @@ var init_en2 = __esm({
       "objectActions.brushPartsOfThePicture": "Brush parts of the picture away \u2014 non-destructive, and you can paint them back",
       "objectActions.crop": "Crop",
       "objectActions.erase": "Erase",
+      "offlineNotice.blankCanvas": "Start with a blank canvas",
+      "offlineNotice.offlineBody": "This needs a connection. It loads by itself as soon as you\u2019re back online.",
+      "offlineNotice.offlineTitle": "You\u2019re offline",
+      "offlineNotice.retry": "Retry",
+      "offlineNotice.unreachableBody": "Check your connection and try again.",
+      "offlineNotice.unreachableTitle": "Couldn\u2019t reach PopCraft",
       "ownerPicker.loadingWorkspaces": "Loading workspaces",
       "ownerPicker.owner": "Owner: {name}",
       "pagePreset:a0": "A0",
@@ -38729,7 +38735,6 @@ var require_es = __commonJS({
       "homeTeam.viewListing": "Ver su listado en el marketplace",
       "homeTemplates.browseAll": "Explorar todas las plantillas",
       "homeTemplates.communityBody": "Plantillas creadas y compartidas por la gente. Toca una para empezar desde una copia.",
-      "homeTemplates.couldNotLoad": "No se pudieron cargar las plantillas. Explora todas las plantillas para intentarlo de nuevo.",
       "homeTemplates.fromTheCommunity": "De la comunidad",
       "homeTemplates.loading": "Cargando plantillas\u2026",
       "homeTemplates.noneInThisGroup": "A\xFAn no hay plantillas en este grupo.",
@@ -43505,7 +43510,6 @@ var require_fr = __commonJS({
       "homeTeam.viewListing": "Voir sa fiche sur la place de march\xE9",
       "homeTemplates.browseAll": "Parcourir tous les mod\xE8les",
       "homeTemplates.communityBody": "Mod\xE8les cr\xE9\xE9s et partag\xE9s par la communaut\xE9. Touchez-en un pour commencer \xE0 partir d\u2019une copie.",
-      "homeTemplates.couldNotLoad": "Impossible de charger les mod\xE8les. Parcourez tous les mod\xE8les pour r\xE9essayer.",
       "homeTemplates.fromTheCommunity": "De la communaut\xE9",
       "homeTemplates.loading": "Chargement des mod\xE8les\u2026",
       "homeTemplates.noneInThisGroup": "Aucun mod\xE8le dans ce groupe pour l\u2019instant.",
@@ -48281,7 +48285,6 @@ var require_de = __commonJS({
       "homeTeam.viewListing": "Marktplatz-Eintrag ansehen",
       "homeTemplates.browseAll": "Alle Vorlagen durchsuchen",
       "homeTemplates.communityBody": "Vorlagen, die andere erstellt und geteilt haben. Tippe auf eine, um mit einer Kopie zu beginnen.",
-      "homeTemplates.couldNotLoad": "Vorlagen konnten nicht geladen werden. Durchsuche alle Vorlagen, um es erneut zu versuchen.",
       "homeTemplates.fromTheCommunity": "Aus der Community",
       "homeTemplates.loading": "Vorlagen werden geladen\u2026",
       "homeTemplates.noneInThisGroup": "Noch keine Vorlagen in dieser Gruppe.",
@@ -53057,7 +53060,6 @@ var require_it = __commonJS({
       "homeTeam.viewListing": "Visualizza la sua inserzione nel marketplace",
       "homeTemplates.browseAll": "Sfoglia tutti i modelli",
       "homeTemplates.communityBody": "Modelli creati e condivisi dalla community. Toccane uno per iniziare da una copia.",
-      "homeTemplates.couldNotLoad": "Impossibile caricare i modelli. Sfoglia tutti i modelli per riprovare.",
       "homeTemplates.fromTheCommunity": "Dalla community",
       "homeTemplates.loading": "Caricamento modelli\u2026",
       "homeTemplates.noneInThisGroup": "Nessun modello in questo gruppo per ora.",
@@ -57833,7 +57835,6 @@ var require_pt_BR = __commonJS({
       "homeTeam.viewListing": "Ver sua listagem no marketplace",
       "homeTemplates.browseAll": "Procurar todos os modelos",
       "homeTemplates.communityBody": "Modelos criados e compartilhados por pessoas. Toque em um para come\xE7ar a partir de uma c\xF3pia.",
-      "homeTemplates.couldNotLoad": "N\xE3o foi poss\xEDvel carregar os modelos. Procure todos os modelos para tentar novamente.",
       "homeTemplates.fromTheCommunity": "Da comunidade",
       "homeTemplates.loading": "Carregando modelos\u2026",
       "homeTemplates.noneInThisGroup": "Nenhum modelo neste grupo ainda.",
@@ -62609,7 +62610,6 @@ var require_ja = __commonJS({
       "homeTeam.viewListing": "\u30DE\u30FC\u30B1\u30C3\u30C8\u30D7\u30EC\u30A4\u30B9\u306E\u63B2\u8F09\u60C5\u5831\u3092\u8868\u793A",
       "homeTemplates.browseAll": "\u3059\u3079\u3066\u306E\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u3092\u53C2\u7167",
       "homeTemplates.communityBody": "\u4EBA\u3005\u304C\u4F5C\u6210\u30FB\u5171\u6709\u3057\u305F\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u3002\u30BF\u30C3\u30D7\u3057\u3066\u30B3\u30D4\u30FC\u304B\u3089\u958B\u59CB\u3057\u307E\u3059\u3002",
-      "homeTemplates.couldNotLoad": "\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u3092\u8AAD\u307F\u8FBC\u3081\u307E\u305B\u3093\u3067\u3057\u305F\u3002\u3059\u3079\u3066\u306E\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u3092\u53C2\u7167\u3057\u3066\u518D\u8A66\u884C\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
       "homeTemplates.fromTheCommunity": "\u30B3\u30DF\u30E5\u30CB\u30C6\u30A3\u304B\u3089",
       "homeTemplates.loading": "\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u3092\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026",
       "homeTemplates.noneInThisGroup": "\u3053\u306E\u30B0\u30EB\u30FC\u30D7\u306B\u306F\u307E\u3060\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u304C\u3042\u308A\u307E\u305B\u3093\u3002",
@@ -67385,7 +67385,6 @@ var require_ko = __commonJS({
       "homeTeam.viewListing": "\uB9C8\uCF13\uD50C\uB808\uC774\uC2A4 \uBAA9\uB85D \uBCF4\uAE30",
       "homeTemplates.browseAll": "\uBAA8\uB4E0 \uD15C\uD50C\uB9BF \uCC3E\uC544\uBCF4\uAE30",
       "homeTemplates.communityBody": "\uC0AC\uB78C\uB4E4\uC774 \uB9CC\uB4E4\uACE0 \uACF5\uC720\uD55C \uD15C\uD50C\uB9BF\uC785\uB2C8\uB2E4. \uD0ED\uD558\uC5EC \uC0AC\uBCF8\uC73C\uB85C \uC2DC\uC791\uD558\uC138\uC694.",
-      "homeTemplates.couldNotLoad": "\uD15C\uD50C\uB9BF\uC744 \uB85C\uB4DC\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uBAA8\uB4E0 \uD15C\uD50C\uB9BF\uC744 \uCC3E\uC544 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC138\uC694.",
       "homeTemplates.fromTheCommunity": "\uCEE4\uBBA4\uB2C8\uD2F0\uC5D0\uC11C",
       "homeTemplates.loading": "\uD15C\uD50C\uB9BF \uB85C\uB4DC \uC911\u2026",
       "homeTemplates.noneInThisGroup": "\uC774 \uADF8\uB8F9\uC5D0\uB294 \uC544\uC9C1 \uD15C\uD50C\uB9BF\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
@@ -72161,7 +72160,6 @@ var require_zh_CN = __commonJS({
       "homeTeam.viewListing": "\u67E5\u770B\u5176\u5E02\u573A\u5217\u8868",
       "homeTemplates.browseAll": "\u6D4F\u89C8\u6240\u6709\u6A21\u677F",
       "homeTemplates.communityBody": "\u5927\u5BB6\u5236\u4F5C\u5E76\u5206\u4EAB\u7684\u6A21\u677F\u3002\u8F7B\u70B9\u4E00\u4E2A\u5373\u53EF\u4ECE\u526F\u672C\u5F00\u59CB\u3002",
-      "homeTemplates.couldNotLoad": "\u6A21\u677F\u65E0\u6CD5\u52A0\u8F7D\u3002\u8BF7\u6D4F\u89C8\u6240\u6709\u6A21\u677F\u91CD\u8BD5\u3002",
       "homeTemplates.fromTheCommunity": "\u6765\u81EA\u793E\u533A",
       "homeTemplates.loading": "\u6B63\u5728\u52A0\u8F7D\u6A21\u677F\u2026",
       "homeTemplates.noneInThisGroup": "\u6B64\u7EC4\u4E2D\u6682\u65E0\u6A21\u677F\u3002",
@@ -76937,7 +76935,6 @@ var require_zh_TW = __commonJS({
       "homeTeam.viewListing": "\u67E5\u770B\u5176\u5E02\u96C6\u4E0A\u67B6\u8CC7\u8A0A",
       "homeTemplates.browseAll": "\u700F\u89BD\u6240\u6709\u7BC4\u672C",
       "homeTemplates.communityBody": "\u4EBA\u5011\u88FD\u4F5C\u4E26\u5206\u4EAB\u7684\u7BC4\u672C\u3002\u8F15\u9EDE\u4E00\u500B\u5373\u53EF\u5F9E\u526F\u672C\u958B\u59CB\u3002",
-      "homeTemplates.couldNotLoad": "\u7BC4\u672C\u7121\u6CD5\u8F09\u5165\u3002\u700F\u89BD\u6240\u6709\u7BC4\u672C\u4EE5\u91CD\u8A66\u3002",
       "homeTemplates.fromTheCommunity": "\u4F86\u81EA\u793E\u7FA4",
       "homeTemplates.loading": "\u6B63\u5728\u8F09\u5165\u7BC4\u672C\u2026",
       "homeTemplates.noneInThisGroup": "\u6B64\u7FA4\u7D44\u4E2D\u5C1A\u7121\u7BC4\u672C\u3002",
@@ -81713,7 +81710,6 @@ var require_ru = __commonJS({
       "homeTeam.viewListing": "\u041F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u043E\u0431\u044A\u044F\u0432\u043B\u0435\u043D\u0438\u0435 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0435",
       "homeTemplates.browseAll": "\u041F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u0432\u0441\u0435 \u0448\u0430\u0431\u043B\u043E\u043D\u044B",
       "homeTemplates.communityBody": "\u0428\u0430\u0431\u043B\u043E\u043D\u044B, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u0438 \u043E\u043F\u0443\u0431\u043B\u0438\u043A\u043E\u0432\u0430\u043D\u043D\u044B\u0435 \u0434\u0440\u0443\u0433\u0438\u043C\u0438 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F\u043C\u0438. \u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u043D\u0430 \u043E\u0434\u0438\u043D, \u0447\u0442\u043E\u0431\u044B \u043D\u0430\u0447\u0430\u0442\u044C \u0441 \u043A\u043E\u043F\u0438\u0438.",
-      "homeTemplates.couldNotLoad": "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0448\u0430\u0431\u043B\u043E\u043D\u044B. \u041F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0438\u0442\u0435 \u0432\u0441\u0435 \u0448\u0430\u0431\u043B\u043E\u043D\u044B, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C \u043F\u043E\u043F\u044B\u0442\u043A\u0443.",
       "homeTemplates.fromTheCommunity": "\u041E\u0442 \u0441\u043E\u043E\u0431\u0449\u0435\u0441\u0442\u0432\u0430",
       "homeTemplates.loading": "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0448\u0430\u0431\u043B\u043E\u043D\u043E\u0432\u2026",
       "homeTemplates.noneInThisGroup": "\u0412 \u044D\u0442\u043E\u0439 \u0433\u0440\u0443\u043F\u043F\u0435 \u043F\u043E\u043A\u0430 \u043D\u0435\u0442 \u0448\u0430\u0431\u043B\u043E\u043D\u043E\u0432.",
@@ -86489,7 +86485,6 @@ var require_ar = __commonJS({
       "homeTeam.viewListing": "\u0639\u0631\u0636 \u0625\u062F\u0631\u0627\u062C\u0647 \u0641\u064A \u0627\u0644\u0645\u062A\u062C\u0631",
       "homeTemplates.browseAll": "\u062A\u0635\u0641\u062D \u062C\u0645\u064A\u0639 \u0627\u0644\u0642\u0648\u0627\u0644\u0628",
       "homeTemplates.communityBody": "\u0642\u0648\u0627\u0644\u0628 \u0623\u0646\u0634\u0623\u0647\u0627 \u0648\u0634\u0627\u0631\u0643\u0647\u0627 \u0627\u0644\u0622\u062E\u0631\u0648\u0646. \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0623\u062D\u062F\u0647\u0627 \u0644\u0644\u0628\u062F\u0621 \u0645\u0646 \u0646\u0633\u062E\u0629.",
-      "homeTemplates.couldNotLoad": "\u062A\u0639\u0630\u0631 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0642\u0648\u0627\u0644\u0628. \u062A\u0635\u0641\u062D \u062C\u0645\u064A\u0639 \u0627\u0644\u0642\u0648\u0627\u0644\u0628 \u0644\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.",
       "homeTemplates.fromTheCommunity": "\u0645\u0646 \u0627\u0644\u0645\u062C\u062A\u0645\u0639",
       "homeTemplates.loading": "\u062C\u0627\u0631\u064D \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0642\u0648\u0627\u0644\u0628\u2026",
       "homeTemplates.noneInThisGroup": "\u0644\u0627 \u062A\u0648\u062C\u062F \u0642\u0648\u0627\u0644\u0628 \u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0645\u062C\u0645\u0648\u0639\u0629 \u0628\u0639\u062F.",
@@ -91265,7 +91260,6 @@ var require_hi = __commonJS({
       "homeTeam.viewListing": "\u0907\u0938\u0915\u0940 \u092E\u093E\u0930\u094D\u0915\u0947\u091F\u092A\u094D\u0932\u0947\u0938 \u0932\u093F\u0938\u094D\u091F\u093F\u0902\u0917 \u0926\u0947\u0916\u0947\u0902",
       "homeTemplates.browseAll": "\u0938\u092D\u0940 \u091F\u0947\u092E\u094D\u092A\u094D\u0932\u0947\u091F \u092C\u094D\u0930\u093E\u0909\u091C\u093C \u0915\u0930\u0947\u0902",
       "homeTemplates.communityBody": "\u0932\u094B\u0917\u094B\u0902 \u0926\u094D\u0935\u093E\u0930\u093E \u092C\u0928\u093E\u090F \u0914\u0930 \u0938\u093E\u091D\u093E \u0915\u093F\u090F \u0917\u090F \u091F\u0947\u092E\u094D\u092A\u0932\u0947\u091F\u0964 \u0915\u0949\u092A\u0940 \u0938\u0947 \u0936\u0941\u0930\u0942 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093F\u090F \u0915\u093F\u0938\u0940 \u090F\u0915 \u092A\u0930 \u091F\u0948\u092A \u0915\u0930\u0947\u0902\u0964",
-      "homeTemplates.couldNotLoad": "\u091F\u0947\u092E\u094D\u092A\u094D\u0932\u0947\u091F \u0932\u094B\u0921 \u0928\u0939\u0940\u0902 \u0939\u094B \u0938\u0915\u0947\u0964 \u092B\u093F\u0930 \u0938\u0947 \u092A\u094D\u0930\u092F\u093E\u0938 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093F\u090F \u0938\u092D\u0940 \u091F\u0947\u092E\u094D\u092A\u094D\u0932\u0947\u091F \u092C\u094D\u0930\u093E\u0909\u091C\u093C \u0915\u0930\u0947\u0902\u0964",
       "homeTemplates.fromTheCommunity": "\u0938\u092E\u0941\u0926\u093E\u092F \u0938\u0947",
       "homeTemplates.loading": "\u091F\u0947\u092E\u094D\u092A\u094D\u0932\u0947\u091F \u0932\u094B\u0921 \u0939\u094B \u0930\u0939\u0947 \u0939\u0948\u0902\u2026",
       "homeTemplates.noneInThisGroup": "\u0907\u0938 \u0938\u092E\u0942\u0939 \u092E\u0947\u0902 \u0905\u092D\u0940 \u0915\u094B\u0908 \u091F\u0947\u092E\u094D\u092A\u094D\u0932\u0947\u091F \u0928\u0939\u0940\u0902 \u0939\u0948\u0964",
@@ -97957,6 +97951,11 @@ function applyAutoLayout(doc2) {
     } else {
       let height = node2.height;
       let width = node2.width;
+      const ar = node2.aspectRatio;
+      if (ar && ar > 0 && node2.layoutSizingVertical !== "FILL" && Math.abs(width / ar - height) > 0.01) {
+        height = Math.round(width / ar * 1e3) / 1e3;
+        cloneNode(nodeId2).height = height;
+      }
       if (node2.type === "INSTANCE") {
         const h = instanceContentHeight(newNodes, nodeId2);
         if (h !== null && Math.abs(h - height) > 0.5) {
@@ -98085,6 +98084,8 @@ function applyAutoLayout(doc2) {
         const r = Math.floor(index2 / actualCols);
         if (child.layoutSizingHorizontal === "FILL") child.width = clampedWidth(colW[c2], child);
         if (child.layoutSizingVertical === "FILL") child.height = clampedHeight(rowH[r], child);
+        keepAspect(child);
+        fitWipe(child, newNodes, cloneNode);
         const cellX = colX[c2];
         const cellY = rowY[r];
         child.x = cellX;
@@ -98123,6 +98124,8 @@ function applyAutoLayout(doc2) {
           if (child.layoutSizingVertical === "FILL") child.height = clampedHeight(fillPrimarySize, child);
           if (child.layoutSizingHorizontal === "FILL") child.width = clampedWidth(Math.max(0, frame3.width - paddingX), child);
         }
+        keepAspect(child);
+        fitWipe(child, newNodes, cloneNode);
       });
       if (wraps(frame3)) {
         const lines2 = wrapLines(frame3, childIds, (id3) => ({ intrinsicWidth: newNodes[id3].width, intrinsicHeight: newNodes[id3].height }));
@@ -98191,7 +98194,12 @@ function applyAutoLayout(doc2) {
       });
     }
   }
-  autoLayoutRoots.forEach((root2) => {
+  let aspect = false;
+  for (const id3 in newNodes) if (newNodes[id3].aspectRatio) {
+    aspect = true;
+    break;
+  }
+  for (let pass = 0; pass < (aspect ? 2 : 1); pass++) autoLayoutRoots.forEach((root2) => {
     measureNode(root2.id);
     layoutNode(root2.id);
   });
@@ -98204,6 +98212,21 @@ function applyAutoLayout(doc2) {
   }
   return { ...doc2, nodes: newNodes };
 }
+function keepAspect(n) {
+  if (n.aspectRatio > 0 && n.layoutSizingVertical !== "FILL") n.height = Math.round(n.width / n.aspectRatio * 1e3) / 1e3;
+}
+function fitWipe(group2, nodes, clone2) {
+  if (group2.type !== "GROUP" || !group2.isMaskGroup || !group2.childIds.some((id3) => nodes[id3]?.isMask && nodes[id3]?.name === "Wipe mask")) return;
+  const w = group2.layoutSizingHorizontal === "FILL", h = group2.layoutSizingVertical === "FILL" || group2.aspectRatio > 0;
+  if (!w && !h) return;
+  for (const id3 of group2.childIds) {
+    const c2 = nodes[id3];
+    if (!c2 || (!w || c2.width === group2.width) && (!h || c2.height === group2.height)) continue;
+    const n = clone2(id3);
+    if (w) n.width = group2.width;
+    if (h) n.height = group2.height;
+  }
+}
 function wraps(frame3) {
   if (frame3.layoutWrap !== "WRAP" || frame3.layoutMode === "GRID") return false;
   return frame3.layoutMode === "HORIZONTAL" ? frame3.layoutSizingHorizontal !== "HUG" : frame3.layoutSizingVertical !== "HUG";
@@ -246764,6 +246787,45 @@ function lineWidth(line, family, weight, fontSize, italic, shaping) {
   }
   return units * fontSize;
 }
+function unitAdvances(line, family, weight, fontSize, italic, shaping) {
+  const out = new Array(line.length).fill(0);
+  if (!line) return out;
+  const share = (start2, len3, em) => {
+    const n = Math.max(1, len3);
+    for (let k2 = 0; k2 < n && start2 + k2 < line.length; k2++) out[start2 + k2] += em * fontSize / n;
+  };
+  const place4 = (glyphs, upem, offset, notdef) => {
+    for (const g of glyphs) {
+      if (notdef && g.gid === 0) {
+        if (g.clusterLength === 0) continue;
+        const text = line.slice(offset + g.clusterStart, offset + g.clusterStart + g.clusterLength);
+        share(offset + g.clusterStart, g.clusterLength, fallbackEm(text, family, weight, italic));
+        continue;
+      }
+      share(offset + g.clusterStart, g.clusterLength, g.xAdvance / upem);
+    }
+  };
+  const shaped = shapeRun(line, family, italic, weight, shaping?.features, shaping?.variations);
+  if (shaped) {
+    place4(shaped.glyphs, shaped.unitsPerEm, 0, true);
+    return out;
+  }
+  const fb = shapeFallback(line, family, italic, weight, shaping?.features);
+  if (fb === "loading") {
+    let i2 = 0;
+    for (const ch of line) {
+      share(i2, ch.length, fallbackEm(ch, family, weight, italic));
+      i2 += ch.length;
+    }
+    return out;
+  }
+  for (const item of fb.items) place4(item.shaped.glyphs, item.shaped.unitsPerEm, item.start, false);
+  for (const i2 of fb.missing) {
+    const c2 = line.charCodeAt(i2);
+    if (!(c2 >= 56320 && c2 <= 57343 && i2 > 0)) out[i2] += 0.5 * fontSize;
+  }
+  return out;
+}
 function fallbackEm(text, family, weight, italic, strict = false) {
   let em = 0;
   for (const ch of text) {
@@ -246795,24 +246857,35 @@ function casedText(text, textCase) {
 function measureAutoWidth(t3) {
   return measureTextWidth(casedText(t3.characters ?? "", t3.textCase), t3.fontFamily, t3.fontWeight, t3.fontSize, t3.fontStyle, t3.letterSpacing ?? 0, { features: t3.fontFeatures, variations: t3.fontVariations });
 }
-function estimateTextHeight(characters, width, family, weight, size6, lineHeight, wraps2 = true, letterSpacing = 0) {
-  const lh2 = lineHeight === "AUTO" ? size6 * 1.25 : lineHeight;
-  const measure4 = (t3, fallbackChars) => measureTextWidth(t3, family, weight, size6, void 0, letterSpacing) || (size6 * 0.55 + letterSpacing) * fallbackChars;
+function estimateTextHeight(characters, width, family, weight, size6, lineHeight, wraps2 = true, letterSpacing = 0, setting = {}) {
+  const lh2 = lineHeight === "AUTO" ? size6 * 1.2 : lineHeight;
+  const italic = setting.fontStyle === "italic";
   let lines2 = 0;
   for (const para of characters.split("\n")) {
-    let cur = 0, n = 1;
-    if (wraps2) for (const word of para.split(" ")) {
-      const w = measure4(word, word.length);
-      const space = cur > 0 ? measure4(" ", 1) : 0;
-      if (cur > 0 && cur + space + w > width) {
-        n++;
-        cur = w;
-      } else cur += space + w;
+    lines2++;
+    if (!wraps2 || !para) continue;
+    const adv = unitAdvances(para, family, weight, size6, italic, setting.shaping);
+    let start2 = 0, w = 0, lastSpace = -1;
+    for (let i2 = 0; i2 < para.length; i2++) {
+      const a = adv[i2] + letterSpacing;
+      const space = para[i2] === " ";
+      if (!space && w + a > width && lastSpace !== -1 && start2 < lastSpace) {
+        lines2++;
+        start2 = lastSpace + 1;
+        w = 0;
+        for (let j = start2; j <= i2; j++) w += adv[j] + letterSpacing;
+        lastSpace = -1;
+      } else {
+        if (space) lastSpace = i2;
+        w += a;
+      }
     }
-    lines2 += n;
   }
   return Math.max(lh2, lines2 * lh2);
 }
+function textSetting(t3) {
+  return { fontStyle: t3.fontStyle, shaping: { features: t3.fontFeatures, variations: t3.fontVariations } };
+}
 var init_measure = __esm({
   "lib/engine/text/measure.ts"() {
     "use strict";
@@ -246833,7 +246906,7 @@ function autoTextBounds(node2, styles) {
   const chars = casedText(resolved.characters || "", resolved.textCase);
   const family = resolved.fontFamily || "Inter", weight = resolved.fontWeight || 400, size6 = resolved.fontSize || 16;
   const width = hugs2 ? Math.max(measureAutoWidth({ ...resolved, fontFamily: family, fontWeight: weight, fontSize: size6 }) || size6, 10) : node2.width;
-  const estimate2 = estimateTextHeight(chars, width, family, weight, size6, resolved.lineHeight ?? "AUTO", !hugs2, resolved.letterSpacing || 0);
+  const estimate2 = estimateTextHeight(chars, width, family, weight, size6, resolved.lineHeight ?? "AUTO", !hugs2, resolved.letterSpacing || 0, textSetting(resolved));
   return { width, height: hugs2 ? estimate2 : Math.max(node2.height, estimate2) };
 }
 var init_text_bounds = __esm({
@@ -247990,6 +248063,7 @@ function resyncText(doc2, ids2) {
 var isVirtualId;
 var init_invariants2 = __esm({
   "lib/document/invariants.ts"() {
+    "use strict";
     init_auto_layout();
     init_scene_graph();
     init_text_bounds();
@@ -259138,7 +259212,11 @@ function ensureWipeMask(nodes, id3, hostFrameId) {
     childIds: [maskId, id3],
     blendMode: "NORMAL",
     isMaskGroup: true,
-    ...n.layoutPositioning ? { layoutPositioning: n.layoutPositioning } : {}
+    ...n.layoutPositioning ? { layoutPositioning: n.layoutPositioning } : {},
+    // A picture that keeps its proportions (a page's content picture) is wiped in its place in the layout: the group
+    // fills and keeps proportions as the picture did, and the layout sizes what it holds to it (lib/document/auto-layout.ts
+    // `fitWipe`), so a phone scales it rather than keeping the desktop's width.
+    ...n.aspectRatio ? Object.fromEntries(["layoutSizingHorizontal", "layoutSizingVertical", "aspectRatio"].filter((k2) => n[k2] !== void 0).map((k2) => [k2, n[k2]])) : {}
   };
   const moved3 = { ...n, parentId: gid, x: 0, y: 0, motion: shiftPositionKeys(n.motion, -n.x, -n.y) };
   if (!moved3.motion) delete moved3.motion;
@@ -261041,11 +261119,32 @@ function breakpointDocument(doc2, id3) {
     const width = isScreen(doc2, n) && over2?.width === void 0 ? { width: bp.previewWidth } : null;
     if (over2 || width) nodes[nid] = { ...n, ...over2, ...width };
   }
-  const view2 = applyAutoLayout({ ...doc2, nodes });
+  const view2 = rewrapped(doc2, applyAutoLayout({ ...doc2, nodes }));
   const forDoc = viewMemo.get(doc2) ?? viewMemo.set(doc2, /* @__PURE__ */ new Map()).get(doc2);
   forDoc.set(id3, view2);
   return view2;
 }
+function rewrapped(doc2, view2) {
+  for (let pass = 0; pass < 3; pass++) {
+    let nodes = null;
+    for (const id3 in view2.nodes) {
+      const n = view2.nodes[id3], was = doc2.nodes[id3];
+      if (n.type !== "TEXT" || !n.visible || !was) continue;
+      const t3 = n;
+      if (t3.textAutoResize === "NONE") continue;
+      if (Math.abs(t3.width - was.width) < 0.5 && t3.textStyleId === was.textStyleId && t3.fontSize === was.fontSize && t3.textAutoResize === was.textAutoResize) continue;
+      const m = measureTextLayout(resolveTextNodeStyles(t3, doc2.styles ?? {}));
+      if (!m) continue;
+      const width = t3.textAutoResize === "WIDTH_AND_HEIGHT" ? m.width : t3.width;
+      if (Math.abs(m.height - t3.height) < 0.5 && Math.abs(width - t3.width) < 0.5) continue;
+      nodes ??= { ...view2.nodes };
+      nodes[id3] = { ...t3, width, height: m.height };
+    }
+    if (!nodes) break;
+    view2 = applyAutoLayout({ ...view2, nodes });
+  }
+  return view2;
+}
 function withOverrides(node2, id3, overrides2) {
   const next2 = { ...node2.responsive };
   if (Object.keys(overrides2).length) next2[id3] = overrides2;
@@ -261081,8 +261180,9 @@ function laidOut(nodes, n, key5) {
   const inFlow3 = !!parent && parent.layoutMode !== void 0 && parent.layoutMode !== "NONE" && s.layoutPositioning !== "ABSOLUTE";
   const lays = own2.layoutMode !== void 0 && own2.layoutMode !== "NONE";
   if (key5 === "x" || key5 === "y") return inFlow3;
-  if (key5 === "width") return s.layoutSizingHorizontal === "FILL" || s.layoutSizingHorizontal === "HUG" && (lays || n.type === "TEXT");
-  if (key5 === "height") return s.layoutSizingVertical === "FILL" || s.layoutSizingVertical === "HUG" && (lays || n.type === "TEXT") || n.type === "TEXT" && n.textAutoResize !== "NONE";
+  const fills = (sizing3) => sizing3 === "FILL" && s.layoutPositioning !== "ABSOLUTE";
+  if (key5 === "width") return fills(s.layoutSizingHorizontal) || s.layoutSizingHorizontal === "HUG" && (lays || n.type === "TEXT");
+  if (key5 === "height") return fills(s.layoutSizingVertical) || s.layoutSizingVertical === "HUG" && (lays || n.type === "TEXT") || n.type === "TEXT" && n.textAutoResize !== "NONE";
   return false;
 }
 function breakpointResult(rest, baked, edited, id3) {
@@ -261123,7 +261223,9 @@ function foldVariant(doc2, masterId, variantId, id3) {
     const restyled = variant.textStyleId !== master.textStyleId;
     for (const k2 of RESPONSIVE_PROPS) {
       if (isRoot && (k2 === "x" || k2 === "y" || k2 === "width")) continue;
-      const value3 = variant[k2];
+      const set4 = variant[k2];
+      const inherited = k2 in UNSET && (master[k2] !== void 0 || overridesAt(master, doc2, id3)?.[k2] !== void 0);
+      const value3 = set4 ?? (inherited ? UNSET[k2] : void 0);
       if (value3 === void 0 || laidOut(doc2.nodes, variant, k2)) continue;
       if ((k2 === "fontSize" || k2 === "lineHeight") && restyled) continue;
       props[k2] = value3;
@@ -261149,11 +261251,13 @@ function setBreakpoints(doc2, list2) {
   }
   return nodes ? { ...next2, nodes } : next2;
 }
-var DEFAULT_BREAKPOINTS, RESPONSIVE_PROPS, RESPONSIVE, isBaseBreakpoint, same2, ownOverrides, isScreen, viewMemo;
+var DEFAULT_BREAKPOINTS, RESPONSIVE_PROPS, RESPONSIVE, isBaseBreakpoint, UNSET, same2, ownOverrides, isScreen, viewMemo;
 var init_breakpoints = __esm({
   "lib/document/breakpoints.ts"() {
     "use strict";
     init_auto_layout();
+    init_instance_layout();
+    init_text_styles();
     DEFAULT_BREAKPOINTS = [
       { id: "desktop", name: "Desktop", maxWidth: null, previewWidth: 1280 },
       { id: "tablet", name: "Tablet", maxWidth: 1024, previewWidth: 834 },
@@ -261183,10 +261287,24 @@ var init_breakpoints = __esm({
       "fontSize",
       "lineHeight",
       "textAlign",
-      "textStyleId"
+      "textStyleId",
+      "scaleX",
+      "scaleY",
+      "anchorX",
+      "anchorY",
+      "rotation",
+      "cornerRadius",
+      "textAutoResize",
+      "paths",
+      "translateX",
+      "translateY",
+      "z",
+      "rotateX",
+      "rotateY"
     ];
     RESPONSIVE = new Set(RESPONSIVE_PROPS);
     isBaseBreakpoint = (doc2, id3) => !id3 || breakpointsOf(doc2)[0].id === id3 || !breakpointsOf(doc2).some((b) => b.id === id3);
+    UNSET = { scaleX: 1, scaleY: 1, anchorX: 0.5, anchorY: 0.5, rotation: 0, translateX: 0, translateY: 0, z: 0, rotateX: 0, rotateY: 0 };
     same2 = (a, b) => a === b || typeof a === "object" && typeof b === "object" && JSON.stringify(a) === JSON.stringify(b);
     ownOverrides = (node2, id3) => Object.keys(node2?.responsive?.[id3] ?? {});
     isScreen = (doc2, n) => n.type === "FRAME" && doc2.nodes[n.parentId ?? ""]?.type === "PAGE";
@@ -262373,6 +262491,29 @@ var init_plugin_store = __esm({
   }
 });
 
+// lib/client/network.ts
+function isOnline() {
+  return typeof navigator === "undefined" || navigator.onLine !== false;
+}
+function networkSignal(signal, timeoutMs = NETWORK_TIMEOUT_MS) {
+  if (!isOnline()) throw new OfflineError();
+  const deadline = AbortSignal.timeout(timeoutMs);
+  return signal ? AbortSignal.any([signal, deadline]) : deadline;
+}
+var import_react3, NETWORK_TIMEOUT_MS, OfflineError;
+var init_network = __esm({
+  "lib/client/network.ts"() {
+    import_react3 = __toESM(require_react());
+    NETWORK_TIMEOUT_MS = 8e3;
+    OfflineError = class extends Error {
+      constructor() {
+        super("You are offline");
+        this.name = "OfflineError";
+      }
+    };
+  }
+});
+
 // lib/client/cloud/plan-limit.ts
 var plan_limit_exports = {};
 __export(plan_limit_exports, {
@@ -262457,7 +262598,6 @@ function formatLimit(key5, max3) {
 var formatBytes;
 var init_limits2 = __esm({
   "lib/billing/limits.ts"() {
-    "use strict";
     init_format();
     init_plans();
     formatBytes = formatFileSize;
@@ -262692,7 +262832,8 @@ function api(path, init = {}) {
   inFlight.set(path, value3);
   return value3;
 }
-async function request(path, init) {
+async function request(path, { timeoutMs, ...init }) {
+  if (timeoutMs !== void 0) init = { ...init, signal: networkSignal(init.signal, timeoutMs) };
   const headers = new Headers(init.headers);
   const token = await accessToken();
   if (token) headers.set("authorization", `Bearer ${token}`);
@@ -262720,6 +262861,7 @@ var ApiError, inFlight, fileUrl, meInFlight, provisioned, ME_TTL_MS, cloudApi;
 var init_api4 = __esm({
   "lib/client/cloud/api.ts"() {
     "use strict";
+    init_network();
     init_session();
     init_plan_limit();
     init_purchases();
@@ -273214,10 +273356,10 @@ function loadEntitlements(workspaceId, opts = {}) {
   });
   return value3;
 }
-var import_react3, TTL_MS, cache6, lastResolved, cachedLimits;
+var import_react4, TTL_MS, cache6, lastResolved, cachedLimits;
 var init_entitlements = __esm({
   "lib/client/cloud/entitlements.ts"() {
-    import_react3 = __toESM(require_react());
+    import_react4 = __toESM(require_react());
     init_api4();
     init_config2();
     init_limits2();
@@ -310611,8 +310753,8 @@ async function render(frame3, doc2) {
 }
 function usePageThumbnail(frame3, doc2) {
   const cached3 = cache8.get(frame3);
-  const [url4, setUrl] = (0, import_react4.useState)(cached3?.url ?? null);
-  (0, import_react4.useEffect)(() => {
+  const [url4, setUrl] = (0, import_react5.useState)(cached3?.url ?? null);
+  (0, import_react5.useEffect)(() => {
     let cancelled = false;
     const hit = cache8.get(frame3);
     if (hit && hit.doc === doc2) {
@@ -310642,11 +310784,11 @@ function usePageThumbnail(frame3, doc2) {
   }, [frame3, doc2]);
   return url4;
 }
-var import_react4, THUMB_PX, SETTLE_MS, cache8;
+var import_react5, THUMB_PX, SETTLE_MS, cache8;
 var init_page_thumbnails = __esm({
   "lib/client/page-thumbnails.ts"() {
     "use strict";
-    import_react4 = __toESM(require_react());
+    import_react5 = __toESM(require_react());
     init_renderer_registry();
     init_jpeg();
     init_thumbnail();
@@ -310744,7 +310886,7 @@ async function deleteCloudTemplate(id3) {
   useCloudTemplates.setState((s) => ({ available: s.available.filter((x2) => x2.id !== id3) }));
 }
 async function fetchCloudTemplate(id3) {
-  const { template: template2, payload } = await api(`/api/templates/${encodeURIComponent(id3)}`, { cache: "no-store", signal: AbortSignal.timeout(3e4) });
+  const { template: template2, payload } = await api(`/api/templates/${encodeURIComponent(id3)}`, { cache: "no-store", timeoutMs: 3e4 });
   return { meta: template2, payload };
 }
 async function searchTemplates(o = {}) {
@@ -310758,7 +310900,7 @@ async function searchTemplates(o = {}) {
   if (o.sort) sp.set("sort", o.sort);
   if (o.cursor) sp.set("cursor", o.cursor);
   if (o.limit) sp.set("limit", String(o.limit));
-  return api(`/api/templates?${sp}`);
+  return api(`/api/templates?${sp}`, { timeoutMs: NETWORK_TIMEOUT_MS });
 }
 async function setTemplateOfficial(id3, official) {
   const { template: template2 } = await api(`/api/templates/${encodeURIComponent(id3)}/official`, { method: official ? "POST" : "DELETE" });
@@ -310772,6 +310914,7 @@ var init_templates = __esm({
     init_esm();
     init_idb();
     init_api4();
+    init_network();
     init_session();
     init_upload();
     init_card();
@@ -311661,7 +311804,6 @@ async function dispatchShaped(key5, options) {
 var onViolation;
 var init_dispatch = __esm({
   "lib/commands/dispatch.ts"() {
-    "use strict";
     init_errors();
     init_registry();
     init_confirm();
@@ -311721,7 +311863,7 @@ var init_text_measurer = __esm({
       const width = node2.textAutoResize === "WIDTH_AND_HEIGHT" ? Math.max(1, Math.ceil(measureAutoWidth(node2))) : node2.width;
       return {
         width,
-        height: Math.round(estimateTextHeight(characters, width, node2.fontFamily, node2.fontWeight, node2.fontSize, node2.lineHeight ?? "AUTO", node2.textAutoResize !== "WIDTH_AND_HEIGHT", node2.letterSpacing ?? 0))
+        height: Math.round(estimateTextHeight(characters, width, node2.fontFamily, node2.fontWeight, node2.fontSize, node2.lineHeight ?? "AUTO", node2.textAutoResize !== "WIDTH_AND_HEIGHT", node2.letterSpacing ?? 0, textSetting(node2)))
       };
     };
   }
@@ -312061,7 +312203,6 @@ function creditLine(c2) {
 var MAX_PHOTO_PAGE, MAX_PHOTO_QUERY, UUID, isPhotoId, photoImagePath;
 var init_stock = __esm({
   "lib/photos/stock.ts"() {
-    "use strict";
     MAX_PHOTO_PAGE = 12;
     MAX_PHOTO_QUERY = 200;
     UUID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
@@ -312723,7 +312864,6 @@ function applyTextPath(layout2, path, tp, rebase = true) {
 var defaultCircleRadius, ownsPath, mapPoint;
 var init_text_path = __esm({
   "lib/engine/text/text-path.ts"() {
-    "use strict";
     init_scene_graph();
     init_transform();
     init_shape_to_path();
@@ -312841,7 +312981,6 @@ function areaBounds(rings) {
 }
 var init_text_area = __esm({
   "lib/engine/text/text-area.ts"() {
-    "use strict";
   }
 });
 
@@ -313504,7 +313643,7 @@ function layoutTextUncached(node2, atlas, cameraZoom = 1) {
         }
       }
       if (hyphenated) {
-      } else if (currentIndent + lineWidth2 + advance > maxWidth2 && lastSpaceIndex !== -1 && lineStartIndex < lastSpaceIndex) {
+      } else if (!isSpace2 && currentIndent + lineWidth2 + advance > maxWidth2 && lastSpaceIndex !== -1 && lineStartIndex < lastSpaceIndex) {
         let wrappedLineHeight = 0;
         for (let j = lineStartIndex; j < lastSpaceIndex; j++) {
           const lh3 = resolvedStyles[j].lineHeight === "AUTO" ? resolvedStyles[j].fontSize * 1.2 : resolvedStyles[j].lineHeight;
@@ -317186,7 +317325,6 @@ async function exportSettingFile(renderer, node2, setting, doc2, styles) {
 var MIME, DEFAULT_EXPORT, exportSettingsOf;
 var init_export = __esm({
   "lib/io/export.ts"() {
-    "use strict";
     init_download();
     init_scene_graph();
     init_codecs();
@@ -317278,6 +317416,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();
@@ -323380,6 +323519,11 @@ function flowChild(node2, parent) {
     if (cross2 === "HUG") style[crossProp] = null;
     if ((parent.counterAxisAlignItems ?? "MIN") === "MIN") style["align-self"] = "flex-start";
   }
+  const ar = node2.aspectRatio;
+  if (ar && ar > 0 && v !== "FILL") {
+    style.height = null;
+    style["aspect-ratio"] = String(Math.round(ar * 1e4) / 1e4);
+  }
   return { style };
 }
 function constrained(kind, pos, size6, parentSize, start2, end, sizeProp) {
@@ -323987,6 +324131,7 @@ var tree_exports = {};
 __export(tree_exports, {
   DEFAULT_NODE_CAP: () => DEFAULT_NODE_CAP,
   EXPORT_NODE_CAP: () => EXPORT_NODE_CAP,
+  breakpointPictures: () => breakpointPictures,
   buildPlainTree: () => buildPlainTree,
   buildWebTree: () => buildWebTree,
   flatten: () => flatten2,
@@ -324332,7 +324477,7 @@ function buildPlainTree(doc2, nodeId2, opts = {}, start2, hooks = {}) {
           }
         } else for (const child of childrenOf(node2, nodesNow)) {
           const built = build3(child, node2, kids3D, kidFold);
-          if (built) web.children.push(built);
+          if (built) web.children.push(...opts.target === "site" ? breakpointPictures(doc2, child, built) : [built]);
         }
       }
     } finally {
@@ -324348,6 +324493,23 @@ function buildPlainTree(doc2, nodeId2, opts = {}, start2, hooks = {}) {
   if (!root2) throw new Error("Node cap of 0");
   return { root: root2, truncated, ...folds ? { rules: foldRules(folds) } : {}, ...tokens?.vars.length ? { tokens } : {} };
 }
+function breakpointPictures(doc2, raw, built) {
+  const r = raw.responsive;
+  if (!built.asset || built.island || !r) return [built];
+  const order2 = breakpointsOf(doc2).map((b) => b.id);
+  const redrawn = order2.filter((b) => r[b]?.paths);
+  if (!redrawn.length) return [built];
+  const paths = JSON.stringify(raw.paths);
+  const shown2 = [...redrawn].reverse().find((b) => JSON.stringify(r[b].paths) === paths) ?? null;
+  const hide2 = (n) => ({ ...n, style: { ...n.style, display: "none" } });
+  return [
+    shown2 ? hide2(built) : built,
+    ...redrawn.map((b) => {
+      const alt = { ...built, id: `${built.id}@${b}`, children: [], asset: { kind: built.asset.kind, reason: built.asset.reason, of: built.asset.of ?? built.id, breakpoint: b } };
+      return b === shown2 ? alt : hide2(alt);
+    })
+  ];
+}
 function childLookup(doc2, id3) {
   const at4 = id3.lastIndexOf("::");
   const host = at4 > 0 ? id3.slice(0, at4) : "";
@@ -324364,6 +324526,7 @@ var init_tree = __esm({
   "lib/io/web/tree.ts"() {
     "use strict";
     init_pixel_art();
+    init_breakpoints();
     init_instance_layout();
     init_text_styles();
     init_variables();
@@ -327984,7 +328147,7 @@ var init_package = __esm({
   "packages/runtime/package.json"() {
     package_default = {
       name: "@popcraft/runtime",
-      version: "0.47.0",
+      version: "0.48.1",
       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",
@@ -352650,7 +352813,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("/");
   }
@@ -352693,7 +352855,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();
@@ -353226,7 +353387,7 @@ async function resolveWebAssets(tree, resolvers) {
     const render2 = node2.asset.kind === "png" ? resolvers.renderPNG : resolvers.renderSVG;
     if (!render2) return;
     try {
-      const out = await render2(node2.asset.of ?? node2.id, node2.asset.self ? { self: true } : void 0);
+      const out = await render2(node2.asset.of ?? node2.id, node2.asset.self || node2.asset.breakpoint ? { ...node2.asset.self ? { self: true } : {}, ...node2.asset.breakpoint ? { breakpoint: node2.asset.breakpoint } : {} } : void 0);
       if (!out) return;
       if (node2.asset.kind === "png") node2.asset.pngDataUrl = out;
       else node2.asset.svg = out;
@@ -353490,9 +353651,10 @@ __export(resolvers_exports, {
 });
 function rendererAssetResolvers(source3, scale = 2) {
   const styles = source3.styles;
-  const shownDoc = (id3) => {
-    const n = source3.nodes[id3];
-    return n && n.visible === false ? { ...source3, nodes: { ...source3.nodes, [id3]: { ...n, visible: true } } } : source3;
+  const shownDoc = (id3, breakpoint2) => {
+    const at4 = breakpoint2 ? breakpointDocument(source3, breakpoint2) : source3;
+    const n = at4.nodes[id3];
+    return n && n.visible === false ? { ...at4, nodes: { ...at4.nodes, [id3]: { ...n, visible: true } } } : at4;
   };
   const alone = (doc2, id3) => {
     const n = doc2.nodes[id3];
@@ -353501,10 +353663,10 @@ function rendererAssetResolvers(source3, scale = 2) {
     return { doc: { ...doc2, nodes: { ...doc2.nodes, [id3]: node2 } }, node: node2 };
   };
   return {
-    renderSVG: async (id3) => {
+    renderSVG: async (id3, opts) => {
       const renderer = getActiveRenderer();
       if (!renderer) return null;
-      const doc2 = shownDoc(id3);
+      const doc2 = shownDoc(id3, opts?.breakpoint);
       const node2 = nodeFor(doc2, id3);
       const svg = node2 ? await exportNodeToSVG(renderer, node2, doc2, styles) : null;
       if (svg) return svg;
@@ -353514,7 +353676,7 @@ function rendererAssetResolvers(source3, scale = 2) {
     renderPNG: async (id3, opts) => {
       const renderer = getActiveRenderer();
       if (!renderer) return null;
-      const doc2 = shownDoc(id3);
+      const doc2 = shownDoc(id3, opts?.breakpoint);
       if (opts?.self) {
         const a = alone(doc2, id3);
         const blob = a ? await exportNodeToBlob(renderer, a.node, { format: "PNG", scale, suffix: "" }, a.doc, styles) : null;
@@ -353533,6 +353695,7 @@ var init_resolvers = __esm({
   "lib/io/web/resolvers.ts"() {
     "use strict";
     init_scene_graph();
+    init_breakpoints();
     init_renderer_registry();
     init_export();
     init_svg_export();
@@ -361206,7 +361369,6 @@ function publishSite(key5, files, opts = {}) {
 var siteStatus, setSiteVersion, workspaceSites, deleteSite, renameSite;
 var init_sites = __esm({
   "lib/client/cloud/sites.ts"() {
-    "use strict";
     init_files();
     init_upload2();
     init_api4();
@@ -361734,7 +361896,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(),
@@ -362718,15 +362879,15 @@ function usePickableThemes() {
   const userThemes = useThemeStore((s) => s.userThemes);
   const pluginThemes = useThemeStore((s) => s.pluginThemes);
   const localThemes = useThemeStore((s) => s.localThemes);
-  return (0, import_react9.useMemo)(() => pickableThemes({ userThemes, pluginThemes, localThemes }), [userThemes, pluginThemes, localThemes]);
+  return (0, import_react10.useMemo)(() => pickableThemes({ userThemes, pluginThemes, localThemes }), [userThemes, pluginThemes, localThemes]);
 }
-var import_react9, IDB_KEY, useThemeStore, cssString2, defaultAccent, effectiveAccent;
+var import_react10, IDB_KEY, useThemeStore, cssString2, defaultAccent, effectiveAccent;
 var init_theme_store = __esm({
   "lib/theme/theme-store.ts"() {
     init_contrast();
     init_idb();
     init_esm();
-    import_react9 = __toESM(require_react());
+    import_react10 = __toESM(require_react());
     init_boot2();
     init_builtin();
     init_resolve();
@@ -404051,7 +404212,14 @@ Set the timeline first, then add moves. Times are ms on the frame's timeline.
 - On the phone \`webResponsive\` folds the nav's links and the layer named "Brand name" away, leaving the logo tile and
   the button; to keep the name, call the brand text something else. Keep body text 14 px or more on the phone,
   recompose the hero rather than cropping it, and keep every size under 8,192 px tall. Leave room in text boxes: a line that only just fits wraps differently
-  in a browser.`;
+  in a browser.
+- A content picture on a page is \`k.contentImage(parent, url, width, { ratio, name, radius })\`: whole, at its own
+  proportions (\`ratio\`, width over height, for a picture of your own), and its height follows the width its column
+  gives it at every breakpoint and in the browser. Never crop a content picture to a fixed-height band: on a phone it
+  loses its sides. Only decoration behind words may cover-crop (\`k.image\`), marked \`semantics: { hidden: true }\`.
+- What a breakpoint carries from a size: layout, size, visibility, type, and a drawing's scale, turn, offset and
+  redrawn paths. Scale scenery down for the phone (\`scaleX\`/\`scaleY\` with \`anchorX: 0, anchorY: 0\`) rather than
+  cutting it with a smaller frame. Ambient motion is not carried: it plays the desktop's keys at every width.`;
     EDITING = `## Editing designs that already exist
 
 Use \`run_script\` (from a terminal \`popcraft run <file> run_script --code @fix.js\`) to change many layers in one call.
@@ -405953,7 +406121,6 @@ function registerBuiltinCommands() {
 var builtinCommands, uiOnlyCommands;
 var init_builtin4 = __esm({
   "lib/commands/builtin.ts"() {
-    "use strict";
     init_registry();
     init_node();
     init_node();
@@ -413557,7 +413724,7 @@ init_resources();
 init_desktop();
 init_hypery();
 import { createInterface } from "node:readline";
-var VERSION2 = "0.47.0";
+var VERSION2 = "0.48.1";
 var HELP = `popcraft ${VERSION2} \u2014 the PopCraft command line
 
 Files (headless, on .popcraft files):

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popcraft/cli",
-  "version": "0.47.0",
+  "version": "0.48.1",
   "description": "The PopCraft command line: edit .popcraft files headlessly, call the REST API, publish to the marketplace and manage the desktop app's local plugins, themes, fonts, skills and agents.",
   "license": "MIT",
   "homepage": "https://popcraft.app/docs/api/cli",
@@ -34,7 +34,7 @@
     "esbuild": "0.28.2"
   },
   "dependencies": {
-    "@popcraft/kit": "0.47.0"
+    "@popcraft/kit": "0.48.1"
   },
   "scripts": {
     "build": "node build.mjs",