@synergenius/flow-weaver 0.9.3 → 0.9.5

package/dist/cli/flow-weaver.mjs

@@ -60562,6 +60562,21 @@ function assignUnpositionedNodes(layers, diagramNodes, explicitPositions) {
     }
   }
 }
+function resolveHorizontalOverlaps(diagramNodes, explicitPositions) {
+  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];
+    if (explicitPositions.has(curr.id)) continue;
+    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();
@@ -60676,6 +60691,7 @@ function buildDiagramGraph(ast, options = {}) {
   } else {
     const { layers } = layoutWorkflow(ast);
     assignUnpositionedNodes(layers, diagramNodes, explicitPositions);
+    resolveHorizontalOverlaps(diagramNodes, explicitPositions);
   }
   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.5" : "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

@@ -610,11 +610,13 @@ function assignUnpositionedNodes(layers, diagramNodes, explicitPositions) {
  * label extent) intrudes into the previous node's right edge (plus its
  * output label extent and clearance).
  */
-function resolveHorizontalOverlaps(diagramNodes) {
+function resolveHorizontalOverlaps(diagramNodes, explicitPositions) {
     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];
+        if (explicitPositions.has(curr.id))
+            continue; // respect author-set positions
         // Only external port labels overhang the node boundary.
         // Scope inner-edge port labels face inward and don't extend past the node box.
         const prevRightExtent = maxPortLabelExtent(prev.outputs);
@@ -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, explicitPositions);
     }
     // 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.5",
   "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",