zelune 1.6.1 → 1.6.2

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to the **Zelune — React Native Visual Canvas & MCP** project are documented in this file.
 
+## [1.6.2] - 2026-10-24
+
+### Fixed
+- **Corridor-Routed Interconnection Wires Behind Artboard Layer (`src/canvas/FlowArrowsLayer.tsx`)**:
+  - Restored `<FlowArrowsLayer />` to `zIndex: 5` (below the `zIndex: 10` / `20` `<ScreenArtboard />` frames) so interconnection wires and badges never draw over any screen's UI.
+  - Updated same-row and cross-row Bezier routing to route non-adjacent same-row connections through the open horizontal corridor underneath the row (`58px–136px` arch depth) and adjacent connections through the open vertical alley between neighbor screens.
+
 ## [1.6.1] - 2026-10-24
 
 ### Security

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zelune",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "private": false,
   "license": "MIT",
   "type": "module",

package/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "zelune",
   "displayName": "Zelune — React Native Visual Canvas",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "Zelune MCP & Figma-style multi-screen React Native visual canvas with live surgical AST patching and navigation flow visualization for Google Antigravity.",
   "logo": "assets/logo.svg",
   "suggestedPrompts": [

package/src/canvas/FlowArrowsLayer.tsx

@@ -39,7 +39,7 @@ export const FlowArrowsLayer: React.FC<FlowArrowsLayerProps> = React.memo(({
         height: 6000,
         pointerEvents: 'none',
         overflow: 'visible',
-        zIndex: 25,
+        zIndex: 5,
       }}
     >
       <defs>
@@ -99,47 +99,50 @@ export const FlowArrowsLayer: React.FC<FlowArrowsLayerProps> = React.memo(({
         let endY: number;
 
         if (sameRow) {
-          if (toBox.x >= fromBox.x) {
-            // Left-to-right forward connection in same row
+          const horizontalGap = toBox.x - (fromBox.x + fromBox.width);
+          const isAdjacentForward = toBox.x > fromBox.x && horizontalGap <= 240;
+
+          if (isAdjacentForward) {
+            // Directly adjacent neighbors in the same row: connect across the empty vertical alley
             startX = fromBox.x + fromBox.width;
             startY = fromBox.y + ARTBOARD_HEADER_OFFSET + fromBox.height * 0.45 + verticalSlot;
             endX = toBox.x;
             endY = toBox.y + ARTBOARD_HEADER_OFFSET + toBox.height * 0.36 + verticalSlot * 0.6;
-            const dx = Math.max(85, Math.abs(endX - startX) * 0.45);
+            const dx = Math.max(60, Math.abs(endX - startX) * 0.45);
             cp1X = startX + dx;
             cp1Y = startY;
             cp2X = endX - dx;
             cp2Y = endY;
           } else {
-            // Return loop arched smoothly in the horizontal alley underneath the row
+            // Non-adjacent or return in same row: arch cleanly inside the empty horizontal corridor below the row
             startX = fromBox.x + fromBox.width * 0.5 + horizontalSlot * 0.5;
             startY = fromBox.y + ARTBOARD_HEADER_OFFSET + fromBox.height;
             endX = toBox.x + toBox.width * 0.5 - horizontalSlot * 0.5;
             endY = toBox.y + ARTBOARD_HEADER_OFFSET + toBox.height;
-            const archDepth = 95 + (idx % 3) * 32;
+            const archDepth = 58 + (idx % 4) * 26;
             cp1X = startX;
             cp1Y = startY + archDepth;
             cp2X = endX;
             cp2Y = endY + archDepth;
           }
         } else if (toBox.y > fromBox.y) {
-          // Cross-row downward connection (Bottom of fromBox -> Top of toBox)
+          // Cross-row downward connection through the horizontal corridor between rows
           startX = fromBox.x + fromBox.width * 0.5 + horizontalSlot;
           startY = fromBox.y + ARTBOARD_HEADER_OFFSET + fromBox.height;
           endX = toBox.x + toBox.width * 0.5 + horizontalSlot * 0.6;
-          endY = toBox.y + ARTBOARD_HEADER_OFFSET;
-          const dy = Math.max(90, Math.abs(endY - startY) * 0.48);
+          endY = toBox.y;
+          const dy = Math.max(70, Math.min(140, Math.abs(endY - startY) * 0.45));
           cp1X = startX;
           cp1Y = startY + dy;
           cp2X = endX;
           cp2Y = endY - dy;
         } else {
-          // Cross-row upward return connection (Top of fromBox -> Bottom of toBox)
+          // Cross-row upward return connection through the horizontal corridor between rows
           startX = fromBox.x + fromBox.width * 0.5 + horizontalSlot;
-          startY = fromBox.y + ARTBOARD_HEADER_OFFSET;
+          startY = fromBox.y;
           endX = toBox.x + toBox.width * 0.5 + horizontalSlot * 0.6;
           endY = toBox.y + ARTBOARD_HEADER_OFFSET + toBox.height;
-          const dy = Math.max(90, Math.abs(startY - endY) * 0.48);
+          const dy = Math.max(70, Math.min(140, Math.abs(startY - endY) * 0.45));
           cp1X = startX;
           cp1Y = startY - dy;
           cp2X = endX;