@synergenius/flow-weaver 0.4.1 → 0.4.3

package/dist/cli/flow-weaver.mjs

@@ -59388,20 +59388,6 @@ function assignUnpositionedNodes(layers, diagramNodes, explicitPositions) {
     }
   }
 }
-function resolveHorizontalOverlaps(diagramNodes) {
-  const nodes = [...diagramNodes.values()].sort((a, b) => a.x - b.x);
-  for (let i = 1; i < nodes.length; i++) {
-    const prev = nodes[i - 1];
-    const curr = nodes[i];
-    const prevRightExtent = maxPortLabelExtent(prev.outputs);
-    const currLeftExtent = maxPortLabelExtent(curr.inputs);
-    const minGap = Math.max(prevRightExtent + LABEL_CLEARANCE + currLeftExtent, MIN_EDGE_GAP);
-    const actualGap = curr.x - (prev.x + prev.width);
-    if (actualGap < minGap) {
-      curr.x = prev.x + prev.width + minGap;
-    }
-  }
-}
 function buildDiagramGraph(ast, options = {}) {
   const themeName = options.theme ?? "dark";
   const nodeTypeMap = /* @__PURE__ */ new Map();
@@ -59510,7 +59496,6 @@ function buildDiagramGraph(ast, options = {}) {
         node.y = pos.y;
       }
     }
-    resolveHorizontalOverlaps(diagramNodes);
   } else if (nonePositioned) {
     const { layers } = layoutWorkflow(ast);
     assignLayerCoordinates(layers, diagramNodes);
@@ -59713,6 +59698,8 @@ function buildDiagramGraph(ast, options = {}) {
       }
     }
   }
+  let originX = 0;
+  let originY = 0;
   let normalizedMaxY = maxY - minY + padding * 2;
   let normalizedMaxX = maxX - minX + padding * 2;
   const allConns = [...connections];
@@ -59723,11 +59710,15 @@ function buildDiagramGraph(ast, options = {}) {
     const extent = pathExtent(conn.path);
     if (extent.maxY + padding > normalizedMaxY) normalizedMaxY = extent.maxY + padding;
     if (extent.maxX + padding > normalizedMaxX) normalizedMaxX = extent.maxX + padding;
+    if (extent.minY - padding < originY) originY = extent.minY - padding;
+    if (extent.minX - padding < originX) originX = extent.minX - padding;
   }
+  normalizedMaxX -= originX;
+  normalizedMaxY -= originY;
   return {
     nodes,
     connections,
-    bounds: { width: normalizedMaxX, height: normalizedMaxY },
+    bounds: { width: normalizedMaxX, height: normalizedMaxY, originX, originY },
     workflowName: ast.name
   };
 }
