@oomol-lab/open-flow 0.1.0-beta.84 → 0.1.0-beta.86

package/dist/browser/{FlowCanvas-B2g7NceZ.js → FlowCanvas-CHIaMaBv.js}

@@ -1,8 +1,8 @@
 import { o as __toESM, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { $ as waitBranchDescription, A as DropdownMenuItem, B as CompositeItem, D as DropdownMenuCheckboxItem, E as DropdownMenu, G as MenuPopup, H as MenuRoot, J as ContextMenuRootContext, K as MenuItem, M as DropdownMenuRadioGroup, N as DropdownMenuRadioItem, O as DropdownMenuContent, P as DropdownMenuSeparator, Q as uiLocales, R as DropdownMenuTrigger, U as MenuPositioner, W as MenuPortal, X as MenuRootContext, Y as useContextMenuRootContext, Z as useMenuRootContext, a as CompositeRoot, at as ja_default, c as PopoverContent, ct as I18n, dt as useAriaLabelledBy, f as PopoverTitle, ft as useFieldItemContext, h as ScrollArea, i as Textarea, it as ko_default, j as DropdownMenuLabel, k as DropdownMenuGroup, m as NativeScrollArea, n as wrapLayout, nt as zh_CN_default, o as ACTIVE_COMPOSITE_ITEM, ot as fr_default, p as PopoverTrigger, pt as IconThemeContext, q as MenuGroup, r as canvasDirection, rt as ru_default, s as Popover, st as en_default, t as layoutAxes, tt as zh_TW_default, ut as Checkbox, v as ContentIcon, z as findRootOwnerId } from "./wrapLayout-C4moMKgb.js";
+import { $ as waitBranchDescription, A as DropdownMenuItem, B as CompositeItem, D as DropdownMenuCheckboxItem, E as DropdownMenu, G as MenuPopup, H as MenuRoot, J as ContextMenuRootContext, K as MenuItem, M as DropdownMenuRadioGroup, N as DropdownMenuRadioItem, O as DropdownMenuContent, P as DropdownMenuSeparator, Q as uiLocales, R as DropdownMenuTrigger, U as MenuPositioner, W as MenuPortal, X as MenuRootContext, Y as useContextMenuRootContext, Z as useMenuRootContext, a as CompositeRoot, at as ja_default, c as PopoverContent, ct as I18n, dt as useAriaLabelledBy, f as PopoverTitle, ft as useFieldItemContext, h as ScrollArea, i as Textarea, it as ko_default, j as DropdownMenuLabel, k as DropdownMenuGroup, m as NativeScrollArea, n as wrapLayout, nt as zh_CN_default, o as ACTIVE_COMPOSITE_ITEM, ot as fr_default, p as PopoverTrigger, pt as IconThemeContext, q as MenuGroup, r as canvasDirection, rt as ru_default, s as Popover, st as en_default, t as layoutAxes, tt as zh_TW_default, ut as Checkbox, v as ContentIcon, z as findRootOwnerId } from "./wrapLayout-B0AT8_-i.js";
 import { a as derive, c as strictEqual, i as compute, l as val, n as attachSetter, r as combine, s as readonlyVal } from "./dist-bO8nvHFH.js";
 import { c as useLang, i as isString, l as useTranslate, n as isBoolean, o as I18nProvider, r as isPlainObject, t as isArray$1, u as useVal } from "./dist-BFmpkX4P.js";
-import { A as string, Bn as transitionStatusMapping, Br as useStableCallback, C as literal, Cr as cn$1, Dn as getTarget, En as contains, Er as useRenderElement, Fn as createLucideIcon, Fr as formatErrorMessage, J as SHIFT, Kn as cancelOpen, Lr as useIsoLayoutEffect, Mn as ownerDocument, Mr as useButton, Nn as useLabelableId, Or as EMPTY_OBJECT, Sn as stopEvent$1, T as number, Tr as clsx, Un as useValueChanged, Wn as createChangeEventDetails, Yt as addEventListener, _r as fieldValidityMapping, br as useControlled, cr as triggerPress, dr as useFormContext, fr as useRegisterFieldControl, gt as serializeValue, hr as useId$1, i as TooltipTrigger, jr as useMergedRefs, k as strictObject, kr as NOOP, mr as useBaseUiId, n as TooltipContent, p as timeZoneOffsetMinutes, pr as useFieldRootContext, pt as pressableTriggerOpenStateMapping, r as TooltipProvider, rr as none$1, sn as useTimeout, t as Tooltip, tn as require_with_selector, ur as useLabelableContext, vr as visuallyHidden, xr as Button, y as discriminatedUnion, yr as visuallyHiddenInput } from "./tooltip-DGj5pudg.js";
+import { A as string, Bn as transitionStatusMapping, Br as useStableCallback, C as literal, Cr as cn$1, Dn as getTarget, En as contains, Er as useRenderElement, Fn as createLucideIcon, Fr as formatErrorMessage, J as SHIFT, Kn as cancelOpen, Lr as useIsoLayoutEffect, Mn as ownerDocument, Mr as useButton, Nn as useLabelableId, Or as EMPTY_OBJECT, Sn as stopEvent$1, T as number, Tr as clsx, Un as useValueChanged, Wn as createChangeEventDetails, Yt as addEventListener, _r as fieldValidityMapping, br as useControlled, cr as triggerPress, dr as useFormContext, fr as useRegisterFieldControl, gt as serializeValue, hr as useId$1, i as TooltipTrigger, jr as useMergedRefs, k as strictObject, kr as NOOP, mr as useBaseUiId, n as TooltipContent, p as timeZoneOffsetMinutes, pr as useFieldRootContext, pt as pressableTriggerOpenStateMapping, r as TooltipProvider, rr as none$1, sn as useTimeout, t as Tooltip, tn as require_with_selector, ur as useLabelableContext, vr as visuallyHidden, xr as Button, y as discriminatedUnion, yr as visuallyHiddenInput } from "./tooltip-DSBF3bRw.js";
 import { r as resolveUiLanguage } from "./languages-gYzoQqCi.js";
 import * as React from "react";
 import reactExports, { Children, Suspense, createContext, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -2497,6 +2497,76 @@ function _e(e) {
 }
 /*! For license information please see dagre.esm.js.LEGAL.txt */
 //#endregion
+//#region src/canvas/browser/base/routeCrossings.ts
+var epsilon = 1e-6;
+function samePoint(a, b) {
+	return Math.abs(a.x - b.x) < epsilon && Math.abs(a.y - b.y) < epsilon;
+}
+function segment(a, b) {
+	return {
+		left: Math.min(a.x, b.x),
+		right: Math.max(a.x, b.x),
+		top: Math.min(a.y, b.y),
+		bottom: Math.max(a.y, b.y)
+	};
+}
+/** Allow only the common prefix/suffix, not later crossings between the same edges. */
+function sharedEnd(a, b, overlap, reverse) {
+	const step = reverse ? -1 : 1;
+	let i = reverse ? a.length - 1 : 0;
+	let j = reverse ? b.length - 1 : 0;
+	let start = a[i];
+	if (!samePoint(start, b[j])) return false;
+	if (Math.abs(overlap.left - start.x) < epsilon && Math.abs(overlap.right - start.x) < epsilon && Math.abs(overlap.top - start.y) < epsilon && Math.abs(overlap.bottom - start.y) < epsilon) return true;
+	while (a[i + step] && b[j + step]) {
+		const endA = a[i + step];
+		const endB = b[j + step];
+		const vertical = Math.abs(endA.x - start.x) < epsilon;
+		const otherVertical = Math.abs(endB.x - start.x) < epsilon;
+		const directionA = vertical ? endA.y - start.y : endA.x - start.x;
+		const directionB = vertical ? endB.y - start.y : endB.x - start.x;
+		if (vertical !== otherVertical || directionA * directionB < 0) return false;
+		const end = Math.abs(directionA) <= Math.abs(directionB) ? endA : endB;
+		const common = segment(start, end);
+		if (overlap.left >= common.left - epsilon && overlap.right <= common.right + epsilon && overlap.top >= common.top - epsilon && overlap.bottom <= common.bottom + epsilon) return true;
+		if (samePoint(end, endA)) i += step;
+		if (samePoint(end, endB)) j += step;
+		start = end;
+	}
+	return false;
+}
+/** Check orthogonal routes once after layout; stop at the first unrelated contact or overlap. */
+function hasRouteCrossings(routes) {
+	const paths = [...routes.values()].map((points) => {
+		const path = points.filter((point, index) => index === 0 || !samePoint(point, points[index - 1]));
+		return {
+			path,
+			segments: path.slice(1).map((point, index) => segment(path[index], point))
+		};
+	});
+	for (let i = 0; i < paths.length; i++) {
+		const a = paths[i];
+		for (let j = i + 1; j < paths.length; j++) {
+			const b = paths[j];
+			for (const first of a.segments) for (const second of b.segments) {
+				const left = Math.max(first.left, second.left);
+				const right = Math.min(first.right, second.right);
+				const top = Math.max(first.top, second.top);
+				const bottom = Math.min(first.bottom, second.bottom);
+				if (left > right + epsilon || top > bottom + epsilon) continue;
+				const overlap = {
+					left,
+					right,
+					top,
+					bottom
+				};
+				if (!sharedEnd(a.path, b.path, overlap, false) && !sharedEnd(a.path, b.path, overlap, true)) return true;
+			}
+		}
+	}
+	return false;
+}
+//#endregion
 //#region src/canvas/browser/base/routeLayout.ts
 var clearance = 16;
 var portOffset = 24;
@@ -2849,19 +2919,26 @@ function compactComponent(graph, insets, aspectRatio) {
 	const gap = 48;
 	const pathNodes = normalized.filter((node) => incoming.has(node.id) || outgoing.has(node.id));
 	const crossSize = Math.max(...(pathNodes.length ? pathNodes : normalized).map((node) => node.height));
-	const bow = crossSize * .75;
-	const separation = crossSize + 48;
+	const bow = crossSize * .5;
+	const separation = crossSize + bow + gap;
 	const bucketSize = Math.max(...normalized.map((node) => node.width)) + gap;
 	const byId = new Map(normalized.map((node) => [node.id, node]));
 	const forwardEdges = graph.edges.filter((edge) => byId.get(edge.source).column < byId.get(edge.target).column);
 	const parents = Map.groupBy(forwardEdges, (edge) => edge.target);
 	const children = Map.groupBy(forwardEdges, (edge) => edge.source);
 	const ordered = normalized.toSorted((a, b) => a.column - b.column || a.y - b.y);
-	const remaining = /* @__PURE__ */ new Map();
-	for (const node of ordered.toReversed()) remaining.set(node.id, 1 + Math.max(0, ...(children.get(node.id) ?? []).filter((edge) => parents.get(edge.target)?.length === 1).map((edge) => remaining.get(edge.target))));
 	const rankEnds = new Map([...Map.groupBy(normalized, (node) => node.column)].map(([rank, nodes]) => [rank, Math.max(...nodes.map((node) => node.x + node.width))]));
+	const remaining = /* @__PURE__ */ new Map();
+	for (const node of ordered.toReversed()) {
+		const next = (children.get(node.id) ?? []).filter((edge) => parents.get(edge.target)?.length === 1).map((edge) => remaining.get(edge.target));
+		remaining.set(node.id, {
+			count: 1 + Math.max(0, ...next.map((path) => path.count)),
+			size: Math.max(node.width, ...next.map((path) => rankEnds.get(node.column) - node.x + gap + path.size))
+		});
+	}
 	const spans = /* @__PURE__ */ new Set([Infinity, ...rankEnds.values()]);
-	let best;
+	const layouts = [];
+	let unfolded;
 	for (const span of spans) {
 		const placed = /* @__PURE__ */ new Map();
 		const buckets = /* @__PURE__ */ new Map();
@@ -2883,10 +2960,15 @@ function compactComponent(graph, insets, aspectRatio) {
 			} else if (parent) {
 				shift = parent.shift;
 				start = parent.start;
+				const length = primary - start + remaining.get(original.id).size;
+				const capacity = Math.max(original.width, span - start);
+				const runs = Math.max(1, Math.ceil((length + gap) / (capacity + gap)));
+				const end = start + (length + gap) / runs - gap;
+				const midpoint = (parent.node.x + parent.node.width + primary + original.width) / 2;
 				if ((children.get(parent.node.id)?.length ?? 0) > 1) {
 					shift = parent.node.y - byId.get(parent.node.id).y;
 					start = primary;
-				} else if (primary + original.width > span && remaining.get(original.id) > 2) {
+				} else if (midpoint > end + 1e-6 && remaining.get(original.id).count > 2) {
 					primary = Math.max(0, start - span / 3);
 					shift = parent.shift + side * separation;
 					start = primary;
@@ -2915,7 +2997,7 @@ function compactComponent(graph, insets, aspectRatio) {
 				order: placed.size,
 				shift: node.y - original.y - drift,
 				start,
-				extent: Math.max(node.x + node.width, ...upstream.map((entry) => entry.extent))
+				extent: Math.max(node.x + node.width, parent && node.x < parent.node.x ? parent.node.x + parent.node.width + gap : 0, ...upstream.map((entry) => entry.extent))
 			};
 			placed.set(node.id, placement);
 			for (let bucket = firstBucket; bucket <= lastBucket; bucket++) {
@@ -2929,23 +3011,37 @@ function compactComponent(graph, insets, aspectRatio) {
 		const width = extent.height + insets.width + 48;
 		const height = extent.width + insets.height + 48;
 		const area = width * height;
-		const score = Math.max(width / aspectRatio, height);
-		if (!best || score < best.score - 1e-9 || Math.abs(score - best.score) < 1e-9 && (area < best.area || area === best.area && turns < best.turns)) best = {
+		const candidate = {
 			nodes,
-			score,
+			score: Math.max(width / aspectRatio, height),
 			area,
 			turns
 		};
+		if (span === Infinity) unfolded = candidate;
+		layouts.push(candidate);
+		layouts.sort((a, b) => Math.abs(a.score - b.score) >= 1e-9 ? a.score - b.score : a.area - b.area || a.turns - b.turns);
+		if (layouts.length > 2) layouts.pop();
 	}
-	const routes = routeLayout(best.nodes, graph.edges.map((edge) => Object.assign({}, edge, {
+	const edges = graph.edges.map((edge) => Object.assign({}, edge, {
 		sourceOffset: edge.sourceOffset && layoutAxes(edge.sourceOffset, "vertical"),
 		targetOffset: edge.targetOffset && layoutAxes(edge.targetOffset, "vertical")
-	})));
+	}));
+	if (!layouts.includes(unfolded)) layouts.push(unfolded);
+	let best;
+	for (const candidate of layouts) {
+		const routes = routeLayout(candidate.nodes, edges);
+		const crosses = hasRouteCrossings(routes);
+		if (!best || !crosses) best = {
+			nodes: candidate.nodes,
+			routes
+		};
+		if (!crosses) break;
+	}
 	const physicalNodes = best.nodes.map((node) => Object.assign({}, node, layoutAxes(node, "vertical"), {
 		width: node.height,
 		height: node.width
 	}));
-	const physicalRoutes = new Map([...routes].map(([id, points]) => [id, points.map((point) => layoutAxes(point, "vertical"))]));
+	const physicalRoutes = new Map([...best.routes].map(([id, points]) => [id, points.map((point) => layoutAxes(point, "vertical"))]));
 	return {
 		positions: Object.fromEntries(physicalNodes.map(({ id, x, y }) => [id, {
 			x,
@@ -20839,7 +20935,7 @@ var markdownPreview_module_default = {
 };
 //#endregion
 //#region src/canvas/browser/preview/markdownPreview.tsx
-var MarkdownContent = lazy(() => import("./markdownContent-DIuJThGK.js"));
+var MarkdownContent = lazy(() => import("./markdownContent-BR9-1ikU.js"));
 var MarkdownPreview = /* @__PURE__ */ memo(({ dark, unstyled, components, contentClassName, content, draggable, onDoubleClick }) => {
 	const [focus, setFocus] = useState(false);
 	return /* @__PURE__ */ jsx("div", {

package/dist/browser/{createResourceDialog-Bi4fUnbD.js → createResourceDialog-C0E5yPe6.js}

@@ -1,7 +1,7 @@
 import { l as useTranslate } from "./dist-BFmpkX4P.js";
-import { xr as Button } from "./tooltip-DGj5pudg.js";
-import { a as DialogFooter, d as Field, f as FieldDescription, h as FieldLabel, i as DialogDescription, in as Input, 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-BzoSxhXQ.js";
-import { t as WorkbenchSelect } from "./workbenchSelect-BIaEVTx6.js";
+import { xr as Button } from "./tooltip-DSBF3bRw.js";
+import { a as DialogFooter, d as Field, f as FieldDescription, h as FieldLabel, hn as Input, 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-b3hsdu8i.js";
+import { t as WorkbenchSelect } from "./workbenchSelect-Di1Bm_-d.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