stitch2 0.22.10 → 0.22.11

package/dist/canvas.html

@@ -385,6 +385,15 @@ const rows = () => {
 
 // Screens flow left to right and wrap, like a design canvas; each screen's versions stay together.
 function layout() {
+  // Late page/thumbnail heights move later rows. Keep the frame being reviewed
+  // at its current screen position, not at a fresh zoomTo position. A frame the
+  // user has panned away from, or an active drag, must not pull the camera back.
+  const anchor = (() => {
+    if (!selected || selected.el.style.display === 'none' || viewport.classList.contains('panning')) return null
+    const a = selected.el.getBoundingClientRect(), b = viewport.getBoundingClientRect()
+    if (a.right <= b.left || a.left >= b.right || a.bottom <= b.top || a.top >= b.bottom) return null
+    return { frame: selected, x: parseFloat(selected.el.style.left), y: parseFloat(selected.el.style.top) }
+  })()
   for (const n of world.querySelectorAll('.row-label')) n.remove()
   let x = 0, y = 0, lineH = 0, page = ''
   const all = rows()
@@ -435,6 +444,11 @@ function layout() {
   }
   tree()
   sendFilter()
+  if (anchor && selected === anchor.frame && selected.el.style.display !== 'none') {
+    const dx = (anchor.x - parseFloat(selected.el.style.left)) * view.z
+    const dy = (anchor.y - parseFloat(selected.el.style.top)) * view.z
+    if (dx || dy) { view.x += dx; view.y += dy; apply(); return }
+  }
   scheduleSync()
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stitch2",
-  "version": "0.22.10",
+  "version": "0.22.11",
   "description": "A design canvas, layout and type checks, component consistency and screen versioning for agent-built UI, on Google's DESIGN.md format.",
   "license": "MIT",
   "author": "ifokeev",

package/skills/stitch2/SKILL.md

@@ -90,6 +90,9 @@ References, read before the first screen:
    States sheet (components.md, States).
 6. **Look and critique.** View the render in `<design>/renders/` (crop the first screenful). Score it with the
    rubric in principles.md, fix what fails, repeat 5–6 at most three times.
+   On the canvas, select a later row and zoom out and back while earlier pages/thumbnails load. The selected
+   visible frame keeps its screen position when row heights settle; this does not recenter a frame you pan
+   away from or interrupt a drag. Check the live canvas as well as the saved render before hand-over.
 7. **Hand over.** Set the version's status to `review`, point the user to it on the canvas, and report what
    changed, how you answered their notes, and any rubric item you could not satisfy. The page's empty and loading
    screens go to review with it; for a page without them (a form, a static page), say why. The user approves; only then