openplanr 3.1.1 → 3.3.0

package/lib/host-packages/claude/openplanr/runtime/design/scripts/runtime/packages/artifact/templates/artifact-review-stage.js.sources/08-artifact-review-ui.js

@@ -1648,23 +1648,23 @@
     }
     return Object.freeze([state.activeArtifactId]);
   }
-  function assertRect2(rect) {
-    if (!rect || !Number.isFinite(rect.left) || !Number.isFinite(rect.top) || !Number.isFinite(rect.width) || !Number.isFinite(rect.height) || rect.width <= 0 || rect.height <= 0) {
+  function assertRect2(rect2) {
+    if (!rect2 || !Number.isFinite(rect2.left) || !Number.isFinite(rect2.top) || !Number.isFinite(rect2.width) || !Number.isFinite(rect2.height) || rect2.width <= 0 || rect2.height <= 0) {
       throw new RangeError("Artifact bounds must have positive finite dimensions.");
     }
   }
-  function clientPointToNormalized(rect, point2) {
-    assertRect2(rect);
+  function clientPointToNormalized(rect2, point3) {
+    assertRect2(rect2);
     return Object.freeze({
-      x: normalized2((finite2(point2?.x ?? point2?.clientX) - rect.left) / rect.width),
-      y: normalized2((finite2(point2?.y ?? point2?.clientY) - rect.top) / rect.height)
+      x: normalized2((finite2(point3?.x ?? point3?.clientX) - rect2.left) / rect2.width),
+      y: normalized2((finite2(point3?.y ?? point3?.clientY) - rect2.top) / rect2.height)
     });
   }
-  function normalizedPointToClient(rect, point2) {
-    assertRect2(rect);
+  function normalizedPointToClient(rect2, point3) {
+    assertRect2(rect2);
     return Object.freeze({
-      x: rect.left + normalized2(point2?.x) * rect.width,
-      y: rect.top + normalized2(point2?.y) * rect.height
+      x: rect2.left + normalized2(point3?.x) * rect2.width,
+      y: rect2.top + normalized2(point3?.y) * rect2.height
     });
   }
   function parseDataScript(document2, id7) {
@@ -1786,6 +1786,8 @@
     }
     const frameDiagnostics = /* @__PURE__ */ new Map();
     const frameLoads = /* @__PURE__ */ new Map();
+    const frameHolds = /* @__PURE__ */ new Map();
+    const frameHoldWaiters = /* @__PURE__ */ new Set();
     const frameSlots = /* @__PURE__ */ new Map();
     if (frameBudget !== null) {
       for (const [id7, frame] of frames) {
@@ -2184,12 +2186,14 @@
     function disposeStage() {
       if (disposed) return true;
       disposed = true;
+      wakeFrameDemand();
       for (const id7 of [...frameLoads.keys()]) releaseFrame(id7);
       for (const remove of cleanup.splice(0)) remove();
       return true;
     }
     const controller = Object.freeze({
       frameBudget,
+      holdFrames,
       ensureFrames,
       retryFrames,
       getFrameDiagnostics: () => [...frameDiagnostics.values()],
@@ -2311,6 +2315,7 @@
       const record2 = frameLoads.get(artifactId);
       if (!record2) return;
       frameLoads.delete(artifactId);
+      wakeFrameDemand();
       record2.cancelled = true;
       record2.abort.abort();
       record2.unlisten?.();
@@ -2482,6 +2487,29 @@
       })().catch(fail);
       return record2.promise;
     }
+    function wakeFrameDemand() {
+      for (const resolve of frameHoldWaiters) resolve();
+      frameHoldWaiters.clear();
+    }
+    function holdFrames(artifactIds) {
+      if (disposed) throw cancelledFrame();
+      if (!Array.isArray(artifactIds) || artifactIds.some((id7) => !frames.has(id7))) {
+        throw new TypeError("Requested artifact frames must be known artifact IDs.");
+      }
+      const ids2 = [...new Set(artifactIds)];
+      for (const id7 of ids2) frameHolds.set(id7, (frameHolds.get(id7) ?? 0) + 1);
+      let released = false;
+      return () => {
+        if (released) return;
+        released = true;
+        for (const id7 of ids2) {
+          const count2 = frameHolds.get(id7) ?? 0;
+          if (count2 > 1) frameHolds.set(id7, count2 - 1);
+          else frameHolds.delete(id7);
+        }
+        wakeFrameDemand();
+      };
+    }
     function ensureFrames(artifactIds, isCurrent = () => true) {
       if (disposed || !isCurrent()) return Promise.reject(cancelledFrame());
       if (!Array.isArray(artifactIds) || artifactIds.some((id7) => typeof id7 !== "string" || !frames.has(id7))) {
@@ -2493,7 +2521,7 @@
           new RangeError(`At most ${frameBudget} artifact frames may be requested together.`)
         );
       }
-      if (frameBudget === null)
+      if (frameBudget === null || requested.every((id7) => frameLoads.has(id7)))
         return Promise.all(requested.map((id7) => assignArtifactSource(stageArtifactById(state, id7))));
       const run = async () => {
         if (disposed || !isCurrent()) throw cancelledFrame();
@@ -2501,8 +2529,13 @@
           if (disposed || !isCurrent()) throw cancelledFrame();
           if (!frameLoads.has(id7)) {
             while (frameLoads.size >= frameBudget) {
-              const candidates = [...frameLoads].filter(([loadedId]) => !requested.includes(loadedId)).sort((a, b) => a[1].used - b[1].used);
-              if (!candidates.length) throw new Error("The artifact frame budget is exhausted.");
+              const candidates = [...frameLoads].filter(([loadedId]) => !requested.includes(loadedId) && !frameHolds.has(loadedId)).sort((a, b) => a[1].used - b[1].used);
+              if (!candidates.length) {
+                if (!frameHolds.size) throw new Error("The artifact frame budget is exhausted.");
+                await new Promise((resolve) => frameHoldWaiters.add(resolve));
+                if (disposed || !isCurrent()) throw cancelledFrame();
+                continue;
+              }
               releaseFrame(candidates[0][0]);
             }
           }
@@ -2527,7 +2560,7 @@
     }
     function cancelInactiveLoads(ids2) {
       for (const [id7, record2] of frameLoads) {
-        if (record2.status === "loading" && !ids2.includes(id7)) releaseFrame(id7);
+        if (record2.status === "loading" && !ids2.includes(id7) && !frameHolds.has(id7)) releaseFrame(id7);
       }
     }
     async function activateVisibleFrames() {

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

@@ -2,8 +2,8 @@
   "kind": "openplanr-runtime-asset-sources",
   "schemaVersion": "1.0.0",
   "asset": "artifact-review-stage.js",
-  "bytes": 528628,
-  "sha256": "8fe516175b5e135ea06b54a9a40776a140b27d6301d0a1530f953c4bcb7963a6",
+  "bytes": 539739,
+  "sha256": "42ea407da5d301f26f0c26eebcb20c404419c89fc9a455132a68eafdf099d891",
   "scopes": [
     {
       "id": "bundle",
@@ -30,8 +30,8 @@
         "packages/artifact/lib/artifact/ui/presentation.mjs",
         "packages/artifact/lib/artifact/ui/stage.mjs"
       ],
-      "bytes": 36116,
-      "sha256": "3a85052fa26098c06fcdaf07fe1529430d3f654f5b71b959c0267bd40278be86"
+      "bytes": 36146,
+      "sha256": "2aea72eea5307592d4bb3e0b27c2c226c1f209bf6d510557935c802db534b67b"
     },
     {
       "path": "artifact-review-stage.js.sources/03-protocol-contracts.js",
@@ -50,12 +50,13 @@
         "packages/protocol/src/json-schema.mjs",
         "packages/protocol/src/large-object-contracts.mjs",
         "packages/protocol/src/large-object-limits.mjs",
+        "packages/protocol/src/shape-library-contracts.mjs",
         "packages/protocol/src/sharing-security-contracts.mjs",
         "packages/protocol/src/studio-presentation-contracts.mjs",
         "packages/protocol/src/workspace-contracts.mjs"
       ],
-      "bytes": 181981,
-      "sha256": "3494e8e8cd50ff596dc2c00cc4c02f6dd2f016de50e0fb1c284ac03b6470b19d"
+      "bytes": 191669,
+      "sha256": "fbf069e668fecf9519cab318f88033b106b93933ea0788f2c4c8cf8374c35e38"
     },
     {
       "path": "artifact-review-stage.js.sources/04-compression.js",
@@ -90,8 +91,8 @@
         "packages/artifact/lib/artifact/ui/feedback-rail.mjs",
         "packages/artifact/lib/artifact/ui/review-outbox.mjs"
       ],
-      "bytes": 70441,
-      "sha256": "afe05b9eb07ce7aa6eb305fd495640e81608f3941b6f4f56f3cf77d9fb633143"
+      "bytes": 70446,
+      "sha256": "d3d7941145f52dba33a81ad9168253db5f2849cb0005d1899ca45ad2c64dcb7c"
     },
     {
       "path": "artifact-review-stage.js.sources/07-artifact-sharing.js",
@@ -116,8 +117,8 @@
         "packages/artifact/lib/artifact/ui/stage-payload.mjs",
         "packages/artifact/lib/artifact/ui/stage.mjs"
       ],
-      "bytes": 111877,
-      "sha256": "ad07fa5156f0a59bbf3bcc467b8826c8af2ae2293afa9be9e97fac30aeb1d80f"
+      "bytes": 113265,
+      "sha256": "08b75c390ce4588969b166dd25650e43beeeaa4a7dcdfebefa2d5c5dc1f95898"
     }
   ]
 }

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

@@ -1,6 +1,6 @@
 {
   "name": "@openplanr/design",
-  "version": "0.4.8",
+  "version": "0.6.0",
   "private": true,
   "type": "module",
   "description": "Canonical OpenPlanr design helpers and design-loop engine",
@@ -46,8 +46,9 @@
     "node": ">=22.13.0"
   },
   "dependencies": {
-    "@openplanr/artifact": "0.6.8",
-    "@openplanr/protocol": "0.13.0"
+    "@openplanr/artifact": "0.8.0",
+    "@openplanr/canvas": "0.0.1",
+    "@openplanr/protocol": "0.15.0"
   },
   "scripts": {
     "test": "node --test --test-concurrency=2 tests/*.test.mjs",

package/lib/host-packages/claude/openplanr/runtime/design/scripts/runtime/packages/design/templates/studio/studio.css

@@ -81,6 +81,12 @@
 .design-save-state::before { content:""; width:5px; height:5px; flex:none; border-radius:50%; background:var(--planr-color-primary); }
 .design-save-state[data-status="failed"], .design-save-state[data-status="disconnected"] { color:var(--planr-color-danger); }
 .design-save-state[data-status="failed"]::before, .design-save-state[data-status="disconnected"]::before { background:currentColor; }
+.design-toolbar .studio-toolbar-status > .design-save-state {
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
 .design-toolbar .design-share { background:var(--planr-color-primary); color:var(--planr-color-background); font-weight:650; }
 .design-toolbar .design-share:hover { background:var(--planr-color-primary-strong); color:var(--planr-color-background); }
 .design-export { position:relative; flex:none; }
@@ -214,7 +220,7 @@
 }
 [data-design-studio] .planr-stage {
 	overflow: hidden;
-	background-image: none;
+	background: var(--planr-color-stage);
 }
 .design-stage-context {
 	position: absolute;
@@ -370,16 +376,6 @@
 	contain: layout paint;
 	isolation: isolate;
 }
-.design-canvas-background {
-	position: absolute;
-	inset: -24px;
-	pointer-events: none;
-	background-image: radial-gradient(color-mix(in srgb, var(--planr-color-text-muted) 20%, transparent) 1px, transparent 1px);
-	background-size: 24px 24px;
-	will-change: transform;
-}
-[data-design-view="prototype"] .design-canvas-background,
-[data-design-view="walkthrough"] .design-canvas-background { display: none; }
 [data-design-studio] .planr-stage-surface {
 	position: relative;
 	min-width: 0;
@@ -1152,3 +1148,12 @@ OTHER DEALINGS IN THE FONT SOFTWARE.
 .design-preview-state[data-status="error"], .design-preview-state[data-status="invalid"] { color: var(--planr-color-error, #ef8888); }
 .design-screen[hidden] { display: none; }
 .design-screen-search input { min-width: 0; width: 100%; background: var(--planr-color-panel); border: 1px solid var(--planr-color-rule); border-radius: var(--planr-radius-small); padding: 6px 7px; color: var(--planr-color-text); font-size: 11px; }
+.design-section-heading {
+ position: absolute;
+ width: max-content;
+ pointer-events: none;
+ white-space: pre-wrap;
+ overflow-wrap: anywhere;
+ font: 600 28px/1.25 var(--planr-font-display);
+ color: var(--planr-color-text);
+}

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

@@ -3,9 +3,8 @@
   var __defProp = Object.defineProperty;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
   var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __getProtoOf = Object.getPrototypeOf;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __commonJS = (cb, mod) => function __require() {
+  var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __commonJS = (cb, mod) => function() {
     try {
       return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
     } catch (e) {
@@ -14,14 +13,11 @@
   };
   var __export = (target, all) => {
     for (var name in all)
-      __defProp(target, name, { get: all[name], enumerable: true });
-  };
-  var __copyProps = (to, from, except, desc) => {
-    if (from && typeof from === "object" || typeof from === "function") {
+      __defProp(target, name, { get: all[name], enumerable: !0 });
+  }, __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function")
       for (let key of __getOwnPropNames(from))
-        if (!__hasOwnProp.call(to, key) && key !== except)
-          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-    }
+        !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
     return to;
   };
   var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -29,6 +25,6 @@
     // file that has been converted to a CommonJS file using a Babel-
     // compatible transform (i.e. "__esModule" has not been set), then set
     // "default" to the CommonJS "module.exports" for node compatibility.
-    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
     mod
   ));