@@ -59765,15 +59756,19 @@ function resolveDefaultIcon(nt) {
   return "code";
 }
 function pathExtent(path38) {
-  let maxX = -Infinity;
-  let maxY = -Infinity;
+  let minX = Infinity, minY = Infinity;
+  let maxX = -Infinity, maxY = -Infinity;
   const pattern = /(-?[\d.]+),(-?[\d.]+)/g;
   let m;
   while ((m = pattern.exec(path38)) !== null) {
-    maxX = Math.max(maxX, parseFloat(m[1]));
-    maxY = Math.max(maxY, parseFloat(m[2]));
+    const x = parseFloat(m[1]);
+    const y = parseFloat(m[2]);
+    minX = Math.min(minX, x);
+    minY = Math.min(minY, y);
+    maxX = Math.max(maxX, x);
+    maxY = Math.max(maxY, y);
   }
-  return { maxX, maxY };
+  return { minX, minY, maxX, maxY };
 }
 function maxPortLabelExtent(ports) {
   if (ports.length === 0) return 0;
@@ -59804,7 +59799,9 @@ function renderSVG(graph, options = {}) {
   const themeName = options.theme ?? "dark";
   const theme = getTheme(themeName);
   const showPortLabels = options.showPortLabels ?? true;
-  let { width: vbWidth, height: vbHeight } = graph.bounds;
+  let { width: vbWidth, height: vbHeight, originX: vbX, originY: vbY } = graph.bounds;
+  vbX = vbX ?? 0;
+  vbY = vbY ?? 0;
   vbWidth = Math.max(vbWidth, 200);
   vbHeight = Math.max(vbHeight, 100);
   const svgWidth = options.width || vbWidth;
@@ -59812,7 +59809,7 @@ function renderSVG(graph, options = {}) {
   const allConnections = collectAllConnections(graph);
   const parts2 = [];
   parts2.push(
-    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${vbWidth} ${vbHeight}" width="${svgWidth}" height="${svgHeight}">`
+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${vbX} ${vbY} ${vbWidth} ${vbHeight}" width="${svgWidth}" height="${svgHeight}">`
   );
   parts2.push(`<style>`);
   parts2.push(`  text { font-family: Montserrat, 'Segoe UI', Roboto, sans-serif; }`);
@@ -60065,7 +60062,7 @@ body {
 body.node-active .connections path.dimmed { opacity: 0.15; }
 
 /* Node hover glow */
-.nodes > g:hover rect:first-of-type { filter: brightness(1.08); }
+.nodes g[data-node-id]:hover > rect:first-of-type { filter: brightness(1.08); }
 
 /* Zoom controls */
 #controls {
@@ -60260,27 +60257,38 @@ body.node-active .connections path.dimmed { opacity: 0.15; }
 
   // ---- Port label visibility via JS (since CSS sibling selectors can't reach .labels group) ----
   var labelEls = content.querySelectorAll('.labels g[data-port-label]');
-  var nodeEls = content.querySelectorAll('.nodes > g[data-node-id]');
+  var nodeEls = content.querySelectorAll('.nodes g[data-node-id]');
+
+  function showLabelsFor(id) {
+    labelEls.forEach(function(lbl) {
+      var portId = lbl.getAttribute('data-port-label') || '';
+      if (portId.indexOf(id + '.') === 0) {
+        lbl.style.opacity = '1';
+        lbl.style.pointerEvents = 'auto';
+      }
+    });
+  }
+  function hideLabelsFor(id) {
+    labelEls.forEach(function(lbl) {
+      var portId = lbl.getAttribute('data-port-label') || '';
+      if (portId.indexOf(id + '.') === 0) {
+        lbl.style.opacity = '0';
+        lbl.style.pointerEvents = 'none';
+      }
+    });
+  }
 
   nodeEls.forEach(function(nodeG) {
     var nodeId = nodeG.getAttribute('data-node-id');
+    var parentNodeG = nodeG.parentElement ? nodeG.parentElement.closest('g[data-node-id]') : null;
+    var parentId = parentNodeG ? parentNodeG.getAttribute('data-node-id') : null;
     nodeG.addEventListener('mouseenter', function() {
-      labelEls.forEach(function(lbl) {
-        var portId = lbl.getAttribute('data-port-label') || '';
-        if (portId.indexOf(nodeId + '.') === 0) {
-          lbl.style.opacity = '1';
-          lbl.style.pointerEvents = 'auto';
-        }
-      });
+      if (parentId) hideLabelsFor(parentId);
+      showLabelsFor(nodeId);
     });
     nodeG.addEventListener('mouseleave', function() {
-      labelEls.forEach(function(lbl) {
-        var portId = lbl.getAttribute('data-port-label') || '';
-        if (portId.indexOf(nodeId + '.') === 0) {
-          lbl.style.opacity = '0';
-          lbl.style.pointerEvents = 'none';
-        }
-      });
+      hideLabelsFor(nodeId);
+      if (parentId) showLabelsFor(parentId);
     });
   });
 
@@ -94412,7 +94420,7 @@ function displayInstalledPackage(pkg) {
 }
 
 // src/cli/index.ts
-var version2 = true ? "0.4.1" : "0.0.0-dev";
+var version2 = true ? "0.4.3" : "0.0.0-dev";
 var program2 = new Command();
 program2.name("flow-weaver").description("Flow Weaver Annotations - Compile and validate workflow files").version(version2, "-v, --version", "Output the current version");
 program2.configureOutput({

package/dist/diagram/geometry.js

@@ -744,7 +744,7 @@ export function buildDiagramGraph(ast, options = {}) {
     const allPositioned = [...diagramNodes.keys()].every(id => explicitPositions.has(id));
     const nonePositioned = ![...diagramNodes.keys()].some(id => explicitPositions.has(id));
     if (allPositioned) {
-        // All nodes have explicit positions — apply them
+        // All nodes have explicit positions — apply them as-is
         for (const [id, pos] of explicitPositions) {
             const node = diagramNodes.get(id);
             if (node) {
@@ -752,9 +752,6 @@ export function buildDiagramGraph(ast, options = {}) {
                 node.y = pos.y;
             }
         }
-        // Resolve horizontal overlaps: scope nodes may be wider than the
-        // original positions anticipated, so push downstream nodes apart.
-        resolveHorizontalOverlaps(diagramNodes);
     }
     else if (nonePositioned) {
         // No positions — full auto-layout (original behavior)
@@ -982,7 +979,9 @@ export function buildDiagramGraph(ast, options = {}) {
             }
         }
     }
-    // Extend bounds to include connection paths (orthogonal routes can go outside node area)
+    // Extend bounds to include connection paths (routes can go outside node area)
+    let originX = 0;
+    let originY = 0;
     let normalizedMaxY = (maxY - minY) + padding * 2;
     let normalizedMaxX = (maxX - minX) + padding * 2;
     const allConns = [...connections];
@@ -996,11 +995,18 @@ export function buildDiagramGraph(ast, options = {}) {
             normalizedMaxY = extent.maxY + padding;
         if (extent.maxX + padding > normalizedMaxX)
             normalizedMaxX = extent.maxX + padding;
+        if (extent.minY - padding < originY)
+            originY = extent.minY - padding;
+        if (extent.minX - padding < originX)
+            originX = extent.minX - padding;
     }
+    // Expand dimensions to cover the shifted origin
+    normalizedMaxX -= originX;
+    normalizedMaxY -= originY;
     return {
         nodes,
         connections,
-        bounds: { width: normalizedMaxX, height: normalizedMaxY },
+        bounds: { width: normalizedMaxX, height: normalizedMaxY, originX, originY },
         workflowName: ast.name,
     };
 }
@@ -1052,17 +1058,21 @@ function resolveDefaultIcon(nt) {
         return 'flow';
     return 'code';
 }
-/** Extract max X/Y extent from an SVG path string (for bounds calculation) */
+/** Extract min/max X/Y extent from an SVG path string (for bounds calculation) */
 function pathExtent(path) {
-    let maxX = -Infinity;
-    let maxY = -Infinity;
+    let minX = Infinity, minY = Infinity;
+    let maxX = -Infinity, maxY = -Infinity;
     const pattern = /(-?[\d.]+),(-?[\d.]+)/g;
     let m;
     while ((m = pattern.exec(path)) !== null) {
-        maxX = Math.max(maxX, parseFloat(m[1]));
-        maxY = Math.max(maxY, parseFloat(m[2]));
+        const x = parseFloat(m[1]);
+        const y = parseFloat(m[2]);
+        minX = Math.min(minX, x);
+        minY = Math.min(minY, y);
+        maxX = Math.max(maxX, x);
+        maxY = Math.max(maxY, y);
     }
-    return { maxX, maxY };
+    return { minX, minY, maxX, maxY };
 }
 /** Estimate the maximum port label badge extent beyond the node edge */
 function maxPortLabelExtent(ports) {

package/dist/diagram/html-viewer.js

@@ -73,7 +73,7 @@ body {
 body.node-active .connections path.dimmed { opacity: 0.15; }
 
 /* Node hover glow */
-.nodes > g:hover rect:first-of-type { filter: brightness(1.08); }
+.nodes g[data-node-id]:hover > rect:first-of-type { filter: brightness(1.08); }
 
 /* Zoom controls */
 #controls {
@@ -268,27 +268,38 @@ body.node-active .connections path.dimmed { opacity: 0.15; }
 
   // ---- Port label visibility via JS (since CSS sibling selectors can't reach .labels group) ----
   var labelEls = content.querySelectorAll('.labels g[data-port-label]');
-  var nodeEls = content.querySelectorAll('.nodes > g[data-node-id]');
+  var nodeEls = content.querySelectorAll('.nodes g[data-node-id]');
+
+  function showLabelsFor(id) {
+    labelEls.forEach(function(lbl) {
+      var portId = lbl.getAttribute('data-port-label') || '';
+      if (portId.indexOf(id + '.') === 0) {
+        lbl.style.opacity = '1';
+        lbl.style.pointerEvents = 'auto';
+      }
+    });
+  }
+  function hideLabelsFor(id) {
+    labelEls.forEach(function(lbl) {
+      var portId = lbl.getAttribute('data-port-label') || '';
+      if (portId.indexOf(id + '.') === 0) {
+        lbl.style.opacity = '0';
+        lbl.style.pointerEvents = 'none';
+      }
+    });
+  }
 
   nodeEls.forEach(function(nodeG) {
     var nodeId = nodeG.getAttribute('data-node-id');
+    var parentNodeG = nodeG.parentElement ? nodeG.parentElement.closest('g[data-node-id]') : null;
+    var parentId = parentNodeG ? parentNodeG.getAttribute('data-node-id') : null;
     nodeG.addEventListener('mouseenter', function() {
-      labelEls.forEach(function(lbl) {
-        var portId = lbl.getAttribute('data-port-label') || '';
-        if (portId.indexOf(nodeId + '.') === 0) {
-          lbl.style.opacity = '1';
-          lbl.style.pointerEvents = 'auto';
-        }
-      });
+      if (parentId) hideLabelsFor(parentId);
+      showLabelsFor(nodeId);
     });
     nodeG.addEventListener('mouseleave', function() {
-      labelEls.forEach(function(lbl) {
-        var portId = lbl.getAttribute('data-port-label') || '';
-        if (portId.indexOf(nodeId + '.') === 0) {
-          lbl.style.opacity = '0';
-          lbl.style.pointerEvents = 'none';
-        }
-      });
+      hideLabelsFor(nodeId);
+      if (parentId) showLabelsFor(parentId);
     });
   });
 

package/dist/diagram/renderer.js

@@ -17,7 +17,9 @@ export function renderSVG(graph, options = {}) {
     const themeName = options.theme ?? 'dark';
     const theme = getTheme(themeName);
     const showPortLabels = options.showPortLabels ?? true;
-    let { width: vbWidth, height: vbHeight } = graph.bounds;
+    let { width: vbWidth, height: vbHeight, originX: vbX, originY: vbY } = graph.bounds;
+    vbX = vbX ?? 0;
+    vbY = vbY ?? 0;
     // Ensure minimum bounds
     vbWidth = Math.max(vbWidth, 200);
     vbHeight = Math.max(vbHeight, 100);
@@ -27,7 +29,7 @@ export function renderSVG(graph, options = {}) {
     const allConnections = collectAllConnections(graph);
     const parts = [];
     // SVG open
-    parts.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${vbWidth} ${vbHeight}" width="${svgWidth}" height="${svgHeight}">`);
+    parts.push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${vbX} ${vbY} ${vbWidth} ${vbHeight}" width="${svgWidth}" height="${svgHeight}">`);
     // Styles
     parts.push(`<style>`);
     parts.push(`  text { font-family: Montserrat, 'Segoe UI', Roboto, sans-serif; }`);

package/dist/diagram/types.d.ts

@@ -52,6 +52,8 @@ export interface DiagramGraph {
     bounds: {
         width: number;
         height: number;
+        originX?: number;
+        originY?: number;
     };
     workflowName: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synergenius/flow-weaver",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Deterministic workflow compiler for AI agents. Compiles to standalone TypeScript, no runtime dependencies.",
   "private": false,
   "type": "module",
@@ -95,8 +95,8 @@
     "typecheck": "tsc --noEmit -p tsconfig.build.json",
     "docs": "typedoc && tsx scripts/generate-grammar-docs.ts",
     "docs:serve": "npm run docs && npx http-server docs/api -c-1 -o",
-    "prepublishOnly": "npm run build",
-    "cli": "ts-node src/cli/index.ts"
+    "prepare": "npm run build",
+    "cli": "tsx src/cli/index.ts"
   },
   "keywords": [
     "flow-weaver",