nodality 1.2.0 → 1.2.2

package/layout/form-components/image-picker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/picker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/radio.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/radiogroup.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/form-components/range.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/free.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/grid-switcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/grid.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/horizontal-scroller.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/image.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/index.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/link.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/list.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/meta-adder.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/modal-2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/morph.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/multiswitcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/nav-factor/custom-div.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/new-nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/polygon.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/prerender-site.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/prerender.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/progress.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/row.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/scroll-video.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/side-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/side-nav-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/simple-bar.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/slider-2025.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/spacer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/stack.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/svg.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/switcher.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/table.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/text-field.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/text.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/ulist.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/video.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/wrap.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/layout/zoom-card.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/agent-surface.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/card-getter.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/codegen.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/data.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/designer.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/element-mapper.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/keyframe-animation.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/link-getter.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/morph-node.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -471,9 +471,15 @@ function setUpMorph(mount, m, resolve) {
         // it takes the source's own position, so views replace each other
         // in one region rather than marching down the page.
         const fromRect = rectIn(rhost, srcEl);
+        // POSITION only. This used to also force `boxSizing: border-box`,
+        // which silently relaid the author's element: a card written as
+        // `width: min(560px, 92vw)` with padding renders 612px wide in
+        // normal flow (content-box) and 560px once border-box is imposed.
+        // The source keeps its own box model, so the two ends of the
+        // transition were different sizes and the handover to real DOM
+        // snapped by the padding — the jump visible at the end of a hop.
         Object.assign(dest.style, { position: "absolute", left: "0",
-            top: Math.round(inPlace ? fromRect.y : fromRect.h + 20) + "px",
-            boxSizing: "border-box" });
+            top: Math.round(inPlace ? fromRect.y : fromRect.h + 20) + "px" });
 
         await buildTransition(srcEl, dest, edge);
         if (!tl) return;
@@ -590,7 +596,6 @@ function setUpMorph(mount, m, resolve) {
             Object.assign(targetEl.style, {
                 position: "absolute", left: "0",
                 top: Math.round(inPlace ? cur.y : 0) + "px",
-                boxSizing: "border-box",
             });
         }
 

package/lib/raster-inspect.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/raster-ops.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/raster-presets.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/scroll-video.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/seo.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/stacker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/suggest.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/theme.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/transform-anim.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/transition.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/validate-nodes.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/webmcp-adapter.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.2.0
+ * nodality v1.2.2
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -71,14 +71,26 @@ const esc = (s) => {
     return str.replace(/([^a-zA-Z0-9_-])/g, "\\$1");
 };
 
-/** Text an agent can read, from the subtree that is actually on screen. */
+/**
+ * Text an agent can read, from the subtree being presented.
+ *
+ * `visibility: hidden` is NOT treated as absent, and that is the whole
+ * subtlety. Under the live backend the presented state is hosted inside
+ * the canvas: it has real layout and real text, and the DOM copy is
+ * hidden precisely BECAUSE the canvas is painting it. Filtering on
+ * visibility — the correct test for "can this be clicked" — made
+ * `read_view` return nothing at all on exactly the pages that use the
+ * feature, while navigation worked perfectly. So the caller passes the
+ * subtree it knows is current, and this reads it; `display: none` still
+ * counts as absent, because that element is not laid out at all.
+ */
 function readSubtree(root) {
     if (!root) return { text: "", actions: [] };
     const visible = (el) => {
-        const r = el.getBoundingClientRect();
-        if (!(r.width > 0 && r.height > 0)) return false;
         const cs = getComputedStyle(el);
-        return cs.visibility !== "hidden" && cs.display !== "none" && cs.opacity !== "0";
+        if (cs.display === "none" || cs.opacity === "0") return false;
+        const r = el.getBoundingClientRect();
+        return r.width > 0 && r.height > 0;
     };
     const lines = [];
     for (const el of root.querySelectorAll("h1,h2,h3,h4,h5,h6,p,li")) {
@@ -119,6 +131,21 @@ export function installAgentSurface({ mount, elements, nodes, morphs }) {
     const handles = Array.isArray(morphs) ? morphs.filter(Boolean) : [];
     const graphFor = (id) => handles.find((h) => h.states && h.states.has(id)) || null;
 
+    /**
+     * The subtree to read: the state the graph is actually in.
+     *
+     * Known, not inferred. Asking "what is painted" cannot answer this
+     * on a live morph, where the painting is done by a canvas and the
+     * DOM behind it is deliberately hidden.
+     */
+    const currentSubtree = () => {
+        for (const h of handles) {
+            const el = h.states && h.current != null ? h.states.get(h.current) : null;
+            if (el) return el;
+        }
+        return mount;
+    };
+
     /**
      * The rendered form a descriptor id names, wherever it currently is.
      *
@@ -203,6 +230,11 @@ export function installAgentSurface({ mount, elements, nodes, morphs }) {
         return run;
     };
 
+    const currentView = () => {
+        for (const h of handles) if (h.current != null) return h.current;
+        return null;
+    };
+
     const execute = {
         navigate: ({ destination } = {}) => serial(async () => {
             const h = graphFor(destination);
@@ -221,17 +253,17 @@ export function installAgentSurface({ mount, elements, nodes, morphs }) {
                 return refuse("UNREACHABLE_FROM_HERE", destination,
                     edge.filter((id) => id !== from));
             }
-            return { ok: true, view: h.current, ...readSubtree(h.stage || mount) };
+            return { ok: true, view: h.current, ...readSubtree(h.states.get(h.current) || mount) };
         }),
 
         back: () => serial(async () => {
             const h = handles.find((x) => x.history && x.history.length);
             if (!h) return refuse("NO_HISTORY", null, []);
             await h.goBack();
-            return { ok: true, view: h.current, ...readSubtree(h.stage || mount) };
+            return { ok: true, view: h.current, ...readSubtree(h.states.get(h.current) || mount) };
         }),
 
-        read: async () => ({ ok: true, ...readSubtree(mount) }),
+        read: async () => ({ ok: true, view: currentView(), ...readSubtree(currentSubtree()) }),
 
         submit: async (args = {}, tool) => {
             const form = findForm(tool.formId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodality",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "A lightweight library for declarative UI elements.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",