openplanr 3.0.0 → 3.0.1

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

@@ -1,6 +1,6 @@
 {
   "name": "@openplanr/design",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "private": true,
   "type": "module",
   "description": "Canonical OpenPlanr design helpers and design-loop engine",
@@ -46,8 +46,8 @@
     "node": ">=22.13.0"
   },
   "dependencies": {
-    "@openplanr/artifact": "0.6.6",
-    "@openplanr/protocol": "0.11.0"
+    "@openplanr/artifact": "0.6.7",
+    "@openplanr/protocol": "0.12.0"
   },
   "scripts": {
     "test": "node --test --test-concurrency=2 tests/*.test.mjs",

package/lib/host-packages/openai/openplanr/runtime/design/scripts/runtime/packages/design/templates/studio/studio.js.sources/16-studio-shell.js

@@ -32,6 +32,34 @@
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("rect", { x: "127", y: "71", width: "18", height: "18", rx: "3", fill: "currentColor" })
     ] }) }) });
   }
+  function inlineGap(element) {
+    const view = element?.ownerDocument.defaultView;
+    return view && element ? parseFloat(view.getComputedStyle(element).gap) || 0 : 0;
+  }
+  function measureLeadingFloor(leading) {
+    const view = leading.ownerDocument.defaultView;
+    if (!view) return 128;
+    const leadingControls = [...leading.children].filter(
+      (node) => node instanceof view.HTMLElement && !node.classList.contains("planr-brand") && node.getClientRects().length > 0
+    );
+    const branding = [
+      ...leading.querySelectorAll(".planr-mark,.design-wordmark")
+    ].filter((node) => node.getClientRects().length);
+    const brandGap = inlineGap(leading.querySelector(".planr-brand"));
+    const brandingWidth = branding.reduce(
+      (total, node) => total + node.getBoundingClientRect().width + brandGap,
+      0
+    );
+    const titleBlock = leading.querySelector(".planr-title-block");
+    const badge = titleBlock?.querySelector(".studio-type-badge");
+    const title = titleBlock?.querySelector("strong,.de-title");
+    const titleFloor = Math.max(36, parseFloat(view.getComputedStyle(title ?? leading).fontSize) * 3);
+    const identityFloor = Math.max(
+      128,
+      (badge?.getBoundingClientRect().width || 0) + inlineGap(titleBlock) + titleFloor
+    );
+    return identityFloor + brandingWidth + leadingControls.reduce((total, control) => total + control.getBoundingClientRect().width, 0) + leadingControls.length * inlineGap(leading);
+  }
   function StudioToolbar({
     title,
     titleNode,
@@ -44,6 +72,7 @@
     viewPicker,
     status,
     actions,
+    secondaryActions,
     className = ""
   }) {
     const toolbar = (0, import_react3.useRef)(null);
@@ -54,6 +83,7 @@
       const center = element.querySelector(".studio-toolbar-center");
       const trailing = element.querySelector(".studio-toolbar-trailing");
       const leading2 = element.querySelector(".studio-toolbar-leading");
+      const secondary = element.querySelector(".studio-toolbar-secondary");
       if (!center || !trailing || !leading2) return;
       const measure = () => {
         const width = element.getBoundingClientRect().width;
@@ -61,24 +91,28 @@
         element.dataset.studioDensity = width <= 680 ? "narrow" : "regular";
         const style = window2.getComputedStyle(element);
         const available = width - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);
-        const gap = parseFloat(style.columnGap) || 0;
+        const gap = Math.max(12, parseFloat(style.columnGap) || 0);
         element.dataset.studioCenter = "true";
         const centerWidth = center.scrollWidth;
         element.dataset.studioCenter = String(centerWidth > 0);
         const controlSelector = 'button,a,summary,input,select,output,[role="status"]';
-        const controls = [...trailing.querySelectorAll(controlSelector)].filter(
+        const controls = [
+          ...trailing.querySelectorAll(controlSelector),
+          ...secondary?.querySelectorAll(controlSelector) ?? []
+        ].filter(
           (control) => control.getClientRects().length && !control.closest('[role="menu"],.studio-tooltip,[role="dialog"]') && (!control.closest("details") || !!control.closest("summary")) && !control.parentElement?.closest(controlSelector)
         );
-        const actionWidth = controls.reduce((total, control) => total + control.getBoundingClientRect().width, 0) + Math.max(0, controls.length - 1) * (parseFloat(window2.getComputedStyle(trailing).gap) || 8);
-        const leadingControl = leading2.firstElementChild;
-        const branding = [
-          ...leading2.querySelectorAll(".planr-mark,.design-wordmark")
-        ].filter((node) => node.getClientRects().length);
-        const brandingWidth = branding.reduce(
-          (total, node) => total + node.getBoundingClientRect().width + 8,
-          0
-        );
-        const leadingFloor = 128 + brandingWidth + (leadingControl instanceof window2.HTMLElement && !leadingControl.classList.contains("planr-brand") ? leadingControl.getBoundingClientRect().width + 8 : 0);
+        const actionWidth = controls.reduce((total, control) => {
+          if (secondary?.contains(control) && control.getAttribute("role") === "status") {
+            const range = element.ownerDocument.createRange();
+            range.selectNodeContents(control);
+            const textWidth = range.getBoundingClientRect().width;
+            const controlStyle = window2.getComputedStyle(control);
+            return total + textWidth + (parseFloat(controlStyle.paddingLeft) || 0) + (parseFloat(controlStyle.paddingRight) || 0);
+          }
+          return total + control.getBoundingClientRect().width;
+        }, 0) + Math.max(0, controls.length - 1) * (parseFloat(window2.getComputedStyle(trailing).gap) || 8);
+        const leadingFloor = measureLeadingFloor(leading2);
         const outerWidth = Math.max(leadingFloor, actionWidth);
         element.dataset.studioLayout = centerWidth > 0 ? width <= 680 || centerWidth + outerWidth * 2 + gap * 2 > available ? "compact" : "inline" : leadingFloor + actionWidth + gap > available ? "compact" : "inline";
       };
@@ -92,7 +126,7 @@
         });
       };
       const resize = typeof window2.ResizeObserver === "function" ? new window2.ResizeObserver(scheduleMeasure) : null;
