@statelyai/graph 1.0.0 → 2.1.0

package/dist/formats/jgf/index.d.mts

@@ -1,4 +1,4 @@
-import { h as GraphFormatConverter, u as Graph } from "../../types-3-FS9NV2.mjs";
+import { _ as GraphFormatConverter, f as Graph } from "../../types-BAEQTwK_.mjs";
 
 //#region src/formats/jgf/index.d.ts
 interface JGFNode {
@@ -28,7 +28,7 @@ interface JGFGraph {
  * @example
  * ```ts
  * import { createGraph } from '@statelyai/graph';
- * import { toJGF } from '@statelyai/graph/formats/jgf';
+ * import { toJGF } from '@statelyai/graph/jgf';
  *
  * const graph = createGraph({
  *   nodes: [{ id: 'a' }, { id: 'b' }],
@@ -45,7 +45,7 @@ declare function toJGF(graph: Graph): JGFGraph;
  *
  * @example
  * ```ts
- * import { fromJGF } from '@statelyai/graph/formats/jgf';
+ * import { fromJGF } from '@statelyai/graph/jgf';
  *
  * const graph = fromJGF({
  *   graph: {
@@ -63,7 +63,7 @@ declare function fromJGF(jgf: JGFGraph): Graph;
  * @example
  * ```ts
  * import { createGraph } from '@statelyai/graph';
- * import { jgfConverter } from '@statelyai/graph/formats/jgf';
+ * import { jgfConverter } from '@statelyai/graph/jgf';
  *
  * const graph = createGraph({
  *   nodes: [{ id: 'a' }, { id: 'b' }],

package/dist/formats/jgf/index.mjs

@@ -1,4 +1,4 @@
-import { n as createFormatConverter } from "../../converter-udLITX36.mjs";
+import { n as createFormatConverter } from "../../converter-DB6Rg6Vd.mjs";
 
 //#region src/formats/jgf/index.ts
 /**
@@ -7,7 +7,7 @@ import { n as createFormatConverter } from "../../converter-udLITX36.mjs";
 * @example
 * ```ts
 * import { createGraph } from '@statelyai/graph';
-* import { toJGF } from '@statelyai/graph/formats/jgf';
+* import { toJGF } from '@statelyai/graph/jgf';
 *
 * const graph = createGraph({
 *   nodes: [{ id: 'a' }, { id: 'b' }],
@@ -20,6 +20,7 @@ import { n as createFormatConverter } from "../../converter-udLITX36.mjs";
 */
 function toJGF(graph) {
 	const metadata = {};
+	if (graph.mode === "bidirectional") metadata.mode = graph.mode;
 	if (graph.initialNodeId) metadata.initialNodeId = graph.initialNodeId;
 	if (graph.data !== void 0) metadata.data = graph.data;
 	if (graph.direction) metadata.direction = graph.direction;
@@ -49,8 +50,11 @@ function toJGF(graph) {
 		}),
 		edges: graph.edges.map((e) => {
 			const meta = {};
+			if (e.mode) meta.mode = e.mode;
 			if (e.data !== void 0) meta.data = e.data;
 			if (e.weight !== void 0) meta.weight = e.weight;
+			if (e.points !== void 0) meta.points = e.points;
+			if (e.routing !== void 0) meta.routing = e.routing;
 			if (e.x !== void 0) meta.x = e.x;
 			if (e.y !== void 0) meta.y = e.y;
 			if (e.width !== void 0) meta.width = e.width;
@@ -74,7 +78,7 @@ function toJGF(graph) {
 *
 * @example
 * ```ts
-* import { fromJGF } from '@statelyai/graph/formats/jgf';
+* import { fromJGF } from '@statelyai/graph/jgf';
 *
 * const graph = fromJGF({
 *   graph: {
@@ -93,7 +97,7 @@ function fromJGF(jgf) {
 	if (!Array.isArray(g.edges)) throw new Error("JGF: \"graph.edges\" must be an array");
 	return {
 		id: g.id ?? "",
-		mode: g.directed === false ? "undirected" : "directed",
+		mode: g.metadata?.mode ?? (g.directed === false ? "undirected" : "directed"),
 		initialNodeId: g.metadata?.initialNodeId ?? null,
 		data: g.metadata?.data,
 		...g.metadata?.direction && { direction: g.metadata.direction },
@@ -120,8 +124,11 @@ function fromJGF(jgf) {
 			sourceId: e.source,
 			targetId: e.target,
 			label: e.label ?? "",
+			...e.metadata?.mode && { mode: e.metadata.mode },
 			data: e.metadata?.data,
 			...e.metadata?.weight !== void 0 && { weight: e.metadata.weight },
+			...e.metadata?.points !== void 0 && { points: e.metadata.points },
+			...e.metadata?.routing !== void 0 && { routing: e.metadata.routing },
 			...e.metadata?.x !== void 0 && { x: e.metadata.x },
 			...e.metadata?.y !== void 0 && { y: e.metadata.y },
 			...e.metadata?.width !== void 0 && { width: e.metadata.width },
@@ -139,7 +146,7 @@ function fromJGF(jgf) {
 * @example
 * ```ts
 * import { createGraph } from '@statelyai/graph';
-* import { jgfConverter } from '@statelyai/graph/formats/jgf';
+* import { jgfConverter } from '@statelyai/graph/jgf';
 *
 * const graph = createGraph({
 *   nodes: [{ id: 'a' }, { id: 'b' }],

package/dist/formats/mermaid/index.d.mts

@@ -1,4 +1,4 @@
-import { h as GraphFormatConverter, u as Graph } from "../../types-3-FS9NV2.mjs";
+import { _ as GraphFormatConverter, f as Graph } from "../../types-BAEQTwK_.mjs";
 
 //#region src/formats/mermaid/sequence.d.ts
 interface SequenceNodeData {

package/dist/formats/mermaid/index.mjs

@@ -1,4 +1,4 @@
-import { n as createFormatConverter } from "../../converter-udLITX36.mjs";
+import { n as createFormatConverter } from "../../converter-DB6Rg6Vd.mjs";
 
 //#region src/formats/mermaid/shared.ts
 const MERMAID_TO_DIRECTION = {
@@ -16,11 +16,11 @@ const DIRECTION_TO_MERMAID = {
 };
 /** Escape a label for Mermaid output (quotes special chars). */
 function escapeMermaidLabel(s) {
-	return s.replace(/\\/g, "\\\\").replace(/"/g, "#quot;").replace(/;/g, "#59;").replace(/#(?!quot;|59;|35;)/g, "#35;");
+	return s.replace(/\\/g, "\\\\").replace(/"/g, "#quot;").replace(/;/g, "#59;").replace(/\|/g, "#124;").replace(/#(?!quot;|59;|35;|124;)/g, "#35;");
 }
 /** Unescape a Mermaid label back to plain text. */
 function unescapeMermaidLabel(s) {
-	return s.replace(/#quot;/g, "\"").replace(/#59;/g, ";").replace(/#35;/g, "#");
+	return s.replace(/#quot;/g, "\"").replace(/#59;/g, ";").replace(/#124;/g, "|").replace(/#35;/g, "#");
 }
 /** Generate a deterministic edge ID from source, target, and index. */
 function generateEdgeId(sourceId, targetId, index) {
@@ -1389,6 +1389,19 @@ const mermaidFlowchartConverter = createFormatConverter(toMermaidFlowchart, from
 //#endregion
 //#region src/formats/mermaid/state.ts
 /**
+* Whether a node is a parallel-region marker. Region nodes are generated with
+* the exact id `${parentId}_region_${integer}`, so a node only counts when its
+* id matches that structure for its *actual* parent and that parent is a
+* parallel state. User ids that merely contain `_region_` (e.g.
+* `foo_region_bar`) are ordinary states.
+*/
+function isParallelRegionNode(node, nodesById) {
+	if (!node || !node.parentId) return false;
+	if (nodesById.get(node.parentId)?.data?.stateType !== "parallel") return false;
+	const prefix = `${node.parentId}_region_`;
+	return node.id.startsWith(prefix) && /^\d+$/.test(node.id.slice(prefix.length));
+}
+/**
 * Parses a Mermaid state diagram string into a Graph.
 *
 * @example
@@ -1410,6 +1423,7 @@ function fromMermaidState(input) {
 	let startCounter = 0;
 	let endCounter = 0;
 	let graphDirection;
+	let initialNodeId = null;
 	const classDefs = {};
 	const classAssignments = {};
 	const parentStack = [null];
@@ -1474,6 +1488,7 @@ function fromMermaidState(input) {
 			const stateId = compositeStateAsMatch[2];
 			const node = ensureNode(stateId);
 			node.data.description = description;
+			node.label = description;
 			parentStack.push(stateId);
 			continue;
 		}
@@ -1492,12 +1507,13 @@ function fromMermaidState(input) {
 			const stateId = stateAsMatch[2];
 			const node = ensureNode(stateId);
 			node.data.description = description;
+			node.label = description;
 			continue;
 		}
 		if (line === "}" || line === "end") {
 			if (parentStack.length > 1) {
 				const top = parentStack[parentStack.length - 1];
-				if (top && top.includes("_region_")) parentStack.pop();
+				if (top && isParallelRegionNode(nodeMap.get(top), nodeMap)) parentStack.pop();
 				parentStack.pop();
 			}
 			continue;
@@ -1506,7 +1522,7 @@ function fromMermaidState(input) {
 			const compositeParent = (() => {
 				for (let s = parentStack.length - 1; s >= 0; s--) {
 					const id = parentStack[s];
-					if (id && !id.includes("_region_")) return id;
+					if (id && !isParallelRegionNode(nodeMap.get(id), nodeMap)) return id;
 				}
 				return null;
 			})();
@@ -1540,7 +1556,7 @@ function fromMermaidState(input) {
 					regionCounters.set(compositeParent, 2);
 				} else {
 					const top = parentStack[parentStack.length - 1];
-					if (top && top.includes("_region_")) parentStack.pop();
+					if (top && isParallelRegionNode(nodeMap.get(top), nodeMap)) parentStack.pop();
 					const nextRegionId = `${compositeParent}_region_${regionIndex}`;
 					const nextRegion = {
 						type: "node",
@@ -1588,6 +1604,7 @@ function fromMermaidState(input) {
 			let targetId = transMatch[3];
 			const targetClass = transMatch[4];
 			const label = transMatch[5]?.trim() ?? "";
+			const isTopLevelStart = sourceId === "[*]" && parentStack[parentStack.length - 1] === null;
 			if (sourceId === "[*]") sourceId = resolveStarNode("source");
 			else {
 				ensureNode(sourceId);
@@ -1603,6 +1620,7 @@ function fromMermaidState(input) {
 					if (!classAssignments[targetId]) classAssignments[targetId] = [];
 					classAssignments[targetId].push(targetClass);
 				}
+				if (isTopLevelStart && initialNodeId === null) initialNodeId = targetId;
 			}
 			const edgeId = generateEdgeId(sourceId, targetId, edgeCounter++);
 			edges.push({
@@ -1676,7 +1694,7 @@ function fromMermaidState(input) {
 	return {
 		id: "",
 		mode: "directed",
-		initialNodeId: null,
+		initialNodeId,
 		nodes: Array.from(nodeMap.values()),
 		edges,
 		data: {
@@ -1699,6 +1717,7 @@ function toMermaidState(graph) {
 		const mDir = DIRECTION_TO_MERMAID[graph.direction];
 		if (mDir) lines.push(`    direction ${mDir}`);
 	}
+	const nodesById = new Map(graph.nodes.map((node) => [node.id, node]));
 	const childrenMap = /* @__PURE__ */ new Map();
 	for (const node of graph.nodes) {
 		const pid = node.parentId ?? null;
@@ -1707,28 +1726,44 @@ function toMermaidState(graph) {
 	}
 	const isParent = /* @__PURE__ */ new Set();
 	for (const node of graph.nodes) if (childrenMap.has(node.id)) isParent.add(node.id);
+	const referencedByEdge = /* @__PURE__ */ new Set();
+	for (const edge of graph.edges) {
+		referencedByEdge.add(edge.sourceId);
+		referencedByEdge.add(edge.targetId);
+	}
+	if (graph.initialNodeId) referencedByEdge.add(graph.initialNodeId);
 	function writeNodes(parentId, indent) {
 		const children = childrenMap.get(parentId) ?? [];
 		for (const node of children) {
 			if (node.data?.isStart || node.data?.isEnd) continue;
-			if (node.id.includes("_region_")) continue;
-			if (node.data?.stateType && node.data.stateType !== "parallel") lines.push(`${indent}state ${node.id} <<${node.data.stateType}>>`);
+			if (isParallelRegionNode(node, nodesById)) continue;
+			const description = node.data?.description ?? (node.label && node.label !== node.id ? node.label : void 0);
+			let declared = false;
+			if (node.data?.stateType && node.data.stateType !== "parallel") {
+				lines.push(`${indent}state ${node.id} <<${node.data.stateType}>>`);
+				declared = true;
+			}
 			if (isParent.has(node.id)) {
-				const stateDecl = node.data?.description ? `state "${escapeMermaidLabel(node.data.description)}" as ${node.id} {` : `state ${node.id} {`;
+				const stateDecl = description ? `state "${escapeMermaidLabel(description)}" as ${node.id} {` : `state ${node.id} {`;
 				lines.push(`${indent}${stateDecl}`);
 				if (node.data?.direction) {
 					const mDir = DIRECTION_TO_MERMAID[node.data.direction];
 					if (mDir) lines.push(`${indent}    direction ${mDir}`);
 				}
 				if (node.data?.stateType === "parallel") {
-					const regions = (childrenMap.get(node.id) ?? []).filter((r) => r.id.includes("_region_"));
+					const regions = (childrenMap.get(node.id) ?? []).filter((r) => isParallelRegionNode(r, nodesById));
 					for (let ri = 0; ri < regions.length; ri++) {
 						if (ri > 0) lines.push(`${indent}    --`);
 						writeNodes(regions[ri].id, indent + "    ");
 					}
 				} else writeNodes(node.id, indent + "    ");
 				lines.push(`${indent}}`);
-			} else if (node.data?.description) lines.push(`${indent}state "${escapeMermaidLabel(node.data.description)}" as ${node.id}`);
+				declared = true;
+			} else if (description) {
+				lines.push(`${indent}state "${escapeMermaidLabel(description)}" as ${node.id}`);
+				declared = true;
+			}
+			if (!declared && !referencedByEdge.has(node.id)) lines.push(`${indent}${node.id}`);
 			if (node.data?.notes) for (const note of node.data.notes) if (note.format === "block" || note.text.includes("\n")) {
 				lines.push(`${indent}note ${note.position} of ${node.id}`);
 				for (const noteLine of note.text.split("\n")) lines.push(`${indent}    ${escapeMermaidLabel(noteLine)}`);
@@ -1737,6 +1772,8 @@ function toMermaidState(graph) {
 		}
 	}
 	writeNodes(null, "    ");
+	const hasTopLevelStart = graph.nodes.some((n) => n.data?.isStart && (n.parentId ?? null) === null);
+	if (graph.initialNodeId && !hasTopLevelStart) lines.push(`    [*] --> ${graph.initialNodeId}`);
 	for (const edge of graph.edges) {
 		let sourceId = edge.sourceId;
 		let targetId = edge.targetId;

package/dist/formats/tgf/index.d.mts

@@ -1,4 +1,4 @@
-import { h as GraphFormatConverter, u as Graph } from "../../types-3-FS9NV2.mjs";
+import { _ as GraphFormatConverter, f as Graph } from "../../types-BAEQTwK_.mjs";
 
 //#region src/formats/tgf/index.d.ts
 
@@ -8,7 +8,7 @@ import { h as GraphFormatConverter, u as Graph } from "../../types-3-FS9NV2.mjs"
  * @example
  * ```ts
  * import { createGraph } from '@statelyai/graph';
- * import { toTGF } from '@statelyai/graph/formats/tgf';
+ * import { toTGF } from '@statelyai/graph/tgf';
  *
  * const graph = createGraph({
  *   nodes: [{ id: 'a', label: 'A' }, { id: 'b', label: 'B' }],
@@ -25,7 +25,7 @@ declare function toTGF(graph: Graph): string;
  *
  * @example
  * ```ts
- * import { fromTGF } from '@statelyai/graph/formats/tgf';
+ * import { fromTGF } from '@statelyai/graph/tgf';
  *
  * const graph = fromTGF('a A\nb B\n#\na b go');
  * // graph.nodes = [{ id: 'a', label: 'A' }, { id: 'b', label: 'B' }]
@@ -38,7 +38,7 @@ declare function fromTGF(tgf: string): Graph;
  * @example
  * ```ts
  * import { createGraph } from '@statelyai/graph';
- * import { tgfConverter } from '@statelyai/graph/formats/tgf';
+ * import { tgfConverter } from '@statelyai/graph/tgf';
  *
  * const graph = createGraph({
  *   nodes: [{ id: 'a' }, { id: 'b' }],

package/dist/formats/tgf/index.mjs

@@ -1,4 +1,4 @@
-import { n as createFormatConverter } from "../../converter-udLITX36.mjs";
+import { n as createFormatConverter } from "../../converter-DB6Rg6Vd.mjs";
 
 //#region src/formats/tgf/index.ts
 /**
@@ -7,7 +7,7 @@ import { n as createFormatConverter } from "../../converter-udLITX36.mjs";
 * @example
 * ```ts
 * import { createGraph } from '@statelyai/graph';
-* import { toTGF } from '@statelyai/graph/formats/tgf';
+* import { toTGF } from '@statelyai/graph/tgf';
 *
 * const graph = createGraph({
 *   nodes: [{ id: 'a', label: 'A' }, { id: 'b', label: 'B' }],
@@ -34,7 +34,7 @@ function toTGF(graph) {
 *
 * @example
 * ```ts
-* import { fromTGF } from '@statelyai/graph/formats/tgf';
+* import { fromTGF } from '@statelyai/graph/tgf';
 *
 * const graph = fromTGF('a A\nb B\n#\na b go');
 * // graph.nodes = [{ id: 'a', label: 'A' }, { id: 'b', label: 'B' }]
@@ -94,7 +94,7 @@ function fromTGF(tgf) {
 * @example
 * ```ts
 * import { createGraph } from '@statelyai/graph';
-* import { tgfConverter } from '@statelyai/graph/formats/tgf';
+* import { tgfConverter } from '@statelyai/graph/tgf';
 *
 * const graph = createGraph({
 *   nodes: [{ id: 'a' }, { id: 'b' }],

package/dist/formats/xyflow/index.d.mts

@@ -1,11 +1,17 @@
-import { F as VisualGraphFormatConverter, M as VisualGraph } from "../../types-3-FS9NV2.mjs";
+import { I as VisualGraph, z as VisualGraphFormatConverter } from "../../types-BAEQTwK_.mjs";
 import { EdgeBase, NodeBase } from "@xyflow/system";
 
 //#region src/formats/xyflow/index.d.ts
 /** xyflow Node — re-exported from `@xyflow/system`. */
 type XYFlowNode<TNodeData extends Record<string, unknown> = Record<string, unknown>> = NodeBase<TNodeData>;
-/** xyflow Edge — re-exported from `@xyflow/system`. */
-type XYFlowEdge<TEdgeData extends Record<string, unknown> = Record<string, unknown>> = EdgeBase<TEdgeData>;
+/**
+ * xyflow Edge — `EdgeBase` from `@xyflow/system` plus the top-level `label`
+ * that React Flow / Svelte Flow actually render (it's a renderer prop, so
+ * `EdgeBase` itself doesn't declare it).
+ */
+type XYFlowEdge<TEdgeData extends Record<string, unknown> = Record<string, unknown>> = EdgeBase<TEdgeData> & {
+  label?: string;
+};
 interface XYFlow<TNodeData extends Record<string, unknown> = Record<string, unknown>, TEdgeData extends Record<string, unknown> = Record<string, unknown>> {
   nodes: XYFlowNode<TNodeData>[];
   edges: XYFlowEdge<TEdgeData>[];
@@ -17,7 +23,7 @@ interface XYFlow<TNodeData extends Record<string, unknown> = Record<string, unkn
  * @example
  * ```ts
  * import { createVisualGraph } from '@statelyai/graph';
- * import { toXYFlow } from '@statelyai/graph/formats/xyflow';
+ * import { toXYFlow } from '@statelyai/graph/xyflow';
  *
  * const graph = createVisualGraph({
  *   nodes: [
@@ -37,7 +43,7 @@ declare function toXYFlow(graph: VisualGraph): XYFlow;
  *
  * @example
  * ```ts
- * import { fromXYFlow } from '@statelyai/graph/formats/xyflow';
+ * import { fromXYFlow } from '@statelyai/graph/xyflow';
  *
  * const graph = fromXYFlow({
  *   nodes: [
@@ -55,7 +61,7 @@ declare function fromXYFlow(flow: XYFlow): VisualGraph;
  * @example
  * ```ts
  * import { createVisualGraph } from '@statelyai/graph';
- * import { xyflowConverter } from '@statelyai/graph/formats/xyflow';
+ * import { xyflowConverter } from '@statelyai/graph/xyflow';
  *
  * const graph = createVisualGraph({
  *   nodes: [

package/dist/formats/xyflow/index.mjs

@@ -19,8 +19,33 @@ function readMetadata(value) {
 }
 function readUserData(value) {
 	const metadata = readMetadata(value);
-	if (metadata && "data" in metadata) return metadata.data;
-	return value;
+	if (!metadata) return value;
+	return "data" in metadata ? metadata.data : void 0;
+}
+/**
+* React Flow requires parent nodes to appear before their children in the
+* nodes array. Reorders iteratively, keeping authored order otherwise: each
+* pass emits nodes whose parent is already emitted (or absent). Nodes left
+* over by a parentId cycle are appended in authored order rather than hanging.
+*/
+function orderParentsFirst(nodes) {
+	const nodeIds = new Set(nodes.map((n) => n.id));
+	const emitted = /* @__PURE__ */ new Set();
+	const result = [];
+	let remaining = nodes;
+	while (remaining.length > 0) {
+		const deferred = [];
+		for (const node of remaining) if (!node.parentId || emitted.has(node.parentId) || !nodeIds.has(node.parentId)) {
+			result.push(node);
+			emitted.add(node.id);
+		} else deferred.push(node);
+		if (deferred.length === remaining.length) {
+			result.push(...deferred);
+			break;
+		}
+		remaining = deferred;
+	}
+	return result;
 }
 /**
 * Converts a visual graph to xyflow (React Flow / Svelte Flow) format.
@@ -28,7 +53,7 @@ function readUserData(value) {
 * @example
 * ```ts
 * import { createVisualGraph } from '@statelyai/graph';
-* import { toXYFlow } from '@statelyai/graph/formats/xyflow';
+* import { toXYFlow } from '@statelyai/graph/xyflow';
 *
 * const graph = createVisualGraph({
 *   nodes: [
@@ -52,7 +77,7 @@ function toXYFlow(graph) {
 			direction: graph.direction,
 			style: graph.style
 		} } },
-		nodes: graph.nodes.map((n) => {
+		nodes: orderParentsFirst(graph.nodes.map((n) => {
 			const node = {
 				id: n.id,
 				position: {
@@ -68,11 +93,12 @@ function toXYFlow(graph) {
 				} })
 			};
 			if (n.parentId) node.parentId = n.parentId;
+			if (n.label) node.data.label = n.label;
 			if (n.shape) node.type = n.shape;
 			if (n.width !== void 0) node.width = n.width;
 			if (n.height !== void 0) node.height = n.height;
 			return node;
-		}),
+		})),
 		edges: graph.edges.map((e) => {
 			const edge = {
 				id: e.id,
@@ -83,7 +109,10 @@ function toXYFlow(graph) {
 			if (e.targetPort) edge.targetHandle = e.targetPort;
 			edge.data = withMetadata(e.data, { edge: {
 				label: e.label,
+				mode: e.mode,
 				weight: e.weight,
+				points: e.points,
+				routing: e.routing,
 				color: e.color,
 				style: e.style,
 				x: e.x,
@@ -91,7 +120,7 @@ function toXYFlow(graph) {
 				width: e.width,
 				height: e.height
 			} });
-			if (e.label) edge.data.label = e.label;
+			if (e.label) edge.label = e.label;
 			return edge;
 		})
 	};
@@ -101,7 +130,7 @@ function toXYFlow(graph) {
 *
 * @example
 * ```ts
-* import { fromXYFlow } from '@statelyai/graph/formats/xyflow';
+* import { fromXYFlow } from '@statelyai/graph/xyflow';
 *
 * const graph = fromXYFlow({
 *   nodes: [
@@ -131,7 +160,7 @@ function fromXYFlow(flow) {
 				id: n.id,
 				parentId: n.parentId ?? null,
 				initialNodeId: metadata && "initialNodeId" in metadata ? metadata.initialNodeId : null,
-				label: metadata && "label" in metadata ? metadata.label : "",
+				label: metadata && "label" in metadata ? metadata.label : n.data?.label?.toString() ?? "",
 				data: readUserData(n.data),
 				x: n.position.x,
 				y: n.position.y,
@@ -150,7 +179,7 @@ function fromXYFlow(flow) {
 				id: e.id ?? `e${i}`,
 				sourceId: e.source,
 				targetId: e.target,
-				label: metadata && "label" in metadata ? metadata.label : e.data?.label?.toString() ?? "",
+				label: metadata && "label" in metadata ? metadata.label : e.label ?? e.data?.label?.toString() ?? "",
 				...e.sourceHandle && { sourcePort: e.sourceHandle },
 				...e.targetHandle && { targetPort: e.targetHandle },
 				data: readUserData(e.data),
@@ -158,7 +187,10 @@ function fromXYFlow(flow) {
 				y: metadata?.y ?? 0,
 				width: metadata?.width ?? 0,
 				height: metadata?.height ?? 0,
+				...metadata?.mode !== void 0 && { mode: metadata.mode },
 				...metadata?.weight !== void 0 && { weight: metadata.weight },
+				...metadata?.points !== void 0 && { points: metadata.points },
+				...metadata?.routing !== void 0 && { routing: metadata.routing },
 				...metadata?.color !== void 0 && { color: metadata.color },
 				...metadata?.style !== void 0 && { style: metadata.style }
 			};
@@ -171,7 +203,7 @@ function fromXYFlow(flow) {
 * @example
 * ```ts
 * import { createVisualGraph } from '@statelyai/graph';
-* import { xyflowConverter } from '@statelyai/graph/formats/xyflow';
+* import { xyflowConverter } from '@statelyai/graph/xyflow';
 *
 * const graph = createVisualGraph({
 *   nodes: [

package/dist/{index-D9Kj6Fe3.d.mts → index-BlbSWUvH.d.mts}

@@ -1,4 +1,4 @@
-import { h as GraphFormatConverter, u as Graph } from "./types-3-FS9NV2.mjs";
+import { _ as GraphFormatConverter, f as Graph } from "./types-BAEQTwK_.mjs";
 
 //#region src/formats/converter/index.d.ts