openplanr 3.0.0 → 3.1.0

package/lib/host-packages/claude/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/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": 1142078,
-  "sha256": "b8688a3102c5028847fc9a1d4a257b096768de1db3b4bfd4656482d318013c71",
+  "bytes": 1249882,
+  "sha256": "48fcbdfa9f85b4bba49ab4237e8bf0427d0f07e129b1be2c6b8cb4d0f54ebdfa",
   "scopes": [
     {
       "id": "bundle",
@@ -41,8 +41,8 @@
         "node_modules/scheduler/cjs/scheduler.production.js",
         "node_modules/scheduler/index.js"
       ],
-      "bytes": 40770,
-      "sha256": "bf350d5126e53d2eebc29c96ce4c38d007dc205aded91cc3bb964c1d68e469e5"
+      "bytes": 42312,
+      "sha256": "3d07031b0e1ebfe8d00491d70eb876cdd9ec829801ec3df4fc5aa72205b5ea7f"
     },
     {
       "path": "studio.js.sources/03-react-dom-client-fiber-foundations.js",
@@ -51,8 +51,8 @@
       "inputs": [
         "node_modules/react-dom/cjs/react-dom-client.production.js"
       ],
-      "bytes": 115580,
-      "sha256": "f30ee0a7f2c9dbe1b13e64d33fd9f5a25bd816e60ca04eeda5153a1a3694cbb1"
+      "bytes": 125924,
+      "sha256": "793a627a349d139397ff51c837c7cc911b08b34a49e5629af0c7967e5cb89715"
     },
     {
       "path": "studio.js.sources/04-react-dom-client-reconciliation-hooks.js",
@@ -61,8 +61,8 @@
       "inputs": [
         "node_modules/react-dom/cjs/react-dom-client.production.js"
       ],
-      "bytes": 88768,
-      "sha256": "0f5687e30eb5029375818768c47b407d48946ad420adec5b3d9453d4e6e9b751"
+      "bytes": 89353,
+      "sha256": "3839e5bdcca072a612ec48fffb6e340083f4692c516a2aeb9c8c8896ab4ea6a4"
     },
     {
       "path": "studio.js.sources/05-react-dom-client-render-phases.js",
@@ -71,8 +71,8 @@
       "inputs": [
         "node_modules/react-dom/cjs/react-dom-client.production.js"
       ],
-      "bytes": 97715,
-      "sha256": "1fb2854c8642a5f9285fb5d30b015ef25006a5c2b433323eb6226173ec9f0d12"
+      "bytes": 103002,
+      "sha256": "f057d07ab68567daebe124fe103d88157ee4ce68177e21d1a2166debf424309f"
     },
     {
       "path": "studio.js.sources/06-react-dom-client-commit-effects.js",
@@ -81,8 +81,8 @@
       "inputs": [
         "node_modules/react-dom/cjs/react-dom-client.production.js"
       ],
-      "bytes": 71832,
-      "sha256": "6038d1c4d96e123d9f9ab7ee2516878c97bdbe5bc6149732d1064444d38b3b57"
+      "bytes": 106377,
+      "sha256": "67291903232cb09062344ef0770638c9882a76178adba57c9a67f72bbdb80cbb"
     },
     {
       "path": "studio.js.sources/07-react-dom-client-work-loop-scheduling.js",
@@ -91,8 +91,8 @@
       "inputs": [
         "node_modules/react-dom/cjs/react-dom-client.production.js"
       ],
-      "bytes": 56229,
-      "sha256": "89525ecc086cf31eff4fc4daf2e886ed603b301c8af6c855d409e9d6367df3e8"
+      "bytes": 60129,
+      "sha256": "ed6b1c356c341efa060072cffa2a61fcbb425655bd00c8b58dc5b50a13d5a3ad"
     },
     {
       "path": "studio.js.sources/08-react-dom-client-dom-events-properties-hydration.js",
@@ -101,8 +101,8 @@
       "inputs": [
         "node_modules/react-dom/cjs/react-dom-client.production.js"
       ],
-      "bytes": 103909,
-      "sha256": "02670980a272f781deb8d9e9d67c0ca5ea62fd31c9fff6ea55a1ccc7ade93262"
+      "bytes": 142294,
+      "sha256": "fae78a4ea2c320638ca51a504b26dba90440d72882afdf1edf7ac49fe24853b6"
     },
     {
       "path": "studio.js.sources/09-react-dom-client-public-roots.js",
@@ -111,8 +111,8 @@
       "inputs": [
         "node_modules/react-dom/cjs/react-dom-client.production.js"
       ],
-      "bytes": 31761,
-      "sha256": "631a2f59100373a07571b84cf75aeb8469d122721c32c5c30a85c26591721878"
+      "bytes": 31832,
+      "sha256": "adca04c0e9079e354d467d17aaa6f49423611d290661f0cbbd7610545a98825e"
     },
     {
       "path": "studio.js.sources/10-react.js",
@@ -170,7 +170,6 @@
         "node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs",
         "node_modules/@radix-ui/primitive/dist/index.mjs",
         "node_modules/@radix-ui/primitive/dist/internal/is-development.false.mjs",
-        "node_modules/@radix-ui/react-arrow/dist/index.mjs",
         "node_modules/@radix-ui/react-collection/dist/index.mjs",
         "node_modules/@radix-ui/react-compose-refs/dist/index.mjs",
         "node_modules/@radix-ui/react-context/dist/index.mjs",
@@ -213,22 +212,23 @@
         "node_modules/use-sidecar/dist/es2015/exports.js",
         "node_modules/use-sidecar/dist/es2015/medium.js"
       ],
-      "bytes": 188797,
-      "sha256": "674115ab13d18062757b121898429a0ba0c6075d94cdc1318d3a1fd4d99252f7"
+      "bytes": 196384,
+      "sha256": "c8d5ab2e7df79e22329daaf59e074d74345d11147c500553edd7910aaf96ed3e"
     },
     {
       "path": "studio.js.sources/15-interface-primitives.js",
       "scope": "bundle",
       "responsibility": "interface-primitives",
       "inputs": [
+        "node_modules/@radix-ui/react-arrow/dist/index.mjs",
         "node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs",
         "node_modules/@radix-ui/react-menu/dist/index.mjs",
         "node_modules/@radix-ui/react-popper/dist/index.mjs",
         "node_modules/@radix-ui/react-roving-focus/dist/index.mjs",
         "node_modules/@radix-ui/react-use-is-hydrated/dist/index.mjs"
       ],
-      "bytes": 77376,
-      "sha256": "6228cf871238da64e48ae07c2998a754451462fdc0662137a15e99ce1c7408ee"
+      "bytes": 78937,
+      "sha256": "e26c838db40b55f6df77606ac87b36f0298d7316ac832fa8c770c9dbab896596"
     },
     {
       "path": "studio.js.sources/16-studio-shell.js",
@@ -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/claude/openplanr/runtime/design/scripts/runtime/packages/protocol/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openplanr/protocol",
-  "version": "0.11.0",
+  "version": "0.13.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": [
@@ -143,9 +147,9 @@
     "access": "public"
   },
   "devDependencies": {
-    "esbuild": "0.28.1",
-    "miniflare": "4.20260708.1",
-    "playwright": "1.61.1",
+    "esbuild": "0.28.2",
+    "miniflare": "4.20260730.0",
+    "playwright": "1.64.0",
     "typescript": "6.0.2"
   }
 }