@uigraph/sdk 1.2.7 → 1.2.8

package/dist/index.cjs

@@ -2564,6 +2564,7 @@ function convertC4ToReactFlow(data) {
 			},
 			data: {
 				source: "mermaid",
+				c4DiagramType: data.type,
 				c4BoundaryKind: boundary.kind,
 				boundaryType: boundary.type,
 				description: boundary.description,
@@ -2603,6 +2604,7 @@ function convertC4ToReactFlow(data) {
 				source: "mermaid",
 				diagramId: element.subDiagramId,
 				diagramName: element.label,
+				c4DiagramType: data.type,
 				c4Kind: element.kind,
 				c4Shape: element.shape,
 				isExternal: element.isExternal,
@@ -2666,6 +2668,9 @@ function convertC4ToReactFlow(data) {
 				},
 				data: {
 					source: "mermaid",
+					c4RelDirection: rel.direction,
+					c4RelTechnology: rel.technology,
+					c4RelDescription: rel.description,
 					labelColor: style === null || style === void 0 ? void 0 : style.textColor,
 					labelOffsetX: style === null || style === void 0 ? void 0 : style.offsetX,
 					labelOffsetY: style === null || style === void 0 ? void 0 : style.offsetY
@@ -5199,31 +5204,6 @@ function _convertMermaidToReactFlow() {
 	});
 	return _convertMermaidToReactFlow.apply(this, arguments);
 }
-function sanitizeMermaidLabels(src) {
-	if (!src) return src;
-	const subgraphFixed = src.replace(/([A-Za-z0-9_]+)\[((?:(?![\"']).)*?)\]/g, (m, id, label) => {
-		if (/^[\"']/.test(label)) return m;
-		if (/[()\"\[\],:;]/.test(label)) return `${id}[\"${String(label).replace(/\\/g, "\\\\").replace(/\"/g, "\\\"")}\"]`;
-		return m;
-	}).replace(/^([ \t]*subgraph\s+)([^\n\r]+)(\|[^\n\r]*)?$/gim, (m, pre, title, rest) => {
-		const t = String(title).trim();
-		if (/^[\"']/.test(t)) return m;
-		if (/[()\"\[\],:;]/.test(t)) return `${pre}\"${t.replace(/\\/g, "\\\\").replace(/\"/g, "\\\"")}\"${rest || ""}`;
-		return m;
-	});
-	const diagRegex = /\b(graph|flowchart|sequenceDiagram|stateDiagram|classDiagram|gantt|journey|erDiagram|gitGraph|pie|timeline|infoDiagram)\b/i;
-	const allStarts = [];
-	let mm;
-	const globalRegex = new RegExp(diagRegex.source, "gim");
-	while ((mm = globalRegex.exec(subgraphFixed)) !== null) {
-		allStarts.push(mm.index);
-		if (globalRegex.lastIndex === mm.index) globalRegex.lastIndex++;
-	}
-	if (allStarts.length <= 1) return subgraphFixed;
-	const first = allStarts[0];
-	const second = allStarts[1];
-	return subgraphFixed.slice(first, second).trim();
-}
 const CONTEXT_SHAPES = new Set([
 	"rectangle",
 	"rounded-rect",
@@ -5358,11 +5338,15 @@ function toComponentFields(value) {
 }
 function buildContextEdges(edges, nodeIdMap) {
 	const contextEdges = {};
+	const ordinals = /* @__PURE__ */ new Map();
 	for (const edge of edges) {
-		var _toRecord, _toRecord2;
+		var _ordinals$get, _toRecord, _toRecord2;
 		const source = nodeIdMap.get(edge.source);
 		const target = nodeIdMap.get(edge.target);
 		if (!source || !target) continue;
+		const pair = `${source}-${target}`;
+		const ordinal = (_ordinals$get = ordinals.get(pair)) !== null && _ordinals$get !== void 0 ? _ordinals$get : 0;
+		ordinals.set(pair, ordinal + 1);
 		const edgeContext = {};
 		const edgeType = pickString(edge.type);
 		if (edgeType) edgeContext.type = edgeType;
@@ -5385,9 +5369,10 @@ function buildContextEdges(edges, nodeIdMap) {
 		if (markerStart) edgeContext.markerStart = markerStart;
 		const markerEnd = normalizeMarker(edge.markerEnd);
 		if (markerEnd) edgeContext.markerEnd = markerEnd;
-		const edgeData = (_toRecord2 = toRecord(edge.data)) !== null && _toRecord2 !== void 0 ? _toRecord2 : {};
-		if (Object.keys(edgeData).length > 0) edgeContext.___internal = edgeData;
-		if (Object.keys(edgeContext).length > 0) contextEdges[`${source}-${target}`] = edgeContext;
+		const edgeData$1 = (_toRecord2 = toRecord(edge.data)) !== null && _toRecord2 !== void 0 ? _toRecord2 : {};
+		if (Object.keys(edgeData$1).length > 0) edgeContext.___internal = edgeData$1;
+		if (Object.keys(edgeContext).length > 0) if (ordinal === 0) contextEdges[pair] = edgeContext;
+		else contextEdges[`${pair}#${ordinal}`] = edgeContext;
 	}
 	return contextEdges;
 }
@@ -5412,9 +5397,9 @@ function buildContextNodes(graphNodes, nodeIdMap) {
 		var _toRecord, _toRecord2, _pickString, _pickString2;
 		const mappedNodeId = nodeIdMap.get(node.id);
 		if (!mappedNodeId) continue;
-		const nodeData = (_toRecord = toRecord(node.data)) !== null && _toRecord !== void 0 ? _toRecord : {};
+		const nodeData$1 = (_toRecord = toRecord(node.data)) !== null && _toRecord !== void 0 ? _toRecord : {};
 		const nodeStyle = (_toRecord2 = toRecord(node.style)) !== null && _toRecord2 !== void 0 ? _toRecord2 : {};
-		const componentFields = Array.isArray(nodeData.componentFields) ? nodeData.componentFields.map((field) => toRecord(field)).filter((field) => field !== void 0) : [];
+		const componentFields = Array.isArray(nodeData$1.componentFields) ? nodeData$1.componentFields.map((field) => toRecord(field)).filter((field) => field !== void 0) : [];
 		const nodeContext = {};
 		const nodeType = pickString(node.type);
 		if (nodeType) nodeContext.type = nodeType;
@@ -5434,47 +5419,47 @@ function buildContextNodes(graphNodes, nodeIdMap) {
 		if (nodeType === "code") {
 			if (codeValue) nodeContext.value = codeValue;
 		}
-		const src = pickString(nodeData.src);
+		const src = pickString(nodeData$1.src);
 		if (src) nodeContext.src = src;
-		const animatedIcon = pickString(nodeData.animatedIcon);
+		const animatedIcon = pickString(nodeData$1.animatedIcon);
 		if (animatedIcon) nodeContext.animatedIcon = animatedIcon;
-		const cloud = pickString(nodeData.cloud);
+		const cloud = pickString(nodeData$1.cloud);
 		if (cloud) nodeContext.cloud = cloud;
-		const service = pickString(nodeData.service);
+		const service = pickString(nodeData$1.service);
 		if (service) nodeContext.service = service;
-		const componentId = pickString(nodeData.componentId);
+		const componentId = pickString(nodeData$1.componentId);
 		if (componentId) nodeContext.componentId = componentId;
-		const shape = pickString(nodeData.shape);
+		const shape = pickString(nodeData$1.shape);
 		if (shape && CONTEXT_SHAPES.has(shape)) nodeContext.shape = shape;
 		const style = {};
 		const width = typeof node.width === "number" ? node.width : typeof nodeStyle.width === "number" ? nodeStyle.width : void 0;
 		if (typeof width === "number") style.width = width;
 		const height = typeof node.height === "number" ? node.height : typeof nodeStyle.height === "number" ? nodeStyle.height : void 0;
 		if (typeof height === "number") style.height = height;
-		const fill = (_pickString = pickString(nodeData.fill)) !== null && _pickString !== void 0 ? _pickString : pickString(nodeStyle.fill);
+		const fill = (_pickString = pickString(nodeData$1.fill)) !== null && _pickString !== void 0 ? _pickString : pickString(nodeStyle.fill);
 		if (fill) style.fill = fill;
-		const stroke = (_pickString2 = pickString(nodeData.stroke)) !== null && _pickString2 !== void 0 ? _pickString2 : pickString(nodeStyle.stroke);
+		const stroke = (_pickString2 = pickString(nodeData$1.stroke)) !== null && _pickString2 !== void 0 ? _pickString2 : pickString(nodeStyle.stroke);
 		if (stroke) style.stroke = stroke;
-		const strokeWidth = typeof nodeData.strokeWidth === "number" ? nodeData.strokeWidth : typeof nodeStyle.strokeWidth === "number" ? nodeStyle.strokeWidth : void 0;
+		const strokeWidth = typeof nodeData$1.strokeWidth === "number" ? nodeData$1.strokeWidth : typeof nodeStyle.strokeWidth === "number" ? nodeStyle.strokeWidth : void 0;
 		if (typeof strokeWidth === "number") style.strokeWidth = strokeWidth;
-		const borderRadius = typeof nodeData.borderRadius === "number" ? nodeData.borderRadius : typeof nodeStyle.borderRadius === "number" ? nodeStyle.borderRadius : void 0;
+		const borderRadius = typeof nodeData$1.borderRadius === "number" ? nodeData$1.borderRadius : typeof nodeStyle.borderRadius === "number" ? nodeStyle.borderRadius : void 0;
 		if (typeof borderRadius === "number") style.borderRadius = borderRadius;
-		const strokeStyleFromData = pickString(nodeData.strokeStyle);
+		const strokeStyleFromData = pickString(nodeData$1.strokeStyle);
 		if (strokeStyleFromData === "solid" || strokeStyleFromData === "dashed" || strokeStyleFromData === "dotted") style.strokeStyle = strokeStyleFromData;
 		else {
 			const strokeStyleFromDash = parseStrokeStyle(nodeStyle.strokeDasharray);
 			if (strokeStyleFromDash) style.strokeStyle = strokeStyleFromDash;
 		}
-		const borderAnimationEnabled = typeof nodeData.borderAnimationEnabled === "boolean" ? nodeData.borderAnimationEnabled : nodeData.strokeAnimation === "dash" ? true : void 0;
+		const borderAnimationEnabled = typeof nodeData$1.borderAnimationEnabled === "boolean" ? nodeData$1.borderAnimationEnabled : nodeData$1.strokeAnimation === "dash" ? true : void 0;
 		if (typeof borderAnimationEnabled === "boolean") style.borderAnimationEnabled = borderAnimationEnabled;
 		if (Object.keys(style).length > 0) nodeContext.style = style;
-		const tableColumns = Array.isArray(nodeData.columns) ? nodeData.columns.filter((value) => typeof value === "string") : void 0;
-		const tableRows = Array.isArray(nodeData.rows) ? nodeData.rows.map((row) => Array.isArray(row) ? row.filter((value) => typeof value === "string") : void 0).filter((row) => row !== void 0) : void 0;
+		const tableColumns = Array.isArray(nodeData$1.columns) ? nodeData$1.columns.filter((value) => typeof value === "string") : void 0;
+		const tableRows = Array.isArray(nodeData$1.rows) ? nodeData$1.rows.map((row) => Array.isArray(row) ? row.filter((value) => typeof value === "string") : void 0).filter((row) => row !== void 0) : void 0;
 		if (tableColumns || tableRows) nodeContext.table = {
 			columns: tableColumns !== null && tableColumns !== void 0 ? tableColumns : [],
 			rows: tableRows !== null && tableRows !== void 0 ? tableRows : []
 		};
-		const serviceTable = toRecord(nodeData.serviceTable);
+		const serviceTable = toRecord(nodeData$1.serviceTable);
 		const serviceName = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceName);
 		const databaseName = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.databaseName);
 		const tableName = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.tableName);
@@ -5536,17 +5521,17 @@ function buildContextNodes(graphNodes, nodeIdMap) {
 		if (Object.keys(dynamicData).length > 0) nodeContext.data = dynamicData;
 		const position = pickPosition(node.position);
 		if (position) nodeContext.___position = position;
-		const internalData = Object.entries(nodeData).reduce((acc, [key, value]) => {
+		const internalData = Object.entries(nodeData$1).reduce((acc, [key, value]) => {
 			if (KNOWN_NODE_DATA_KEYS.has(key)) return acc;
 			acc[key] = value;
 			return acc;
 		}, {});
-		if (nodeType === "builder" && Array.isArray(nodeData.componentFields)) internalData.componentFields = nodeData.componentFields;
-		const iconSrc = pickString(nodeData.iconSrc);
+		if (nodeType === "builder" && Array.isArray(nodeData$1.componentFields)) internalData.componentFields = nodeData$1.componentFields;
+		const iconSrc = pickString(nodeData$1.iconSrc);
 		if (iconSrc) internalData.iconSrc = iconSrc;
-		const label = pickString(nodeData.label);
+		const label = pickString(nodeData$1.label);
 		if (label) internalData.label = label;
-		const internalCloud = pickString(nodeData.cloud);
+		const internalCloud = pickString(nodeData$1.cloud);
 		if (internalCloud) internalData.cloud = internalCloud;
 		if (Object.keys(internalData).length > 0) nodeContext.___internal = internalData;
 		if (Object.keys(nodeContext).length > 0) contextNodes[mappedNodeId] = nodeContext;
@@ -5563,6 +5548,205 @@ function buildValidatedContext(graphNodes, edges, groupNodes, nodeIdMap) {
 	if (Object.keys(contextGroups).length > 0) context.groups = contextGroups;
 	return require_headless.contextSchema.parse(context);
 }
+function nodeData(node) {
+	var _node$data;
+	return (_node$data = node.data) !== null && _node$data !== void 0 ? _node$data : {};
+}
+function edgeData(edge) {
+	var _edge$data;
+	return (_edge$data = edge.data) !== null && _edge$data !== void 0 ? _edge$data : {};
+}
+function isC4ReactFlowDiagram(nodes) {
+	return nodes.some((node) => node.type === "c4" || node.type === "c4Boundary");
+}
+function isC4Element(node) {
+	if (node.type !== "c4" && node.type !== "subDiagram") return false;
+	const kind = nodeData(node).c4Kind;
+	return kind === "person" || kind === "system" || kind === "container" || kind === "component";
+}
+function isC4Boundary(node) {
+	return node.type === "c4Boundary";
+}
+function quoteC4Value(value) {
+	return `"${value.replace(/"/g, "\\\"").replace(/\r\n?/g, "\n").replace(/\n/g, "<br/>").trim()}"`;
+}
+function nodeName(node) {
+	var _node$data2;
+	const fields = (_node$data2 = node.data) === null || _node$data2 === void 0 ? void 0 : _node$data2.componentFields;
+	if (Array.isArray(fields)) {
+		var _field$data;
+		const field = fields.find((candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.componentFieldId) === "name");
+		const value = field === null || field === void 0 || (_field$data = field.data) === null || _field$data === void 0 || (_field$data = _field$data[0]) === null || _field$data === void 0 ? void 0 : _field$data.value;
+		if (typeof value === "string" && value.trim()) return value;
+	}
+	const diagramName = nodeData(node).diagramName;
+	if (typeof diagramName === "string" && diagramName) return diagramName;
+	return node.id;
+}
+function c4ElementKeyword(kind, shape, isExternal) {
+	let keyword;
+	if (kind === "person") keyword = "Person";
+	else if (kind === "system") keyword = "System";
+	else if (kind === "container") keyword = "Container";
+	else if (kind === "component") keyword = "Component";
+	else throw new Error(`Unsupported C4 element kind: ${String(kind)}`);
+	if (shape === "db") keyword += "Db";
+	if (shape === "queue") keyword += "Queue";
+	if (isExternal) keyword += "_Ext";
+	return keyword;
+}
+function c4BoundaryKeyword(kind, nodeType) {
+	if (kind === "enterprise") return "Enterprise_Boundary";
+	if (kind === "system") return "System_Boundary";
+	if (kind === "container") return "Container_Boundary";
+	if (kind === "node") {
+		if (nodeType === "nodeL") return "Node_L";
+		if (nodeType === "nodeR") return "Node_R";
+		return "Deployment_Node";
+	}
+	return "Boundary";
+}
+function c4RelationshipKeyword(direction) {
+	if (direction === "default") return "Rel";
+	if (direction === "bi") return "BiRel";
+	if (direction === "back") return "Rel_Back";
+	if (direction === "up") return "Rel_U";
+	if (direction === "down") return "Rel_D";
+	if (direction === "left") return "Rel_L";
+	if (direction === "right") return "Rel_R";
+	throw new Error(`Unsupported C4 relationship direction: ${String(direction)}`);
+}
+function resolveRelDirection(edge) {
+	const stored = edgeData(edge).c4RelDirection;
+	if (stored) return stored;
+	if (edge.markerStart) return "bi";
+	if (edge.sourceHandle === "source-top") return "up";
+	if (edge.sourceHandle === "source-bottom") return "down";
+	if (edge.sourceHandle === "source-left") return "left";
+	if (edge.sourceHandle === "source-right") return "right";
+	return "default";
+}
+function relationshipLabel(edge, technology) {
+	const label = typeof edge.label === "string" ? edge.label : "";
+	if (!technology) return label;
+	const suffix = ` [${technology}]`;
+	if (label.endsWith(suffix)) return label.slice(0, -suffix.length);
+	return label;
+}
+function resolveDiagramType(c4Nodes) {
+	for (const node of c4Nodes) {
+		const stored = nodeData(node).c4DiagramType;
+		if (stored) return stored;
+	}
+	if (c4Nodes.some((node) => nodeData(node).c4Kind === "component")) return "C4Component";
+	if (c4Nodes.some((node) => nodeData(node).c4Kind === "container")) return "C4Container";
+	return "C4Context";
+}
+function trimTrailingSlots(values, keep) {
+	const trimmed = [...values];
+	while (trimmed.length > keep && trimmed[trimmed.length - 1] === "") trimmed.pop();
+	return trimmed;
+}
+function emitC4Mermaid(nodes, edges) {
+	const c4Nodes = nodes.filter((node) => isC4Element(node) || isC4Boundary(node));
+	const c4NodeIds = new Set(c4Nodes.map((node) => node.id));
+	const boundaryIds = new Set(c4Nodes.filter((node) => isC4Boundary(node)).map((node) => node.id));
+	function parentOf(node) {
+		if (node.parentId && boundaryIds.has(node.parentId)) return node.parentId;
+	}
+	function renderNode(node, indentation) {
+		const data = nodeData(node);
+		const name = quoteC4Value(nodeName(node));
+		if (isC4Element(node)) {
+			const values$1 = [node.id, name];
+			if (data.c4Kind === "container" || data.c4Kind === "component") values$1.push(data.technology ? quoteC4Value(data.technology) : "");
+			values$1.push(data.description ? quoteC4Value(data.description) : "");
+			const trimmed$1 = trimTrailingSlots(values$1, 2);
+			const link = data.diagramId ? `uig:${data.diagramId}` : data.link;
+			if (link) trimmed$1.push(`$link=${quoteC4Value(link)}`);
+			return `${indentation}${c4ElementKeyword(data.c4Kind, data.c4Shape, data.isExternal === true)}(${trimmed$1.join(", ")})`;
+		}
+		const keyword = c4BoundaryKeyword(data.c4BoundaryKind, data.c4NodeType);
+		const values = [node.id, name];
+		if (keyword === "Boundary" && data.boundaryType) values.push(quoteC4Value(data.boundaryType));
+		if (data.c4BoundaryKind === "node") {
+			values.push(data.boundaryType ? quoteC4Value(data.boundaryType) : "\"node\"");
+			values.push(data.description ? quoteC4Value(data.description) : "");
+		}
+		const trimmed = trimTrailingSlots(values, 2);
+		if (data.link) trimmed.push(`$link=${quoteC4Value(data.link)}`);
+		return `${indentation}${keyword}(${trimmed.join(", ")}) {`;
+	}
+	function renderChildren(parentId, indentation) {
+		const lines = [];
+		for (const node of c4Nodes) {
+			if (parentOf(node) !== parentId) continue;
+			lines.push(renderNode(node, indentation));
+			if (isC4Boundary(node)) {
+				lines.push(...renderChildren(node.id, `${indentation}  `));
+				lines.push(`${indentation}}`);
+			}
+		}
+		return lines;
+	}
+	const relationships = edges.flatMap((edge) => {
+		if (!c4NodeIds.has(edge.source) || !c4NodeIds.has(edge.target)) return [];
+		const data = edgeData(edge);
+		const direction = resolveRelDirection(edge);
+		const isBack = direction === "back";
+		const values = [
+			isBack ? edge.target : edge.source,
+			isBack ? edge.source : edge.target,
+			quoteC4Value(relationshipLabel(edge, data.c4RelTechnology)),
+			data.c4RelTechnology ? quoteC4Value(data.c4RelTechnology) : "",
+			data.c4RelDescription ? quoteC4Value(data.c4RelDescription) : ""
+		];
+		return `${c4RelationshipKeyword(direction)}(${trimTrailingSlots(values, 3).join(", ")})`;
+	});
+	return {
+		mermaid: [
+			resolveDiagramType(c4Nodes),
+			...renderChildren(void 0, ""),
+			...relationships
+		].join("\n"),
+		nodeIdMap: new Map(c4Nodes.map((node) => [node.id, node.id]))
+	};
+}
+function convertReactFlowToC4Mermaid(nodes, edges) {
+	return emitC4Mermaid(nodes, edges).mermaid;
+}
+function convertReactFlowToC4UiGraph(nodes, edges) {
+	const { mermaid: mermaid$2, nodeIdMap } = emitC4Mermaid(nodes, edges);
+	return {
+		mermaid: mermaid$2,
+		context: buildValidatedContext(nodes, edges, [], nodeIdMap)
+	};
+}
+function sanitizeMermaidLabels(src) {
+	if (!src) return src;
+	const subgraphFixed = src.replace(/([A-Za-z0-9_]+)\[((?:(?![\"']).)*?)\]/g, (m, id, label) => {
+		if (/^[\"']/.test(label)) return m;
+		if (/[()\"\[\],:;]/.test(label)) return `${id}[\"${String(label).replace(/\\/g, "\\\\").replace(/\"/g, "\\\"")}\"]`;
+		return m;
+	}).replace(/^([ \t]*subgraph\s+)([^\n\r]+)(\|[^\n\r]*)?$/gim, (m, pre, title, rest) => {
+		const t = String(title).trim();
+		if (/^[\"']/.test(t)) return m;
+		if (/[()\"\[\],:;]/.test(t)) return `${pre}\"${t.replace(/\\/g, "\\\\").replace(/\"/g, "\\\"")}\"${rest || ""}`;
+		return m;
+	});
+	const diagRegex = /\b(graph|flowchart|sequenceDiagram|stateDiagram|classDiagram|gantt|journey|erDiagram|gitGraph|pie|timeline|infoDiagram)\b/i;
+	const allStarts = [];
+	let mm;
+	const globalRegex = new RegExp(diagRegex.source, "gim");
+	while ((mm = globalRegex.exec(subgraphFixed)) !== null) {
+		allStarts.push(mm.index);
+		if (globalRegex.lastIndex === mm.index) globalRegex.lastIndex++;
+	}
+	if (allStarts.length <= 1) return subgraphFixed;
+	const first = allStarts[0];
+	const second = allStarts[1];
+	return subgraphFixed.slice(first, second).trim();
+}
 function isSequenceDiagram(nodes) {
 	return nodes.some((node) => node.type === "sequenceParticipant");
 }
@@ -6097,7 +6281,7 @@ function normalizeContextMarker(marker) {
 	};
 	return { type };
 }
-function convertMermaidToReactFlowWithContext(_x3, _x4, _x5) {
+function convertMermaidToReactFlowWithContext(_x4, _x5, _x6) {
 	return _convertMermaidToReactFlowWithContext.apply(this, arguments);
 }
 function _convertMermaidToReactFlowWithContext() {
@@ -6232,10 +6416,26 @@ function _convertMermaidToReactFlowWithContext() {
 			const childNodes = (0, daily_code.arrayNonNullable)(((_groupCtx$nodes = groupCtx.nodes) !== null && _groupCtx$nodes !== void 0 ? _groupCtx$nodes : []).map((nodeId$1) => resolvedNodes.find((n) => n.id === nodeId$1)));
 			return generateGroupNodeFromNodes(nodeId, (_groupCtx$name = groupCtx.name) !== null && _groupCtx$name !== void 0 ? _groupCtx$name : "Group", childNodes);
 		});
+		const edgeOrdinals = /* @__PURE__ */ new Map();
+		const edgeContextKeys = reactFlowData.edges.map((edge) => {
+			var _edgeOrdinals$get;
+			const pair = `${edge.source}-${edge.target}`;
+			const ordinal = (_edgeOrdinals$get = edgeOrdinals.get(pair)) !== null && _edgeOrdinals$get !== void 0 ? _edgeOrdinals$get : 0;
+			edgeOrdinals.set(pair, ordinal + 1);
+			if (ordinal === 0) return {
+				pair,
+				key: pair
+			};
+			return {
+				pair,
+				key: `${pair}#${ordinal}`
+			};
+		});
 		const rfEdgesPromises = reactFlowData.edges.map(function() {
-			var _ref2 = _asyncToGenerator(function* (edge) {
-				var _validatedContext$edg, _ctx$type, _ctx$sourceHandle, _ctx$targetHandle, _normalizeContextMark, _normalizeContextMark2, _ctx$label, _ctx$style$borderAnim, _ctx$style5, _ctx$style$stroke, _ctx$style6, _edge$style, _ctx$style$strokeWidt, _ctx$style7, _edge$style2, _ctx$style8, _ctx$style9, _ctx$style10, _edge$style3;
-				const ctx = (_validatedContext$edg = validatedContext.edges) === null || _validatedContext$edg === void 0 ? void 0 : _validatedContext$edg[`${edge.source}-${edge.target}`];
+			var _ref3 = _asyncToGenerator(function* (edge, index) {
+				var _ref2, _validatedContext$edg, _validatedContext$edg2, _validatedContext$edg3, _ctx$type, _ctx$sourceHandle, _ctx$targetHandle, _normalizeContextMark, _normalizeContextMark2, _ctx$label, _ctx$style$borderAnim, _ctx$style5, _ctx$style$stroke, _ctx$style6, _edge$style, _ctx$style$strokeWidt, _ctx$style7, _edge$style2, _ctx$style8, _ctx$style9, _ctx$style10, _edge$style3;
+				const { pair, key } = edgeContextKeys[index];
+				const ctx = (_ref2 = (_validatedContext$edg = (_validatedContext$edg2 = validatedContext.edges) === null || _validatedContext$edg2 === void 0 ? void 0 : _validatedContext$edg2[key]) !== null && _validatedContext$edg !== void 0 ? _validatedContext$edg : (_validatedContext$edg3 = validatedContext.edges) === null || _validatedContext$edg3 === void 0 ? void 0 : _validatedContext$edg3[pair]) !== null && _ref2 !== void 0 ? _ref2 : null;
 				if (!ctx) return edge;
 				return _objectSpread2(_objectSpread2({}, edge), {}, {
 					type: (_ctx$type = ctx.type) !== null && _ctx$type !== void 0 ? _ctx$type : edge.type,
@@ -6253,8 +6453,8 @@ function _convertMermaidToReactFlowWithContext() {
 					})
 				});
 			});
-			return function(_x2) {
-				return _ref2.apply(this, arguments);
+			return function(_x2, _x3) {
+				return _ref3.apply(this, arguments);
 			};
 		}());
 		const resolvedEdges = yield Promise.all(rfEdgesPromises);
@@ -6270,6 +6470,10 @@ function _convertMermaidToReactFlowWithContext() {
 			edges: resolvedEdges,
 			nodes: combinedNodes
 		};
+		if (isC4ReactFlowDiagram(combinedNodes)) return {
+			edges: resolvedEdges,
+			nodes: combinedNodes
+		};
 		return {
 			edges: resolvedEdges,
 			nodes: (options === null || options === void 0 ? void 0 : options.repositionNodes) ? resizeNodesLayouts(combinedNodes) : combinedNodes
@@ -6330,8 +6534,8 @@ function buildNodeIdMap(graphNodes) {
 }
 function resolveMermaidNodeLabel(node) {
 	const nodeType = node.type;
-	const nodeData = toRecord(node.data);
-	const componentFields = Array.isArray(nodeData === null || nodeData === void 0 ? void 0 : nodeData.componentFields) ? nodeData.componentFields.map((field) => toRecord(field)).filter((field) => field !== void 0) : [];
+	const nodeData$1 = toRecord(node.data);
+	const componentFields = Array.isArray(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.componentFields) ? nodeData$1.componentFields.map((field) => toRecord(field)).filter((field) => field !== void 0) : [];
 	const name = getFieldString(componentFields, "Name");
 	if (nodeType === "text") return getFieldString(componentFields, "Text");
 	if (nodeType === "code") return getFieldString(componentFields, "Code");
@@ -6427,9 +6631,9 @@ function formatDetailValue(value) {
 		return entries.join(",");
 	}
 }
-function getNodeName(nodeData, componentFields) {
+function getNodeName(nodeData$1, componentFields) {
 	var _getFieldString;
-	return (_getFieldString = getFieldString(componentFields, "Name")) !== null && _getFieldString !== void 0 ? _getFieldString : pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.name);
+	return (_getFieldString = getFieldString(componentFields, "Name")) !== null && _getFieldString !== void 0 ? _getFieldString : pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.name);
 }
 function buildFieldLines(componentFields, excludedLabels) {
 	const lines = [];
@@ -6461,25 +6665,25 @@ function buildDetailedLabel(lines) {
 }
 function resolveMermaidDetailedNodeLabel(node) {
 	const nodeType = pickString(node.type);
-	const nodeData = toRecord(node.data);
-	const componentFields = toComponentFields(nodeData === null || nodeData === void 0 ? void 0 : nodeData.componentFields);
-	const name = getNodeName(nodeData, componentFields);
+	const nodeData$1 = toRecord(node.data);
+	const componentFields = toComponentFields(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.componentFields);
+	const name = getNodeName(nodeData$1, componentFields);
 	if (nodeType === "text") {
 		var _getFieldString2;
-		const text = (_getFieldString2 = getFieldString(componentFields, "Text")) !== null && _getFieldString2 !== void 0 ? _getFieldString2 : pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.value);
+		const text = (_getFieldString2 = getFieldString(componentFields, "Text")) !== null && _getFieldString2 !== void 0 ? _getFieldString2 : pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.value);
 		return buildDetailedLabel([text ? `Text: ${text}` : "Text", ...buildFieldLines(componentFields, new Set(["name", "text"]))]);
 	}
 	if (nodeType === "code") {
 		var _getFieldString3, _code$split$;
-		const code = (_getFieldString3 = getFieldString(componentFields, "Code")) !== null && _getFieldString3 !== void 0 ? _getFieldString3 : pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.value);
+		const code = (_getFieldString3 = getFieldString(componentFields, "Code")) !== null && _getFieldString3 !== void 0 ? _getFieldString3 : pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.value);
 		const firstLine = code === null || code === void 0 || (_code$split$ = code.split(/\r?\n/)[0]) === null || _code$split$ === void 0 ? void 0 : _code$split$.trim();
 		return buildDetailedLabel([firstLine ? `Code: ${firstLine}` : "Code", ...buildFieldLines(componentFields, new Set(["name", "code"]))]);
 	}
 	if (nodeType === "data-source" || nodeType === "databaseTableSQL") {
 		var _pickString, _pickString2, _pickString3;
 		const lines = [];
-		const serviceTable = toRecord(nodeData === null || nodeData === void 0 ? void 0 : nodeData.serviceTable);
-		const dbConfig = toRecord(nodeData === null || nodeData === void 0 ? void 0 : nodeData.dbConfig);
+		const serviceTable = toRecord(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.serviceTable);
+		const dbConfig = toRecord(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.dbConfig);
 		const database = (_pickString = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.databaseName)) !== null && _pickString !== void 0 ? _pickString : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.databaseName);
 		const tableName = (_pickString2 = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.tableName)) !== null && _pickString2 !== void 0 ? _pickString2 : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.tableName);
 		const dbService = (_pickString3 = pickString(serviceTable === null || serviceTable === void 0 ? void 0 : serviceTable.serviceName)) !== null && _pickString3 !== void 0 ? _pickString3 : pickString(dbConfig === null || dbConfig === void 0 ? void 0 : dbConfig.serviceName);
@@ -6493,9 +6697,9 @@ function resolveMermaidDetailedNodeLabel(node) {
 	if (nodeType === "cloud") {
 		const lines = [];
 		lines.push(name ? `Cloud: ${name}` : "Cloud");
-		const cloud = pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.cloud);
+		const cloud = pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.cloud);
 		if (cloud) lines.push(`provider: ${cloud}`);
-		const service = pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.service);
+		const service = pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.service);
 		if (service) lines.push(`service: ${service}`);
 		lines.push(...buildFieldLines(componentFields, new Set(["name"])));
 		return buildDetailedLabel(lines);
@@ -6503,11 +6707,11 @@ function resolveMermaidDetailedNodeLabel(node) {
 	if (nodeType === "table" || nodeType === "dataTableInterface") {
 		var _pickString4;
 		const lines = [];
-		const table = toRecord(nodeData === null || nodeData === void 0 ? void 0 : nodeData.table);
+		const table = toRecord(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.table);
 		const tableName = (_pickString4 = pickString(table === null || table === void 0 ? void 0 : table.name)) !== null && _pickString4 !== void 0 ? _pickString4 : name;
 		lines.push(tableName ? `Table: ${tableName}` : "Table");
-		const columns = Array.isArray(nodeData === null || nodeData === void 0 ? void 0 : nodeData.columns) ? nodeData.columns.filter((value) => typeof value === "string").length : Array.isArray(table === null || table === void 0 ? void 0 : table.columns) ? table.columns.length : 0;
-		const rows = Array.isArray(nodeData === null || nodeData === void 0 ? void 0 : nodeData.rows) ? nodeData.rows.filter((value) => Array.isArray(value)).length : Array.isArray(table === null || table === void 0 ? void 0 : table.rows) ? table.rows.length : 0;
+		const columns = Array.isArray(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.columns) ? nodeData$1.columns.filter((value) => typeof value === "string").length : Array.isArray(table === null || table === void 0 ? void 0 : table.columns) ? table.columns.length : 0;
+		const rows = Array.isArray(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.rows) ? nodeData$1.rows.filter((value) => Array.isArray(value)).length : Array.isArray(table === null || table === void 0 ? void 0 : table.rows) ? table.rows.length : 0;
 		lines.push(`columns: ${columns}`);
 		lines.push(`rows: ${rows}`);
 		lines.push(...buildFieldLines(componentFields, new Set(["name"])));
@@ -6520,7 +6724,7 @@ function resolveMermaidDetailedNodeLabel(node) {
 		return;
 	}
 	if (nodeType === "gif") {
-		const src = pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.src);
+		const src = pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.src);
 		return buildDetailedLabel([
 			name ? `Gif: ${name}` : src ? `Gif: ${src}` : "Gif",
 			...src ? [`src: ${src}`] : [],
@@ -6528,7 +6732,7 @@ function resolveMermaidDetailedNodeLabel(node) {
 		]);
 	}
 	if (nodeType === "image") {
-		const src = pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.src);
+		const src = pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.src);
 		return buildDetailedLabel([
 			name ? `Image: ${name}` : src ? `Image: ${src}` : "Image",
 			...src ? [`src: ${src}`] : [],
@@ -6536,7 +6740,7 @@ function resolveMermaidDetailedNodeLabel(node) {
 		]);
 	}
 	if (nodeType === "group") {
-		const childCount = Array.isArray(nodeData === null || nodeData === void 0 ? void 0 : nodeData.childNodes) ? nodeData.childNodes.length : 0;
+		const childCount = Array.isArray(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.childNodes) ? nodeData$1.childNodes.length : 0;
 		return buildDetailedLabel([
 			name ? `Group: ${name}` : "Group",
 			`children: ${childCount}`,
@@ -6545,10 +6749,10 @@ function resolveMermaidDetailedNodeLabel(node) {
 	}
 	if (nodeType === "sequenceParticipant") {
 		var _getFieldString4;
-		const label = (_getFieldString4 = getFieldString(componentFields, "Label")) !== null && _getFieldString4 !== void 0 ? _getFieldString4 : pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.label);
+		const label = (_getFieldString4 = getFieldString(componentFields, "Label")) !== null && _getFieldString4 !== void 0 ? _getFieldString4 : pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.label);
 		const participantName = name !== null && name !== void 0 ? name : label;
-		const rowCount = typeof (nodeData === null || nodeData === void 0 ? void 0 : nodeData.rowCount) === "number" ? nodeData.rowCount : void 0;
-		const color = pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.color);
+		const rowCount = typeof (nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.rowCount) === "number" ? nodeData$1.rowCount : void 0;
+		const color = pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.color);
 		return buildDetailedLabel([
 			participantName ? `SequenceParticipant: ${participantName}` : "SequenceParticipant",
 			...typeof rowCount === "number" ? [`rows: ${rowCount}`] : [],
@@ -6556,9 +6760,9 @@ function resolveMermaidDetailedNodeLabel(node) {
 			...buildFieldLines(componentFields, new Set(["name", "label"]))
 		]);
 	}
-	if (nodeType === "comment") return buildDetailedLabel([`Comment: ${(typeof (nodeData === null || nodeData === void 0 ? void 0 : nodeData.isResolved) === "boolean" ? nodeData.isResolved : void 0) ? "Resolved" : "Open"}`, ...buildFieldLines(componentFields, new Set(["name"]))]);
+	if (nodeType === "comment") return buildDetailedLabel([`Comment: ${(typeof (nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.isResolved) === "boolean" ? nodeData$1.isResolved : void 0) ? "Resolved" : "Open"}`, ...buildFieldLines(componentFields, new Set(["name"]))]);
 	if (nodeType === "builder") {
-		const componentId = pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.componentId);
+		const componentId = pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.componentId);
 		return buildDetailedLabel([
 			name ? `Builder: ${name}` : "Builder",
 			...componentId ? [`componentId: ${componentId}`] : [],
@@ -6575,7 +6779,7 @@ function resolveMermaidDetailedNodeLabel(node) {
 		])));
 		return buildDetailedLabel(lines);
 	}
-	const fallbackLabel = pickString(nodeData === null || nodeData === void 0 ? void 0 : nodeData.label);
+	const fallbackLabel = pickString(nodeData$1 === null || nodeData$1 === void 0 ? void 0 : nodeData$1.label);
 	if (fallbackLabel) return `${nodeType ? nodeType.charAt(0).toUpperCase() + nodeType.slice(1) : "Node"}: ${fallbackLabel}`;
 }
 function escapeMermaidEdgeLabelText(value) {
@@ -6666,6 +6870,8 @@ exports.convertMermaidToReactFlow = convertMermaidToReactFlow;
 exports.convertMermaidToReactFlowWithContext = convertMermaidToReactFlowWithContext;
 exports.convertMongoSchemaToAst = convertMongoSchemaToAst;
 exports.convertNoSQLToAst = convertNoSQLToAst;
+exports.convertReactFlowToC4Mermaid = convertReactFlowToC4Mermaid;
+exports.convertReactFlowToC4UiGraph = convertReactFlowToC4UiGraph;
 exports.convertReactFlowToSequenceMermaid = convertReactFlowToSequenceMermaid;
 exports.convertReactFlowToSequenceUiGraph = convertReactFlowToSequenceUiGraph;
 exports.convertUiGraphToMermaid = convertUiGraphToMermaid;
@@ -6675,6 +6881,7 @@ exports.generateTableNodeId = generateTableNodeId;
 exports.generateUUID = generateUUID;
 exports.getC4ElementColors = getC4ElementColors;
 exports.isC4Diagram = isC4Diagram;
+exports.isC4ReactFlowDiagram = isC4ReactFlowDiagram;
 exports.isSequenceDiagram = isSequenceDiagram;
 exports.parseC4Diagram = parseC4Diagram;
 exports.sanitizeMermaidLabels = sanitizeMermaidLabels;