-      for (const node of [element, center, trailing]) resize?.observe(node);
+      for (const node of [element, center, trailing, secondary]) if (node) resize?.observe(node);
       const mutations = new window2.MutationObserver(scheduleMeasure);
       mutations.observe(element, {
         subtree: true,
@@ -150,7 +184,8 @@
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "studio-toolbar-trailing design-toolbar-trailing", children: [
             /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "studio-toolbar-status", children: status }),
             /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "studio-toolbar-actions", children: actions })
-          ] })
+          ] }),
+          secondaryActions && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "studio-toolbar-secondary", children: secondaryActions })
         ]
       }
     );
@@ -164,49 +199,106 @@
     onOpenChange
   }) {
     const trigger = (0, import_react3.useRef)(null);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(dist_exports5.Root, { modal: false, open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: `studio-menu ${className}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(dist_exports5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(StudioButton, { "aria-label": label, title: label, ...triggerAttributes, ref: trigger, children: [
-        label,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: "⌄" })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        dist_exports5.Content,
-        {
-          className: "studio-menu-content",
-          align: "end",
-          sideOffset: 8,
-          collisionPadding: 8,
-          onCloseAutoFocus: (event) => {
-            event.preventDefault();
-            const content = event.target;
-            const ownerDocument = content?.ownerDocument;
-            const active = ownerDocument?.activeElement;
-            if (active?.isConnected && active !== ownerDocument?.body && active !== ownerDocument?.documentElement && !content?.contains(active))
-              return;
-            if (trigger.current?.isConnected) trigger.current.focus();
-          },
-          children: items.map((item, index2) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            dist_exports5.Item,
+    const mousePosition = (0, import_react3.useRef)(null);
+    const keyboardPosition = (0, import_react3.useRef)(null);
+    (0, import_react3.useLayoutEffect)(() => {
+      const ownerDocument = trigger.current?.ownerDocument;
+      if (!ownerDocument) return;
+      const move = (event) => {
+        if (event.pointerType !== "mouse") return;
+        const position = { x: event.clientX, y: event.clientY };
+        const previous = keyboardPosition.current;
+        if (previous && (previous.x !== position.x || previous.y !== position.y))
+          keyboardPosition.current = null;
+        mousePosition.current = position;
+      };
+      const down = (event) => {
+        keyboardPosition.current = null;
+        if (event.pointerType === "mouse")
+          mousePosition.current = { x: event.clientX, y: event.clientY };
+      };
+      ownerDocument.addEventListener("pointermove", move, true);
+      ownerDocument.addEventListener("pointerdown", down, true);
+      return () => {
+        ownerDocument.removeEventListener("pointermove", move, true);
+        ownerDocument.removeEventListener("pointerdown", down, true);
+      };
+    }, []);
+    const retainKeyboardFocus = (event) => {
+      const position = keyboardPosition.current;
+      if (event.pointerType === "mouse" && position?.x === event.clientX && position.y === event.clientY)
+        event.preventDefault();
+    };
+    const keyboardInput = () => {
+      keyboardPosition.current = mousePosition.current;
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      dist_exports5.Root,
+      {
+        modal: false,
+        open,
+        onOpenChange: (value) => {
+          if (!value) keyboardPosition.current = null;
+          onOpenChange?.(value);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: `studio-menu ${className}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(dist_exports5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            StudioButton,
             {
-              asChild: true,
-              disabled: item.disabled,
-              onSelect: item.onSelect,
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                "button",
+              "aria-label": label,
+              title: label,
+              ...triggerAttributes,
+              ref: trigger,
+              onKeyDownCapture: keyboardInput,
+              children: [
+                label,
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: "⌄" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            dist_exports5.Content,
+            {
+              className: "studio-menu-content",
+              align: "end",
+              sideOffset: 8,
+              collisionPadding: 8,
+              onKeyDownCapture: keyboardInput,
+              onCloseAutoFocus: (event) => {
+                event.preventDefault();
+                const content = event.target;
+                const ownerDocument = content?.ownerDocument;
+                const active = ownerDocument?.activeElement;
+                if (active?.isConnected && active !== ownerDocument?.body && active !== ownerDocument?.documentElement && !content?.contains(active))
+                  return;
+                if (trigger.current?.isConnected) trigger.current.focus();
+              },
+              children: items.map((item, index2) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                dist_exports5.Item,
                 {
-                  type: "button",
-                  className: `studio-menu-item${index2 > 0 && item.group !== items[index2 - 1].group ? " studio-menu-group-start" : ""}`,
+                  asChild: true,
                   disabled: item.disabled,
-                  ...item.attributes,
-                  children: item.label
-                }
-              )
-            },
-            item.id
-          ))
-        }
-      )
-    ] }) });
+                  onSelect: item.onSelect,
+                  onPointerMove: retainKeyboardFocus,
+                  onPointerLeave: retainKeyboardFocus,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: `studio-menu-item${index2 > 0 && item.group !== items[index2 - 1].group ? " studio-menu-group-start" : ""}`,
+                      disabled: item.disabled,
+                      ...item.attributes,
+                      children: item.label
+                    }
+                  )
+                },
+                item.id
+              ))
+            }
+          )
+        ] })
+      }
+    );
   }
   function StudioPanelDialog({
     open,

package/lib/host-packages/openai/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": 1142078,
-  "sha256": "b8688a3102c5028847fc9a1d4a257b096768de1db3b4bfd4656482d318013c71",
+  "bytes": 1146075,
+  "sha256": "f649b59fe0a31ec9055d6e5bf5b68425c1fe4e996224c35603d84f91021949cf",
   "scopes": [
     {
       "id": "bundle",
@@ -238,8 +238,8 @@
         "packages/artifact/lib/artifact/ui/studio-shell-components.mjs",
         "packages/artifact/lib/artifact/ui/studio-shell-mount-impl.mjs"
       ],
-      "bytes": 23280,
-      "sha256": "5306387b1f59d43e1cd0ed2c471b18b0b35d5cc8c573ffe5439ea9315494c01e"
+      "bytes": 27277,
+      "sha256": "81af29a6a5a15fd4f0ef41fc48e1eca63c30b3745fd1d92830ba83f7cf2ba603"
     },
     {
       "path": "studio.js.sources/17-design-studio.js",

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

@@ -1,6 +1,6 @@
 {
   "name": "@openplanr/protocol",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "type": "module",
   "description": "Canonical OpenPlanr schemas, registries, typed errors, and portable contract validation",
   "license": "MIT",
@@ -115,6 +115,10 @@
     "./sharing-security-contracts": {
       "types": "./src/sharing-security-contracts.d.mts",
       "import": "./src/sharing-security-contracts.mjs"
+    },
+    "./enterprise-journey-contracts": {
+      "types": "./src/enterprise-journey-contracts.d.mts",
+      "import": "./src/enterprise-journey-contracts.mjs"
     }
   },
   "files": [

package/lib/host-packages/openai/openplanr/runtime/plan/scripts/runtime/packages/protocol/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openplanr/protocol",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "type": "module",
   "description": "Canonical OpenPlanr schemas, registries, typed errors, and portable contract validation",
   "license": "MIT",
@@ -115,6 +115,10 @@
     "./sharing-security-contracts": {
       "types": "./src/sharing-security-contracts.d.mts",
       "import": "./src/sharing-security-contracts.mjs"
+    },
+    "./enterprise-journey-contracts": {
+      "types": "./src/enterprise-journey-contracts.d.mts",
+      "import": "./src/enterprise-journey-contracts.mjs"
     }
   },
   "files": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openplanr",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Deterministic OpenPlanr utilities for planning storage, validation, rendering, setup, diagnostics, and GitHub/Linear synchronization",
   "type": "module",
   "main": "./dist/cli/index.js",
@@ -108,13 +108,13 @@
     "@napi-rs/keyring": "^1.2.0",
     "chalk": "^5.3.0",
     "commander": "^14.0.3",
-    "handlebars": "^4.7.9",
+    "handlebars": "4.7.10",
     "smol-toml": "1.9.0",
     "yaml": "^2.8.3",
     "zod": "^4.3.6"
   },
   "optionalDependencies": {
-    "planr-pipeline": "0.58.0"
+    "planr-pipeline": "0.59.0"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.9",