@uigraph/sdk 1.2.6 → 1.2.7

package/dist/index.mjs

@@ -5217,1023 +5217,1058 @@ function sanitizeMermaidLabels(src) {
 	const second = allStarts[1];
 	return subgraphFixed.slice(first, second).trim();
 }
-function isSequenceDiagram(nodes) {
-	return nodes.some((node) => node.type === "sequenceParticipant");
+const CONTEXT_SHAPES = new Set([
+	"rectangle",
+	"rounded-rect",
+	"ellipse",
+	"diamond",
+	"triangle",
+	"parallelogram",
+	"trapezoid",
+	"hexagon",
+	"document",
+	"cylinder",
+	"delay",
+	"off-page-connector",
+	"display",
+	"collate",
+	"sort",
+	"terminator",
+	"or",
+	"database",
+	"multiple-documents",
+	"subroutine",
+	"manual-input",
+	"summing-junction",
+	"internal-storage"
+]);
+const COMPONENT_INPUT_TYPES = new Set(Object.values(ComponentInputType));
+const INLINE_MERMAID_LABEL_MAX_LENGTH = 32;
+const KNOWN_NODE_DATA_KEYS = new Set([
+	"componentFields",
+	"shape",
+	"fill",
+	"stroke",
+	"strokeWidth",
+	"strokeStyle",
+	"borderRadius",
+	"borderAnimationEnabled",
+	"strokeAnimation",
+	"src",
+	"animatedIcon",
+	"iconSrc",
+	"componentId",
+	"serviceTable",
+	"title",
+	"columns",
+	"rows",
+	"name",
+	"label",
+	"value",
+	"cloud",
+	"service",
+	"childNodes"
+]);
+function isComponentInputType(value) {
+	return COMPONENT_INPUT_TYPES.has(value);
 }
-function fieldValue(node, componentFieldId) {
-	var _node$data, _field$data;
-	const fields = (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.componentFields;
-	if (!Array.isArray(fields)) return void 0;
-	const field = fields.find((candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.componentFieldId) === componentFieldId);
-	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") return void 0;
-	if (!value.trim()) return void 0;
+function toRecord(value) {
+	if (!value || typeof value !== "object" || Array.isArray(value)) return;
 	return value;
 }
-function nodeLabel(node) {
-	var _node$data2;
-	const fromField = fieldValue(node, "name");
-	if (fromField !== void 0) return fromField;
-	const label = (_node$data2 = node.data) === null || _node$data2 === void 0 ? void 0 : _node$data2.label;
-	if (typeof label === "string") return label;
-	return "";
+function pickString(value) {
+	if (typeof value !== "string") return;
+	const trimmed = value.trim();
+	if (!trimmed) return;
+	return trimmed;
 }
-function encodeLabel(text) {
-	return text.replace(/#/g, "&#35;").replace(/\r\n?/g, "\n").replace(/\n/g, "<br/>").trim();
+function pickPosition(value) {
+	const position = toRecord(value);
+	if (!position) return;
+	if (typeof position.x !== "number" || !Number.isFinite(position.x)) return;
+	if (typeof position.y !== "number" || !Number.isFinite(position.y)) return;
+	return {
+		x: position.x,
+		y: position.y
+	};
 }
-function toMermaidId(name, index, used) {
-	const base = name.replace(/[^A-Za-z0-9_]/g, "") || `P${index}`;
-	let candidate = base;
-	let suffix = 2;
-	while (used.has(candidate)) {
-		candidate = `${base}_${suffix}`;
-		suffix++;
-	}
-	used.add(candidate);
-	return candidate;
+function getFieldValue(fieldData) {
+	if (!Array.isArray(fieldData) || fieldData.length !== 1) return fieldData;
+	const first = toRecord(fieldData[0]);
+	if (!first) return fieldData;
+	if (!("value" in first)) return first;
+	return first.value;
 }
-function collectParticipants(nodes) {
-	const used = /* @__PURE__ */ new Set();
-	return nodes.filter((node) => node.type === "sequenceParticipant").sort((a, b) => a.position.x - b.position.x).map((node, index) => {
-		var _node$data3, _node$data4, _node$data5, _node$data6, _node$data7;
-		const name = nodeLabel(node) || `Participant ${index + 1}`;
-		const rawType = (_node$data3 = node.data) === null || _node$data3 === void 0 ? void 0 : _node$data3.participantType;
-		const activations = (_node$data4 = node.data) === null || _node$data4 === void 0 ? void 0 : _node$data4.activations;
-		const links = (_node$data5 = node.data) === null || _node$data5 === void 0 ? void 0 : _node$data5.links;
-		const createdRow = (_node$data6 = node.data) === null || _node$data6 === void 0 ? void 0 : _node$data6.lifelineStartRow;
-		const destroyedRow = (_node$data7 = node.data) === null || _node$data7 === void 0 ? void 0 : _node$data7.lifelineEndRow;
-		return _objectSpread2(_objectSpread2(_objectSpread2({
-			nodeId: node.id,
-			mermaidId: toMermaidId(name, index, used),
-			name,
-			type: typeof rawType === "string" ? rawType : "participant",
-			links: Array.isArray(links) ? links : [],
-			activations: Array.isArray(activations) ? activations : []
-		}, typeof createdRow === "number" ? { createdRow } : {}), typeof destroyedRow === "number" ? { destroyedRow } : {}), {}, { x: node.position.x });
+function getFieldByLabel(fields, label) {
+	return fields.find((field) => {
+		var _pickString;
+		return ((_pickString = pickString(field.label)) === null || _pickString === void 0 ? void 0 : _pickString.toLowerCase()) === label.toLowerCase() && pickString(field.type);
 	});
 }
-function buildMessageLinks(edges, participantNodeIds) {
-	const links = /* @__PURE__ */ new Map();
-	for (const edge of edges) {
-		if (participantNodeIds.has(edge.source)) links.set(edge.target, _objectSpread2(_objectSpread2({}, links.get(edge.target)), {}, { from: edge.source }));
-		if (participantNodeIds.has(edge.target)) links.set(edge.source, _objectSpread2(_objectSpread2({}, links.get(edge.source)), {}, { to: edge.target }));
-	}
-	return links;
+function getFieldString(fields, label) {
+	const field = getFieldByLabel(fields, label);
+	if (!field) return;
+	return pickString(getFieldValue(field.data));
 }
-function arrowTokenOf(edgeFrom, edgeTo) {
-	var _edgeTo$data$arrowTyp, _edgeTo$data, _edgeFrom$data, _edgeTo$data$half, _edgeTo$data2, _edgeFrom$data2, _edgeFrom$data3, _ref, _ref2;
-	const arrowType = (_edgeTo$data$arrowTyp = edgeTo === null || edgeTo === void 0 || (_edgeTo$data = edgeTo.data) === null || _edgeTo$data === void 0 ? void 0 : _edgeTo$data.arrowType) !== null && _edgeTo$data$arrowTyp !== void 0 ? _edgeTo$data$arrowTyp : edgeFrom === null || edgeFrom === void 0 || (_edgeFrom$data = edgeFrom.data) === null || _edgeFrom$data === void 0 ? void 0 : _edgeFrom$data.arrowType;
-	const half = (_edgeTo$data$half = edgeTo === null || edgeTo === void 0 || (_edgeTo$data2 = edgeTo.data) === null || _edgeTo$data2 === void 0 ? void 0 : _edgeTo$data2.half) !== null && _edgeTo$data$half !== void 0 ? _edgeTo$data$half : edgeFrom === null || edgeFrom === void 0 || (_edgeFrom$data2 = edgeFrom.data) === null || _edgeFrom$data2 === void 0 ? void 0 : _edgeFrom$data2.half;
-	const reversed = (edgeFrom === null || edgeFrom === void 0 || (_edgeFrom$data3 = edgeFrom.data) === null || _edgeFrom$data3 === void 0 ? void 0 : _edgeFrom$data3.reversed) === true;
-	return findArrowTokenFor(_objectSpread2(_objectSpread2({
-		lineStyle: (edgeTo === null || edgeTo === void 0 || (_ref = edgeTo.style) === null || _ref === void 0 ? void 0 : _ref.strokeDasharray) !== void 0 || (edgeFrom === null || edgeFrom === void 0 || (_ref2 = edgeFrom.style) === null || _ref2 === void 0 ? void 0 : _ref2.strokeDasharray) !== void 0 ? "dashed" : "solid",
-		arrowType: arrowType !== null && arrowType !== void 0 ? arrowType : "filled"
-	}, half ? { half } : {}), {}, { reversed }));
+function isEmptyFieldValue(value) {
+	if (typeof value === "string") return value.trim().length === 0;
+	return value === void 0 || value === null;
 }
-function noteParticipantNodeIds(note, participants, noteNode$1) {
-	const byImportedId = (Array.isArray(note.participants) ? note.participants.filter((value) => typeof value === "string") : []).map((id) => participants.find((participant) => participant.nodeId === `participant-${id}`)).filter((participant) => Boolean(participant));
-	if (byImportedId.length > 0) return byImportedId.map((participant) => participant.nodeId);
-	if (participants.length === 0) return [];
-	const noteCenter = noteNode$1.position.x + (Number(noteNode$1.width) || 0) / 2;
-	return [[...participants].sort((a, b) => Math.abs(a.x - noteCenter) - Math.abs(b.x - noteCenter))[0].nodeId];
+function parseStrokeStyle(dashArray) {
+	if (typeof dashArray !== "string" || !dashArray.trim()) return;
+	const normalized = dashArray.replaceAll(",", " ").replace(/\s+/g, " ").trim();
+	if (normalized === "1 2") return "dotted";
+	if (normalized === "4 2" || normalized === "4 4" || normalized === "8 4") return "dashed";
+	return "solid";
 }
-function collectRowItems(nodes, edges, participants) {
-	const participantNodeIds = new Set(participants.map((p) => p.nodeId));
-	const links = buildMessageLinks(edges, participantNodeIds);
-	const items = [];
-	for (const node of nodes) {
-		var _node$data8, _node$data9, _edgeFrom$data4, _edgeTo$data3;
-		if (participantNodeIds.has(node.id)) continue;
-		const note = (_node$data8 = node.data) === null || _node$data8 === void 0 ? void 0 : _node$data8.sequenceNote;
-		if (note) {
-			var _note$placement;
-			items.push({
-				item: {
-					kind: "note",
-					nodeId: node.id,
-					text: nodeLabel(node),
-					placement: (_note$placement = note.placement) !== null && _note$placement !== void 0 ? _note$placement : "over",
-					participantNodeIds: noteParticipantNodeIds(note, participants, node)
-				},
-				y: node.position.y
-			});
-			continue;
-		}
-		const link = links.get(node.id);
-		if (!(link === null || link === void 0 ? void 0 : link.from) || !link.to) continue;
-		const edgeFrom = edges.find((edge) => edge.target === node.id && edge.source === link.from);
-		const edgeTo = edges.find((edge) => edge.source === node.id && edge.target === link.to);
-		const sequenceNumber = (_node$data9 = node.data) === null || _node$data9 === void 0 ? void 0 : _node$data9.sequenceNumber;
-		items.push({
-			item: _objectSpread2({
-				kind: "message",
-				nodeId: node.id,
-				fromNodeId: link.from,
-				toNodeId: link.to,
-				label: nodeLabel(node),
-				token: arrowTokenOf(edgeFrom, edgeTo),
-				centralSource: (edgeFrom === null || edgeFrom === void 0 || (_edgeFrom$data4 = edgeFrom.data) === null || _edgeFrom$data4 === void 0 ? void 0 : _edgeFrom$data4.centralSource) === true,
-				centralTarget: (edgeTo === null || edgeTo === void 0 || (_edgeTo$data3 = edgeTo.data) === null || _edgeTo$data3 === void 0 ? void 0 : _edgeTo$data3.centralTarget) === true
-			}, typeof sequenceNumber === "number" ? { sequenceNumber } : {}),
-			y: node.position.y
-		});
-	}
-	return items.sort((a, b) => a.y - b.y).map((entry) => entry.item);
+function normalizeMarker(marker) {
+	if (typeof marker === "string") return { type: marker };
+	const markerRecord = toRecord(marker);
+	if (!markerRecord) return;
+	const type = pickString(markerRecord.type);
+	if (!type) return;
+	const color = pickString(markerRecord.color);
+	if (color) return {
+		type,
+		color
+	};
+	return { type };
 }
-function collectBlocks(nodes) {
-	const blocks = [];
-	for (const node of nodes) {
-		var _node$data10, _block$type, _block$label, _block$depth, _block$sections;
-		const block = (_node$data10 = node.data) === null || _node$data10 === void 0 ? void 0 : _node$data10.sequenceBlock;
-		if (!block) continue;
-		if (typeof block.startRow !== "number") continue;
-		if (typeof block.endRow !== "number") continue;
-		blocks.push(_objectSpread2(_objectSpread2({
-			type: (_block$type = block.type) !== null && _block$type !== void 0 ? _block$type : "rect",
-			label: (_block$label = block.label) !== null && _block$label !== void 0 ? _block$label : ""
-		}, block.color ? { color: block.color } : {}), {}, {
-			depth: (_block$depth = block.depth) !== null && _block$depth !== void 0 ? _block$depth : 0,
-			startRow: block.startRow,
-			endRow: block.endRow,
-			sections: ((_block$sections = block.sections) !== null && _block$sections !== void 0 ? _block$sections : []).filter((section) => typeof section.startRow === "number" && typeof section.endRow === "number").map((section) => {
-				var _section$label;
-				return {
-					label: (_section$label = section.label) !== null && _section$label !== void 0 ? _section$label : "",
-					startRow: section.startRow,
-					endRow: section.endRow
-				};
-			})
-		}));
-	}
-	return blocks;
+function escapeMermaidText(value) {
+	return value.replaceAll("\"", "\\\"");
 }
-function collectBoxes(nodes, participants) {
-	const boxes = [];
-	for (const node of nodes) {
-		var _node$data11, _node$data12, _box$label;
-		const box = (_node$data11 = node.data) === null || _node$data11 === void 0 ? void 0 : _node$data11.sequenceBox;
-		if (!box) continue;
-		const byImportedId = (Array.isArray(box.participants) ? box.participants.filter((value) => typeof value === "string") : []).map((id) => participants.find((participant) => participant.nodeId === `participant-${id}`)).filter((participant) => Boolean(participant));
-		const left = node.position.x;
-		const right = node.position.x + (Number(node.width) || 0);
-		const contained = byImportedId.length > 0 ? byImportedId : participants.filter((participant) => participant.x >= left && participant.x <= right);
-		if (contained.length === 0) continue;
-		const backgroundColor = (_node$data12 = node.data) === null || _node$data12 === void 0 ? void 0 : _node$data12.backgroundColor;
-		boxes.push(_objectSpread2(_objectSpread2({ label: (_box$label = box.label) !== null && _box$label !== void 0 ? _box$label : "" }, typeof backgroundColor === "string" ? { color: backgroundColor } : {}), {}, { participantNodeIds: contained.map((participant) => participant.nodeId) }));
-	}
-	return boxes;
+function canInlineMermaidLabel(value) {
+	if (value.length > INLINE_MERMAID_LABEL_MAX_LENGTH) return false;
+	if (value.includes("\n") || value.includes("\r")) return false;
+	return true;
 }
-function participantDeclaration(participant, keyword) {
-	const stereotype = participant.type === "participant" || participant.type === "actor" ? "" : `@{ "type": "${participant.type}" }`;
-	const alias = participant.mermaidId === participant.name ? "" : ` as ${encodeLabel(participant.name)}`;
-	return `${keyword} ${participant.mermaidId}${stereotype}${alias}`;
+function normalizeDetailedMermaidLabel(value) {
+	return value.split(/\r?\n/).map((line) => line.replace(/\s+/g, " ").trim()).filter((line) => line.length > 0).join("\n");
 }
-function convertReactFlowToSequenceMermaid(nodes, edges) {
-	const participants = collectParticipants(nodes);
-	const items = collectRowItems(nodes, edges, participants);
-	const blocks = collectBlocks(nodes);
-	const boxes = collectBoxes(nodes, participants);
-	const participantByNodeId = new Map(participants.map((participant) => [participant.nodeId, participant]));
-	const rowByItemId = /* @__PURE__ */ new Map();
-	const lastRowByItemId = /* @__PURE__ */ new Map();
-	let row = 0;
-	for (const item of items) {
-		rowByItemId.set(item.nodeId, row);
-		const isSelf = item.kind === "message" && item.fromNodeId === item.toNodeId;
-		lastRowByItemId.set(item.nodeId, isSelf ? row + 1 : row);
-		row += isSelf ? 2 : 1;
-	}
-	const rowCount = row;
-	const lines = ["sequenceDiagram"];
-	const titleNode = nodes.find((node) => node.id === "sequence-title");
-	if (titleNode) {
-		var _fieldValue;
-		const text = (_fieldValue = fieldValue(titleNode, "text")) !== null && _fieldValue !== void 0 ? _fieldValue : nodeLabel(titleNode);
-		if (text) lines.push(`  title ${encodeLabel(text)}`);
+function toComponentFields(value) {
+	if (!Array.isArray(value)) return [];
+	return value.map((field) => toRecord(field)).filter((field) => field !== void 0);
+}
+function buildContextEdges(edges, nodeIdMap) {
+	const contextEdges = {};
+	for (const edge of edges) {
+		var _toRecord, _toRecord2;
+		const source = nodeIdMap.get(edge.source);
+		const target = nodeIdMap.get(edge.target);
+		if (!source || !target) continue;
+		const edgeContext = {};
+		const edgeType = pickString(edge.type);
+		if (edgeType) edgeContext.type = edgeType;
+		const sourceHandle = pickString(edge.sourceHandle);
+		if (sourceHandle) edgeContext.sourceHandle = sourceHandle;
+		const targetHandle = pickString(edge.targetHandle);
+		if (targetHandle) edgeContext.targetHandle = targetHandle;
+		const edgeLabel = pickString(edge.label);
+		if (edgeLabel) edgeContext.label = edgeLabel;
+		const edgeStyleRecord = (_toRecord = toRecord(edge.style)) !== null && _toRecord !== void 0 ? _toRecord : {};
+		const edgeStyle = {};
+		const stroke = pickString(edgeStyleRecord.stroke);
+		if (stroke) edgeStyle.stroke = stroke;
+		if (typeof edgeStyleRecord.strokeWidth === "number") edgeStyle.strokeWidth = edgeStyleRecord.strokeWidth;
+		const strokeStyle = parseStrokeStyle(edgeStyleRecord.strokeDasharray);
+		if (strokeStyle) edgeStyle.strokeStyle = strokeStyle;
+		if (typeof edge.animated === "boolean") edgeStyle.borderAnimationEnabled = edge.animated;
+		if (Object.keys(edgeStyle).length > 0) edgeContext.style = edgeStyle;
+		const markerStart = normalizeMarker(edge.markerStart);
+		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 boxByFirstParticipant = /* @__PURE__ */ new Map();
-	const boxEndByParticipant = /* @__PURE__ */ new Map();
-	for (const box of boxes) {
-		var _boxEndByParticipant$;
-		const ordered = participants.filter((participant) => box.participantNodeIds.includes(participant.nodeId));
-		if (ordered.length === 0) continue;
-		boxByFirstParticipant.set(ordered[0].nodeId, box);
-		boxEndByParticipant.set(ordered[ordered.length - 1].nodeId, ((_boxEndByParticipant$ = boxEndByParticipant.get(ordered[ordered.length - 1].nodeId)) !== null && _boxEndByParticipant$ !== void 0 ? _boxEndByParticipant$ : 0) + 1);
+	return contextEdges;
+}
+function buildContextGroups(groupNodes, nodeIdMap) {
+	const contextGroups = {};
+	for (const groupNode of groupNodes) {
+		var _toRecord;
+		const groupData = (_toRecord = toRecord(groupNode.data)) !== null && _toRecord !== void 0 ? _toRecord : {};
+		const childNodes = Array.isArray(groupData.childNodes) ? groupData.childNodes.map((childId) => typeof childId === "string" ? nodeIdMap.get(childId) : void 0).filter((childId) => childId !== void 0) : [];
+		const name = getFieldString(Array.isArray(groupData.componentFields) ? groupData.componentFields.map((field) => toRecord(field)).filter((field) => field !== void 0) : [], "Name");
+		if (!name && childNodes.length === 0) continue;
+		contextGroups[groupNode.id] = {
+			name: name !== null && name !== void 0 ? name : void 0,
+			nodes: childNodes
+		};
 	}
-	for (const participant of participants) {
-		var _boxEndByParticipant$2;
-		const box = boxByFirstParticipant.get(participant.nodeId);
-		if (box) {
-			const color = box.color ? `${box.color} ` : "";
-			lines.push(`  box ${color}${encodeLabel(box.label)}`.trimEnd());
+	return contextGroups;
+}
+function buildContextNodes(graphNodes, nodeIdMap) {
+	const contextNodes = {};
+	for (const node of graphNodes) {
+		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 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 nodeContext = {};
+		const nodeType = pickString(node.type);
+		if (nodeType) nodeContext.type = nodeType;
+		const nameField = getFieldByLabel(componentFields, "Name");
+		const nameRawValue = nameField ? getFieldValue(nameField.data) : void 0;
+		const name = pickString(nameRawValue);
+		if (name) nodeContext.name = name;
+		const textField = nodeType === "text" ? getFieldByLabel(componentFields, "Text") : void 0;
+		const textRawValue = textField ? getFieldValue(textField.data) : void 0;
+		const textValue = pickString(textRawValue);
+		if (nodeType === "text") {
+			if (textValue) nodeContext.value = textValue;
 		}
-		if (participant.createdRow === void 0) {
-			const keyword = participant.type === "actor" ? "actor" : "participant";
-			lines.push(`  ${participantDeclaration(participant, keyword)}`);
+		const codeField = nodeType === "code" ? getFieldByLabel(componentFields, "Code") : void 0;
+		const codeRawValue = codeField ? getFieldValue(codeField.data) : void 0;
+		const codeValue = pickString(codeRawValue);
+		if (nodeType === "code") {
+			if (codeValue) nodeContext.value = codeValue;
 		}
-		const boxEnds = (_boxEndByParticipant$2 = boxEndByParticipant.get(participant.nodeId)) !== null && _boxEndByParticipant$2 !== void 0 ? _boxEndByParticipant$2 : 0;
-		for (let index = 0; index < boxEnds; index++) lines.push("  end");
-	}
-	for (const participant of participants) for (const link of participant.links) lines.push(`  link ${participant.mermaidId}: ${link.label} @ ${link.url}`);
-	const numbered = items.filter((item) => item.kind === "message" && item.sequenceNumber !== void 0);
-	if (numbered.length > 0) {
-		const start = numbered[0].sequenceNumber;
-		const step = numbered.length > 1 ? numbered[1].sequenceNumber - numbered[0].sequenceNumber : 1;
-		lines.push(`  autonumber ${start} ${step}`);
-	}
-	const openBlocks = [];
-	function indent() {
-		return "  ".repeat(openBlocks.length + 1);
-	}
-	for (let currentRow = 0; currentRow < rowCount; currentRow++) {
-		const opening = blocks.filter((block) => block.startRow === currentRow).sort((a, b) => a.depth - b.depth);
-		for (const block of opening) {
-			const label = encodeLabel(block.label);
-			const color = block.type === "rect" && block.color ? `${block.color} ` : "";
-			lines.push(`${indent()}${block.type} ${color}${label}`.trimEnd());
-			openBlocks.push(block);
+		const src = pickString(nodeData.src);
+		if (src) nodeContext.src = src;
+		const animatedIcon = pickString(nodeData.animatedIcon);
+		if (animatedIcon) nodeContext.animatedIcon = animatedIcon;
+		const cloud = pickString(nodeData.cloud);
+		if (cloud) nodeContext.cloud = cloud;
+		const service = pickString(nodeData.service);
+		if (service) nodeContext.service = service;
+		const componentId = pickString(nodeData.componentId);
+		if (componentId) nodeContext.componentId = componentId;
+		const shape = pickString(nodeData.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);
+		if (fill) style.fill = fill;
+		const stroke = (_pickString2 = pickString(nodeData.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;
+		if (typeof strokeWidth === "number") style.strokeWidth = strokeWidth;
+		const borderRadius = typeof nodeData.borderRadius === "number" ? nodeData.borderRadius : typeof nodeStyle.borderRadius === "number" ? nodeStyle.borderRadius : void 0;
+		if (typeof borderRadius === "number") style.borderRadius = borderRadius;
+		const strokeStyleFromData = pickString(nodeData.strokeStyle);
+		if (strokeStyleFromData === "solid" || strokeStyleFromData === "dashed" || strokeStyleFromData === "dotted") style.strokeStyle = strokeStyleFromData;
+		else {
+			const strokeStyleFromDash = parseStrokeStyle(nodeStyle.strokeDasharray);
+			if (strokeStyleFromDash) style.strokeStyle = strokeStyleFromDash;
 		}
-		for (const [depth, block] of openBlocks.entries()) for (const section of block.sections.slice(1)) {
-			if (section.startRow !== currentRow) continue;
-			const keyword = block.type === "par" ? "and" : block.type === "critical" ? "option" : "else";
-			lines.push(`${"  ".repeat(depth + 1)}${keyword} ${encodeLabel(section.label)}`.trimEnd());
+		const borderAnimationEnabled = typeof nodeData.borderAnimationEnabled === "boolean" ? nodeData.borderAnimationEnabled : nodeData.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;
+		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 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);
+		if (serviceName && databaseName && tableName) nodeContext.dbConfig = {
+			serviceName,
+			databaseName,
+			tableName
+		};
+		const dynamicData = {};
+		for (const field of componentFields) {
+			const label$1 = pickString(field.label);
+			const type = pickString(field.type);
+			if (!label$1 || !type || !isComponentInputType(type)) continue;
+			const componentType = type;
+			const normalizedLabel = label$1.toLowerCase();
+			if (normalizedLabel === "name") continue;
+			if (nodeType === "text" && normalizedLabel === "text") continue;
+			if (nodeType === "code" && normalizedLabel === "code") continue;
+			const options = Array.isArray(field.options) ? field.options.filter((option) => typeof option === "string") : void 0;
+			dynamicData[label$1] = {
+				type: componentType,
+				value: getFieldValue(field.data),
+				options: options && options.length > 0 ? options : void 0
+			};
 		}
-		const item = items.find((entry) => rowByItemId.get(entry.nodeId) === currentRow);
-		if (item) {
-			for (const participant of participants) {
-				if (participant.createdRow !== currentRow) continue;
-				const keyword = participant.type === "actor" ? "actor" : "participant";
-				lines.push(`${indent()}create ${participantDeclaration(participant, keyword)}`);
-			}
-			for (const participant of participants) {
-				if (participant.destroyedRow !== currentRow) continue;
-				lines.push(`${indent()}destroy ${participant.mermaidId}`);
-			}
-			for (const participant of participants) for (const activation of participant.activations) {
-				if (activation.startRow !== currentRow) continue;
-				lines.push(`${indent()}activate ${participant.mermaidId}`);
-			}
-			if (item.kind === "message") {
-				const from = participantByNodeId.get(item.fromNodeId);
-				const to = participantByNodeId.get(item.toNodeId);
-				if (from && to) {
-					const source = item.centralSource ? `${from.mermaidId}()` : from.mermaidId;
-					const target = item.centralTarget ? `()${to.mermaidId}` : to.mermaidId;
-					lines.push(`${indent()}${source}${item.token}${target}: ${encodeLabel(item.label)}`);
-				}
-			}
-			if (item.kind === "note") {
-				const names = item.participantNodeIds.map((nodeId) => {
-					var _participantByNodeId$;
-					return (_participantByNodeId$ = participantByNodeId.get(nodeId)) === null || _participantByNodeId$ === void 0 ? void 0 : _participantByNodeId$.mermaidId;
-				}).filter((id) => id !== void 0);
-				if (names.length > 0) lines.push(`${indent()}Note ${item.placement} ${names.join(",")}: ${encodeLabel(item.text)}`);
+		if (nameField && !name && isEmptyFieldValue(nameRawValue)) {
+			const nameType = pickString(nameField.type);
+			if (nameType && isComponentInputType(nameType)) {
+				const nameOptions = Array.isArray(nameField.options) ? nameField.options.filter((option) => typeof option === "string") : void 0;
+				dynamicData.Name = {
+					type: nameType,
+					value: "",
+					options: nameOptions && nameOptions.length > 0 ? nameOptions : void 0
+				};
 			}
 		}
-		const rowEnd = item ? lastRowByItemId.get(item.nodeId) : currentRow;
-		for (const participant of participants) for (const activation of participant.activations) {
-			if (activation.endRow !== rowEnd) continue;
-			lines.push(`${indent()}deactivate ${participant.mermaidId}`);
+		if (textField && !textValue && isEmptyFieldValue(textRawValue)) {
+			const textType = pickString(textField.type);
+			if (textType && isComponentInputType(textType)) {
+				const textOptions = Array.isArray(textField.options) ? textField.options.filter((option) => typeof option === "string") : void 0;
+				dynamicData.Text = {
+					type: textType,
+					value: "",
+					options: textOptions && textOptions.length > 0 ? textOptions : void 0
+				};
+			}
 		}
-		while (openBlocks.length > 0 && openBlocks[openBlocks.length - 1].endRow <= rowEnd) {
-			openBlocks.pop();
-			lines.push(`${indent()}end`);
+		if (codeField && !codeValue && isEmptyFieldValue(codeRawValue)) {
+			const codeType = pickString(codeField.type);
+			if (codeType && isComponentInputType(codeType)) {
+				const codeOptions = Array.isArray(codeField.options) ? codeField.options.filter((option) => typeof option === "string") : void 0;
+				dynamicData.Code = {
+					type: codeType,
+					value: "",
+					options: codeOptions && codeOptions.length > 0 ? codeOptions : void 0
+				};
+			}
 		}
+		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]) => {
+			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 (iconSrc) internalData.iconSrc = iconSrc;
+		const label = pickString(nodeData.label);
+		if (label) internalData.label = label;
+		const internalCloud = pickString(nodeData.cloud);
+		if (internalCloud) internalData.cloud = internalCloud;
+		if (Object.keys(internalData).length > 0) nodeContext.___internal = internalData;
+		if (Object.keys(nodeContext).length > 0) contextNodes[mappedNodeId] = nodeContext;
 	}
-	while (openBlocks.length > 0) {
-		openBlocks.pop();
-		lines.push(`${indent()}end`);
-	}
-	return lines.join("\n");
+	return contextNodes;
 }
-const BOUND_PADDING = 20;
-function createGroupNode(options) {
-	var _options$id, _options$name;
-	return {
-		id: (_options$id = options.id) !== null && _options$id !== void 0 ? _options$id : generateUUID$1(),
-		type: "group",
-		position: {
-			x: options.bounds.x,
-			y: options.bounds.y
-		},
-		data: {
-			childNodes: options.nodes,
-			autoLayout: true,
-			componentFields: [generateComponentFieldNameInput((_options$name = options.name) !== null && _options$name !== void 0 ? _options$name : "Group")]
-		},
-		style: {
-			width: options.bounds.width + 20,
-			height: options.bounds.height + 50
-		}
-	};
+function buildValidatedContext(graphNodes, edges, groupNodes, nodeIdMap) {
+	const contextNodes = buildContextNodes(graphNodes, nodeIdMap);
+	const contextEdges = buildContextEdges(edges, nodeIdMap);
+	const contextGroups = buildContextGroups(groupNodes, nodeIdMap);
+	const context = {};
+	if (Object.keys(contextNodes).length > 0) context.nodes = contextNodes;
+	if (Object.keys(contextEdges).length > 0) context.edges = contextEdges;
+	if (Object.keys(contextGroups).length > 0) context.groups = contextGroups;
+	return contextSchema.parse(context);
 }
-function generateGroupNodeFromNodes(id, name, nodes) {
-	const bounds = nodes.map((node) => {
-		var _ref, _ref2, _node$height, _node$style, _node$measured, _ref3, _ref4, _node$width, _node$style2, _node$measured2;
-		return {
-			top: node.position.y,
-			left: node.position.x,
-			bottom: node.position.y + ((_ref = (_ref2 = (_node$height = node.height) !== null && _node$height !== void 0 ? _node$height : (_node$style = node.style) === null || _node$style === void 0 ? void 0 : _node$style.height) !== null && _ref2 !== void 0 ? _ref2 : (_node$measured = node.measured) === null || _node$measured === void 0 ? void 0 : _node$measured.height) !== null && _ref !== void 0 ? _ref : 0),
-			right: node.position.x + ((_ref3 = (_ref4 = (_node$width = node.width) !== null && _node$width !== void 0 ? _node$width : (_node$style2 = node.style) === null || _node$style2 === void 0 ? void 0 : _node$style2.width) !== null && _ref4 !== void 0 ? _ref4 : (_node$measured2 = node.measured) === null || _node$measured2 === void 0 ? void 0 : _node$measured2.width) !== null && _ref3 !== void 0 ? _ref3 : 0)
-		};
-	});
-	const minX = Math.min(...bounds.map((b) => b.left));
-	const minY = Math.min(...bounds.map((b) => b.top));
-	const maxX = Math.max(...bounds.map((b) => b.right));
-	const maxY = Math.max(...bounds.map((b) => b.bottom));
-	return createGroupNode({
-		id,
-		name,
-		nodes: nodes.map((node) => node.id),
-		bounds: {
-			x: minX - BOUND_PADDING,
-			y: minY - BOUND_PADDING,
-			width: maxX - minX + BOUND_PADDING * 2,
-			height: maxY - minY + BOUND_PADDING * 2
-		}
-	});
+function isSequenceDiagram(nodes) {
+	return nodes.some((node) => node.type === "sequenceParticipant");
 }
-function resolveCloudIcon(_x, _x2) {
-	return _resolveCloudIcon.apply(this, arguments);
+function fieldValue(node, componentFieldId) {
+	var _node$data, _field$data;
+	const fields = (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.componentFields;
+	if (!Array.isArray(fields)) return void 0;
+	const field = fields.find((candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.componentFieldId) === componentFieldId);
+	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") return void 0;
+	if (!value.trim()) return void 0;
+	return value;
 }
-function _resolveCloudIcon() {
-	_resolveCloudIcon = _asyncToGenerator(function* (cloud, serviceName) {
-		const cloudName = cloud === null || cloud === void 0 ? void 0 : cloud.toLowerCase();
-		const icon = (cloudName === "azure" ? [...(yield import("./__azure-icons.DgR1F6C6.mjs")).default] : cloudName === "aws" ? [...(yield import("./__aws-icons.agWBtDk7.mjs")).default] : [...(yield import("./__aws-icons.agWBtDk7.mjs")).default, ...(yield import("./__azure-icons.DgR1F6C6.mjs")).default]).find((icon$1) => icon$1.name.toLowerCase() === serviceName.toLowerCase());
-		if (!icon) return null;
-		return `/${icon.cloud.toLowerCase()}-icons/${icon.relativePath}`;
-	});
-	return _resolveCloudIcon.apply(this, arguments);
+function nodeLabel(node) {
+	var _node$data2;
+	const fromField = fieldValue(node, "name");
+	if (fromField !== void 0) return fromField;
+	const label = (_node$data2 = node.data) === null || _node$data2 === void 0 ? void 0 : _node$data2.label;
+	if (typeof label === "string") return label;
+	return "";
 }
-function resolveAnimatedNode(_x3) {
-	return _resolveAnimatedNode.apply(this, arguments);
+function encodeLabel(text) {
+	return text.replace(/#/g, "&#35;").replace(/\r\n?/g, "\n").replace(/\n/g, "<br/>").trim();
 }
-function _resolveAnimatedNode() {
-	_resolveAnimatedNode = _asyncToGenerator(function* (animatedIcon) {
-		const node = (yield import("./__animated-nodes.DI0XYTuw.mjs")).default.find((node$1) => node$1.name.toLowerCase() === animatedIcon.toLowerCase());
-		if (!node) return null;
-		return `/animated-nodes/${node.fileName}`;
+function toMermaidId(name, index, used) {
+	const base = name.replace(/[^A-Za-z0-9_]/g, "") || `P${index}`;
+	let candidate = base;
+	let suffix = 2;
+	while (used.has(candidate)) {
+		candidate = `${base}_${suffix}`;
+		suffix++;
+	}
+	used.add(candidate);
+	return candidate;
+}
+function collectParticipants(nodes) {
+	const used = /* @__PURE__ */ new Set();
+	return nodes.filter((node) => node.type === "sequenceParticipant").sort((a, b) => a.position.x - b.position.x).map((node, index) => {
+		var _node$data3, _node$data4, _node$data5, _node$data6, _node$data7;
+		const name = nodeLabel(node) || `Participant ${index + 1}`;
+		const rawType = (_node$data3 = node.data) === null || _node$data3 === void 0 ? void 0 : _node$data3.participantType;
+		const activations = (_node$data4 = node.data) === null || _node$data4 === void 0 ? void 0 : _node$data4.activations;
+		const links = (_node$data5 = node.data) === null || _node$data5 === void 0 ? void 0 : _node$data5.links;
+		const createdRow = (_node$data6 = node.data) === null || _node$data6 === void 0 ? void 0 : _node$data6.lifelineStartRow;
+		const destroyedRow = (_node$data7 = node.data) === null || _node$data7 === void 0 ? void 0 : _node$data7.lifelineEndRow;
+		return _objectSpread2(_objectSpread2(_objectSpread2({
+			nodeId: node.id,
+			mermaidId: toMermaidId(name, index, used),
+			name,
+			type: typeof rawType === "string" ? rawType : "participant",
+			links: Array.isArray(links) ? links : [],
+			activations: Array.isArray(activations) ? activations : []
+		}, typeof createdRow === "number" ? { createdRow } : {}), typeof destroyedRow === "number" ? { destroyedRow } : {}), {}, { x: node.position.x });
 	});
-	return _resolveAnimatedNode.apply(this, arguments);
 }
-const EXPECTED_NODE_SIZE = {
-	databaseTableSQL: {
-		width: 500,
-		height: 400
-	},
-	table: {
-		width: 600,
-		height: 400
-	},
-	code: {
-		width: 300,
-		height: 400
+function buildMessageLinks(edges, participantNodeIds) {
+	const links = /* @__PURE__ */ new Map();
+	for (const edge of edges) {
+		if (participantNodeIds.has(edge.source)) links.set(edge.target, _objectSpread2(_objectSpread2({}, links.get(edge.target)), {}, { from: edge.source }));
+		if (participantNodeIds.has(edge.target)) links.set(edge.source, _objectSpread2(_objectSpread2({}, links.get(edge.source)), {}, { to: edge.target }));
 	}
-};
-const GROUP_BOUND_PADDING = 20;
-const GROUP_WIDTH_PADDING = 20;
-const GROUP_HEIGHT_PADDING = 50;
-const MIN_HORIZONTAL_GAP = 140;
-const ROW_ALIGNMENT_TOLERANCE = 80;
-function resolveDimension(value) {
-	return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+	return links;
 }
-function getNodeSize(node) {
-	var _ref, _ref2, _ref3, _resolveDimension, _node$style, _node$measured, _ref4, _ref5, _ref6, _resolveDimension2, _node$style2, _node$measured2;
-	const expectedSize = node.type ? EXPECTED_NODE_SIZE[node.type] : void 0;
-	return {
-		width: (_ref = (_ref2 = (_ref3 = (_resolveDimension = resolveDimension(node.width)) !== null && _resolveDimension !== void 0 ? _resolveDimension : resolveDimension((_node$style = node.style) === null || _node$style === void 0 ? void 0 : _node$style.width)) !== null && _ref3 !== void 0 ? _ref3 : resolveDimension((_node$measured = node.measured) === null || _node$measured === void 0 ? void 0 : _node$measured.width)) !== null && _ref2 !== void 0 ? _ref2 : expectedSize === null || expectedSize === void 0 ? void 0 : expectedSize.width) !== null && _ref !== void 0 ? _ref : 0,
-		height: (_ref4 = (_ref5 = (_ref6 = (_resolveDimension2 = resolveDimension(node.height)) !== null && _resolveDimension2 !== void 0 ? _resolveDimension2 : resolveDimension((_node$style2 = node.style) === null || _node$style2 === void 0 ? void 0 : _node$style2.height)) !== null && _ref6 !== void 0 ? _ref6 : resolveDimension((_node$measured2 = node.measured) === null || _node$measured2 === void 0 ? void 0 : _node$measured2.height)) !== null && _ref5 !== void 0 ? _ref5 : expectedSize === null || expectedSize === void 0 ? void 0 : expectedSize.height) !== null && _ref4 !== void 0 ? _ref4 : 0
-	};
+function arrowTokenOf(edgeFrom, edgeTo) {
+	var _edgeTo$data$arrowTyp, _edgeTo$data, _edgeFrom$data, _edgeTo$data$half, _edgeTo$data2, _edgeFrom$data2, _edgeFrom$data3, _ref, _ref2;
+	const arrowType = (_edgeTo$data$arrowTyp = edgeTo === null || edgeTo === void 0 || (_edgeTo$data = edgeTo.data) === null || _edgeTo$data === void 0 ? void 0 : _edgeTo$data.arrowType) !== null && _edgeTo$data$arrowTyp !== void 0 ? _edgeTo$data$arrowTyp : edgeFrom === null || edgeFrom === void 0 || (_edgeFrom$data = edgeFrom.data) === null || _edgeFrom$data === void 0 ? void 0 : _edgeFrom$data.arrowType;
+	const half = (_edgeTo$data$half = edgeTo === null || edgeTo === void 0 || (_edgeTo$data2 = edgeTo.data) === null || _edgeTo$data2 === void 0 ? void 0 : _edgeTo$data2.half) !== null && _edgeTo$data$half !== void 0 ? _edgeTo$data$half : edgeFrom === null || edgeFrom === void 0 || (_edgeFrom$data2 = edgeFrom.data) === null || _edgeFrom$data2 === void 0 ? void 0 : _edgeFrom$data2.half;
+	const reversed = (edgeFrom === null || edgeFrom === void 0 || (_edgeFrom$data3 = edgeFrom.data) === null || _edgeFrom$data3 === void 0 ? void 0 : _edgeFrom$data3.reversed) === true;
+	return findArrowTokenFor(_objectSpread2(_objectSpread2({
+		lineStyle: (edgeTo === null || edgeTo === void 0 || (_ref = edgeTo.style) === null || _ref === void 0 ? void 0 : _ref.strokeDasharray) !== void 0 || (edgeFrom === null || edgeFrom === void 0 || (_ref2 = edgeFrom.style) === null || _ref2 === void 0 ? void 0 : _ref2.strokeDasharray) !== void 0 ? "dashed" : "solid",
+		arrowType: arrowType !== null && arrowType !== void 0 ? arrowType : "filled"
+	}, half ? { half } : {}), {}, { reversed }));
 }
-function resizeNodesLayouts(nodes) {
-	const resizeRules = nodes.map((node) => {
-		if (!node.type) return;
-		const expectedSize = EXPECTED_NODE_SIZE[node.type];
-		if (!expectedSize) return;
-		const size = getNodeSize(node);
-		return {
-			startX: node.position.x + expectedSize.width,
-			startY: node.position.y + expectedSize.height,
-			deltaX: Math.max(0, size.width - expectedSize.width),
-			deltaY: Math.max(0, size.height - expectedSize.height)
-		};
-	}).filter((rule) => Boolean(rule));
-	const resizedNodes = nodes.map((node) => {
-		var _node$data;
-		const childNodeIds = (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.childNodes;
-		if (Array.isArray(childNodeIds)) return _objectSpread2({}, node);
-		const offsetX = resizeRules.reduce((total, rule) => {
-			if (!rule || rule.deltaX === 0 || node.position.x < rule.startX) return total;
-			return total + rule.deltaX;
-		}, 0);
-		const offsetY = resizeRules.reduce((total, rule) => {
-			if (!rule || rule.deltaY === 0 || node.position.y < rule.startY) return total;
-			return total + rule.deltaY;
-		}, 0);
-		if (offsetX === 0 && offsetY === 0) return node;
-		return _objectSpread2(_objectSpread2({}, node), {}, { position: {
-			x: node.position.x + offsetX,
-			y: node.position.y + offsetY
-		} });
-	});
-	const resizedNodesById = new Map(resizedNodes.map((node) => [node.id, node]));
-	const rowNodes = resizedNodes.filter((node) => {
-		var _node$data2;
-		return !Array.isArray((_node$data2 = node.data) === null || _node$data2 === void 0 ? void 0 : _node$data2.childNodes);
-	}).sort((a, b) => a.position.y === b.position.y ? a.position.x - b.position.x : a.position.y - b.position.y);
-	const rows = [];
-	for (const node of rowNodes) {
-		const row = rows.find((currentRow) => Math.abs(currentRow[0].position.y - node.position.y) <= ROW_ALIGNMENT_TOLERANCE);
-		if (row) {
-			row.push(node);
-			continue;
-		}
-		rows.push([node]);
-	}
-	for (const row of rows) {
-		row.sort((a, b) => a.position.x - b.position.x);
-		for (let index = 1; index < row.length; index += 1) {
-			const previousNode = row[index - 1];
-			const currentNode = row[index];
-			const previousNodeSize = getNodeSize(previousNode);
-			const minimumX = previousNode.position.x + previousNodeSize.width + MIN_HORIZONTAL_GAP;
-			if (currentNode.position.x >= minimumX) continue;
-			const shiftedNode = _objectSpread2(_objectSpread2({}, currentNode), {}, { position: {
-				x: minimumX,
-				y: currentNode.position.y
-			} });
-			row[index] = shiftedNode;
-			resizedNodesById.set(shiftedNode.id, shiftedNode);
+function noteParticipantNodeIds(note, participants, noteNode$1) {
+	const byImportedId = (Array.isArray(note.participants) ? note.participants.filter((value) => typeof value === "string") : []).map((id) => participants.find((participant) => participant.nodeId === `participant-${id}`)).filter((participant) => Boolean(participant));
+	if (byImportedId.length > 0) return byImportedId.map((participant) => participant.nodeId);
+	if (participants.length === 0) return [];
+	const noteCenter = noteNode$1.position.x + (Number(noteNode$1.width) || 0) / 2;
+	return [[...participants].sort((a, b) => Math.abs(a.x - noteCenter) - Math.abs(b.x - noteCenter))[0].nodeId];
+}
+function collectRowItems(nodes, edges, participants) {
+	const participantNodeIds = new Set(participants.map((p) => p.nodeId));
+	const links = buildMessageLinks(edges, participantNodeIds);
+	const items = [];
+	for (const node of nodes) {
+		var _node$data8, _node$data9, _edgeFrom$data4, _edgeTo$data3;
+		if (participantNodeIds.has(node.id)) continue;
+		const note = (_node$data8 = node.data) === null || _node$data8 === void 0 ? void 0 : _node$data8.sequenceNote;
+		if (note) {
+			var _note$placement;
+			items.push({
+				item: {
+					kind: "note",
+					nodeId: node.id,
+					text: nodeLabel(node),
+					placement: (_note$placement = note.placement) !== null && _note$placement !== void 0 ? _note$placement : "over",
+					participantNodeIds: noteParticipantNodeIds(note, participants, node)
+				},
+				y: node.position.y
+			});
+			continue;
 		}
-	}
-	return resizedNodes.map((node) => {
-		var _resizedNodesById$get, _node$data3;
-		const shiftedNode = (_resizedNodesById$get = resizedNodesById.get(node.id)) !== null && _resizedNodesById$get !== void 0 ? _resizedNodesById$get : node;
-		const childNodeIds = (_node$data3 = node.data) === null || _node$data3 === void 0 ? void 0 : _node$data3.childNodes;
-		if (!Array.isArray(childNodeIds)) return shiftedNode;
-		const childNodes = childNodeIds.map((childNodeId) => typeof childNodeId === "string" ? resizedNodesById.get(childNodeId) : void 0).filter((childNode) => Boolean(childNode));
-		if (childNodes.length === 0) return shiftedNode;
-		const bounds = childNodes.map((childNode) => {
-			const size = getNodeSize(childNode);
-			return {
-				left: childNode.position.x,
-				top: childNode.position.y,
-				right: childNode.position.x + size.width,
-				bottom: childNode.position.y + size.height
-			};
-		});
-		const minX = Math.min(...bounds.map((bound) => bound.left));
-		const minY = Math.min(...bounds.map((bound) => bound.top));
-		const maxX = Math.max(...bounds.map((bound) => bound.right));
-		const maxY = Math.max(...bounds.map((bound) => bound.bottom));
-		return _objectSpread2(_objectSpread2({}, shiftedNode), {}, {
-			position: {
-				x: minX - GROUP_BOUND_PADDING,
-				y: minY - GROUP_BOUND_PADDING
-			},
-			style: _objectSpread2(_objectSpread2({}, shiftedNode.style), {}, {
-				width: maxX - minX + GROUP_BOUND_PADDING * 2 + GROUP_WIDTH_PADDING,
-				height: maxY - minY + GROUP_BOUND_PADDING * 2 + GROUP_HEIGHT_PADDING
-			})
+		const link = links.get(node.id);
+		if (!(link === null || link === void 0 ? void 0 : link.from) || !link.to) continue;
+		const edgeFrom = edges.find((edge) => edge.target === node.id && edge.source === link.from);
+		const edgeTo = edges.find((edge) => edge.source === node.id && edge.target === link.to);
+		const sequenceNumber = (_node$data9 = node.data) === null || _node$data9 === void 0 ? void 0 : _node$data9.sequenceNumber;
+		items.push({
+			item: _objectSpread2({
+				kind: "message",
+				nodeId: node.id,
+				fromNodeId: link.from,
+				toNodeId: link.to,
+				label: nodeLabel(node),
+				token: arrowTokenOf(edgeFrom, edgeTo),
+				centralSource: (edgeFrom === null || edgeFrom === void 0 || (_edgeFrom$data4 = edgeFrom.data) === null || _edgeFrom$data4 === void 0 ? void 0 : _edgeFrom$data4.centralSource) === true,
+				centralTarget: (edgeTo === null || edgeTo === void 0 || (_edgeTo$data3 = edgeTo.data) === null || _edgeTo$data3 === void 0 ? void 0 : _edgeTo$data3.centralTarget) === true
+			}, typeof sequenceNumber === "number" ? { sequenceNumber } : {}),
+			y: node.position.y
 		});
-	});
+	}
+	return items.sort((a, b) => a.y - b.y).map((entry) => entry.item);
 }
-function hasValidPosition(position) {
-	if (!position) return false;
-	return Number.isFinite(position.x) && Number.isFinite(position.y);
+function collectBlocks(nodes) {
+	const blocks = [];
+	for (const node of nodes) {
+		var _node$data10, _block$type, _block$label, _block$depth, _block$sections;
+		const block = (_node$data10 = node.data) === null || _node$data10 === void 0 ? void 0 : _node$data10.sequenceBlock;
+		if (!block) continue;
+		if (typeof block.startRow !== "number") continue;
+		if (typeof block.endRow !== "number") continue;
+		blocks.push(_objectSpread2(_objectSpread2({
+			nodeId: node.id,
+			type: (_block$type = block.type) !== null && _block$type !== void 0 ? _block$type : "rect",
+			label: (_block$label = block.label) !== null && _block$label !== void 0 ? _block$label : ""
+		}, block.color ? { color: block.color } : {}), {}, {
+			depth: (_block$depth = block.depth) !== null && _block$depth !== void 0 ? _block$depth : 0,
+			startRow: block.startRow,
+			endRow: block.endRow,
+			sections: ((_block$sections = block.sections) !== null && _block$sections !== void 0 ? _block$sections : []).filter((section) => typeof section.startRow === "number" && typeof section.endRow === "number").map((section) => {
+				var _section$label;
+				return {
+					label: (_section$label = section.label) !== null && _section$label !== void 0 ? _section$label : "",
+					startRow: section.startRow,
+					endRow: section.endRow
+				};
+			})
+		}));
+	}
+	return blocks;
 }
-function normalizeContextMarker(marker) {
-	if (!marker) return;
-	const markerType = marker.type.trim().toLowerCase();
-	let type;
-	if (markerType === "arrow") type = MarkerType.Arrow;
-	else if (markerType === "arrowclosed" || markerType === "arrow-closed" || markerType === "arrow_closed") type = MarkerType.ArrowClosed;
-	if (!type) return;
-	if (marker.color) return {
-		type,
-		color: marker.color
-	};
-	return { type };
+function collectBoxes(nodes, participants) {
+	const boxes = [];
+	for (const node of nodes) {
+		var _node$data11, _node$data12, _box$label;
+		const box = (_node$data11 = node.data) === null || _node$data11 === void 0 ? void 0 : _node$data11.sequenceBox;
+		if (!box) continue;
+		const byImportedId = (Array.isArray(box.participants) ? box.participants.filter((value) => typeof value === "string") : []).map((id) => participants.find((participant) => participant.nodeId === `participant-${id}`)).filter((participant) => Boolean(participant));
+		const left = node.position.x;
+		const right = node.position.x + (Number(node.width) || 0);
+		const contained = byImportedId.length > 0 ? byImportedId : participants.filter((participant) => participant.x >= left && participant.x <= right);
+		if (contained.length === 0) continue;
+		const backgroundColor = (_node$data12 = node.data) === null || _node$data12 === void 0 ? void 0 : _node$data12.backgroundColor;
+		boxes.push(_objectSpread2(_objectSpread2({
+			nodeId: node.id,
+			label: (_box$label = box.label) !== null && _box$label !== void 0 ? _box$label : ""
+		}, typeof backgroundColor === "string" ? { color: backgroundColor } : {}), {}, { participantNodeIds: contained.map((participant) => participant.nodeId) }));
+	}
+	return boxes;
 }
-function convertMermaidToReactFlowWithContext(_x3, _x4, _x5) {
-	return _convertMermaidToReactFlowWithContext.apply(this, arguments);
+function participantDeclaration(participant, keyword) {
+	const stereotype = participant.type === "participant" || participant.type === "actor" ? "" : `@{ "type": "${participant.type}" }`;
+	const alias = participant.mermaidId === participant.name ? "" : ` as ${encodeLabel(participant.name)}`;
+	return `${keyword} ${participant.mermaidId}${stereotype}${alias}`;
 }
-function _convertMermaidToReactFlowWithContext() {
-	_convertMermaidToReactFlowWithContext = _asyncToGenerator(function* (mermaidCode, context, options) {
-		var _context$groups;
-		const validatedContext = contextSchema.parse(context);
-		const reactFlowData = yield convertMermaidToReactFlow(mermaidCode);
-		const rfNodesPromises = reactFlowData.nodes.map(function() {
-			var _ref = _asyncToGenerator(function* (node) {
-				var _validatedContext$nod, _clonedNode$data$comp, _ctx$data, _clonedNode$data, _ctx$style, _ctx$style2, _ctx$style3, _ctx$style4;
-				const ctx = (_validatedContext$nod = validatedContext.nodes) === null || _validatedContext$nod === void 0 ? void 0 : _validatedContext$nod[node.id];
-				if (!ctx) return node;
-				const clonedNode = JSON.parse(JSON.stringify(node));
-				const componentFields = (_clonedNode$data$comp = clonedNode.data.componentFields) !== null && _clonedNode$data$comp !== void 0 ? _clonedNode$data$comp : [];
-				(_ctx$data = ctx.data) !== null && _ctx$data !== void 0 || (ctx.data = {});
-				(_clonedNode$data = clonedNode.data) !== null && _clonedNode$data !== void 0 || (clonedNode.data = {});
-				if (hasValidPosition(ctx.___position)) clonedNode.position = {
-					x: ctx.___position.x,
-					y: ctx.___position.y
-				};
-				if (ctx.type) {
-					clonedNode.type = ctx.type;
-					delete clonedNode.style;
-					if (ctx.type === "cloud") {
-						clonedNode.height = 150;
-						clonedNode.width = 150;
-						if (ctx.service) {
-							const cloudIcon = (options === null || options === void 0 ? void 0 : options.resolveCloudIcon) ? yield options.resolveCloudIcon(ctx.cloud, ctx.service) : yield resolveCloudIcon(ctx.cloud, ctx.service);
-							if (cloudIcon) clonedNode.data.iconSrc = cloudIcon;
-						}
-					}
-					if (ctx.type === "image" && ctx.src) clonedNode.data = _objectSpread2(_objectSpread2({}, clonedNode.data), {}, { src: ctx.src });
-					if (ctx.type === "gif") {
-						if (ctx.animatedIcon) {
-							const animatedNodeSrc = yield resolveAnimatedNode(ctx.animatedIcon);
-							if (animatedNodeSrc) clonedNode.data = _objectSpread2(_objectSpread2({}, clonedNode.data), {}, { src: animatedNodeSrc });
-						} else if (ctx.src) clonedNode.data = _objectSpread2(_objectSpread2({}, clonedNode.data), {}, { src: ctx.src });
-					}
-					if (ctx.type === "text" && (ctx.value || ctx.name)) {
-						const textComponentField = generateComponentFieldInput({
-							type: ComponentInputType.TextInput,
-							componentFieldId: "text",
-							label: "Text",
-							data: ctx.value || ctx.name,
-							isReadonly: true
-						});
-						componentFields.unshift(textComponentField);
-					}
-					if (ctx.type === "code" && ctx.value) {
-						const textComponentField = generateComponentFieldInput({
-							type: ComponentInputType.CodeEditor,
-							componentFieldId: "code",
-							label: "Code",
-							data: ctx.value,
-							isReadonly: true
-						});
-						componentFields.unshift(textComponentField);
-					}
-					if (ctx.type === "table" && ctx.table) {
-						var _ctx$table$rows, _ctx$table$columns;
-						clonedNode.data.title = ctx.name;
-						clonedNode.data.rows = (_ctx$table$rows = ctx.table.rows) !== null && _ctx$table$rows !== void 0 ? _ctx$table$rows : [];
-						clonedNode.data.columns = (_ctx$table$columns = ctx.table.columns) !== null && _ctx$table$columns !== void 0 ? _ctx$table$columns : [];
-					}
-					if (ctx.type === "data-source" || ctx.type === "db-table") {
-						ctx.type = "databaseTableSQL";
-						clonedNode.type = "databaseTableSQL";
-					}
-					if (ctx.type === "component") {
-						ctx.type = "builder";
-						clonedNode.type = "builder";
-						clonedNode.data.componentId = ctx.componentId;
-					}
-					if (ctx.type === "shape" && ctx.shape) {
-						clonedNode.data.shape = ctx.shape;
-						if (ctx.shape === "or" || ctx.shape === "summing-junction") {
-							var _clonedNode$width, _clonedNode$height;
-							const maxSize = Math.max((_clonedNode$width = clonedNode.width) !== null && _clonedNode$width !== void 0 ? _clonedNode$width : 0, (_clonedNode$height = clonedNode.height) !== null && _clonedNode$height !== void 0 ? _clonedNode$height : 0, 200);
-							clonedNode.width = maxSize;
-							clonedNode.height = maxSize;
-						}
-					}
-				}
-				if (ctx.name) ctx.data["Name"] = {
-					type: ComponentInputType.TextInput,
-					value: ctx.name
-				};
-				for (const key in ctx.data) {
-					const metaInput = ctx.data[key];
-					if (metaInput === void 0) continue;
-					const componentField = getComponentFieldByLabel(componentFields, key);
-					const newComponentField = generateComponentFieldInput({
-						label: key,
-						type: metaInput.type,
-						data: metaInput.value,
-						options: metaInput.options
-					});
-					if (!componentField) componentFields.push(newComponentField);
-					else {
-						componentField.type = newComponentField.type;
-						componentField.data = newComponentField.data;
-					}
+function emitSequenceMermaid(nodes, edges) {
+	const nodeIdMap = /* @__PURE__ */ new Map();
+	const participants = collectParticipants(nodes);
+	const items = collectRowItems(nodes, edges, participants);
+	const blocks = collectBlocks(nodes);
+	const boxes = collectBoxes(nodes, participants);
+	const participantByNodeId = new Map(participants.map((participant) => [participant.nodeId, participant]));
+	for (const participant of participants) nodeIdMap.set(participant.nodeId, `participant-${participant.mermaidId}`);
+	const rowByItemId = /* @__PURE__ */ new Map();
+	const lastRowByItemId = /* @__PURE__ */ new Map();
+	let row = 0;
+	for (const item of items) {
+		rowByItemId.set(item.nodeId, row);
+		const isSelf = item.kind === "message" && item.fromNodeId === item.toNodeId;
+		lastRowByItemId.set(item.nodeId, isSelf ? row + 1 : row);
+		row += isSelf ? 2 : 1;
+	}
+	const rowCount = row;
+	const lines = ["sequenceDiagram"];
+	const titleNode = nodes.find((node) => node.id === "sequence-title");
+	if (titleNode) {
+		var _fieldValue;
+		const text = (_fieldValue = fieldValue(titleNode, "text")) !== null && _fieldValue !== void 0 ? _fieldValue : nodeLabel(titleNode);
+		if (text) {
+			lines.push(`  title ${encodeLabel(text)}`);
+			nodeIdMap.set(titleNode.id, "sequence-title");
+		}
+	}
+	const boxByFirstParticipant = /* @__PURE__ */ new Map();
+	const boxEndByParticipant = /* @__PURE__ */ new Map();
+	for (const box of boxes) {
+		var _boxEndByParticipant$;
+		const ordered = participants.filter((participant) => box.participantNodeIds.includes(participant.nodeId));
+		if (ordered.length === 0) continue;
+		boxByFirstParticipant.set(ordered[0].nodeId, box);
+		boxEndByParticipant.set(ordered[ordered.length - 1].nodeId, ((_boxEndByParticipant$ = boxEndByParticipant.get(ordered[ordered.length - 1].nodeId)) !== null && _boxEndByParticipant$ !== void 0 ? _boxEndByParticipant$ : 0) + 1);
+	}
+	let boxIndex = 0;
+	for (const participant of participants) {
+		var _boxEndByParticipant$2;
+		const box = boxByFirstParticipant.get(participant.nodeId);
+		if (box) {
+			const color = box.color ? `${box.color} ` : "";
+			lines.push(`  box ${color}${encodeLabel(box.label)}`.trimEnd());
+			nodeIdMap.set(box.nodeId, `sequence-box-box-${boxIndex}`);
+			boxIndex++;
+		}
+		if (participant.createdRow === void 0) {
+			const keyword = participant.type === "actor" ? "actor" : "participant";
+			lines.push(`  ${participantDeclaration(participant, keyword)}`);
+		}
+		const boxEnds = (_boxEndByParticipant$2 = boxEndByParticipant.get(participant.nodeId)) !== null && _boxEndByParticipant$2 !== void 0 ? _boxEndByParticipant$2 : 0;
+		for (let index = 0; index < boxEnds; index++) lines.push("  end");
+	}
+	for (const participant of participants) for (const link of participant.links) lines.push(`  link ${participant.mermaidId}: ${link.label} @ ${link.url}`);
+	const numbered = items.filter((item) => item.kind === "message" && item.sequenceNumber !== void 0);
+	if (numbered.length > 0) {
+		const start = numbered[0].sequenceNumber;
+		const step = numbered.length > 1 ? numbered[1].sequenceNumber - numbered[0].sequenceNumber : 1;
+		lines.push(`  autonumber ${start} ${step}`);
+	}
+	const openBlocks = [];
+	let blockIndex = 0;
+	let parserRow = 0;
+	function indent() {
+		return "  ".repeat(openBlocks.length + 1);
+	}
+	for (let currentRow = 0; currentRow < rowCount; currentRow++) {
+		const opening = blocks.filter((block) => block.startRow === currentRow).sort((a, b) => a.depth - b.depth);
+		for (const block of opening) {
+			const label = encodeLabel(block.label);
+			const color = block.type === "rect" && block.color ? `${block.color} ` : "";
+			lines.push(`${indent()}${block.type} ${color}${label}`.trimEnd());
+			nodeIdMap.set(block.nodeId, `sequence-block-block-${blockIndex}`);
+			blockIndex++;
+			openBlocks.push(block);
+		}
+		for (const [depth, block] of openBlocks.entries()) for (const section of block.sections.slice(1)) {
+			if (section.startRow !== currentRow) continue;
+			const keyword = block.type === "par" ? "and" : block.type === "critical" ? "option" : "else";
+			lines.push(`${"  ".repeat(depth + 1)}${keyword} ${encodeLabel(section.label)}`.trimEnd());
+		}
+		const item = items.find((entry) => rowByItemId.get(entry.nodeId) === currentRow);
+		if (item) {
+			for (const participant of participants) {
+				if (participant.createdRow !== currentRow) continue;
+				const keyword = participant.type === "actor" ? "actor" : "participant";
+				lines.push(`${indent()}create ${participantDeclaration(participant, keyword)}`);
+			}
+			for (const participant of participants) {
+				if (participant.destroyedRow !== currentRow) continue;
+				lines.push(`${indent()}destroy ${participant.mermaidId}`);
+			}
+			for (const participant of participants) for (const activation of participant.activations) {
+				if (activation.startRow !== currentRow) continue;
+				lines.push(`${indent()}activate ${participant.mermaidId}`);
+			}
+			if (item.kind === "message") {
+				const from = participantByNodeId.get(item.fromNodeId);
+				const to = participantByNodeId.get(item.toNodeId);
+				if (from && to) {
+					const source = item.centralSource ? `${from.mermaidId}()` : from.mermaidId;
+					const target = item.centralTarget ? `()${to.mermaidId}` : to.mermaidId;
+					lines.push(`${indent()}${source}${item.token}${target}: ${encodeLabel(item.label)}`);
+					nodeIdMap.set(item.nodeId, `message-${parserRow}`);
+					parserRow++;
 				}
-				if (ctx.dbConfig) clonedNode.data.serviceTable = {
-					serviceName: ctx.dbConfig.serviceName,
-					databaseName: ctx.dbConfig.databaseName,
-					tableName: ctx.dbConfig.tableName
-				};
-				if ((_ctx$style = ctx.style) === null || _ctx$style === void 0 ? void 0 : _ctx$style.height) clonedNode.height = ctx.style.height;
-				if ((_ctx$style2 = ctx.style) === null || _ctx$style2 === void 0 ? void 0 : _ctx$style2.width) clonedNode.width = ctx.style.width;
-				clonedNode.data = _objectSpread2(_objectSpread2(_objectSpread2({}, clonedNode.data), objectPick((_ctx$style3 = ctx.style) !== null && _ctx$style3 !== void 0 ? _ctx$style3 : {}, [
-					"color",
-					"fill",
-					"stroke",
-					"strokeWidth",
-					"strokeStyle",
-					"borderRadius",
-					"borderAnimationEnabled"
-				])), {}, {
-					componentFields,
-					strokeAnimation: ((_ctx$style4 = ctx.style) === null || _ctx$style4 === void 0 ? void 0 : _ctx$style4.borderAnimationEnabled) ? "dash" : void 0
-				}, ctx === null || ctx === void 0 ? void 0 : ctx.___internal);
-				return clonedNode;
-			});
-			return function(_x) {
-				return _ref.apply(this, arguments);
-			};
-		}());
-		const resolvedNodes = yield Promise.all(rfNodesPromises);
-		const groupNodes = Object.entries((_context$groups = context.groups) !== null && _context$groups !== void 0 ? _context$groups : {}).map(([nodeId, groupCtx]) => {
-			var _groupCtx$nodes, _groupCtx$name;
-			const childNodes = 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 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}`];
-				if (!ctx) return edge;
-				return _objectSpread2(_objectSpread2({}, edge), {}, {
-					type: (_ctx$type = ctx.type) !== null && _ctx$type !== void 0 ? _ctx$type : edge.type,
-					sourceHandle: (_ctx$sourceHandle = ctx.sourceHandle) !== null && _ctx$sourceHandle !== void 0 ? _ctx$sourceHandle : edge.sourceHandle,
-					targetHandle: (_ctx$targetHandle = ctx.targetHandle) !== null && _ctx$targetHandle !== void 0 ? _ctx$targetHandle : edge.targetHandle,
-					markerStart: (_normalizeContextMark = normalizeContextMarker(ctx.markerStart)) !== null && _normalizeContextMark !== void 0 ? _normalizeContextMark : edge.markerStart,
-					markerEnd: (_normalizeContextMark2 = normalizeContextMarker(ctx.markerEnd)) !== null && _normalizeContextMark2 !== void 0 ? _normalizeContextMark2 : edge.markerEnd,
-					data: _objectSpread2(_objectSpread2({}, edge.data), ctx === null || ctx === void 0 ? void 0 : ctx.___internal),
-					label: (_ctx$label = ctx.label) !== null && _ctx$label !== void 0 ? _ctx$label : edge.label,
-					animated: (_ctx$style$borderAnim = (_ctx$style5 = ctx.style) === null || _ctx$style5 === void 0 ? void 0 : _ctx$style5.borderAnimationEnabled) !== null && _ctx$style$borderAnim !== void 0 ? _ctx$style$borderAnim : edge.animated,
-					style: _objectSpread2(_objectSpread2({}, edge.style), {}, {
-						stroke: (_ctx$style$stroke = (_ctx$style6 = ctx.style) === null || _ctx$style6 === void 0 ? void 0 : _ctx$style6.stroke) !== null && _ctx$style$stroke !== void 0 ? _ctx$style$stroke : (_edge$style = edge.style) === null || _edge$style === void 0 ? void 0 : _edge$style.stroke,
-						strokeWidth: (_ctx$style$strokeWidt = (_ctx$style7 = ctx.style) === null || _ctx$style7 === void 0 ? void 0 : _ctx$style7.strokeWidth) !== null && _ctx$style$strokeWidt !== void 0 ? _ctx$style$strokeWidt : (_edge$style2 = edge.style) === null || _edge$style2 === void 0 ? void 0 : _edge$style2.strokeWidth,
-						strokeDasharray: ((_ctx$style8 = ctx.style) === null || _ctx$style8 === void 0 ? void 0 : _ctx$style8.strokeStyle) === "dashed" ? "4 2" : ((_ctx$style9 = ctx.style) === null || _ctx$style9 === void 0 ? void 0 : _ctx$style9.strokeStyle) === "dotted" ? "1 2" : ((_ctx$style10 = ctx.style) === null || _ctx$style10 === void 0 ? void 0 : _ctx$style10.strokeStyle) === "solid" ? void 0 : (_edge$style3 = edge.style) === null || _edge$style3 === void 0 ? void 0 : _edge$style3.strokeDasharray
-					})
-				});
-			});
-			return function(_x2) {
-				return _ref2.apply(this, arguments);
-			};
-		}());
-		const resolvedEdges = yield Promise.all(rfEdgesPromises);
-		const combinedNodes = [...groupNodes, ...resolvedNodes.map((node) => {
-			const nodeParent = groupNodes.find((groupNode) => {
-				var _groupNode$data$child;
-				return (_groupNode$data$child = groupNode.data.childNodes) === null || _groupNode$data$child === void 0 ? void 0 : _groupNode$data$child.includes(node.id);
-			});
-			if (nodeParent) return _objectSpread2(_objectSpread2({}, node), {}, { parentId: nodeParent.id });
-			return node;
-		})];
-		if (isSequenceDiagram(combinedNodes)) return {
-			edges: resolvedEdges,
-			nodes: combinedNodes
-		};
+			}
+			if (item.kind === "note") {
+				const names = item.participantNodeIds.map((nodeId) => {
+					var _participantByNodeId$;
+					return (_participantByNodeId$ = participantByNodeId.get(nodeId)) === null || _participantByNodeId$ === void 0 ? void 0 : _participantByNodeId$.mermaidId;
+				}).filter((id) => id !== void 0);
+				if (names.length > 0) {
+					lines.push(`${indent()}Note ${item.placement} ${names.join(",")}: ${encodeLabel(item.text)}`);
+					nodeIdMap.set(item.nodeId, `note-${parserRow}`);
+					parserRow++;
+				}
+			}
+		}
+		const rowEnd = item ? lastRowByItemId.get(item.nodeId) : currentRow;
+		for (const participant of participants) for (const activation of participant.activations) {
+			if (activation.endRow !== rowEnd) continue;
+			lines.push(`${indent()}deactivate ${participant.mermaidId}`);
+		}
+		while (openBlocks.length > 0 && openBlocks[openBlocks.length - 1].endRow <= rowEnd) {
+			openBlocks.pop();
+			lines.push(`${indent()}end`);
+		}
+	}
+	while (openBlocks.length > 0) {
+		openBlocks.pop();
+		lines.push(`${indent()}end`);
+	}
+	return {
+		mermaid: lines.join("\n"),
+		nodeIdMap
+	};
+}
+function convertReactFlowToSequenceMermaid(nodes, edges) {
+	return emitSequenceMermaid(nodes, edges).mermaid;
+}
+function convertReactFlowToSequenceUiGraph(nodes, edges) {
+	const { mermaid: mermaid$1, nodeIdMap } = emitSequenceMermaid(nodes, edges);
+	return {
+		mermaid: mermaid$1,
+		context: buildValidatedContext(nodes, edges, [], nodeIdMap)
+	};
+}
+const BOUND_PADDING = 20;
+function createGroupNode(options) {
+	var _options$id, _options$name;
+	return {
+		id: (_options$id = options.id) !== null && _options$id !== void 0 ? _options$id : generateUUID$1(),
+		type: "group",
+		position: {
+			x: options.bounds.x,
+			y: options.bounds.y
+		},
+		data: {
+			childNodes: options.nodes,
+			autoLayout: true,
+			componentFields: [generateComponentFieldNameInput((_options$name = options.name) !== null && _options$name !== void 0 ? _options$name : "Group")]
+		},
+		style: {
+			width: options.bounds.width + 20,
+			height: options.bounds.height + 50
+		}
+	};
+}
+function generateGroupNodeFromNodes(id, name, nodes) {
+	const bounds = nodes.map((node) => {
+		var _ref, _ref2, _node$height, _node$style, _node$measured, _ref3, _ref4, _node$width, _node$style2, _node$measured2;
 		return {
-			edges: resolvedEdges,
-			nodes: (options === null || options === void 0 ? void 0 : options.repositionNodes) ? resizeNodesLayouts(combinedNodes) : combinedNodes
+			top: node.position.y,
+			left: node.position.x,
+			bottom: node.position.y + ((_ref = (_ref2 = (_node$height = node.height) !== null && _node$height !== void 0 ? _node$height : (_node$style = node.style) === null || _node$style === void 0 ? void 0 : _node$style.height) !== null && _ref2 !== void 0 ? _ref2 : (_node$measured = node.measured) === null || _node$measured === void 0 ? void 0 : _node$measured.height) !== null && _ref !== void 0 ? _ref : 0),
+			right: node.position.x + ((_ref3 = (_ref4 = (_node$width = node.width) !== null && _node$width !== void 0 ? _node$width : (_node$style2 = node.style) === null || _node$style2 === void 0 ? void 0 : _node$style2.width) !== null && _ref4 !== void 0 ? _ref4 : (_node$measured2 = node.measured) === null || _node$measured2 === void 0 ? void 0 : _node$measured2.width) !== null && _ref3 !== void 0 ? _ref3 : 0)
 		};
 	});
-	return _convertMermaidToReactFlowWithContext.apply(this, arguments);
+	const minX = Math.min(...bounds.map((b) => b.left));
+	const minY = Math.min(...bounds.map((b) => b.top));
+	const maxX = Math.max(...bounds.map((b) => b.right));
+	const maxY = Math.max(...bounds.map((b) => b.bottom));
+	return createGroupNode({
+		id,
+		name,
+		nodes: nodes.map((node) => node.id),
+		bounds: {
+			x: minX - BOUND_PADDING,
+			y: minY - BOUND_PADDING,
+			width: maxX - minX + BOUND_PADDING * 2,
+			height: maxY - minY + BOUND_PADDING * 2
+		}
+	});
 }
-const CONTEXT_SHAPES = new Set([
-	"rectangle",
-	"rounded-rect",
-	"ellipse",
-	"diamond",
-	"triangle",
-	"parallelogram",
-	"trapezoid",
-	"hexagon",
-	"document",
-	"cylinder",
-	"delay",
-	"off-page-connector",
-	"display",
-	"collate",
-	"sort",
-	"terminator",
-	"or",
-	"database",
-	"multiple-documents",
-	"subroutine",
-	"manual-input",
-	"summing-junction",
-	"internal-storage"
-]);
-const COMPONENT_INPUT_TYPES = new Set(Object.values(ComponentInputType));
-const INLINE_MERMAID_LABEL_MAX_LENGTH = 32;
-const KNOWN_NODE_DATA_KEYS = new Set([
-	"componentFields",
-	"shape",
-	"fill",
-	"stroke",
-	"strokeWidth",
-	"strokeStyle",
-	"borderRadius",
-	"borderAnimationEnabled",
-	"strokeAnimation",
-	"src",
-	"animatedIcon",
-	"iconSrc",
-	"componentId",
-	"serviceTable",
-	"title",
-	"columns",
-	"rows",
-	"name",
-	"label",
-	"value",
-	"cloud",
-	"service",
-	"childNodes"
-]);
-function isComponentInputType(value) {
-	return COMPONENT_INPUT_TYPES.has(value);
+function resolveCloudIcon(_x, _x2) {
+	return _resolveCloudIcon.apply(this, arguments);
 }
-function toRecord(value) {
-	if (!value || typeof value !== "object" || Array.isArray(value)) return;
-	return value;
+function _resolveCloudIcon() {
+	_resolveCloudIcon = _asyncToGenerator(function* (cloud, serviceName) {
+		const cloudName = cloud === null || cloud === void 0 ? void 0 : cloud.toLowerCase();
+		const icon = (cloudName === "azure" ? [...(yield import("./__azure-icons.DgR1F6C6.mjs")).default] : cloudName === "aws" ? [...(yield import("./__aws-icons.agWBtDk7.mjs")).default] : [...(yield import("./__aws-icons.agWBtDk7.mjs")).default, ...(yield import("./__azure-icons.DgR1F6C6.mjs")).default]).find((icon$1) => icon$1.name.toLowerCase() === serviceName.toLowerCase());
+		if (!icon) return null;
+		return `/${icon.cloud.toLowerCase()}-icons/${icon.relativePath}`;
+	});
+	return _resolveCloudIcon.apply(this, arguments);
 }
-function pickString(value) {
-	if (typeof value !== "string") return;
-	const trimmed = value.trim();
-	if (!trimmed) return;
-	return trimmed;
+function resolveAnimatedNode(_x3) {
+	return _resolveAnimatedNode.apply(this, arguments);
 }
-function pickPosition(value) {
-	const position = toRecord(value);
-	if (!position) return;
-	if (typeof position.x !== "number" || !Number.isFinite(position.x)) return;
-	if (typeof position.y !== "number" || !Number.isFinite(position.y)) return;
+function _resolveAnimatedNode() {
+	_resolveAnimatedNode = _asyncToGenerator(function* (animatedIcon) {
+		const node = (yield import("./__animated-nodes.DI0XYTuw.mjs")).default.find((node$1) => node$1.name.toLowerCase() === animatedIcon.toLowerCase());
+		if (!node) return null;
+		return `/animated-nodes/${node.fileName}`;
+	});
+	return _resolveAnimatedNode.apply(this, arguments);
+}
+const EXPECTED_NODE_SIZE = {
+	databaseTableSQL: {
+		width: 500,
+		height: 400
+	},
+	table: {
+		width: 600,
+		height: 400
+	},
+	code: {
+		width: 300,
+		height: 400
+	}
+};
+const GROUP_BOUND_PADDING = 20;
+const GROUP_WIDTH_PADDING = 20;
+const GROUP_HEIGHT_PADDING = 50;
+const MIN_HORIZONTAL_GAP = 140;
+const ROW_ALIGNMENT_TOLERANCE = 80;
+function resolveDimension(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function getNodeSize(node) {
+	var _ref, _ref2, _ref3, _resolveDimension, _node$style, _node$measured, _ref4, _ref5, _ref6, _resolveDimension2, _node$style2, _node$measured2;
+	const expectedSize = node.type ? EXPECTED_NODE_SIZE[node.type] : void 0;
 	return {
-		x: position.x,
-		y: position.y
+		width: (_ref = (_ref2 = (_ref3 = (_resolveDimension = resolveDimension(node.width)) !== null && _resolveDimension !== void 0 ? _resolveDimension : resolveDimension((_node$style = node.style) === null || _node$style === void 0 ? void 0 : _node$style.width)) !== null && _ref3 !== void 0 ? _ref3 : resolveDimension((_node$measured = node.measured) === null || _node$measured === void 0 ? void 0 : _node$measured.width)) !== null && _ref2 !== void 0 ? _ref2 : expectedSize === null || expectedSize === void 0 ? void 0 : expectedSize.width) !== null && _ref !== void 0 ? _ref : 0,
+		height: (_ref4 = (_ref5 = (_ref6 = (_resolveDimension2 = resolveDimension(node.height)) !== null && _resolveDimension2 !== void 0 ? _resolveDimension2 : resolveDimension((_node$style2 = node.style) === null || _node$style2 === void 0 ? void 0 : _node$style2.height)) !== null && _ref6 !== void 0 ? _ref6 : resolveDimension((_node$measured2 = node.measured) === null || _node$measured2 === void 0 ? void 0 : _node$measured2.height)) !== null && _ref5 !== void 0 ? _ref5 : expectedSize === null || expectedSize === void 0 ? void 0 : expectedSize.height) !== null && _ref4 !== void 0 ? _ref4 : 0
 	};
 }
-function getFieldValue(fieldData) {
-	if (!Array.isArray(fieldData) || fieldData.length !== 1) return fieldData;
-	const first = toRecord(fieldData[0]);
-	if (!first) return fieldData;
-	if (!("value" in first)) return first;
-	return first.value;
-}
-function getFieldByLabel(fields, label) {
-	return fields.find((field) => {
-		var _pickString;
-		return ((_pickString = pickString(field.label)) === null || _pickString === void 0 ? void 0 : _pickString.toLowerCase()) === label.toLowerCase() && pickString(field.type);
+function resizeNodesLayouts(nodes) {
+	const resizeRules = nodes.map((node) => {
+		if (!node.type) return;
+		const expectedSize = EXPECTED_NODE_SIZE[node.type];
+		if (!expectedSize) return;
+		const size = getNodeSize(node);
+		return {
+			startX: node.position.x + expectedSize.width,
+			startY: node.position.y + expectedSize.height,
+			deltaX: Math.max(0, size.width - expectedSize.width),
+			deltaY: Math.max(0, size.height - expectedSize.height)
+		};
+	}).filter((rule) => Boolean(rule));
+	const resizedNodes = nodes.map((node) => {
+		var _node$data;
+		const childNodeIds = (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data.childNodes;
+		if (Array.isArray(childNodeIds)) return _objectSpread2({}, node);
+		const offsetX = resizeRules.reduce((total, rule) => {
+			if (!rule || rule.deltaX === 0 || node.position.x < rule.startX) return total;
+			return total + rule.deltaX;
+		}, 0);
+		const offsetY = resizeRules.reduce((total, rule) => {
+			if (!rule || rule.deltaY === 0 || node.position.y < rule.startY) return total;
+			return total + rule.deltaY;
+		}, 0);
+		if (offsetX === 0 && offsetY === 0) return node;
+		return _objectSpread2(_objectSpread2({}, node), {}, { position: {
+			x: node.position.x + offsetX,
+			y: node.position.y + offsetY
+		} });
+	});
+	const resizedNodesById = new Map(resizedNodes.map((node) => [node.id, node]));
+	const rowNodes = resizedNodes.filter((node) => {
+		var _node$data2;
+		return !Array.isArray((_node$data2 = node.data) === null || _node$data2 === void 0 ? void 0 : _node$data2.childNodes);
+	}).sort((a, b) => a.position.y === b.position.y ? a.position.x - b.position.x : a.position.y - b.position.y);
+	const rows = [];
+	for (const node of rowNodes) {
+		const row = rows.find((currentRow) => Math.abs(currentRow[0].position.y - node.position.y) <= ROW_ALIGNMENT_TOLERANCE);
+		if (row) {
+			row.push(node);
+			continue;
+		}
+		rows.push([node]);
+	}
+	for (const row of rows) {
+		row.sort((a, b) => a.position.x - b.position.x);
+		for (let index = 1; index < row.length; index += 1) {
+			const previousNode = row[index - 1];
+			const currentNode = row[index];
+			const previousNodeSize = getNodeSize(previousNode);
+			const minimumX = previousNode.position.x + previousNodeSize.width + MIN_HORIZONTAL_GAP;
+			if (currentNode.position.x >= minimumX) continue;
+			const shiftedNode = _objectSpread2(_objectSpread2({}, currentNode), {}, { position: {
+				x: minimumX,
+				y: currentNode.position.y
+			} });
+			row[index] = shiftedNode;
+			resizedNodesById.set(shiftedNode.id, shiftedNode);
+		}
+	}
+	return resizedNodes.map((node) => {
+		var _resizedNodesById$get, _node$data3;
+		const shiftedNode = (_resizedNodesById$get = resizedNodesById.get(node.id)) !== null && _resizedNodesById$get !== void 0 ? _resizedNodesById$get : node;
+		const childNodeIds = (_node$data3 = node.data) === null || _node$data3 === void 0 ? void 0 : _node$data3.childNodes;
+		if (!Array.isArray(childNodeIds)) return shiftedNode;
+		const childNodes = childNodeIds.map((childNodeId) => typeof childNodeId === "string" ? resizedNodesById.get(childNodeId) : void 0).filter((childNode) => Boolean(childNode));
+		if (childNodes.length === 0) return shiftedNode;
+		const bounds = childNodes.map((childNode) => {
+			const size = getNodeSize(childNode);
+			return {
+				left: childNode.position.x,
+				top: childNode.position.y,
+				right: childNode.position.x + size.width,
+				bottom: childNode.position.y + size.height
+			};
+		});
+		const minX = Math.min(...bounds.map((bound) => bound.left));
+		const minY = Math.min(...bounds.map((bound) => bound.top));
+		const maxX = Math.max(...bounds.map((bound) => bound.right));
+		const maxY = Math.max(...bounds.map((bound) => bound.bottom));
+		return _objectSpread2(_objectSpread2({}, shiftedNode), {}, {
+			position: {
+				x: minX - GROUP_BOUND_PADDING,
+				y: minY - GROUP_BOUND_PADDING
+			},
+			style: _objectSpread2(_objectSpread2({}, shiftedNode.style), {}, {
+				width: maxX - minX + GROUP_BOUND_PADDING * 2 + GROUP_WIDTH_PADDING,
+				height: maxY - minY + GROUP_BOUND_PADDING * 2 + GROUP_HEIGHT_PADDING
+			})
+		});
 	});
 }
-function getFieldString(fields, label) {
-	const field = getFieldByLabel(fields, label);
-	if (!field) return;
-	return pickString(getFieldValue(field.data));
-}
-function isEmptyFieldValue(value) {
-	if (typeof value === "string") return value.trim().length === 0;
-	return value === void 0 || value === null;
-}
-function parseStrokeStyle(dashArray) {
-	if (typeof dashArray !== "string" || !dashArray.trim()) return;
-	const normalized = dashArray.replaceAll(",", " ").replace(/\s+/g, " ").trim();
-	if (normalized === "1 2") return "dotted";
-	if (normalized === "4 2" || normalized === "4 4" || normalized === "8 4") return "dashed";
-	return "solid";
+function hasValidPosition(position) {
+	if (!position) return false;
+	return Number.isFinite(position.x) && Number.isFinite(position.y);
 }
-function normalizeMarker(marker) {
-	if (typeof marker === "string") return { type: marker };
-	const markerRecord = toRecord(marker);
-	if (!markerRecord) return;
-	const type = pickString(markerRecord.type);
+function normalizeContextMarker(marker) {
+	if (!marker) return;
+	const markerType = marker.type.trim().toLowerCase();
+	let type;
+	if (markerType === "arrow") type = MarkerType.Arrow;
+	else if (markerType === "arrowclosed" || markerType === "arrow-closed" || markerType === "arrow_closed") type = MarkerType.ArrowClosed;
 	if (!type) return;
-	const color = pickString(markerRecord.color);
-	if (color) return {
+	if (marker.color) return {
 		type,
-		color
+		color: marker.color
 	};
 	return { type };
 }
-function escapeMermaidText(value) {
-	return value.replaceAll("\"", "\\\"");
-}
-function canInlineMermaidLabel(value) {
-	if (value.length > INLINE_MERMAID_LABEL_MAX_LENGTH) return false;
-	if (value.includes("\n") || value.includes("\r")) return false;
-	return true;
-}
-function normalizeDetailedMermaidLabel(value) {
-	return value.split(/\r?\n/).map((line) => line.replace(/\s+/g, " ").trim()).filter((line) => line.length > 0).join("\n");
-}
-function toComponentFields(value) {
-	if (!Array.isArray(value)) return [];
-	return value.map((field) => toRecord(field)).filter((field) => field !== void 0);
+function convertMermaidToReactFlowWithContext(_x3, _x4, _x5) {
+	return _convertMermaidToReactFlowWithContext.apply(this, arguments);
 }
-function buildContextEdges(edges, nodeIdMap) {
-	const contextEdges = {};
-	for (const edge of edges) {
-		var _toRecord, _toRecord2;
-		const source = nodeIdMap.get(edge.source);
-		const target = nodeIdMap.get(edge.target);
-		if (!source || !target) continue;
-		const edgeContext = {};
-		const edgeType = pickString(edge.type);
-		if (edgeType) edgeContext.type = edgeType;
-		const sourceHandle = pickString(edge.sourceHandle);
-		if (sourceHandle) edgeContext.sourceHandle = sourceHandle;
-		const targetHandle = pickString(edge.targetHandle);
-		if (targetHandle) edgeContext.targetHandle = targetHandle;
-		const edgeLabel = pickString(edge.label);
-		if (edgeLabel) edgeContext.label = edgeLabel;
-		const edgeStyleRecord = (_toRecord = toRecord(edge.style)) !== null && _toRecord !== void 0 ? _toRecord : {};
-		const edgeStyle = {};
-		const stroke = pickString(edgeStyleRecord.stroke);
-		if (stroke) edgeStyle.stroke = stroke;
-		if (typeof edgeStyleRecord.strokeWidth === "number") edgeStyle.strokeWidth = edgeStyleRecord.strokeWidth;
-		const strokeStyle = parseStrokeStyle(edgeStyleRecord.strokeDasharray);
-		if (strokeStyle) edgeStyle.strokeStyle = strokeStyle;
-		if (typeof edge.animated === "boolean") edgeStyle.borderAnimationEnabled = edge.animated;
-		if (Object.keys(edgeStyle).length > 0) edgeContext.style = edgeStyle;
-		const markerStart = normalizeMarker(edge.markerStart);
-		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;
-	}
-	return contextEdges;
-}
-function buildContextGroups(groupNodes, nodeIdMap) {
-	const contextGroups = {};
-	for (const groupNode of groupNodes) {
-		var _toRecord;
-		const groupData = (_toRecord = toRecord(groupNode.data)) !== null && _toRecord !== void 0 ? _toRecord : {};
-		const childNodes = Array.isArray(groupData.childNodes) ? groupData.childNodes.map((childId) => typeof childId === "string" ? nodeIdMap.get(childId) : void 0).filter((childId) => childId !== void 0) : [];
-		const name = getFieldString(Array.isArray(groupData.componentFields) ? groupData.componentFields.map((field) => toRecord(field)).filter((field) => field !== void 0) : [], "Name");
-		if (!name && childNodes.length === 0) continue;
-		contextGroups[groupNode.id] = {
-			name: name !== null && name !== void 0 ? name : void 0,
-			nodes: childNodes
-		};
-	}
-	return contextGroups;
-}
-function buildContextNodes(graphNodes, nodeIdMap) {
-	const contextNodes = {};
-	for (const node of graphNodes) {
-		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 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 nodeContext = {};
-		const nodeType = pickString(node.type);
-		if (nodeType) nodeContext.type = nodeType;
-		const nameField = getFieldByLabel(componentFields, "Name");
-		const nameRawValue = nameField ? getFieldValue(nameField.data) : void 0;
-		const name = pickString(nameRawValue);
-		if (name) nodeContext.name = name;
-		const textField = nodeType === "text" ? getFieldByLabel(componentFields, "Text") : void 0;
-		const textRawValue = textField ? getFieldValue(textField.data) : void 0;
-		const textValue = pickString(textRawValue);
-		if (nodeType === "text") {
-			if (textValue) nodeContext.value = textValue;
-		}
-		const codeField = nodeType === "code" ? getFieldByLabel(componentFields, "Code") : void 0;
-		const codeRawValue = codeField ? getFieldValue(codeField.data) : void 0;
-		const codeValue = pickString(codeRawValue);
-		if (nodeType === "code") {
-			if (codeValue) nodeContext.value = codeValue;
-		}
-		const src = pickString(nodeData.src);
-		if (src) nodeContext.src = src;
-		const animatedIcon = pickString(nodeData.animatedIcon);
-		if (animatedIcon) nodeContext.animatedIcon = animatedIcon;
-		const cloud = pickString(nodeData.cloud);
-		if (cloud) nodeContext.cloud = cloud;
-		const service = pickString(nodeData.service);
-		if (service) nodeContext.service = service;
-		const componentId = pickString(nodeData.componentId);
-		if (componentId) nodeContext.componentId = componentId;
-		const shape = pickString(nodeData.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);
-		if (fill) style.fill = fill;
-		const stroke = (_pickString2 = pickString(nodeData.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;
-		if (typeof strokeWidth === "number") style.strokeWidth = strokeWidth;
-		const borderRadius = typeof nodeData.borderRadius === "number" ? nodeData.borderRadius : typeof nodeStyle.borderRadius === "number" ? nodeStyle.borderRadius : void 0;
-		if (typeof borderRadius === "number") style.borderRadius = borderRadius;
-		const strokeStyleFromData = pickString(nodeData.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;
-		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;
-		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 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);
-		if (serviceName && databaseName && tableName) nodeContext.dbConfig = {
-			serviceName,
-			databaseName,
-			tableName
-		};
-		const dynamicData = {};
-		for (const field of componentFields) {
-			const label$1 = pickString(field.label);
-			const type = pickString(field.type);
-			if (!label$1 || !type || !isComponentInputType(type)) continue;
-			const componentType = type;
-			const normalizedLabel = label$1.toLowerCase();
-			if (normalizedLabel === "name") continue;
-			if (nodeType === "text" && normalizedLabel === "text") continue;
-			if (nodeType === "code" && normalizedLabel === "code") continue;
-			const options = Array.isArray(field.options) ? field.options.filter((option) => typeof option === "string") : void 0;
-			dynamicData[label$1] = {
-				type: componentType,
-				value: getFieldValue(field.data),
-				options: options && options.length > 0 ? options : void 0
-			};
-		}
-		if (nameField && !name && isEmptyFieldValue(nameRawValue)) {
-			const nameType = pickString(nameField.type);
-			if (nameType && isComponentInputType(nameType)) {
-				const nameOptions = Array.isArray(nameField.options) ? nameField.options.filter((option) => typeof option === "string") : void 0;
-				dynamicData.Name = {
-					type: nameType,
-					value: "",
-					options: nameOptions && nameOptions.length > 0 ? nameOptions : void 0
+function _convertMermaidToReactFlowWithContext() {
+	_convertMermaidToReactFlowWithContext = _asyncToGenerator(function* (mermaidCode, context, options) {
+		var _context$groups;
+		const validatedContext = contextSchema.parse(context);
+		const reactFlowData = yield convertMermaidToReactFlow(mermaidCode);
+		const rfNodesPromises = reactFlowData.nodes.map(function() {
+			var _ref = _asyncToGenerator(function* (node) {
+				var _validatedContext$nod, _clonedNode$data$comp, _ctx$data, _clonedNode$data, _ctx$style, _ctx$style2, _ctx$style3, _ctx$style4;
+				const ctx = (_validatedContext$nod = validatedContext.nodes) === null || _validatedContext$nod === void 0 ? void 0 : _validatedContext$nod[node.id];
+				if (!ctx) return node;
+				const clonedNode = JSON.parse(JSON.stringify(node));
+				const componentFields = (_clonedNode$data$comp = clonedNode.data.componentFields) !== null && _clonedNode$data$comp !== void 0 ? _clonedNode$data$comp : [];
+				(_ctx$data = ctx.data) !== null && _ctx$data !== void 0 || (ctx.data = {});
+				(_clonedNode$data = clonedNode.data) !== null && _clonedNode$data !== void 0 || (clonedNode.data = {});
+				if (hasValidPosition(ctx.___position)) clonedNode.position = {
+					x: ctx.___position.x,
+					y: ctx.___position.y
 				};
-			}
-		}
-		if (textField && !textValue && isEmptyFieldValue(textRawValue)) {
-			const textType = pickString(textField.type);
-			if (textType && isComponentInputType(textType)) {
-				const textOptions = Array.isArray(textField.options) ? textField.options.filter((option) => typeof option === "string") : void 0;
-				dynamicData.Text = {
-					type: textType,
-					value: "",
-					options: textOptions && textOptions.length > 0 ? textOptions : void 0
+				if (ctx.type) {
+					clonedNode.type = ctx.type;
+					delete clonedNode.style;
+					if (ctx.type === "cloud") {
+						clonedNode.height = 150;
+						clonedNode.width = 150;
+						if (ctx.service) {
+							const cloudIcon = (options === null || options === void 0 ? void 0 : options.resolveCloudIcon) ? yield options.resolveCloudIcon(ctx.cloud, ctx.service) : yield resolveCloudIcon(ctx.cloud, ctx.service);
+							if (cloudIcon) clonedNode.data.iconSrc = cloudIcon;
+						}
+					}
+					if (ctx.type === "image" && ctx.src) clonedNode.data = _objectSpread2(_objectSpread2({}, clonedNode.data), {}, { src: ctx.src });
+					if (ctx.type === "gif") {
+						if (ctx.animatedIcon) {
+							const animatedNodeSrc = yield resolveAnimatedNode(ctx.animatedIcon);
+							if (animatedNodeSrc) clonedNode.data = _objectSpread2(_objectSpread2({}, clonedNode.data), {}, { src: animatedNodeSrc });
+						} else if (ctx.src) clonedNode.data = _objectSpread2(_objectSpread2({}, clonedNode.data), {}, { src: ctx.src });
+					}
+					if (ctx.type === "text" && (ctx.value || ctx.name)) {
+						const textComponentField = generateComponentFieldInput({
+							type: ComponentInputType.TextInput,
+							componentFieldId: "text",
+							label: "Text",
+							data: ctx.value || ctx.name,
+							isReadonly: true
+						});
+						componentFields.unshift(textComponentField);
+					}
+					if (ctx.type === "code" && ctx.value) {
+						const textComponentField = generateComponentFieldInput({
+							type: ComponentInputType.CodeEditor,
+							componentFieldId: "code",
+							label: "Code",
+							data: ctx.value,
+							isReadonly: true
+						});
+						componentFields.unshift(textComponentField);
+					}
+					if (ctx.type === "table" && ctx.table) {
+						var _ctx$table$rows, _ctx$table$columns;
+						clonedNode.data.title = ctx.name;
+						clonedNode.data.rows = (_ctx$table$rows = ctx.table.rows) !== null && _ctx$table$rows !== void 0 ? _ctx$table$rows : [];
+						clonedNode.data.columns = (_ctx$table$columns = ctx.table.columns) !== null && _ctx$table$columns !== void 0 ? _ctx$table$columns : [];
+					}
+					if (ctx.type === "data-source" || ctx.type === "db-table") {
+						ctx.type = "databaseTableSQL";
+						clonedNode.type = "databaseTableSQL";
+					}
+					if (ctx.type === "component") {
+						ctx.type = "builder";
+						clonedNode.type = "builder";
+						clonedNode.data.componentId = ctx.componentId;
+					}
+					if (ctx.type === "shape" && ctx.shape) {
+						clonedNode.data.shape = ctx.shape;
+						if (ctx.shape === "or" || ctx.shape === "summing-junction") {
+							var _clonedNode$width, _clonedNode$height;
+							const maxSize = Math.max((_clonedNode$width = clonedNode.width) !== null && _clonedNode$width !== void 0 ? _clonedNode$width : 0, (_clonedNode$height = clonedNode.height) !== null && _clonedNode$height !== void 0 ? _clonedNode$height : 0, 200);
+							clonedNode.width = maxSize;
+							clonedNode.height = maxSize;
+						}
+					}
+				}
+				if (ctx.name) ctx.data["Name"] = {
+					type: ComponentInputType.TextInput,
+					value: ctx.name
 				};
-			}
-		}
-		if (codeField && !codeValue && isEmptyFieldValue(codeRawValue)) {
-			const codeType = pickString(codeField.type);
-			if (codeType && isComponentInputType(codeType)) {
-				const codeOptions = Array.isArray(codeField.options) ? codeField.options.filter((option) => typeof option === "string") : void 0;
-				dynamicData.Code = {
-					type: codeType,
-					value: "",
-					options: codeOptions && codeOptions.length > 0 ? codeOptions : void 0
+				for (const key in ctx.data) {
+					const metaInput = ctx.data[key];
+					if (metaInput === void 0) continue;
+					const componentField = getComponentFieldByLabel(componentFields, key);
+					const newComponentField = generateComponentFieldInput({
+						label: key,
+						type: metaInput.type,
+						data: metaInput.value,
+						options: metaInput.options
+					});
+					if (!componentField) componentFields.push(newComponentField);
+					else {
+						componentField.type = newComponentField.type;
+						componentField.data = newComponentField.data;
+					}
+				}
+				if (ctx.dbConfig) clonedNode.data.serviceTable = {
+					serviceName: ctx.dbConfig.serviceName,
+					databaseName: ctx.dbConfig.databaseName,
+					tableName: ctx.dbConfig.tableName
 				};
-			}
-		}
-		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]) => {
-			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 (iconSrc) internalData.iconSrc = iconSrc;
-		const label = pickString(nodeData.label);
-		if (label) internalData.label = label;
-		const internalCloud = pickString(nodeData.cloud);
-		if (internalCloud) internalData.cloud = internalCloud;
-		if (Object.keys(internalData).length > 0) nodeContext.___internal = internalData;
-		if (Object.keys(nodeContext).length > 0) contextNodes[mappedNodeId] = nodeContext;
-	}
-	return contextNodes;
-}
-function buildValidatedContext(graphNodes, edges, groupNodes, nodeIdMap) {
-	const contextNodes = buildContextNodes(graphNodes, nodeIdMap);
-	const contextEdges = buildContextEdges(edges, nodeIdMap);
-	const contextGroups = buildContextGroups(groupNodes, nodeIdMap);
-	const context = {};
-	if (Object.keys(contextNodes).length > 0) context.nodes = contextNodes;
-	if (Object.keys(contextEdges).length > 0) context.edges = contextEdges;
-	if (Object.keys(contextGroups).length > 0) context.groups = contextGroups;
-	return contextSchema.parse(context);
+				if ((_ctx$style = ctx.style) === null || _ctx$style === void 0 ? void 0 : _ctx$style.height) clonedNode.height = ctx.style.height;
+				if ((_ctx$style2 = ctx.style) === null || _ctx$style2 === void 0 ? void 0 : _ctx$style2.width) clonedNode.width = ctx.style.width;
+				clonedNode.data = _objectSpread2(_objectSpread2(_objectSpread2({}, clonedNode.data), objectPick((_ctx$style3 = ctx.style) !== null && _ctx$style3 !== void 0 ? _ctx$style3 : {}, [
+					"color",
+					"fill",
+					"stroke",
+					"strokeWidth",
+					"strokeStyle",
+					"borderRadius",
+					"borderAnimationEnabled"
+				])), {}, {
+					componentFields,
+					strokeAnimation: ((_ctx$style4 = ctx.style) === null || _ctx$style4 === void 0 ? void 0 : _ctx$style4.borderAnimationEnabled) ? "dash" : void 0
+				}, ctx === null || ctx === void 0 ? void 0 : ctx.___internal);
+				return clonedNode;
+			});
+			return function(_x) {
+				return _ref.apply(this, arguments);
+			};
+		}());
+		const resolvedNodes = yield Promise.all(rfNodesPromises);
+		const groupNodes = Object.entries((_context$groups = context.groups) !== null && _context$groups !== void 0 ? _context$groups : {}).map(([nodeId, groupCtx]) => {
+			var _groupCtx$nodes, _groupCtx$name;
+			const childNodes = 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 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}`];
+				if (!ctx) return edge;
+				return _objectSpread2(_objectSpread2({}, edge), {}, {
+					type: (_ctx$type = ctx.type) !== null && _ctx$type !== void 0 ? _ctx$type : edge.type,
+					sourceHandle: (_ctx$sourceHandle = ctx.sourceHandle) !== null && _ctx$sourceHandle !== void 0 ? _ctx$sourceHandle : edge.sourceHandle,
+					targetHandle: (_ctx$targetHandle = ctx.targetHandle) !== null && _ctx$targetHandle !== void 0 ? _ctx$targetHandle : edge.targetHandle,
+					markerStart: (_normalizeContextMark = normalizeContextMarker(ctx.markerStart)) !== null && _normalizeContextMark !== void 0 ? _normalizeContextMark : edge.markerStart,
+					markerEnd: (_normalizeContextMark2 = normalizeContextMarker(ctx.markerEnd)) !== null && _normalizeContextMark2 !== void 0 ? _normalizeContextMark2 : edge.markerEnd,
+					data: _objectSpread2(_objectSpread2({}, edge.data), ctx === null || ctx === void 0 ? void 0 : ctx.___internal),
+					label: (_ctx$label = ctx.label) !== null && _ctx$label !== void 0 ? _ctx$label : edge.label,
+					animated: (_ctx$style$borderAnim = (_ctx$style5 = ctx.style) === null || _ctx$style5 === void 0 ? void 0 : _ctx$style5.borderAnimationEnabled) !== null && _ctx$style$borderAnim !== void 0 ? _ctx$style$borderAnim : edge.animated,
+					style: _objectSpread2(_objectSpread2({}, edge.style), {}, {
+						stroke: (_ctx$style$stroke = (_ctx$style6 = ctx.style) === null || _ctx$style6 === void 0 ? void 0 : _ctx$style6.stroke) !== null && _ctx$style$stroke !== void 0 ? _ctx$style$stroke : (_edge$style = edge.style) === null || _edge$style === void 0 ? void 0 : _edge$style.stroke,
+						strokeWidth: (_ctx$style$strokeWidt = (_ctx$style7 = ctx.style) === null || _ctx$style7 === void 0 ? void 0 : _ctx$style7.strokeWidth) !== null && _ctx$style$strokeWidt !== void 0 ? _ctx$style$strokeWidt : (_edge$style2 = edge.style) === null || _edge$style2 === void 0 ? void 0 : _edge$style2.strokeWidth,
+						strokeDasharray: ((_ctx$style8 = ctx.style) === null || _ctx$style8 === void 0 ? void 0 : _ctx$style8.strokeStyle) === "dashed" ? "4 2" : ((_ctx$style9 = ctx.style) === null || _ctx$style9 === void 0 ? void 0 : _ctx$style9.strokeStyle) === "dotted" ? "1 2" : ((_ctx$style10 = ctx.style) === null || _ctx$style10 === void 0 ? void 0 : _ctx$style10.strokeStyle) === "solid" ? void 0 : (_edge$style3 = edge.style) === null || _edge$style3 === void 0 ? void 0 : _edge$style3.strokeDasharray
+					})
+				});
+			});
+			return function(_x2) {
+				return _ref2.apply(this, arguments);
+			};
+		}());
+		const resolvedEdges = yield Promise.all(rfEdgesPromises);
+		const combinedNodes = [...groupNodes, ...resolvedNodes.map((node) => {
+			const nodeParent = groupNodes.find((groupNode) => {
+				var _groupNode$data$child;
+				return (_groupNode$data$child = groupNode.data.childNodes) === null || _groupNode$data$child === void 0 ? void 0 : _groupNode$data$child.includes(node.id);
+			});
+			if (nodeParent) return _objectSpread2(_objectSpread2({}, node), {}, { parentId: nodeParent.id });
+			return node;
+		})];
+		if (isSequenceDiagram(combinedNodes)) return {
+			edges: resolvedEdges,
+			nodes: combinedNodes
+		};
+		return {
+			edges: resolvedEdges,
+			nodes: (options === null || options === void 0 ? void 0 : options.repositionNodes) ? resizeNodesLayouts(combinedNodes) : combinedNodes
+		};
+	});
+	return _convertMermaidToReactFlowWithContext.apply(this, arguments);
 }
 function inferDirection(nodes, edges) {
 	const nodeMap = new Map(nodes.map((node) => [node.id, node]));
@@ -6591,4 +6626,4 @@ function convertUiGraphToMermaid(input, options) {
 		context
 	};
 }
-export { AstToSqlGenerator, AstToUiConverter, BasicDetailsSchema, C4_COLORS, C4_LAYOUT, ComponentInputType, DialectIdSchema, DocumentCollectionSchema, DocumentIndexSchema, DynamoAttributeSchema, DynamoEditorSchema, DynamoGsiSchema, EditorSupportedDialectSchema, JsonEditorSchema, MongoCollectionSchema, MongoEditorSchema, MongoIndexFieldSchema, MongoIndexSchema, MongoNestedFieldSchema, NestedFieldSchema, NoSqlFieldSchema, SEQUENCE_LAYOUT, SqlToAstParser, buildMetaData, contextSchema, convertC4MermaidToReactFlow, convertC4ToReactFlow, convertDynamoSchemaToAst, convertJsonSchemaToAst, convertMermaidToReactFlow, convertMermaidToReactFlowWithContext, convertMongoSchemaToAst, convertNoSQLToAst, convertReactFlowToSequenceMermaid, convertUiGraphToMermaid, estimateSequenceMessageBoxSize, flattenMetaData, generateTableNodeId, generateUUID, getC4ElementColors, isC4Diagram, isSequenceDiagram, parseC4Diagram, sanitizeMermaidLabels, syncBaseData };
+export { AstToSqlGenerator, AstToUiConverter, BasicDetailsSchema, C4_COLORS, C4_LAYOUT, ComponentInputType, DialectIdSchema, DocumentCollectionSchema, DocumentIndexSchema, DynamoAttributeSchema, DynamoEditorSchema, DynamoGsiSchema, EditorSupportedDialectSchema, JsonEditorSchema, MongoCollectionSchema, MongoEditorSchema, MongoIndexFieldSchema, MongoIndexSchema, MongoNestedFieldSchema, NestedFieldSchema, NoSqlFieldSchema, SEQUENCE_LAYOUT, SqlToAstParser, buildMetaData, contextSchema, convertC4MermaidToReactFlow, convertC4ToReactFlow, convertDynamoSchemaToAst, convertJsonSchemaToAst, convertMermaidToReactFlow, convertMermaidToReactFlowWithContext, convertMongoSchemaToAst, convertNoSQLToAst, convertReactFlowToSequenceMermaid, convertReactFlowToSequenceUiGraph, convertUiGraphToMermaid, estimateSequenceMessageBoxSize, flattenMetaData, generateTableNodeId, generateUUID, getC4ElementColors, isC4Diagram, isSequenceDiagram, parseC4Diagram, sanitizeMermaidLabels, syncBaseData };