openplanr 3.2.0 → 3.4.0

package/lib/host-packages/claude/openplanr/runtime/design/scripts/runtime/packages/design/templates/studio/studio.js.sources/21-design-studio.js

@@ -87,7 +87,7 @@
       })}`;
       location.hash !== next && history.pushState(null, "", next);
     }
-    let revision = payload.revision, layout = clone(design.layout ?? {}), undoMoves = [], redoMoves = [], layoutOperations = [], pendingLayoutDraft = savedDraft?.pendingLayout ?? null, layoutSaving = !1, layoutFailed = !1, sessionLost = !1, startupSettled = !1, layoutDragDirty = !1, activeLayoutOperation = null, layoutBlocked = !1, legacyMigrated = !1, legacyServerPositions = payload.state?.positions, stateVersion = null, stage = null, root = null, chrome = null, scroll = null, surface = null, grid = null, canvasAttached = !1, canvas = createCanvas({
+    let revision = payload.revision, layout = clone(design.layout ?? {}), undoMoves = [], redoMoves = [], layoutOperations = [], pendingLayoutDraft = savedDraft?.pendingLayout ?? null, layoutSaving = !1, layoutFailed = !1, sessionLost = !1, startupSettled = !1, layoutDragDirty = !1, activeLayoutOperation = null, layoutBlocked = !1, legacyMigrated = !1, legacyServerPositions = payload.state?.positions, stateVersion = null, stage = null, root = null, chrome = null, scroll = null, scrollSize = null, surface = null, grid = null, canvasAttached = !1, canvas = createCanvas({
       label: "Design canvas",
       zoom: { min: 0.05, max: 2 },
       lod: !1,
@@ -161,14 +161,18 @@
       }
       return result;
     }
+    function stageSize() {
+      let size4 = scrollSize ?? { width: scroll.clientWidth, height: scroll.clientHeight };
+      return typeof ResizeObserver == "function" && (scrollSize = size4), size4;
+    }
     function scheduleViewContext() {
       if (!options2.viewContextUrl || !stage || !scroll || destroyed || state.view === "canvas" && !canvasAttached || viewContextConflictRevision !== null && revision === viewContextConflictRevision) return;
       viewContextConflictRevision = null, inspectedSelection?.artifactId !== activeArtifactId && (inspectedSelection = null);
-      let board = ({ screenId, frameId, variantId }) => ({ screenId, frameId, variantId }), visible = state.view === "canvas" ? visibleEntries().filter((entry) => {
+      let board = ({ screenId, frameId, variantId }) => ({ screenId, frameId, variantId }), viewport = state.view === "canvas" ? stageSize() : null, visible = state.view === "canvas" ? visibleEntries().filter((entry) => {
         let bounds = placedBoardBounds(entry);
         if (!bounds) return !1;
         let { width, height } = bounds, { x, y } = canvas.worldToScreen(bounds);
-        return x < scroll.clientWidth && y < scroll.clientHeight && x + width * state.zoom > 0 && y + height * state.zoom > 0;
+        return x < viewport.width && y < viewport.height && x + width * state.zoom > 0 && y + height * state.zoom > 0;
       }) : [entryFor()];
       visible.sort(
         (a, b) => design.screenOrder.indexOf(a.screenId) - design.screenOrder.indexOf(b.screenId)
@@ -643,29 +647,39 @@
           id: `label:${entry.artifactId}`,
           bounds: { ...bounds, y: bounds.y - 34 / state.zoom, height: 28 / state.zoom }
         }
-      ]);
+      ]), labels = placed.map(({ entry }) => {
+        let label = panels.get(entry.artifactId).querySelector(".design-artboard-label"), title = label.querySelector("strong"), size4 = label.querySelector("span");
+        return label.title = `${title.textContent} · ${size4.textContent}`, size4.hidden = !1, { title, size: size4 };
+      });
       sectionHeadings.forEach((heading, index2) => {
         let section = layout.sections[index2];
         heading.hidden = !1, heading.style.fontSize = `${clamp2(28 * state.zoom, 14, 28) / state.zoom}px`, section.maxW && (heading.style.maxWidth = `${section.maxW / state.zoom}px`);
-        let below = placed.filter(
-          ({ bounds: board }) => board.y >= section.y && section.x < board.x + board.width && section.x + heading.offsetWidth > board.x
+      });
+      let headingSizes = sectionHeadings.map((heading) => ({
+        width: heading.offsetWidth,
+        height: heading.offsetHeight
+      })), truncated = labels.map(
+        ({ title, size: size4 }) => title.scrollWidth > title.clientWidth || size4.scrollWidth > size4.clientWidth
+      );
+      sectionHeadings.forEach((heading, index2) => {
+        let section = layout.sections[index2], { width, height } = headingSizes[index2], below = placed.filter(
+          ({ bounds: board }) => board.y >= section.y && section.x < board.x + board.width && section.x + width > board.x
         ), bottom = Math.min(section.y, ...below.map(({ bounds: bounds2 }) => bounds2.y - 42 / state.zoom));
-        heading.style.top = `${bottom - heading.offsetHeight}px`;
+        heading.style.top = `${bottom - height}px`;
         let bounds = {
           x: parseFloat(heading.style.left),
           y: parseFloat(heading.style.top),
-          width: heading.offsetWidth,
-          height: heading.offsetHeight
+          width,
+          height
         };
         heading.hidden = nodes.some(
           ({ bounds: other }) => bounds.x < other.x + other.width && bounds.x + bounds.width > other.x && bounds.y < other.y + other.height && bounds.y + bounds.height > other.y
         ), !heading.hidden && Object.values(bounds).every(Number.isFinite) && nodes.push({ id: `section:${section.id}`, bounds });
+      }), labels.forEach(({ size: size4 }, index2) => {
+        size4.hidden = truncated[index2];
       }), sectionZoom = state.zoom, canvas.setNodes(nodes);
-      for (let { entry } of placed) {
+      for (let { entry } of placed)
         canvas.registerNodeElement(entry.artifactId, panels.get(entry.artifactId));
-        let label = panels.get(entry.artifactId).querySelector(".design-artboard-label"), title = label.querySelector("strong"), size4 = label.querySelector("span");
-        label.title = `${title.textContent} · ${size4.textContent}`, size4.hidden = !1, size4.hidden = title.scrollWidth > title.clientWidth || size4.scrollWidth > size4.clientWidth;
-      }
       canvas.setSelection(
         placed.some(({ entry }) => entry.artifactId === activeArtifactId) ? [activeArtifactId] : []
       );
@@ -1087,7 +1101,7 @@
         !0
       ), typeof ResizeObserver == "function") {
         let observer = new ResizeObserver(() => {
-          state.view !== "canvas" && root.dataset.designRestoring !== "true" && fit({ save: !1 }), syncCanvasChrome(), updateDesignNotes(), scheduleViewContext();
+          scrollSize = null, state.view !== "canvas" && root.dataset.designRestoring !== "true" && fit({ save: !1 }), syncCanvasChrome(), updateDesignNotes(), scheduleViewContext();
         });
         for (let selector of [
           ".design-toolbar",

package/lib/host-packages/claude/openplanr/runtime/design/scripts/runtime/packages/design/templates/studio/studio.js.sources.json

@@ -2,8 +2,8 @@
   "kind": "openplanr-runtime-asset-sources",
   "schemaVersion": "1.0.0",
   "asset": "studio.js",
-  "bytes": 1317860,
-  "sha256": "ef2c4dbd280d85d989b680d910b6eb9bcb9fbc93432c28cd8e3fd2c79b754db4",
+  "bytes": 1323319,
+  "sha256": "10dcbf9b4ee2a039f4b6502d741bb9064d668f7ff776f311330e83f2086eccec",
   "scopes": [
     {
       "id": "bundle",
@@ -42,7 +42,7 @@
         "node_modules/scheduler/index.js"
       ],
       "bytes": 40773,
-      "sha256": "cb3eafecfffc8532216b7bcd71bac6afea5b3fb7f8b0887da140e11c0006cd11"
+      "sha256": "a71e51391e9b730dd958c618d78eca7f08afdba44c6deaec659cc74407f60a62"
     },
     {
       "path": "studio.js.sources/03-react-dom-client-fiber-foundations.js",
@@ -112,7 +112,7 @@
         "node_modules/react-dom/cjs/react-dom-client.production.js"
       ],
       "bytes": 30441,
-      "sha256": "8c81399ccb8a52f0c5e3eca3e49c53dda63e3f954e816c8c0ee94f9a3d2d40f6"
+      "sha256": "7e5c20997dc0ec69609fa5983db9daf426ab2e4da798969be45bc037cb6285d6"
     },
     {
       "path": "studio.js.sources/10-react.js",
@@ -141,8 +141,8 @@
       "inputs": [
         "packages/protocol/src/design-contracts.mjs"
       ],
-      "bytes": 7239,
-      "sha256": "4007bd14b7bddf0b26803697eaf2f107d4f9806acd612c12d24b493d6f265a53"
+      "bytes": 9576,
+      "sha256": "b94ce32e28be39b4c0c524039f27302c38402ea16cbb37845d6fbda2e83350ce"
     },
     {
       "path": "studio.js.sources/13-design-review-experience.js",
@@ -154,8 +154,8 @@
         "packages/design/lib/design/ui/enhancements.mjs",
         "packages/design/lib/design/ui/handoff-center.mjs"
       ],
-      "bytes": 143808,
-      "sha256": "9f1e3e4bee690452ca512fbfcec4777244bd773cb1177fb19263f54def48722d"
+      "bytes": 144281,
+      "sha256": "84f4fe26fdd473a8858766a433986cc60e60639906da15a0f3244c4b5a5adc5f"
     },
     {
       "path": "studio.js.sources/14-studio-shell.js",
@@ -188,8 +188,8 @@
         "packages/canvas/src/safe-area.mjs",
         "packages/canvas/src/spatial-grid.mjs"
       ],
-      "bytes": 108741,
-      "sha256": "5d29bb88f041c9fad393491becc097198e0ce965a1bbc8cb0b410e17bfad6b70"
+      "bytes": 110664,
+      "sha256": "457b785e01410722ba42aa372ac2b1e82f73fdc134a6d1c4d068bd16cd83c230"
     },
     {
       "path": "studio.js.sources/16-design-review-experience.js",
@@ -304,8 +304,8 @@
         "packages/design/lib/design/ui/studio-runtime.mjs",
         "packages/design/lib/design/ui/studio.mjs"
       ],
-      "bytes": 99994,
-      "sha256": "d99e4aede54009be49bec6d7244b35578469d43330f261cbf0f05dac0ae40bee"
+      "bytes": 100720,
+      "sha256": "672d0395a9d1016f511f3b8dd6b23c1015958a97e54a83e51af2f39b53222236"
     }
   ]
 }

package/lib/host-packages/claude/openplanr/runtime/design/scripts/runtime/packages/protocol/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openplanr/protocol",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "type": "module",
   "description": "Canonical OpenPlanr schemas, registries, typed errors, and portable contract validation",
   "license": "MIT",
@@ -108,6 +108,10 @@
       "types": "./src/large-object-contracts.d.mts",
       "import": "./src/large-object-contracts.mjs"
     },
+    "./large-object-limits": {
+      "types": "./src/large-object-limits.d.mts",
+      "import": "./src/large-object-limits.mjs"
+    },
     "./studio-presentation-contracts": {
       "types": "./src/studio-presentation-contracts.d.mts",
       "import": "./src/studio-presentation-contracts.mjs"
@@ -153,7 +157,7 @@
   "devDependencies": {
     "esbuild": "0.28.2",
     "miniflare": "4.20260730.0",
-    "playwright": "1.64.0",
+    "playwright": "1.64.1",
     "typescript": "6.0.2"
   }
 }

package/lib/host-packages/{openai/openplanr/runtime/design/scripts/runtime/packages/protocol/schemas/v1.20.0 → claude/openplanr/runtime/design/scripts/runtime/packages/protocol/schemas/v1.22.0}/design-document.schema.json

@@ -1,9 +1,9 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "https://openplanr.dev/schemas/v1.20.0/design-document.schema.json",
+  "$id": "https://openplanr.dev/schemas/v1.22.0/design-document.schema.json",
   "x-openplanr-contract": {
     "id": "design-document",
-    "version": "1.20.0"
+    "version": "1.22.0"
   },
   "title": "OpenPlanr authored design document",
   "type": "object",
@@ -26,7 +26,10 @@
       "const": "openplanr-design-document"
     },
     "schemaVersion": {
-      "const": "1.0.0"
+      "enum": [
+        "1.0.0",
+        "1.1.0"
+      ]
     },
     "id": {
       "$ref": "#/$defs/id"
@@ -158,6 +161,66 @@
           },
           "anchors": {
             "$ref": "#/$defs/ids"
+          },
+          "props": {
+            "type": "object",
+            "propertyNames": {
+              "type": "string",
+              "minLength": 1,
+              "maxLength": 128,
+              "pattern": "^[a-z][a-z0-9-]*(?![\\s\\S])"
+            },
+            "additionalProperties": {
+              "oneOf": [
+                {
+                  "type": "object",
+                  "additionalProperties": false,
+                  "required": [
+                    "type",
+                    "options",
+                    "default"
+                  ],
+                  "properties": {
+                    "type": {
+                      "const": "enum"
+                    },
+                    "options": {
+                      "type": "array",
+                      "minItems": 1,
+                      "uniqueItems": true,
+                      "items": {
+                        "type": "string",
+                        "minLength": 1,
+                        "maxLength": 128,
+                        "pattern": "^[a-z][a-z0-9-]*(?![\\s\\S])"
+                      }
+                    },
+                    "default": {
+                      "type": "string",
+                      "minLength": 1,
+                      "maxLength": 128,
+                      "pattern": "^[a-z][a-z0-9-]*(?![\\s\\S])"
+                    }
+                  }
+                },
+                {
+                  "type": "object",
+                  "additionalProperties": false,
+                  "required": [
+                    "type",
+                    "default"
+                  ],
+                  "properties": {
+                    "type": {
+                      "const": "boolean"
+                    },
+                    "default": {
+                      "type": "boolean"
+                    }
+                  }
+                }
+              ]
+            }
           }
         }
       }
@@ -232,6 +295,34 @@
             "additionalProperties": {
               "$ref": "#/$defs/source"
             }
+          },
+          "props": {
+            "type": "object",
+            "propertyNames": {
+              "$ref": "#/$defs/id"
+            },
+            "additionalProperties": {
+              "type": "object",
+              "propertyNames": {
+                "type": "string",
+                "minLength": 1,
+                "maxLength": 128,
+                "pattern": "^[a-z][a-z0-9-]*(?![\\s\\S])"
+              },
+              "additionalProperties": {
+                "anyOf": [
+                  {
+                    "type": "string",
+                    "minLength": 1,
+                    "maxLength": 128,
+                    "pattern": "^[a-z][a-z0-9-]*(?![\\s\\S])"
+                  },
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              }
+            }
           }
         },
         "if": {
@@ -375,5 +466,41 @@
       "minimum": -10000000,
       "maximum": 10000000
     }
-  }
+  },
+  "allOf": [
+    {
+      "if": {
+        "properties": {
+          "schemaVersion": {
+            "const": "1.1.0"
+          }
+        },
+        "required": [
+          "schemaVersion"
+        ]
+      },
+      "else": {
+        "properties": {
+          "screens": {
+            "items": {
+              "not": {
+                "required": [
+                  "props"
+                ]
+              }
+            }
+          },
+          "variants": {
+            "items": {
+              "not": {
+                "required": [
+                  "props"
+                ]
+              }
+            }
+          }
+        }
+      }
+    }
+  ]
 }