@oomol-lab/open-flow 0.1.0-beta.70 → 0.1.0-beta.72

package/dist/browser/{FlowCanvas-CqtUDPGj.js → FlowCanvas-Dtf8_cQp.js}

@@ -14583,21 +14583,14 @@ function connectionNodeBounds(node) {
 		height: node.measured.height
 	};
 }
-/** Stable visual order, independent of which ports currently have connections. */
-function connectionPortIndex(node, handleId) {
-	const handles = [...node?.internals.handleBounds?.source ?? [], ...node?.internals.handleBounds?.target ?? []];
-	const handle = handles.find((item) => item.id === handleId);
-	if (!handle) return 0;
-	return handles.filter((item) => item.position === handle.position && item.y < handle.y).length;
-}
-/** Return connections use fixed side offsets and a lane below the output or above a lower row. */
-function getConnectionPath({ sourceBounds, targetBounds, sourcePortIndex = 0, targetPortIndex = 0, ...params }) {
+/** Return connections offset both side turns and horizontal lanes by their endpoint distance. */
+function getConnectionPath({ sourceBounds, targetBounds, ...params }) {
 	const { sourceX, sourceY, targetX, targetY, sourcePosition = Position.Bottom, targetPosition = Position.Top } = params;
 	const reverse = sourcePosition === Position.Left && targetPosition === Position.Right;
 	const horizontal = sourcePosition === Position.Right && targetPosition === Position.Left || reverse;
-	const rightX = reverse ? targetX : sourceX;
-	const leftX = reverse ? sourceX : targetX;
-	if (!horizontal || rightX < leftX) {
+	const outputX = reverse ? targetX : sourceX;
+	const inputX = reverse ? sourceX : targetX;
+	if (!horizontal || outputX < inputX) {
 		const [path, x, y] = getBezierPath(params);
 		return [
 			path,
@@ -14605,24 +14598,34 @@ function getConnectionPath({ sourceBounds, targetBounds, sourcePortIndex = 0, ta
 			y
 		];
 	}
-	const clearance = 40 + Math.max(sourcePortIndex, targetPortIndex) * 12;
-	const radius = 16;
 	const outputBounds = reverse ? targetBounds : sourceBounds;
 	const inputBounds = reverse ? sourceBounds : targetBounds;
-	const rightY = reverse ? targetY : sourceY;
-	const leftY = reverse ? sourceY : targetY;
-	const right = rightX + clearance;
-	const left = leftX - clearance;
-	const outputLane = Math.max(rightY, outputBounds ? outputBounds.y + outputBounds.height : rightY) + clearance;
-	const laneY = Math.max(outputLane, inputBounds ? inputBounds.y - clearance : outputLane);
+	const outputY = reverse ? targetY : sourceY;
+	const inputY = reverse ? sourceY : targetY;
+	const minimumOffset = 40;
+	const departureOffset = minimumOffset + (Math.abs(inputX - outputX) + Math.abs(inputY - outputY)) * .1;
+	const outputBottom = Math.max(outputY, outputBounds ? outputBounds.y + outputBounds.height : outputY);
+	const inputBottom = inputBounds ? inputBounds.y + inputBounds.height : outputBottom;
+	let arrivalOffset = departureOffset;
+	let laneY = Math.max(outputBottom, inputBottom) + departureOffset;
+	if (inputBounds) {
+		const reflectedOffset = inputBounds.width - departureOffset;
+		const upperLane = inputBounds.y - reflectedOffset;
+		if (reflectedOffset >= minimumOffset && upperLane >= outputBottom + departureOffset) {
+			arrivalOffset = reflectedOffset;
+			laneY = upperLane;
+		}
+	}
+	const right = outputX + departureOffset;
+	const left = inputX - arrivalOffset;
 	const points = [
 		{
-			x: rightX,
-			y: rightY
+			x: outputX,
+			y: outputY
 		},
 		{
 			x: right,
-			y: rightY
+			y: outputY
 		},
 		{
 			x: right,
@@ -14634,14 +14637,15 @@ function getConnectionPath({ sourceBounds, targetBounds, sourcePortIndex = 0, ta
 		},
 		{
 			x: left,
-			y: leftY
+			y: inputY
 		},
 		{
-			x: leftX,
-			y: leftY
+			x: inputX,
+			y: inputY
 		}
 	].filter((point, index, all) => index === 0 || point.x !== all[index - 1].x || point.y !== all[index - 1].y);
 	if (reverse) points.reverse();
+	const radius = 16;
 	let path = `M ${points[0].x} ${points[0].y}`;
 	for (let i = 1; i < points.length - 1; i++) {
 		const previous = points[i - 1];
@@ -14694,8 +14698,6 @@ function BasicEdge(props) {
 	const targetNode = useInternalNode(props.target);
 	const [path, labelX, labelY] = getConnectionPath({
 		sourceBounds: connectionNodeBounds(sourceNode),
-		sourcePortIndex: connectionPortIndex(sourceNode, props.sourceHandleId),
-		targetPortIndex: connectionPortIndex(targetNode, props.targetHandleId),
 		targetBounds: connectionNodeBounds(targetNode),
 		sourceX: props.sourceX,
 		sourceY: props.sourceY,
@@ -21661,12 +21663,10 @@ function CanvasTopLeftControls({ children }) {
 }
 //#endregion
 //#region src/canvas/browser/graph/ReactFlowContainer/ConnectingLine.tsx
-var ConnectionLine = ({ fromHandle, toHandle, fromX, fromY, fromPosition, fromNode: rfStartNode, toX, toY, toPosition, toNode: rfEndNode, connectionLineStyle }) => {
+var ConnectionLine = ({ fromX, fromY, fromPosition, fromNode: rfStartNode, toX, toY, toPosition, toNode: rfEndNode, connectionLineStyle }) => {
 	const canvasStore = useCanvasStore();
 	const [edgePath] = getConnectionPath({
 		sourceBounds: connectionNodeBounds(rfStartNode),
-		sourcePortIndex: connectionPortIndex(rfStartNode, fromHandle.id),
-		targetPortIndex: connectionPortIndex(rfEndNode, toHandle?.id),
 		targetBounds: connectionNodeBounds(rfEndNode),
 		sourceX: fromX,
 		sourceY: fromY,

package/dist/browser/{createResourceDialog-BAHYW9yu.js → createResourceDialog-BWJkjiOO.js}

@@ -1,7 +1,7 @@
 import { l as useTranslate } from "./dist-BFmpkX4P.js";
 import { vr as Button } from "./tooltip-wZJRB9oP.js";
-import { It as Input, a as DialogFooter, d as Field, f as FieldDescription, h as FieldLabel, i as DialogDescription, l as Icon, m as FieldGroup, n as DialogClose, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner } from "./dialog-DcGOzUP2.js";
-import { t as WorkbenchSelect } from "./workbenchSelect-D8_vP2p5.js";
+import { It as Input, a as DialogFooter, d as Field, f as FieldDescription, h as FieldLabel, i as DialogDescription, l as Icon, m as FieldGroup, n as DialogClose, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner } from "./dialog-CUy_fwx9.js";
+import { t as WorkbenchSelect } from "./workbenchSelect-C3e4J93X.js";
 import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/workbench/browser/runtime/shell/createResourceDialog.tsx