@synergenius/flow-weaver 0.9.3 → 0.9.4

package/dist/cli/flow-weaver.mjs

@@ -60562,6 +60562,20 @@ 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();
@@ -60670,12 +60684,14 @@ function buildDiagramGraph(ast, options = {}) {
         node.y = pos.y;
       }
     }
+    resolveHorizontalOverlaps(diagramNodes);
   } else if (nonePositioned) {
     const { layers } = layoutWorkflow(ast);
     assignLayerCoordinates(layers, diagramNodes);
   } else {
     const { layers } = layoutWorkflow(ast);
     assignUnpositionedNodes(layers, diagramNodes, explicitPositions);
+    resolveHorizontalOverlaps(diagramNodes);
   }
   for (const node of diagramNodes.values()) {
     computePortPositions(node);
@@ -61232,10 +61248,10 @@ body {
 .nodes > g:hover ~ .show-port-labels .port-label,
 .nodes > g:hover ~ .show-port-labels .port-type-label { opacity: 1; }
 
-/* Connection hover & dimming */
-.connections path { transition: opacity 0.2s ease, stroke-width 0.15s ease; }
-.connections path:hover { stroke-width: 4; cursor: pointer; }
-body.node-active .connections path.dimmed { opacity: 0.15; }
+/* Connection hover & dimming (attribute selector covers both main and scope connections) */
+path[data-source] { transition: opacity 0.2s ease, stroke-width 0.15s ease; }
+path[data-source]:hover { stroke-width: 4; cursor: pointer; }
+body.node-active path[data-source].dimmed { opacity: 0.15; }
 
 /* Node hover glow */
 .nodes g[data-node-id]:hover > rect:first-of-type { filter: brightness(1.08); }
@@ -61439,7 +61455,7 @@ body.node-active .connections path.dimmed { opacity: 0.15; }
 
   // Build adjacency: portId \u2192 array of connected portIds
   var portConnections = {};
-  content.querySelectorAll('.connections path').forEach(function(p) {
+  content.querySelectorAll('path[data-source]').forEach(function(p) {
     var src = p.getAttribute('data-source');
     var tgt = p.getAttribute('data-target');
     if (!src || !tgt) return;
@@ -61536,7 +61552,7 @@ body.node-active .connections path.dimmed { opacity: 0.15; }
     });
 
     // Connected paths
-    var allPaths = content.querySelectorAll('.connections path');
+    var allPaths = content.querySelectorAll('path[data-source]');
     var connectedPaths = [];
     var connectedNodes = new Set();
     allPaths.forEach(function(p) {
@@ -96194,7 +96210,7 @@ function displayInstalledPackage(pkg) {
 }
 
 // src/cli/index.ts
-var version2 = true ? "0.9.3" : "0.0.0-dev";
+var version2 = true ? "0.9.4" : "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,8 @@ 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 as-is
+        // All nodes have explicit positions — apply them, then fix overlaps
+        // caused by scope expansion making nodes wider than the author anticipated.
         for (const [id, pos] of explicitPositions) {
             const node = diagramNodes.get(id);
             if (node) {
@@ -752,6 +753,7 @@ export function buildDiagramGraph(ast, options = {}) {
                 node.y = pos.y;
             }
         }
+        resolveHorizontalOverlaps(diagramNodes);
     }
     else if (nonePositioned) {
         // No positions — full auto-layout (original behavior)
@@ -762,6 +764,7 @@ export function buildDiagramGraph(ast, options = {}) {
         // Mixed — explicit positions + auto-layout for remaining nodes
         const { layers } = layoutWorkflow(ast);
         assignUnpositionedNodes(layers, diagramNodes, explicitPositions);
+        resolveHorizontalOverlaps(diagramNodes);
     }
     // Compute external port positions
     for (const node of diagramNodes.values()) {

package/dist/diagram/html-viewer.js

@@ -67,10 +67,10 @@ body {
 .nodes > g:hover ~ .show-port-labels .port-label,
 .nodes > g:hover ~ .show-port-labels .port-type-label { opacity: 1; }
 
-/* Connection hover & dimming */
-.connections path { transition: opacity 0.2s ease, stroke-width 0.15s ease; }
-.connections path:hover { stroke-width: 4; cursor: pointer; }
-body.node-active .connections path.dimmed { opacity: 0.15; }
+/* Connection hover & dimming (attribute selector covers both main and scope connections) */
+path[data-source] { transition: opacity 0.2s ease, stroke-width 0.15s ease; }
+path[data-source]:hover { stroke-width: 4; cursor: pointer; }
+body.node-active path[data-source].dimmed { opacity: 0.15; }
 
 /* Node hover glow */
 .nodes g[data-node-id]:hover > rect:first-of-type { filter: brightness(1.08); }
@@ -274,7 +274,7 @@ body.node-active .connections path.dimmed { opacity: 0.15; }
 
   // Build adjacency: portId → array of connected portIds
   var portConnections = {};
-  content.querySelectorAll('.connections path').forEach(function(p) {
+  content.querySelectorAll('path[data-source]').forEach(function(p) {
     var src = p.getAttribute('data-source');
     var tgt = p.getAttribute('data-target');
     if (!src || !tgt) return;
@@ -371,7 +371,7 @@ body.node-active .connections path.dimmed { opacity: 0.15; }
     });
 
     // Connected paths
-    var allPaths = content.querySelectorAll('.connections path');
+    var allPaths = content.querySelectorAll('path[data-source]');
     var connectedPaths = [];
     var connectedNodes = new Set();
     allPaths.forEach(function(p) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synergenius/flow-weaver",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "Deterministic workflow compiler for AI agents. Compiles to standalone TypeScript, no runtime dependencies.",
   "private": false,
   "type": "module",
@@ -100,7 +100,8 @@
     "docs": "typedoc && tsx scripts/generate-grammar-docs.ts",
     "docs:serve": "npm run docs && npx http-server docs/api -c-1 -o",
     "prepare": "npm run build",
-    "cli": "tsx src/cli/index.ts"
+    "cli": "tsx src/cli/index.ts",
+    "diagram": "tsx scripts/generate-diagram.ts"
   },
   "keywords": [
     "flow-weaver",