likec4 1.59.0 → 1.59.2

package/__app__/src/main.mjs

@@ -17380,7 +17380,20 @@ var Bg = {
 	whiteSpace: "nowrap",
 	overflow: "hidden",
 	textOverflow: "ellipsis"
-}), qg = Ta("span", { base: Kg }), Jg = Ee((s) => {
+}), qg = Ta("span", { base: Kg }), Jg = "18px", Yg = q.raw({
+	flex: "none",
+	display: "flex",
+	alignItems: "center",
+	gap: "2",
+	height: Jg
+}), Xg = Ta("span", { base: q.raw({
+	flex: "1",
+	minWidth: "0",
+	fontSize: "xs",
+	lineHeight: Jg,
+	whiteSpace: "pre-line",
+	overflowWrap: "anywhere"
+}) }), Zg = Ee((s) => {
 	let c = Hc(s.view.title ?? "Untitled"), l = s.view.description, u = s.activeWalkthrough?.stepId ?? null;
 	return u ? {
 		flow: qs(s.view) && Ws(s.view, "flow") ? Bs(s.view) : null,
@@ -17395,8 +17408,8 @@ var Bg = {
 		title: c,
 		description: l
 	};
-}), Yg = us(() => {
-	let s = J(9), c = Ne(Jg), l;
+}), Qg = us(() => {
+	let s = J(9), c = Ne(Zg), l;
 	s[0] !== c.activeStep || s[1] !== c.collapsed || s[2] !== c.description || s[3] !== c.flow || s[4] !== c.outlinePanelWidth || s[5] !== c.title ? (l = c.activeStep && c.flow && /* @__PURE__ */ Y(wo.div, {
 		layout: "position",
 		className: Ua({
@@ -17441,7 +17454,7 @@ var Bg = {
 		children: l
 	}) }), s[7] = l, s[8] = u), u;
 });
-Yg.displayName = "SequenceOutlinePanel";
+Qg.displayName = "SequenceOutlinePanel";
 function SequenceOutlinePanelBody(s) {
 	let c = J(11), l;
 	c[0] !== s.description || c[1] !== s.flow || c[2] !== s.title ? (l = /* @__PURE__ */ Y(OutlineHeader, {
@@ -17663,24 +17676,32 @@ var OutlineHeader = (s) => {
 		})
 	})] });
 }, renderTreeNode = ((s) => s.node.nodeProps.type === "step" ? /* @__PURE__ */ Y(StepRow, { ...s }) : /* @__PURE__ */ Y(FlowRow, { ...s })), StepRow = (s) => {
-	let c = J(20), { node: l, elementProps: u, selected: d } = s, { stepnum: p, source: h, target: g, label: _, notes: v } = l.nodeProps, y;
-	c[0] === u.className ? y = c[1] : (y = wa(u.className, q(Gg)), c[0] = u.className, c[1] = y);
+	let c = J(23), { node: l, elementProps: u, selected: d } = s, { stepnum: p, source: h, target: g, label: _, notes: v } = l.nodeProps, y;
+	c[0] === u.className ? y = c[1] : (y = wa(u.className, q(Gg, { alignItems: "flex-start" })), c[0] = u.className, c[1] = y);
 	let b;
-	c[2] === p ? b = c[3] : (b = /* @__PURE__ */ Y(Ug, { children: p }), c[2] = p, c[3] = b);
+	c[2] === Symbol.for("react.memo_cache_sentinel") ? (b = q(Yg), c[2] = b) : b = c[2];
 	let S;
-	c[4] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ Y(jl, {
+	c[3] === p ? S = c[4] : (S = /* @__PURE__ */ Y(Ug, { children: p }), c[3] = p, c[4] = S);
+	let w;
+	c[5] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ Y(jl, {
 		size: 13,
 		className: q({
 			flex: "none",
 			color: "text.dimmed"
 		})
-	}), c[4] = S) : S = c[4];
-	let w;
-	c[5] !== _ || c[6] !== h || c[7] !== g ? (w = _ ? /* @__PURE__ */ Y(qg, { children: _ }) : /* @__PURE__ */ Q(Wa, {
+	}), c[5] = w) : w = c[5];
+	let T;
+	c[6] === S ? T = c[7] : (T = /* @__PURE__ */ Q(Ca, {
+		className: b,
+		children: [S, w]
+	}), c[6] = S, c[7] = T);
+	let E;
+	c[8] !== _ || c[9] !== h || c[10] !== g ? (E = _ ? /* @__PURE__ */ Y(Xg, { children: _ }) : /* @__PURE__ */ Q(Wa, {
 		css: {
 			gap: "1",
 			minWidth: "0",
-			flex: "1"
+			flex: "1",
+			minHeight: Jg
 		},
 		children: [
 			/* @__PURE__ */ Y(qg, {
@@ -17699,19 +17720,15 @@ var OutlineHeader = (s) => {
 			}),
 			/* @__PURE__ */ Y(qg, { children: g })
 		]
-	}), c[5] = _, c[6] = h, c[7] = g, c[8] = w) : w = c[8];
-	let T;
-	c[9] !== u || c[10] !== y || c[11] !== b || c[12] !== w ? (T = /* @__PURE__ */ Q(Ca, {
+	}), c[8] = _, c[9] = h, c[10] = g, c[11] = E) : E = c[11];
+	let D;
+	c[12] !== u || c[13] !== y || c[14] !== T || c[15] !== E ? (D = /* @__PURE__ */ Q(Ca, {
 		...u,
 		className: y,
-		children: [
-			b,
-			S,
-			w
-		]
-	}), c[9] = u, c[10] = y, c[11] = b, c[12] = w, c[13] = T) : T = c[13];
-	let E;
-	c[14] !== v || c[15] !== d ? (E = v && /* @__PURE__ */ Y(ge, {
+		children: [T, E]
+	}), c[12] = u, c[13] = y, c[14] = T, c[15] = E, c[16] = D) : D = c[16];
+	let k;
+	c[17] !== v || c[18] !== d ? (k = v && /* @__PURE__ */ Y(ge, {
 		value: Rs.from(v),
 		fontSize: "sm",
 		textScale: .9,
@@ -17729,9 +17746,9 @@ var OutlineHeader = (s) => {
 			marginInlineStart: "calc(-1 * var(--label-offset))",
 			display: d ? "block" : "none"
 		}
-	}), c[14] = v, c[15] = d, c[16] = E) : E = c[16];
-	let D;
-	return c[17] !== T || c[18] !== E ? (D = /* @__PURE__ */ Q(Cs, { children: [T, E] }), c[17] = T, c[18] = E, c[19] = D) : D = c[19], D;
+	}), c[17] = v, c[18] = d, c[19] = k) : k = c[19];
+	let j;
+	return c[20] !== D || c[21] !== k ? (j = /* @__PURE__ */ Q(Cs, { children: [D, k] }), c[20] = D, c[21] = k, c[22] = j) : j = c[22], j;
 }, FlowRow = (s) => {
 	let c = J(21), { node: l, expanded: u, elementProps: d } = s, { type: p, title: h } = l.nodeProps, { paletteClass: g, tag: _, Icon: v } = Vg[p], y;
 	c[0] !== d.className || c[1] !== g ? (y = wa(d.className, g, q(Gg)), c[0] = d.className, c[1] = g, c[2] = y) : y = c[2];
@@ -17781,7 +17798,7 @@ var OutlineHeader = (s) => {
 			j
 		]
 	}), c[14] = d, c[15] = y, c[16] = S, c[17] = T, c[18] = k, c[19] = j, c[20] = M) : M = c[20], M;
-}, Xg = it((s) => ({
+}, $g = it((s) => ({
 	overlays: s.children.overlays ?? null,
 	search: s.children.search ?? null,
 	navigation: s.children.navigationPanel ?? null,
@@ -17793,15 +17810,15 @@ var OutlineHeader = (s) => {
 		hasSequenceFlow: !1,
 		isActiveWalkthrough: !1
 	}
-})), Zg = us(() => {
-	let { enableControls: s, enableNotations: c, enableSearch: l, enableRelationshipDetails: u, enableReadOnly: d, enableCompareWithLatest: p } = useEnabledFeatures(), h = useRerender(), { isSequenceView: g, isActiveWalkthrough: _, ...v } = Ne(Xg);
+})), e_ = us(() => {
+	let { enableControls: s, enableNotations: c, enableSearch: l, enableRelationshipDetails: u, enableReadOnly: d, enableCompareWithLatest: p } = useEnabledFeatures(), h = useRerender(), { isSequenceView: g, isActiveWalkthrough: _, ...v } = Ne($g);
 	return /* @__PURE__ */ Q(ErrorBoundary$1, {
 		onReset: ds(() => {
 			h();
 		}, []),
 		children: [
 			g && /* @__PURE__ */ Y(FloatingSequenceActors, { isActiveWalkthrough: _ }),
-			_ && /* @__PURE__ */ Y(Yg, {}),
+			_ && /* @__PURE__ */ Y(Qg, {}),
 			s && v.navigation && !_ && /* @__PURE__ */ Y(zp, { actorRef: v.navigation }),
 			v.overlays && /* @__PURE__ */ Y(Overlays, { overlaysActorRef: v.overlays }),
 			c && /* @__PURE__ */ Y(Cg, {}),
@@ -17811,7 +17828,7 @@ var OutlineHeader = (s) => {
 		]
 	});
 });
-Zg.displayName = "DiagramUI";
+e_.displayName = "DiagramUI";
 //#endregion
 //#region ../diagram/src/likec4diagram/custom/edges/EdgeDrifts.tsx
 function EdgeDrifts(s) {
@@ -17837,7 +17854,7 @@ function EdgeDrifts(s) {
 }
 //#endregion
 //#region ../diagram/src/likec4diagram/custom/edges/edges.css.ts
-var Qg = q({
+var t_ = q({
 	overflow: "visible",
 	position: "absolute",
 	pointerEvents: "none",
@@ -17848,10 +17865,10 @@ var Qg = q({
 		_light: "multiply"
 	},
 	zIndex: "[100]"
-}), $g = q({
+}), n_ = q({
 	cursor: "grab!",
 	_active: { cursor: "grabbing!" }
-}), e_ = q({
+}), r_ = q({
 	fill: "[var(--xy-edge-stroke)]",
 	stroke: "transparent",
 	fillOpacity: .5,
@@ -17922,7 +17939,7 @@ function useControlPoints(s) {
 }
 //#endregion
 //#region ../diagram/src/likec4diagram/custom/edges/useRelationshipEdgePath.ts
-var t_ = ho().curve(go.alpha(.7)).x((s) => Math.trunc(s.x)).y((s) => Math.trunc(s.y));
+var i_ = ho().curve(go.alpha(.7)).x((s) => Math.trunc(s.x)).y((s) => Math.trunc(s.y));
 function useRelationshipEdgePath(s) {
 	let c = J(16), { props: l, controlPoints: u, isControlPointDragging: d } = s, { sourceX: p, sourceY: h, source: g, target: _, targetX: v, targetY: y, data: b } = l, t2;
 	c[0] !== g || c[1] !== _ ? (t2 = (s) => {
@@ -17950,7 +17967,7 @@ function useRelationshipEdgePath(s) {
 			width: T,
 			height: E
 		};
-		D = bc(t_(b.dir === "back" ? [
+		D = bc(i_(b.dir === "back" ? [
 			l,
 			xn(g, n$23(u) ?? s, 6),
 			...u,
@@ -17974,7 +17991,7 @@ var getEdgeCenter = (s) => {
 		x: Math.round(c.x),
 		y: Math.round(c.y)
 	};
-}, n_ = Yn((s) => {
+}, a_ = Yn((s) => {
 	let [c, l] = bs(!1), u = ys(c);
 	u.current = c;
 	let [d, p] = bs(!1), h = ys(d);
@@ -18130,7 +18147,7 @@ var getEdgeCenter = (s) => {
 				...w && { onPointerDown: Se },
 				children: /* @__PURE__ */ Y(Zn, {
 					pointerEvents: "all",
-					className: w ? $g : void 0,
+					className: w ? n_ : void 0,
 					...Ee,
 					edgeProps: s,
 					children: M && /* @__PURE__ */ Y(EdgeActionButton, {
@@ -18153,7 +18170,7 @@ var getEdgeCenter = (s) => {
 		onDelete: me
 	})] });
 });
-n_.displayName = "RelationshipEdge";
+a_.displayName = "RelationshipEdge";
 function ControlPoints({ isControlPointDragging: s, edgeProps: c, controlPoints: l, onMove: u, onStartMove: d, onCancelMove: p, onFinishMove: h, onDelete: g }) {
 	let _ = En(), v = tr(), y = c.data.id, b = ys(l);
 	b.current = l;
@@ -18206,7 +18223,7 @@ function ControlPoints({ isControlPointDragging: s, edgeProps: c, controlPoints:
 	});
 	return /* @__PURE__ */ Y(no, { children: /* @__PURE__ */ Y(Gn, {
 		component: "svg",
-		className: Qg,
+		className: t_,
 		...c,
 		children: /* @__PURE__ */ Y("g", {
 			"data-active": s ? !0 : void 0,
@@ -18216,7 +18233,7 @@ function ControlPoints({ isControlPointDragging: s, edgeProps: c, controlPoints:
 				"data-control-point-index": c,
 				onPointerDownCapture: S,
 				onDoubleClick: w,
-				className: wa("nodrag nopan", e_),
+				className: wa("nodrag nopan", r_),
 				cx: s.x,
 				cy: s.y
 			}, "controlPoints" + y + "#" + c))
@@ -18225,7 +18242,7 @@ function ControlPoints({ isControlPointDragging: s, edgeProps: c, controlPoints:
 }
 var stopAndPrevent = (s) => {
 	s.stopPropagation(), s.preventDefault();
-}, r_ = 16;
+}, o_ = 16;
 function SequenceStepEdge(s) {
 	let c = J(39), { enableNavigateTo: l, enableCompareWithLatest: u } = useEnabledFeatures(), d = Qe(), { navigateTo: p } = s.data, h = s.source === s.target, g = s.sourceX > s.targetX, _;
 	c[0] !== h || c[1] !== s.sourcePosition || c[2] !== s.sourceX || c[3] !== s.sourceY || c[4] !== s.targetPosition || c[5] !== s.targetX || c[6] !== s.targetY ? (_ = qa({
@@ -18243,12 +18260,12 @@ function SequenceStepEdge(s) {
 	let [v] = _, y;
 	bb0: switch (!0) {
 		case h:
-			y = s.sourceX + 24 + r_;
+			y = s.sourceX + 24 + o_;
 			break bb0;
 		case g:
-			y = s.sourceX - r_;
+			y = s.sourceX - o_;
 			break bb0;
-		default: y = s.sourceX + r_;
+		default: y = s.sourceX + o_;
 	}
 	let { state: b, stepnum: S } = s.data, w;
 	c[8] === b ? w = c[9] : (w = b && { "data-seq-edge-state": b }, c[8] = b, c[9] = w);
@@ -18262,7 +18279,7 @@ function SequenceStepEdge(s) {
 		edgeProps: s,
 		svgPath: v
 	}), c[13] = u, c[14] = v, c[15] = s, c[16] = E) : E = c[16];
-	let D = s.sourceY + (h ? 0 : r_), k = g ? "translate(-100%, 0)" : void 0, j;
+	let D = s.sourceY + (h ? 0 : o_), k = g ? "translate(-100%, 0)" : void 0, j;
 	c[17] !== y || c[18] !== D || c[19] !== k ? (j = {
 		x: y,
 		y: D,
@@ -18301,7 +18318,7 @@ function SequenceStepEdge(s) {
 }
 //#endregion
 //#region ../diagram/src/likec4diagram/custom/index.tsx
-var i_ = {
+var s_ = {
 	ElementNode,
 	DeploymentNode,
 	CompoundElementNode,
@@ -18310,8 +18327,8 @@ var i_ = {
 	SequenceActorNode,
 	SequenceParallelArea,
 	SequenceSubflowArea
-}, a_ = {
-	RelationshipEdge: n_,
+}, c_ = {
+	RelationshipEdge: a_,
 	SequenceStepEdge
 }, Rect = class {
 	static LeftPadding = 42;
@@ -18609,29 +18626,29 @@ function _temp$9(s) {
 s(_temp$9, "_temp");
 //#endregion
 //#region ../diagram/src/likec4diagram/DiagramXYFlow.tsx
-var o_ = {
-	relationship: a_.RelationshipEdge,
-	"seq-step": a_.SequenceStepEdge
-}, s_ = {
-	element: i_.ElementNode,
-	deployment: i_.DeploymentNode,
-	"compound-element": i_.CompoundElementNode,
-	"compound-deployment": i_.CompoundDeploymentNode,
-	"view-group": i_.ViewGroupNode,
-	"seq-actor": i_.SequenceActorNode,
-	"seq-parallel": i_.SequenceParallelArea,
-	"seq-subflow": i_.SequenceSubflowArea
+var l_ = {
+	relationship: c_.RelationshipEdge,
+	"seq-step": c_.SequenceStepEdge
+}, u_ = {
+	element: s_.ElementNode,
+	deployment: s_.DeploymentNode,
+	"compound-element": s_.CompoundElementNode,
+	"compound-deployment": s_.CompoundDeploymentNode,
+	"view-group": s_.ViewGroupNode,
+	"seq-actor": s_.SequenceActorNode,
+	"seq-parallel": s_.SequenceParallelArea,
+	"seq-subflow": s_.SequenceSubflowArea
 };
 function prepareNodeTypes(s) {
-	return !s || e$11(s) ? s_ : {
-		element: s.element ?? s_.element,
-		deployment: s.deployment ?? s_.deployment,
-		"compound-element": s.compoundElement ?? s_["compound-element"],
-		"compound-deployment": s.compoundDeployment ?? s_["compound-deployment"],
-		"view-group": s.viewGroup ?? s_["view-group"],
-		"seq-actor": s.seqActor ?? s_["seq-actor"],
-		"seq-parallel": s.seqParallel ?? s_["seq-parallel"],
-		"seq-subflow": s.seqSubflow ?? s_["seq-subflow"]
+	return !s || e$11(s) ? u_ : {
+		element: s.element ?? u_.element,
+		deployment: s.deployment ?? u_.deployment,
+		"compound-element": s.compoundElement ?? u_["compound-element"],
+		"compound-deployment": s.compoundDeployment ?? u_["compound-deployment"],
+		"view-group": s.viewGroup ?? u_["view-group"],
+		"seq-actor": s.seqActor ?? u_["seq-actor"],
+		"seq-parallel": s.seqParallel ?? u_["seq-parallel"],
+		"seq-subflow": s.seqSubflow ?? u_["seq-subflow"]
 	};
 }
 var viewportToTopLeft = (s) => {
@@ -18641,7 +18658,7 @@ var viewportToTopLeft = (s) => {
 		y: -c.y,
 		zoom: 1
 	};
-}, c_ = it(({ context: s, children: c }) => {
+}, d_ = it(({ context: s, children: c }) => {
 	let { enableReadOnly: l } = deriveToggledFeatures(s), u = l ? null : c.editor?.getSnapshot(), d = l || u?.context.editing?.subject !== "edge", p = u?.hasTag("busy") ?? !1, h = !l && s.nodesDraggable && !p;
 	return s.dynamicViewVariant === "sequence" && s.view._type === "dynamic" && (h = !1), {
 		enableReadOnly: l,
@@ -18661,7 +18678,7 @@ var viewportToTopLeft = (s) => {
 function LikeC4DiagramXYFlow(s) {
 	let c = J(113), { background: l, reactFlowProps: u, children: d, renderNodes: p } = s, h = l === void 0 ? "dots" : l, g;
 	c[0] === u ? g = c[1] : (g = u === void 0 ? {} : u, c[0] = u, c[1] = g);
-	let _ = g, v = Qe(), y = Ne(c_), b, S, w, T, E, D, k, j, M;
+	let _ = g, v = Qe(), y = Ne(d_), b, S, w, T, E, D, k, j, M;
 	c[2] === y ? (b = c[3], S = c[4], w = c[5], T = c[6], E = c[7], D = c[8], k = c[9], j = c[10], M = c[11]) : ({enableReadOnly: T, initialized: E, nodes: D, edges: b, enableFitView: w, nodesDraggable: k, nodesSelectable: j, enableControls: S, ...M} = y, c[2] = y, c[3] = b, c[4] = S, c[5] = w, c[6] = T, c[7] = E, c[8] = D, c[9] = k, c[10] = j, c[11] = M);
 	let { onNodeContextMenu: N, onCanvasContextMenu: P, onEdgeContextMenu: F, onNodeClick: L, onEdgeClick: R, onCanvasClick: z, onCanvasDblClick: V } = useDiagramEventHandlers(), { reducedGraphics: G, $panning: ee } = an(), re = G, ae = useLayoutConstraints(), oe = ee, t5;
 	c[12] === oe ? t5 = c[13] : (t5 = () => {
@@ -18808,7 +18825,7 @@ function LikeC4DiagramXYFlow(s) {
 		edges: b,
 		className: Fe,
 		nodeTypes: Se,
-		edgeTypes: o_,
+		edgeTypes: l_,
 		onNodesChange: Ue,
 		onEdgesChange: Ke,
 		background: Xe,
@@ -18902,7 +18919,7 @@ function _applyChangesToManualLayout(s, c) {
 		s._layout = "manual", s.nodes = Gc(p), s.edges = Gc(h), s.bounds = g, delete s.drifts;
 	});
 }
-var l_ = {
+var f_ = {
 	Left: 42,
 	Right: 42,
 	Top: 60,
@@ -18915,7 +18932,7 @@ function expandCompoundNodes(s) {
 		let u = [];
 		for (let s of l.children) u.push(expand(s));
 		let d = tc.merge(...u);
-		return l.x = d.x - l_.Left, l.y = d.y - l_.Top, l.width = d.width + l_.Left + l_.Right, l.height = d.height + l_.Top + l_.Bottom, l;
+		return l.x = d.x - f_.Left, l.y = d.y - f_.Top, l.width = d.width + f_.Left + f_.Right, l.height = d.height + f_.Top + f_.Bottom, l;
 	}
 	for (let c of s.values()) !isRootNode(c) || c.children.length === 0 || expand(c.id);
 }
@@ -19003,7 +19020,7 @@ function useEditorActorLogic() {
 }
 //#endregion
 //#region ../diagram/src/likec4diagram/state/diagram-api.ts
-var u_ = class DiagramApi {
+var p_ = class DiagramApi {
 	static cache = new ac((s) => new DiagramApi(s));
 	static withActor(s) {
 		return this.cache.get(s);
@@ -19518,21 +19535,21 @@ function diagramToXY(s) {
 }
 //#endregion
 //#region ../diagram/src/likec4diagram/xyflow-sequence/const.ts
-var d_ = {
+var m_ = {
 	compound: 1,
 	subflows: 10,
 	actor: 50,
 	step: 100
-}, f_ = {
+}, h_ = {
 	default: "gray",
 	active: "amber"
 };
 //#endregion
 //#region ../../node_modules/.pnpm/@lume+kiwi@0.4.4/node_modules/@lume/kiwi/dist/maptype.js
 function createMap() {
-	return new p_();
+	return new g_();
 }
-var p_ = class IndexedMap {
+var g_ = class IndexedMap {
 	index = {};
 	array = [];
 	size() {
@@ -19554,12 +19571,12 @@ var p_ = class IndexedMap {
 	setDefault(s, c) {
 		let l = this.index[s.id()];
 		if (l === void 0) {
-			let l = new m_(s, c());
+			let l = new __(s, c());
 			return this.index[s.id()] = this.array.length, this.array.push(l), l;
 		} else return this.array[l];
 	}
 	insert(s, c) {
-		let l = new m_(s, c), u = this.index[s.id()];
+		let l = new __(s, c), u = this.index[s.id()];
 		return u === void 0 ? (this.index[s.id()] = this.array.length, this.array.push(l)) : this.array[u] = l, l;
 	}
 	erase(s) {
@@ -19577,7 +19594,7 @@ var p_ = class IndexedMap {
 		}
 		return s;
 	}
-}, m_ = class Pair {
+}, __ = class Pair {
 	first;
 	second;
 	constructor(s, c) {
@@ -19612,16 +19629,16 @@ var p_ = class IndexedMap {
 		this._value = s;
 	}
 	plus(s) {
-		return new g_(this, s);
+		return new y_(this, s);
 	}
 	minus(s) {
-		return new g_(this, typeof s == "number" ? -s : [-1, s]);
+		return new y_(this, typeof s == "number" ? -s : [-1, s]);
 	}
 	multiply(s) {
-		return new g_([s, this]);
+		return new y_([s, this]);
 	}
 	divide(s) {
-		return new g_([1 / s, this]);
+		return new y_([1 / s, this]);
 	}
 	toJSON() {
 		return {
@@ -19635,8 +19652,8 @@ var p_ = class IndexedMap {
 	_name;
 	_value = 0;
 	_context = null;
-	_id = h_++;
-}, h_ = 0, g_ = class Expression {
+	_id = v_++;
+}, v_ = 0, y_ = class Expression {
 	constructor() {
 		let s = parseArgs(arguments);
 		this._terms = s.terms, this._constant = s.constant;
@@ -19685,7 +19702,7 @@ function parseArgs(s) {
 		let d = s[u];
 		if (typeof d == "number") c += d;
 		else if (d instanceof Variable) l.setDefault(d, factory).second += 1;
-		else if (d instanceof g_) {
+		else if (d instanceof y_) {
 			c += d.constant();
 			let s = d.terms();
 			for (let c = 0, u = s.size(); c < u; c++) {
@@ -19697,7 +19714,7 @@ function parseArgs(s) {
 			let s = d[0], u = d[1];
 			if (typeof s != "number") throw Error("array item 0 must be a number");
 			if (u instanceof Variable) l.setDefault(u, factory).second += s;
-			else if (u instanceof g_) {
+			else if (u instanceof y_) {
 				c += u.constant() * s;
 				let d = u.terms();
 				for (let c = 0, u = d.size(); c < u; c++) {
@@ -19714,7 +19731,7 @@ function parseArgs(s) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@lume+kiwi@0.4.4/node_modules/@lume/kiwi/dist/strength.js
-var __ = class Strength$1 {
+var b_ = class Strength$1 {
 	static {
 		s(this, "Strength");
 	}
@@ -19729,13 +19746,13 @@ var __ = class Strength$1 {
 	static clip(s) {
 		return Math.max(0, Math.min(Strength$1.required, s));
 	}
-}, v_;
+}, x_;
 (function(s) {
 	s[s.Le = 0] = "Le", s[s.Ge = 1] = "Ge", s[s.Eq = 2] = "Eq";
-})(v_ ||= {});
+})(x_ ||= {});
 var Constraint = class {
-	constructor(s, c, l, u = __.required) {
-		this._operator = c, this._strength = __.clip(u), l === void 0 && s instanceof g_ ? this._expression = s : this._expression = s.minus(l);
+	constructor(s, c, l, u = b_.required) {
+		this._operator = c, this._strength = b_.clip(u), l === void 0 && s instanceof y_ ? this._expression = s : this._expression = s.minus(l);
 	}
 	id() {
 		return this._id;
@@ -19759,20 +19776,20 @@ var Constraint = class {
 	_expression;
 	_operator;
 	_strength;
-	_id = y_++;
-}, y_ = 0, Solver = class {
+	_id = S_++;
+}, S_ = 0, Solver = class {
 	maxIterations = 1e3;
 	constructor() {}
-	createConstraint(s, c, l, u = __.required) {
+	createConstraint(s, c, l, u = b_.required) {
 		let d = new Constraint(s, c, l, u);
 		return this.addConstraint(d), d;
 	}
 	addConstraint(s) {
 		if (this._cnMap.find(s) !== void 0) throw Error("duplicate constraint");
 		let c = this._createRow(s), l = c.row, u = c.tag, d = this._chooseSubject(l, u);
-		if (d.type() === b_.Invalid && l.allDummies()) if (nearZero(l.constant())) d = u.marker;
+		if (d.type() === C_.Invalid && l.allDummies()) if (nearZero(l.constant())) d = u.marker;
 		else throw Error("unsatisfiable constraint");
-		if (d.type() === b_.Invalid) {
+		if (d.type() === C_.Invalid) {
 			if (!this._addWithArtificialVariable(l)) throw Error("unsatisfiable constraint");
 		} else l.solveFor(d), this._substitute(d, l), this._rowMap.insert(d, l);
 		this._cnMap.insert(s, u), this._optimize(this._objective);
@@ -19784,7 +19801,7 @@ var Constraint = class {
 		let l = c.second.marker, u = this._rowMap.erase(l);
 		if (u === void 0) {
 			let s = this._getMarkerLeavingSymbol(l);
-			if (s.type() === b_.Invalid) throw Error("failed to find leaving row");
+			if (s.type() === C_.Invalid) throw Error("failed to find leaving row");
 			u = this._rowMap.erase(s), u.second.solveForEx(s, l), this._substitute(l, u.second);
 		}
 		this._optimize(this._objective);
@@ -19797,8 +19814,8 @@ var Constraint = class {
 	}
 	addEditVariable(s, c) {
 		if (this._editMap.find(s) !== void 0) throw Error("duplicate edit variable");
-		if (c = __.clip(c), c === __.required) throw Error("bad required strength");
-		let l = new Constraint(new g_(s), v_.Eq, void 0, c);
+		if (c = b_.clip(c), c === b_.required) throw Error("bad required strength");
+		let l = new Constraint(new y_(s), x_.Eq, void 0, c);
 		this.addConstraint(l);
 		let u = {
 			tag: this._cnMap.find(l).second,
@@ -19832,7 +19849,7 @@ var Constraint = class {
 		}
 		for (let s = 0, c = u.size(); s < c; ++s) {
 			let c = u.itemAt(s), l = c.second, d = l.coefficientFor(h);
-			d !== 0 && l.add(p * d) < 0 && c.first.type() !== b_.External && this._infeasibleRows.push(c.first);
+			d !== 0 && l.add(p * d) < 0 && c.first.type() !== C_.External && this._infeasibleRows.push(c.first);
 		}
 		this._dualOptimize();
 	}
@@ -19844,11 +19861,11 @@ var Constraint = class {
 		}
 	}
 	_getVarSymbol(s) {
-		let factory = () => this._makeSymbol(b_.External);
+		let factory = () => this._makeSymbol(C_.External);
 		return this._varMap.setDefault(s, factory).second;
 	}
 	_createRow(s) {
-		let c = s.expression(), l = new S_(c.constant()), u = c.terms();
+		let c = s.expression(), l = new T_(c.constant()), u = c.terms();
 		for (let s = 0, c = u.size(); s < c; ++s) {
 			let c = u.itemAt(s);
 			if (!nearZero(c.second)) {
@@ -19857,25 +19874,25 @@ var Constraint = class {
 			}
 		}
 		let d = this._objective, p = s.strength(), h = {
-			marker: x_,
-			other: x_
+			marker: w_,
+			other: w_
 		};
 		switch (s.op()) {
-			case v_.Le:
-			case v_.Ge: {
-				let c = s.op() === v_.Le ? 1 : -1, u = this._makeSymbol(b_.Slack);
-				if (h.marker = u, l.insertSymbol(u, c), p < __.required) {
-					let s = this._makeSymbol(b_.Error);
+			case x_.Le:
+			case x_.Ge: {
+				let c = s.op() === x_.Le ? 1 : -1, u = this._makeSymbol(C_.Slack);
+				if (h.marker = u, l.insertSymbol(u, c), p < b_.required) {
+					let s = this._makeSymbol(C_.Error);
 					h.other = s, l.insertSymbol(s, -c), d.insertSymbol(s, p);
 				}
 				break;
 			}
-			case v_.Eq:
-				if (p < __.required) {
-					let s = this._makeSymbol(b_.Error), c = this._makeSymbol(b_.Error);
+			case x_.Eq:
+				if (p < b_.required) {
+					let s = this._makeSymbol(C_.Error), c = this._makeSymbol(C_.Error);
 					h.marker = s, h.other = c, l.insertSymbol(s, -1), l.insertSymbol(c, 1), d.insertSymbol(s, p), d.insertSymbol(c, p);
 				} else {
-					let s = this._makeSymbol(b_.Dummy);
+					let s = this._makeSymbol(C_.Dummy);
 					h.marker = s, l.insertSymbol(s);
 				}
 				break;
@@ -19889,13 +19906,13 @@ var Constraint = class {
 		let l = s.cells();
 		for (let s = 0, c = l.size(); s < c; ++s) {
 			let c = l.itemAt(s);
-			if (c.first.type() === b_.External) return c.first;
+			if (c.first.type() === C_.External) return c.first;
 		}
 		let u = c.marker.type();
-		return (u === b_.Slack || u === b_.Error) && s.coefficientFor(c.marker) < 0 ? c.marker : (u = c.other.type(), (u === b_.Slack || u === b_.Error) && s.coefficientFor(c.other) < 0 ? c.other : x_);
+		return (u === C_.Slack || u === C_.Error) && s.coefficientFor(c.marker) < 0 ? c.marker : (u = c.other.type(), (u === C_.Slack || u === C_.Error) && s.coefficientFor(c.other) < 0 ? c.other : w_);
 	}
 	_addWithArtificialVariable(s) {
-		let c = this._makeSymbol(b_.Slack);
+		let c = this._makeSymbol(C_.Slack);
 		this._rowMap.insert(c, s.copy()), this._artificial = s.copy(), this._optimize(this._artificial);
 		let l = nearZero(this._artificial.constant());
 		this._artificial = null;
@@ -19904,7 +19921,7 @@ var Constraint = class {
 			let s = u.second;
 			if (s.isConstant()) return l;
 			let d = this._anyPivotableSymbol(s);
-			if (d.type() === b_.Invalid) return !1;
+			if (d.type() === C_.Invalid) return !1;
 			s.solveForEx(c, d), this._substitute(d, s), this._rowMap.insert(d, s);
 		}
 		let d = this._rowMap;
@@ -19915,7 +19932,7 @@ var Constraint = class {
 		let l = this._rowMap;
 		for (let u = 0, d = l.size(); u < d; ++u) {
 			let d = l.itemAt(u);
-			d.second.substitute(s, c), d.second.constant() < 0 && d.first.type() !== b_.External && this._infeasibleRows.push(d.first);
+			d.second.substitute(s, c), d.second.constant() < 0 && d.first.type() !== C_.External && this._infeasibleRows.push(d.first);
 		}
 		this._objective.substitute(s, c), this._artificial && this._artificial.substitute(s, c);
 	}
@@ -19923,9 +19940,9 @@ var Constraint = class {
 		let c = 0;
 		for (; c < this.maxIterations;) {
 			let l = this._getEnteringSymbol(s);
-			if (l.type() === b_.Invalid) return;
+			if (l.type() === C_.Invalid) return;
 			let u = this._getLeavingSymbol(l);
-			if (u.type() === b_.Invalid) throw Error("the objective is unbounded");
+			if (u.type() === C_.Invalid) throw Error("the objective is unbounded");
 			let d = this._rowMap.erase(u).second;
 			d.solveForEx(u, l), this._substitute(l, d), this._rowMap.insert(l, d), c++;
 		}
@@ -19937,7 +19954,7 @@ var Constraint = class {
 			let l = c.pop(), u = s.find(l);
 			if (u !== void 0 && u.second.constant() < 0) {
 				let c = this._getDualEnteringSymbol(u.second);
-				if (c.type() === b_.Invalid) throw Error("dual optimize failed");
+				if (c.type() === C_.Invalid) throw Error("dual optimize failed");
 				let d = u.second;
 				s.erase(l), d.solveForEx(l, c), this._substitute(c, d), s.insert(c, d);
 			}
@@ -19947,15 +19964,15 @@ var Constraint = class {
 		let c = s.cells();
 		for (let s = 0, l = c.size(); s < l; ++s) {
 			let l = c.itemAt(s), u = l.first;
-			if (l.second < 0 && u.type() !== b_.Dummy) return u;
+			if (l.second < 0 && u.type() !== C_.Dummy) return u;
 		}
-		return x_;
+		return w_;
 	}
 	_getDualEnteringSymbol(s) {
-		let c = Number.MAX_VALUE, l = x_, u = s.cells();
+		let c = Number.MAX_VALUE, l = w_, u = s.cells();
 		for (let s = 0, d = u.size(); s < d; ++s) {
 			let d = u.itemAt(s), p = d.first, h = d.second;
-			if (h > 0 && p.type() !== b_.Dummy) {
+			if (h > 0 && p.type() !== C_.Dummy) {
 				let s = this._objective.coefficientFor(p) / h;
 				s < c && (c = s, l = p);
 			}
@@ -19963,10 +19980,10 @@ var Constraint = class {
 		return l;
 	}
 	_getLeavingSymbol(s) {
-		let c = Number.MAX_VALUE, l = x_, u = this._rowMap;
+		let c = Number.MAX_VALUE, l = w_, u = this._rowMap;
 		for (let d = 0, p = u.size(); d < p; ++d) {
 			let p = u.itemAt(d), h = p.first;
-			if (h.type() !== b_.External) {
+			if (h.type() !== C_.External) {
 				let u = p.second, d = u.coefficientFor(s);
 				if (d < 0) {
 					let s = -u.constant() / d;
@@ -19977,12 +19994,12 @@ var Constraint = class {
 		return l;
 	}
 	_getMarkerLeavingSymbol(s) {
-		let c = Number.MAX_VALUE, l = c, u = c, d = x_, p = d, h = d, g = d, _ = this._rowMap;
+		let c = Number.MAX_VALUE, l = c, u = c, d = w_, p = d, h = d, g = d, _ = this._rowMap;
 		for (let c = 0, d = _.size(); c < d; ++c) {
 			let d = _.itemAt(c), v = d.second, y = v.coefficientFor(s);
 			if (y === 0) continue;
 			let b = d.first;
-			if (b.type() === b_.External) g = b;
+			if (b.type() === C_.External) g = b;
 			else if (y < 0) {
 				let s = -v.constant() / y;
 				s < l && (l = s, p = b);
@@ -19994,7 +20011,7 @@ var Constraint = class {
 		return p === d ? h === d ? g : h : p;
 	}
 	_removeConstraintEffects(s, c) {
-		c.marker.type() === b_.Error && this._removeMarkerEffects(c.marker, s.strength()), c.other.type() === b_.Error && this._removeMarkerEffects(c.other, s.strength());
+		c.marker.type() === C_.Error && this._removeMarkerEffects(c.marker, s.strength()), c.other.type() === C_.Error && this._removeMarkerEffects(c.other, s.strength());
 	}
 	_removeMarkerEffects(s, c) {
 		let l = this._rowMap.find(s);
@@ -20004,9 +20021,9 @@ var Constraint = class {
 		let c = s.cells();
 		for (let s = 0, l = c.size(); s < l; ++s) {
 			let l = c.itemAt(s), u = l.first.type();
-			if (u === b_.Slack || u === b_.Error) return l.first;
+			if (u === C_.Slack || u === C_.Error) return l.first;
 		}
-		return x_;
+		return w_;
 	}
 	_makeSymbol(s) {
 		return new Symbol$1(s, this._idTick++);
@@ -20016,7 +20033,7 @@ var Constraint = class {
 	_varMap = createVarMap();
 	_editMap = createEditMap();
 	_infeasibleRows = [];
-	_objective = new S_();
+	_objective = new T_();
 	_artificial = null;
 	_idTick = 0;
 };
@@ -20036,10 +20053,10 @@ function createVarMap() {
 function createEditMap() {
 	return createMap();
 }
-var b_;
+var C_;
 (function(s) {
 	s[s.Invalid = 0] = "Invalid", s[s.External = 1] = "External", s[s.Slack = 2] = "Slack", s[s.Error = 3] = "Error", s[s.Dummy = 4] = "Dummy";
-})(b_ ||= {});
+})(C_ ||= {});
 var Symbol$1 = class {
 	static {
 		s(this, "Symbol");
@@ -20055,7 +20072,7 @@ var Symbol$1 = class {
 	}
 	_id;
 	_type;
-}, x_ = new Symbol$1(b_.Invalid, -1), S_ = class Row {
+}, w_ = new Symbol$1(C_.Invalid, -1), T_ = class Row {
 	constructor(s = 0) {
 		this._constant = s;
 	}
@@ -20070,7 +20087,7 @@ var Symbol$1 = class {
 	}
 	allDummies() {
 		let s = this._cellMap;
-		for (let c = 0, l = s.size(); c < l; ++c) if (s.itemAt(c).first.type() !== b_.Dummy) return !1;
+		for (let c = 0, l = s.size(); c < l; ++c) if (s.itemAt(c).first.type() !== C_.Dummy) return !1;
 		return !0;
 	}
 	copy() {
@@ -20142,7 +20159,7 @@ function _defu(s, c, l = ".", u) {
 function createDefu(s) {
 	return (...c) => c.reduce((c, l) => _defu(c, l, "", s), {});
 }
-var C_ = createDefu(), paddingFromNumber = (s) => ({
+var E_ = createDefu(), paddingFromNumber = (s) => ({
 	left: s,
 	right: s,
 	top: s,
@@ -20213,12 +20230,12 @@ function buildCompounds(s, c) {
 }
 //#endregion
 //#region ../diagram/src/likec4diagram/xyflow-sequence/layouter.ts
-var w_ = {
-	required: __.required,
-	strong: __.strong,
-	medium: __.medium,
-	soft: __.create(0, .8, 1),
-	weak: __.weak
+var D_ = {
+	required: b_.required,
+	strong: b_.strong,
+	medium: b_.medium,
+	soft: b_.create(0, .8, 1),
+	weak: b_.weak
 }, SequenceViewLayouter = class {
 	#e;
 	#t = new Solver();
@@ -20232,25 +20249,25 @@ var w_ = {
 	constructor({ actors: s, steps: c, compounds: l, flow: u, collapsedFlows: d }) {
 		this.#t.maxIterations = 2e3, this.#e = u;
 		let p = Math.max(...s.map((s) => s.height)) + 30;
-		this.#o = this.newVar(p), this.constraint(this.#o, "==", p, w_.soft), this.constraint(this.#o, ">=", p, w_.weak), this.#i = this.newVar(0), this.#a = this.newVar(0), this.#n = this.addActors(s);
+		this.#o = this.newVar(p), this.constraint(this.#o, "==", p, D_.soft), this.constraint(this.#o, ">=", p, D_.weak), this.#i = this.newVar(0), this.#a = this.newVar(0), this.#n = this.addActors(s);
 		for (let s of l) {
 			let c = this.addCompound(s), l = c[0];
-			this.constraint(l.y1, "==", 0, w_.strong), this.put(this.#o, w_.strong).after(l.y2), this.#r.push(...c);
+			this.constraint(l.y1, "==", 0, D_.strong), this.put(this.#o, D_.strong).after(l.y2), this.#r.push(...c);
 		}
 		let [h, ...g] = this.#n;
-		this.constraint(h.offset.left, "==", 0, w_.strong);
-		let _ = g.reduce((s, c) => (this.put(c.x).after(s.right, 80), this.put(s.offset.right, w_.strong).before(c.offset.left, 50), this.constraint(c.centerY, "==", s.centerY, w_.strong), c), h);
+		this.constraint(h.offset.left, "==", 0, D_.strong);
+		let _ = g.reduce((s, c) => (this.put(c.x).after(s.right, 80), this.put(s.offset.right, D_.strong).before(c.offset.left, 50), this.constraint(c.centerY, "==", s.centerY, D_.strong), c), h);
 		for (let s of c) this.addStep(s);
 		this.createSubflowAreas(c, new Set(d)), this.constraint(this.#i, "==", _.offset.right);
 		let v = t$13(this.#s)?.inner.bottom ?? this.#o;
-		if (this.put(this.#a, w_.strong).after(v, 16), l.length > 0) for (let s of this.#r) {
+		if (this.put(this.#a, D_.strong).after(v, 16), l.length > 0) for (let s of this.#r) {
 			let c = s.from.column, l = s.to.column, u = Math.max(s.from.maxRow, s.to.maxRow);
 			for (let s = c + 1; s < l; s++) {
 				let c = this.actorBox(s);
 				u = Math.max(u, c.maxRow);
 			}
 			let d = bc(this.#s[u], `row ${u} not found`);
-			this.put(s.bottom, w_.strong).after(d.inner.bottom, 10);
+			this.put(s.bottom, D_.strong).after(d.inner.bottom, 10);
 		}
 		this.#t.updateVariables();
 	}
@@ -20284,7 +20301,11 @@ var w_ = {
 	}
 	getPortCenter(s, c) {
 		let { column: l, row: u } = c === "source" ? s.from : s.to, d = this.actorBox(l).centerX, { rowTop: p } = bc(this.#s[u]);
-		return {
+		return s.isSelfLoop && c === "target" ? {
+			cx: d.value(),
+			cy: p.value(),
+			height: 24
+		} : {
 			cx: d.value(),
 			cy: p.value() + 40 + s.offset,
 			height: c === "source" ? 40 : 24
@@ -20330,7 +20351,7 @@ var w_ = {
 				minRow: Infinity,
 				maxRow: -Infinity
 			}, h = this.newVar(0), g = this.newVar(0), _ = this.newVar(0), v = this.newVar(0);
-			return this.put(d, w_.strong).after(h), this.put(u, w_.strong).after(g), this.put(p.right, w_.strong).before(_), this.put(p.bottom, w_.strong).before(v), {
+			return this.put(d, D_.strong).after(h), this.put(u, D_.strong).after(g), this.put(p.right, D_.strong).before(_), this.put(p.bottom, D_.strong).before(v), {
 				...p,
 				offset: {
 					top: h,
@@ -20347,7 +20368,7 @@ var w_ = {
 		let [u, d] = c.column <= l.column ? [c, l] : [l, c], p = (s.label?.width ?? 100) + 50;
 		Math.abs(l.column - c.column) <= 1 && (u === d ? this.constraint(u.centerX.plus(p), "<=", u.offset.right) : this.constraint(u.centerX.plus(p), "<=", d.centerX));
 		let h = s.label?.height ? s.label.height + 50 + 24 : 100;
-		return h = Math.max(h, 100) + s.offset, this.ensureRow(s.from.row, h), s.isSelfLoop && this.ensureRow(s.to.row, 0), this;
+		return h = Math.max(h, 100) + s.offset, this.ensureRow(s.from.row, h), s.to.row !== s.from.row && this.ensureRow(s.to.row, 24), this;
 	}
 	addCompound(s) {
 		let c = [], l = s.nested.flatMap((s) => {
@@ -20401,9 +20422,9 @@ var w_ = {
 			let d = c;
 			s !== this.#s.length && (d = 100);
 			let p = new Variable();
-			p.setValue(d), this.#t.addEditVariable(p, w_.strong), this.#t.suggestValue(p, d);
+			p.setValue(d), this.#t.addEditVariable(p, D_.strong), this.#t.suggestValue(p, d);
 			let h = this.newVar(u.value() + d);
-			this.require(h).after(u), this.constraint(h.minus(u), "==", p, w_.strong);
+			this.require(h).after(u), this.constraint(h.minus(u), "==", p, D_.strong);
 			let g = this.newVar(h.value());
 			this.put(g).after(h), this.#s.push({
 				inner: {
@@ -20472,7 +20493,7 @@ var w_ = {
 		}, fitSubflows = ({ area: s, visited: c, stretch: u = !1, padding: d }) => {
 			let p = V(c, n$25(Nc.isSubFlow), t$21((s) => this.#c.get(s.id) ?? []));
 			if (!wn(p, 1)) return;
-			let h = C_(d, l), g = n$23(p), _ = t$13(p);
+			let h = E_(d, l), g = n$23(p), _ = t$13(p);
 			g.min.row == s.min.row && this.require(s.y1).before(g.y1, h.top), _.max.row == s.max.row && this.require(_.y2).before(s.y2, h.bottom);
 			for (let c of p) this.require(c.x1).after(s.x1, h.left), this.require(c.x2).before(s.x2, h.right), u && (c.x1 = h.left > 0 ? s.x1.plus(h.left) : s.x1, c.x2 = h.right > 0 ? s.x2.minus(h.right) : s.x2);
 		}, createSubflowArea = (s) => {
@@ -20549,7 +20570,7 @@ var w_ = {
 	}
 	newVar(s) {
 		let c = new Variable();
-		return this.#t.addEditVariable(c, w_.weak), typeof s == "number" && (c.setValue(s), this.#t.suggestValue(c, s)), c;
+		return this.#t.addEditVariable(c, D_.weak), typeof s == "number" && (c.setValue(s), this.#t.suggestValue(c, s)), c;
 	}
 	require(...s) {
 		if (s.length == 1) {
@@ -20557,55 +20578,55 @@ var w_ = {
 			return {
 				before: (s, l = 0) => {
 					let u = l ? s.minus(l) : s;
-					return this.constraint(c, "<=", u, w_.required);
+					return this.constraint(c, "<=", u, D_.required);
 				},
 				after: (s, l = 0) => {
 					let u = l ? s.plus(l) : s;
-					return this.constraint(c, ">=", u, w_.required);
+					return this.constraint(c, ">=", u, D_.required);
 				}
 			};
 		}
-		let [c, l, u] = s, d = this.constraint(c, l, u, w_.required);
+		let [c, l, u] = s, d = this.constraint(c, l, u, D_.required);
 		switch (l) {
 			case "<=":
 			case ">=":
-				this.constraint(c, "==", u, w_.weak);
+				this.constraint(c, "==", u, D_.weak);
 				break;
 			case "<= 0":
 			case ">= 0":
-				this.constraint(c, "== 0", void 0, w_.weak);
+				this.constraint(c, "== 0", void 0, D_.weak);
 				break;
 		}
 		return d;
 	}
-	constraint(s, c, l = void 0, u = w_.medium) {
+	constraint(s, c, l = void 0, u = D_.medium) {
 		let d;
 		switch (c) {
 			case "==":
-				d = v_.Eq;
+				d = x_.Eq;
 				break;
 			case ">=":
-				d = v_.Ge;
+				d = x_.Ge;
 				break;
 			case "<=":
-				d = v_.Le;
+				d = x_.Le;
 				break;
 			case "== 0":
-				d = v_.Eq, l = 0;
+				d = x_.Eq, l = 0;
 				break;
 			case ">= 0":
-				d = v_.Ge, l = 0;
+				d = x_.Ge, l = 0;
 				break;
 			case "<= 0":
-				d = v_.Le, l = 0;
+				d = x_.Le, l = 0;
 				break;
 			default: xc(c);
 		}
 		let p = new Constraint(s, d, l ?? 0, u);
 		return this.#t.addConstraint(p), p;
 	}
-	put(s, c = w_.required) {
-		let l = c === w_.required ? w_.soft : w_.weak;
+	put(s, c = D_.required) {
+		let l = c === D_.required ? D_.soft : D_.weak;
 		return {
 			before: (u, d) => {
 				d && (u = u.minus(d)), this.constraint(s, "<=", u, c), this.constraint(s, "==", u, l);
@@ -20733,9 +20754,9 @@ function toSeqActor({ actor: s, ports: c, layout: l }) {
 }
 //#endregion
 //#region ../diagram/src/likec4diagram/xyflow-sequence/sequence-view-to-xy.ts
-var T_ = t$7(e$14(), In(), n$25(([s, c]) => c), Ue(([s]) => s));
+var O_ = t$7(e$14(), In(), n$25(([s, c]) => c), Ue(([s]) => s));
 function sequenceLayoutToXY({ view: s, currentViewId: c, collapsedFlows: l }) {
-	let u = Pc(s, "flow") ? jc(s) : void 0, d = u && !e$10(l) ? calcSequenceLayout(s, u, T_(l)) : s.sequenceLayout, p = {
+	let u = Pc(s, "flow") ? jc(s) : void 0, d = u && !e$10(l) ? calcSequenceLayout(s, u, O_(l)) : s.sequenceLayout, p = {
 		view: s,
 		flow: u,
 		layout: d,
@@ -20781,7 +20802,7 @@ function toCompoundArea({ id: s, x: c, y: l, width: u, height: d, depth: p }, h,
 			viewLayoutDir: "LR",
 			notes: void 0
 		},
-		zIndex: d_.compound,
+		zIndex: m_.compound,
 		position: {
 			x: c,
 			y: l
@@ -20804,7 +20825,7 @@ function toSeqParallelArea({ parallelPrefix: s, x: c, y: l, width: u, height: d
 			id: `seq-parallel-${s}`,
 			title: "PARALLEL",
 			technology: null,
-			color: f_.default,
+			color: h_.default,
 			shape: "rectangle",
 			style: {},
 			tags: [],
@@ -20821,7 +20842,7 @@ function toSeqParallelArea({ parallelPrefix: s, x: c, y: l, width: u, height: d
 			viewLayoutDir: "LR",
 			notes: void 0
 		},
-		zIndex: d_.subflows,
+		zIndex: m_.subflows,
 		position: {
 			x: c,
 			y: l
@@ -20867,7 +20888,7 @@ function toSeqActorNode({ id: s, x: c, y: l, width: u, height: d, ports: p }, h,
 			viewLayoutDir: "LR"
 		},
 		deletable: !1,
-		zIndex: d_.actor,
+		zIndex: m_.actor,
 		position: {
 			x: c,
 			y: l
@@ -20914,7 +20935,7 @@ function toSeqStepEdge({ id: s, labelBBox: c, sourceHandle: l, targetHandle: u,
 		deletable: !1,
 		focusable: !1,
 		hidden: d ?? !1,
-		zIndex: d_.step,
+		zIndex: m_.step,
 		interactionWidth: 50,
 		source: p.source,
 		sourceHandle: l,
@@ -20947,7 +20968,7 @@ function createSubflowNode(s, c, l) {
 			flowId: c.id,
 			title: c.title ?? "",
 			technology: null,
-			color: f_.default,
+			color: h_.default,
 			shape: "rectangle",
 			style: {},
 			tags: [],
@@ -20964,7 +20985,7 @@ function createSubflowNode(s, c, l) {
 			collapsed: l.collapsedFlows[c.id] ?? !1,
 			...v
 		},
-		zIndex: d_.subflows + _,
+		zIndex: m_.subflows + _,
 		position: {
 			x: u,
 			y: d
@@ -21316,8 +21337,8 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 }), fitFocusedBounds = (s) => yf.createAction(({ context: c }) => {
 	let { bounds: l, duration: u = 450 } = c.activeWalkthrough ? activeSequenceBounds({ context: c }) : focusedBounds({ context: c });
 	u = s?.duration ?? u, fitBoundsInViewport(c, l, u);
-}), E_ = 30, raiseSetViewport = (s) => {
-	let { delay: c = E_, ...l } = s ?? {};
+}), k_ = 30, raiseSetViewport = (s) => {
+	let { delay: c = k_, ...l } = s ?? {};
 	return yf.raise({
 		type: "xyflow.setViewport",
 		...l
@@ -21326,7 +21347,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 		delay: c
 	});
 }, cancelFitDiagram = () => yf.cancel("fitDiagram"), raiseFitDiagram = (s) => {
-	let { delay: c = E_, ...l } = s ?? {};
+	let { delay: c = k_, ...l } = s ?? {};
 	return yf.raise({
 		type: "xyflow.fitDiagram",
 		...l
@@ -21337,7 +21358,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 }, raiseUpdateView = (s) => yf.raise(({ context: c }) => ({
 	type: "update.view",
 	view: s ?? c.view
-}), { delay: E_ }), assignViewportBefore = (s) => yf.assign(({ context: c }) => s === !1 ? { viewportBefore: null } : { viewportBefore: {
+}), { delay: k_ }), assignViewportBefore = (s) => yf.assign(({ context: c }) => s === !1 ? { viewportBefore: null } : { viewportBefore: {
 	wasChangedManually: c.viewportChangedManually,
 	value: s ?? { ...c.viewport }
 } }), returnViewportBefore = (s) => yf.enqueueActions(({ enqueue: c, context: { viewportBefore: l } }) => {
@@ -21766,9 +21787,9 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 	id: "hotkey",
 	systemId: "hotkey",
 	syncSnapshot: !0
-}), stopHotKeyActor = () => yf.stopChild("hotkey"), D_ = 3e3, startAutoUnfocusTimer = () => yf.enqueueActions(({ context: s, enqueue: c }) => {
+}), stopHotKeyActor = () => yf.stopChild("hotkey"), A_ = 3e3, startAutoUnfocusTimer = () => yf.enqueueActions(({ context: s, enqueue: c }) => {
 	s.autoUnfocusTimer && c.raise({ type: "focus.autoUnfocus" }, {
-		delay: D_,
+		delay: A_,
 		id: "autoUnfocusTimer"
 	});
 }), cancelAutoUnfocusTimer = () => yf.cancel("autoUnfocusTimer"), handleNavigate = () => yf.enqueueActions(({ enqueue: s, context: c, event: l }) => {
@@ -21865,7 +21886,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 		...l.collapsedSequenceFlows,
 		...t$12(g, (s) => [s, !_])
 	} }), u("is dynamic view in sequence variant") && (s(assignXYDataFromView(l.view)), l.viewportChangedManually || s(raiseFitDiagram())));
-}), O_ = yf.createStateConfig({ on: {
+}), j_ = yf.createStateConfig({ on: {
 	"xyflow.init": {
 		actions: zo(({ context: s, event: c }) => ({
 			initialized: {
@@ -21883,7 +21904,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 		} }))],
 		target: "isReady"
 	}
-} }), k_ = yf.createStateConfig({ always: [{
+} }), M_ = yf.createStateConfig({ always: [{
 	guard: "isReady",
 	actions: [
 		fitDiagram({ duration: 0 }),
@@ -21927,7 +21948,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 		} };
 	}
 	return {};
-}), A_ = yf.createStateConfig({
+}), N_ = yf.createStateConfig({
 	id: bf.navigating.slice(1),
 	always: {
 		...xf.idle,
@@ -22044,7 +22065,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 			})
 		]
 	}
-}), j_ = yf.createStateConfig({
+}), P_ = yf.createStateConfig({
 	id: bf.focused.slice(1),
 	entry: [
 		cancelFitDiagram(),
@@ -22108,7 +22129,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 		"notations.unhighlight": { actions: focusOnNodesAndEdges() },
 		"tag.unhighlight": { actions: focusOnNodesAndEdges() }
 	}
-}), M_ = yf.createStateConfig({
+}), F_ = yf.createStateConfig({
 	id: bf.idle.slice(1),
 	on: {
 		"xyflow.nodeClick": [
@@ -22202,7 +22223,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 			]
 		}
 	}
-}), N_ = yf.createStateConfig({
+}), I_ = yf.createStateConfig({
 	id: bf.printing.slice(1),
 	entry: [
 		cancelFitDiagram(),
@@ -22298,7 +22319,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 		edge: Qs(s.xyedges.find((s) => s.data.id === c), `Walkthrough step edge ${c} not found`),
 		stepId: c
 	};
-}), P_ = yf.createStateConfig({
+}), L_ = yf.createStateConfig({
 	id: bf.walkthrough.slice(1),
 	entry: [
 		cancelEditing(),
@@ -22410,7 +22431,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 			...xf.idle
 		}
 	}
-}), F_ = yf.createStateConfig({
+}), R_ = yf.createStateConfig({
 	initial: "idle",
 	entry: [Mo("mediaPrint", { id: "mediaPrint" }), ensureAllActors()],
 	exit: [
@@ -22422,10 +22443,10 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 		Jo(typedSystem.searchActor)
 	],
 	states: {
-		idle: M_,
-		focused: j_,
-		walkthrough: P_,
-		printing: N_
+		idle: F_,
+		focused: P_,
+		walkthrough: L_,
+		printing: I_
 	},
 	on: {
 		"layout.align": {
@@ -22529,14 +22550,14 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 		},
 		"xyflow.setViewport": { actions: setViewport() }
 	}
-}), I_ = yf.createMachine({
+}), z_ = yf.createMachine({
 	initial: "initializing",
 	context: Context,
 	states: {
-		initializing: O_,
-		isReady: k_,
-		ready: F_,
-		navigating: A_,
+		initializing: j_,
+		isReady: M_,
+		ready: R_,
+		navigating: N_,
 		final: { type: "final" }
 	},
 	on: {
@@ -22592,7 +22613,7 @@ var fitDiagram = (s) => yf.createAction(({ context: c, event: l }) => {
 //#endregion
 //#region ../diagram/src/likec4diagram/state/DiagramActorProvider.tsx
 function DiagramActorProvider({ id: s, view: c, zoomable: l, pannable: u, nodesDraggable: d, nodesSelectable: p, fitViewPadding: h, where: g = null, children: _, dynamicViewVariant: v }) {
-	let y = eo(), b = useEditorActorLogic(), S = useEnabledFeatures(), w = Ko(I_.provide({ actors: { editor: b } }), {
+	let y = eo(), b = useEditorActorLogic(), S = useEnabledFeatures(), w = Ko(z_.provide({ actors: { editor: b } }), {
 		id: `diagram-${s}`,
 		systemId: "diagram",
 		input: {
@@ -22646,12 +22667,12 @@ function DiagramActorProvider({ id: s, view: c, zoomable: l, pannable: u, nodesD
 	}), [w, c]), /* @__PURE__ */ Y(Xe, {
 		value: w,
 		children: /* @__PURE__ */ Q(lt, {
-			value: u_.withActor(T),
-			children: [/* @__PURE__ */ Y(ToggledFeatures, { children: _ }), /* @__PURE__ */ Y(R_, {})]
+			value: p_.withActor(T),
+			children: [/* @__PURE__ */ Y(ToggledFeatures, { children: _ }), /* @__PURE__ */ Y(V_, {})]
 		})
 	});
 }
-var L_ = Ee((s) => {
+var B_ = Ee((s) => {
 	let c = s.toggledFeatures, l = s.view.drifts != null && s.view.drifts.length > 0 && s.features.enableCompareWithLatest && (c.enableCompareWithLatest ?? !1) && e$5(s.activeWalkthrough), u = s.features.enableReadOnly || c.enableReadOnly || !!s.activeWalkthrough || l && s.view._layout === "auto";
 	return (c.enableReadOnly !== u || c.enableCompareWithLatest !== l) && (c = {
 		...c,
@@ -22660,7 +22681,7 @@ var L_ = Ee((s) => {
 	}), c;
 });
 function ToggledFeatures(s) {
-	let c = J(6), { children: l } = s, u = Ne(L_), t1, d;
+	let c = J(6), { children: l } = s, u = Ne(B_), t1, d;
 	c[0] === u ? (t1 = c[1], d = c[2]) : (t1 = () => {
 		vf.write(u);
 	}, d = [u], c[0] = u, c[1] = t1, c[2] = d), de(t1, d);
@@ -22670,7 +22691,7 @@ function ToggledFeatures(s) {
 		children: l
 	}), c[3] = l, c[4] = u, c[5] = p) : p = c[5], p;
 }
-var R_ = us(() => {
+var V_ = us(() => {
 	let s = Qe(), c = useDiagramEventHandlersRef();
 	return useOnDiagramEvent("openSource", ({ params: s }) => c.current.onOpenSource?.(s)), useOnDiagramEvent("navigateTo", ({ viewId: s }) => c.current.onNavigateTo?.(s)), useOnDiagramEvent("onLayoutTypeChange", ({ layoutType: s }) => {
 		c.current.onLayoutTypeChange?.(s);
@@ -22772,7 +22793,7 @@ function LikeC4Diagram({ onCanvasClick: s, onCanvasContextMenu: c, onCanvasDblCl
 											reactFlowProps: ge,
 											renderNodes: Se,
 											children: Ee
-										}), /* @__PURE__ */ Y(Zg, {})] })
+										}), /* @__PURE__ */ Y(e_, {})] })
 									})
 								})
 							})
@@ -22865,7 +22886,7 @@ function StaticLikeC4Diagram(s) {
 }
 //#endregion
 //#region ../diagram/src/components/SearchControl.css.ts
-var z_ = q({
+var H_ = q({
 	height: "30px",
 	paddingLeft: "sm",
 	paddingRight: "1",
@@ -22895,7 +22916,7 @@ var z_ = q({
 		_hover: "sm",
 		_whenPanning: "none !important"
 	}
-}), B_ = q({
+}), U_ = q({
 	fontSize: "sm",
 	fontWeight: "medium",
 	paddingRight: "2.5",
@@ -22903,7 +22924,7 @@ var z_ = q({
 	flex: "1",
 	sm: { paddingRight: "[30px]" },
 	md: { paddingRight: "[50px]" }
-}), V_ = q({
+}), W_ = q({
 	fontSize: "11px",
 	fontWeight: "bold",
 	lineHeight: 1,
@@ -22934,7 +22955,7 @@ function SearchControl(s) {
 	let c = J(11), l, u;
 	c[0] === s ? (l = c[1], u = c[2]) : ({className: l, ...u} = s, c[0] = s, c[1] = l, c[2] = u);
 	let d = fo(), p;
-	c[3] === l ? p = c[4] : (p = wa("group", z_, l), c[3] = l, c[4] = p);
+	c[3] === l ? p = c[4] : (p = wa("group", H_, l), c[3] = l, c[4] = p);
 	let h, g;
 	c[5] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ Y(lu, {
 		style: {
@@ -22944,7 +22965,7 @@ function SearchControl(s) {
 		stroke: 2
 	}), g = /* @__PURE__ */ Y($i, {
 		component: "div",
-		className: B_,
+		className: U_,
 		children: "Search"
 	}), c[5] = h, c[6] = g) : (h = c[5], g = c[6]);
 	let _;
@@ -22955,7 +22976,7 @@ function SearchControl(s) {
 			g,
 			/* @__PURE__ */ Y($i, {
 				component: "div",
-				className: V_,
+				className: W_,
 				children: d ? "⌘ + K" : "Ctrl + K"
 			})
 		]
@@ -23213,7 +23234,7 @@ function ErrorBoundary(s) {
 }
 //#endregion
 //#region src/searchParams.ts
-var H_ = $o({
+var G_ = $o({
 	theme: Yo([
 		"light",
 		"dark",
@@ -23233,8 +23254,8 @@ function resolveForceColorScheme(s) {
 }
 //#endregion
 //#region src/routes/__root.tsx
-var U_ = j()({
-	validateSearch: H_,
+var K_ = j()({
+	validateSearch: G_,
 	search: { middlewares: [D({
 		padding: 20,
 		theme: void 0,
@@ -23252,7 +23273,7 @@ var U_ = j()({
 	component: RootComponent
 });
 function RootComponent() {
-	let s = J(8), { theme: c } = U_.useSearch(), l;
+	let s = J(8), { theme: c } = K_.useSearch(), l;
 	s[0] === c ? l = s[1] : (l = resolveForceColorScheme(c), s[0] = c, s[1] = l);
 	let u = l, d = c === "auto" ? "auto" : Es, h;
 	s[2] === u ? h = s[3] : (h = u && { forceColorScheme: u }, s[2] = u, s[3] = h);
@@ -23267,10 +23288,10 @@ function RootComponent() {
 }
 //#endregion
 //#region src/routes/projects.tsx
-var W_ = ls(async () => {
+var q_ = ls(async () => {
 	let { ProjectsOverviewPage: s } = await import("./chunks/ProjectsOverview.mjs");
 	return { default: s };
-}), G_ = E("/projects")({
+}), J_ = E("/projects")({
 	beforeLoad: async ({ context: s }) => {
 		if (s.projects.length < 2) throw w({ to: "/single-index/" });
 	},
@@ -23285,13 +23306,13 @@ function RouteComponent$3() {
 		w: "100%",
 		h: "100%",
 		overflow: "hidden",
-		children: /* @__PURE__ */ Y(W_, {})
+		children: /* @__PURE__ */ Y(q_, {})
 	}), s[0] = c) : c = s[0], c;
 }
 s(RouteComponent$3, "RouteComponent");
 //#endregion
 //#region src/components/ViewOutlet.tsx
-var K_ = Ta("div", { base: {
+var Y_ = Ta("div", { base: {
 	padding: "0",
 	margin: "0",
 	width: "full",
@@ -23324,7 +23345,7 @@ function LikeC4ModelContext(s) {
 }
 //#endregion
 //#region src/routes/_single/route.tsx
-var q_ = E("/_single")({
+var X_ = E("/_single")({
 	staleTime: Infinity,
 	loaderDeps() {
 		return [];
@@ -23340,7 +23361,7 @@ var q_ = E("/_single")({
 	errorComponent: ErrorComponent
 });
 function RouteComponent$2() {
-	let s = J(6), { $likec4model: c, projectId: l } = q_.useLoaderData(), u;
+	let s = J(6), { $likec4model: c, projectId: l } = X_.useLoaderData(), u;
 	s[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ Y(p, {}), s[0] = u) : u = s[0];
 	let d;
 	s[1] === c ? d = s[2] : (d = /* @__PURE__ */ Y(LikeC4ModelContext, {
@@ -23348,7 +23369,7 @@ function RouteComponent$2() {
 		children: u
 	}), s[1] = c, s[2] = d);
 	let h;
-	return s[3] !== l || s[4] !== d ? (h = /* @__PURE__ */ Y(K_, { children: /* @__PURE__ */ Y(LikeC4IconRendererContext, {
+	return s[3] !== l || s[4] !== d ? (h = /* @__PURE__ */ Y(Y_, { children: /* @__PURE__ */ Y(LikeC4IconRendererContext, {
 		projectId: l,
 		children: d
 	}) }), s[3] = l, s[4] = d, s[5] = h) : h = s[5], h;
@@ -23356,7 +23377,7 @@ function RouteComponent$2() {
 s(RouteComponent$2, "RouteComponent");
 //#endregion
 //#region src/routes/index.tsx
-var J_ = E("/")({ beforeLoad: ({ context: s }) => {
+var Z_ = E("/")({ beforeLoad: ({ context: s }) => {
 	throw s.projects.length > 1 ? w({
 		to: "/projects/",
 		mask: {
@@ -23477,7 +23498,7 @@ function OverviewSearchAdapter(s) {
 }
 //#endregion
 //#region src/components/search/OverviewSearch.tsx
-var Y_ = us(() => {
+var Q_ = us(() => {
 	let s = J(10), [c, l] = bs(!1), u = ys(null), t0;
 	s[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => l(!0), s[0] = t0) : t0 = s[0];
 	let d = t0, t1;
@@ -23522,7 +23543,7 @@ var Y_ = us(() => {
 		children: y
 	}) })] }), s[8] = y, s[9] = b), b;
 });
-Y_.displayName = "OverviewSearch";
+Q_.displayName = "OverviewSearch";
 //#endregion
 //#region src/components/sidebar/data.ts
 var isTreeNodeData = (s) => "type" in s && [
@@ -23590,13 +23611,13 @@ function useDiagramsTreeData(s) {
 }
 //#endregion
 //#region src/components/sidebar/state.ts
-var X_ = /* @__PURE__ */ pt(!1);
-ut(X_, () => {
-	X_.set(!1);
+var $_ = /* @__PURE__ */ pt(!1);
+ut($_, () => {
+	$_.set(!1);
 });
-var useDrawerOpened = () => me(X_), Z_ = {
-	open: () => X_.set(!0),
-	close: () => X_.set(!1)
+var useDrawerOpened = () => me($_), ev = {
+	open: () => $_.set(!0),
+	close: () => $_.set(!1)
 }, isFile = (s) => isTreeNodeData(s) && s.type === "file", FolderIcon = (s) => {
 	let c = J(3), { node: l, expanded: u } = s;
 	if (isFile(l)) {
@@ -23615,10 +23636,10 @@ var useDrawerOpened = () => me(X_), Z_ = {
 		color: "violet",
 		children: Y(u ? Hl : vu, { size: 16 })
 	}), c[1] = u, c[2] = d), d;
-}, Q_ = /* @__PURE__ */ us((s) => {
+}, tv = /* @__PURE__ */ us((s) => {
 	let c = J(27), { groupBy: l } = s, u = Fe(), d = useDiagramsTreeData(l), p = S(), t1;
 	c[0] === p ? t1 = c[1] : (t1 = (s) => {
-		Z_.close(), p({
+		ev.close(), p({
 			to: "/view/$viewId/",
 			viewTransition: !1,
 			params: { viewId: s }
@@ -23713,13 +23734,13 @@ function DiagramPreviewHoverCard(s) {
 				height: _
 			},
 			p: "xs",
-			children: /* @__PURE__ */ Y($_, { diagram: l })
+			children: /* @__PURE__ */ Y(nv, { diagram: l })
 		})]
 	}), c[6] = u, c[7] = l, c[8] = _, c[9] = h, c[10] = v) : v = c[10];
 	let y = !l && u, b;
 	return c[11] !== v || c[12] !== y ? (b = /* @__PURE__ */ Q(Cs, { children: [v, y] }), c[11] = v, c[12] = y, c[13] = b) : b = c[13], b;
 }
-var $_ = us((s) => {
+var nv = us((s) => {
 	let c = J(10), { diagram: l } = s, u = Math.max(l.bounds.width / 400, l.bounds.height / 300), d;
 	c[0] !== l.bounds.width || c[1] !== u ? (d = Math.round(l.bounds.width / u), c[0] = l.bounds.width, c[1] = u, c[2] = d) : d = c[2];
 	let p = d, h;
@@ -23734,7 +23755,7 @@ var $_ = us((s) => {
 		initialWidth: p,
 		initialHeight: g
 	}), c[6] = l, c[7] = g, c[8] = p, c[9] = _) : _ = c[9], _;
-}, (s, c) => s.diagram.id === c.diagram.id), ev = us(() => {
+}, (s, c) => s.diagram.id === c.diagram.id), rv = us(() => {
 	let s = J(25), c = useDrawerOpened(), l;
 	s[0] === Symbol.for("react.memo_cache_sentinel") ? (l = {
 		key: "sidebar-drawer-grouping",
@@ -23811,7 +23832,7 @@ var $_ = us((s) => {
 	let M;
 	s[14] === D ? M = s[15] : (M = /* @__PURE__ */ Q(Qr.Header, { children: [D, j] }), s[14] = D, s[15] = M);
 	let N;
-	s[16] === u ? N = s[17] : (N = /* @__PURE__ */ Y(Qr.Body, { children: /* @__PURE__ */ Y(Q_, { groupBy: u }) }), s[16] = u, s[17] = N);
+	s[16] === u ? N = s[17] : (N = /* @__PURE__ */ Y(Qr.Body, { children: /* @__PURE__ */ Y(tv, { groupBy: u }) }), s[16] = u, s[17] = N);
 	let P;
 	s[18] !== M || s[19] !== N ? (P = /* @__PURE__ */ Q(Qr.Content, { children: [M, N] }), s[18] = M, s[19] = N, s[20] = P) : P = s[20];
 	let F;
@@ -23819,7 +23840,7 @@ var $_ = us((s) => {
 		keepMounted: h,
 		opened: c,
 		scrollAreaComponent: Yr.Autosize,
-		onClose: Z_.close,
+		onClose: ev.close,
 		children: [g, P]
 	}), s[21] = h, s[22] = c, s[23] = P, s[24] = F) : F = s[24], F;
 });
@@ -23854,7 +23875,7 @@ function matchesAny(s, c) {
 	});
 }
 q({ color: "text.dimmed" }), q({});
-var tv = q({
+var iv = q({
 	position: "relative",
 	overflow: "hidden",
 	padding: "0",
@@ -23872,11 +23893,11 @@ var tv = q({
 		bottom: "0",
 		zIndex: "1"
 	}
-}), nv = q({
+}), av = q({
 	position: "absolute",
 	inset: "0",
 	zIndex: 5
-}), rv = E("/_single/single-index")({ component: RouteComponent$1 });
+}), ov = E("/_single/single-index")({ component: RouteComponent$1 });
 function RouteComponent$1() {
 	let s = J(40), c = Fe(), { landingPage: l, title: u } = ct();
 	bi(u ?? As);
@@ -23885,7 +23906,7 @@ function RouteComponent$1() {
 		let u = filterLandingPageViews(c, l);
 		p = ei, S = "xl";
 		let E;
-		s[13] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ Y(ev, {}), E = q({
+		s[13] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ Y(rv, {}), E = q({
 			containerName: "likec4-root",
 			containerType: "inline-size",
 			display: "flex",
@@ -23914,7 +23935,7 @@ function RouteComponent$1() {
 			"aria-hidden": !0
 		}), j = /* @__PURE__ */ Y(ii, {
 			size: "sm",
-			onClick: Z_.open,
+			onClick: ev.open,
 			"aria-label": "Toggle navigation"
 		}), s[16] = k, s[17] = j) : (k = s[16], j = s[17]);
 		let M;
@@ -23927,7 +23948,7 @@ function RouteComponent$1() {
 					css: { flexShrink: 0 },
 					onClick: _temp$5
 				}),
-				/* @__PURE__ */ Y(Y_, {})
+				/* @__PURE__ */ Y(Q_, {})
 			] })
 		}), s[18] = M) : M = s[18];
 		let N;
@@ -24017,7 +24038,7 @@ function ViewCard(s) {
 	}), c[5] = l, c[6] = u, c[7] = v) : v = c[7];
 	let y;
 	c[8] === v ? y = c[9] : (y = /* @__PURE__ */ Y(Ki.Section, { children: /* @__PURE__ */ Y(xr, {
-		className: tv,
+		className: iv,
 		style: _,
 		children: v
 	}) }), c[8] = v, c[9] = y);
@@ -24054,7 +24075,7 @@ function ViewCard(s) {
 		to: "/view/$viewId/",
 		params: { viewId: l.id },
 		search: !0,
-		className: nv
+		className: av
 	}), c[17] = l.id, c[18] = D);
 	let j;
 	return c[19] !== p || c[20] !== E || c[21] !== D || c[22] !== y || c[23] !== S ? (j = /* @__PURE__ */ Q(Ki, {
@@ -24074,7 +24095,7 @@ function ViewCard(s) {
 }
 //#endregion
 //#region src/routes/project.$projectId/route.tsx
-var iv = E("/project/$projectId")({
+var sv = E("/project/$projectId")({
 	staleTime: Infinity,
 	beforeLoad: ({ params: s }) => ({ projectId: s.projectId }),
 	loaderDeps() {
@@ -24098,7 +24119,7 @@ var iv = E("/project/$projectId")({
 	},
 	component: RouteComponent,
 	errorComponent: ErrorComponent,
-	notFoundComponent: () => /* @__PURE__ */ Y(K_, { children: /* @__PURE__ */ Y(ei, {
+	notFoundComponent: () => /* @__PURE__ */ Y(Y_, { children: /* @__PURE__ */ Y(ei, {
 		py: "xl",
 		children: /* @__PURE__ */ Q(Pi, {
 			align: "flex-start",
@@ -24113,7 +24134,7 @@ var iv = E("/project/$projectId")({
 	}) })
 });
 function RouteComponent() {
-	let s = J(6), { $likec4model: c, projectId: l } = iv.useLoaderData(), u;
+	let s = J(6), { $likec4model: c, projectId: l } = sv.useLoaderData(), u;
 	s[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ Y(p, {}), s[0] = u) : u = s[0];
 	let d;
 	s[1] === c ? d = s[2] : (d = /* @__PURE__ */ Y(LikeC4ModelContext, {
@@ -24121,15 +24142,15 @@ function RouteComponent() {
 		children: u
 	}), s[1] = c, s[2] = d);
 	let h;
-	return s[3] !== l || s[4] !== d ? (h = /* @__PURE__ */ Y(K_, { children: /* @__PURE__ */ Y(LikeC4IconRendererContext, {
+	return s[3] !== l || s[4] !== d ? (h = /* @__PURE__ */ Y(Y_, { children: /* @__PURE__ */ Y(LikeC4IconRendererContext, {
 		projectId: l,
 		children: d
 	}) }), s[3] = l, s[4] = d, s[5] = h) : h = s[5], h;
 }
 //#endregion
 //#region src/routes/project.$projectId/index.tsx
-var av = E("/project/$projectId/")({ component: () => {
-	let { projectId: s } = av.useParams();
+var cv = E("/project/$projectId/")({ component: () => {
+	let { projectId: s } = cv.useParams();
 	return /* @__PURE__ */ Y(h, {
 		to: "/project/$projectId/view/$viewId/",
 		replace: !0,
@@ -24138,9 +24159,9 @@ var av = E("/project/$projectId/")({ component: () => {
 			viewId: "index"
 		}
 	});
-} }), ov = E("/_single/webcomponent/$")({ component: WebcomponentPage });
+} }), lv = E("/_single/webcomponent/$")({ component: WebcomponentPage });
 function WebcomponentPage() {
-	let s = J(7), c = _(), l = ov.useParams()._splat || "index", { colorScheme: u } = zr(), d;
+	let s = J(7), c = _(), l = lv.useParams()._splat || "index", { colorScheme: u } = zr(), d;
 	s[0] === c.basepath ? d = s[1] : (d = c.basepath.endsWith("/") ? c.basepath : `${c.basepath}/`, s[0] = c.basepath, s[1] = d);
 	let p = `${d}likec4-views.js`, h;
 	s[2] === p ? h = s[3] : (h = new URL(p, window.location.href), s[2] = p, s[3] = h);
@@ -24202,11 +24223,11 @@ function WebcomponentPage() {
 }
 //#endregion
 //#region src/components/view-page/NavigationPanel.tsx
-var { withProvider: sv, withContext: cv } = Sa(Ba), shouldForwardProp = (s, c) => !c.includes(s) && (So(s) || !Pa(s)), lv = {
-	Root: sv(ko, "root", { shouldForwardProp }),
-	Body: cv(ko, "body", { shouldForwardProp }),
-	Label: cv(ko, "label", { shouldForwardProp }),
-	Dropdown: cv(ko, "dropdown", { shouldForwardProp })
+var { withProvider: uv, withContext: dv } = Sa(Ba), shouldForwardProp = (s, c) => !c.includes(s) && (So(s) || !Pa(s)), fv = {
+	Root: uv(ko, "root", { shouldForwardProp }),
+	Body: dv(ko, "body", { shouldForwardProp }),
+	Label: dv(ko, "label", { shouldForwardProp }),
+	Dropdown: dv(ko, "dropdown", { shouldForwardProp })
 };
 //#endregion
 //#region src/components/view-page/SelectProject.tsx
@@ -24583,21 +24604,21 @@ function ShareModal(s) {
 }
 //#endregion
 //#region src/components/view-page/state.ts
-var uv = /* @__PURE__ */ pt(!0);
-ut(uv, () => {
-	uv.set(!0);
+var pv = /* @__PURE__ */ pt(!0);
+ut(pv, () => {
+	pv.set(!0);
 });
-var useHeaderVisible = () => me(uv), dv = {
-	toggle: (s) => uv.set(s ?? !uv.get()),
-	show: () => uv.set(!0),
-	hide: () => uv.set(!1)
-}, fv = us(() => {
+var useHeaderVisible = () => me(pv), mv = {
+	toggle: (s) => pv.set(s ?? !pv.get()),
+	show: () => pv.set(!0),
+	hide: () => pv.set(!1)
+}, hv = us(() => {
 	let s = J(16), c = Jt(), l;
 	s[0] === Symbol.for("react.memo_cache_sentinel") ? (l = { select(s) {
 		return s.some(_temp$3);
 	} }, s[0] = l) : l = s[0];
 	let u = b(l), { breakpoints: d } = gr(), p = Yi(`(min-width: ${d.md})`) ?? !1, [h, g] = _r(!1), { open: _, close: v } = g, y = useHeaderVisible(), S;
-	s[1] !== y || s[2] !== u || s[3] !== p || s[4] !== _ || s[5] !== c ? (S = y && /* @__PURE__ */ Y(lv.Root, {
+	s[1] !== y || s[2] !== u || s[3] !== p || s[4] !== _ || s[5] !== c ? (S = y && /* @__PURE__ */ Y(fv.Root, {
 		panelPosition: "right",
 		hideBelow: "md",
 		initial: {
@@ -24614,7 +24635,7 @@ var useHeaderVisible = () => me(uv), dv = {
 			opacity: 0,
 			y: -50
 		},
-		children: /* @__PURE__ */ Q(lv.Body, {
+		children: /* @__PURE__ */ Q(fv.Body, {
 			gap: "2",
 			children: [
 				u ? /* @__PURE__ */ Q(Cs, { children: [
@@ -24762,21 +24783,21 @@ function _temp$3(s) {
 s(_temp$3, "_temp");
 //#endregion
 //#region src/routes/_single/view.$viewId.tsx
-var pv = E("/_single/view/$viewId")({
+var gv = E("/_single/view/$viewId")({
 	component: ViewLayout$1,
 	errorComponent: ErrorComponent
 });
 function ViewLayout$1() {
 	let s = J(1), c;
-	return s[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Q(Cs, { children: [/* @__PURE__ */ Y(p, {}), /* @__PURE__ */ Y(fv, {})] }), s[0] = c) : c = s[0], c;
+	return s[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Q(Cs, { children: [/* @__PURE__ */ Y(p, {}), /* @__PURE__ */ Y(hv, {})] }), s[0] = c) : c = s[0], c;
 }
 s(ViewLayout$1, "ViewLayout");
-var mv = 19, hv = 7.5;
+var _v = 19, vv = 7.5;
 function exportNotationHeight(s) {
 	return 60 + s * 68;
 }
 function exportDescriptionHeight({ title: s, text: c, width: l }) {
-	let u = Math.max(80, l - 32), d = Math.max(12, Math.floor(u / hv)), p = +(s.trim().length > 0), h = estimateWrappedLines(c, d), g = h > 0 ? 4 : 0, _ = 10 + p * 20 + g + h * mv + 16;
+	let u = Math.max(80, l - 32), d = Math.max(12, Math.floor(u / vv)), p = +(s.trim().length > 0), h = estimateWrappedLines(c, d), g = h > 0 ? 4 : 0, _ = 10 + p * 20 + g + h * _v + 16;
 	return Math.min(240, Math.max(84, Math.ceil(_)));
 }
 function estimateWrappedLines(s, c) {
@@ -25228,7 +25249,7 @@ function ExportNotationItem(s) {
 }
 //#endregion
 //#region src/routes/_single/export.$viewId.tsx
-var gv = E("/_single/export/$viewId")({
+var yv = E("/_single/export/$viewId")({
 	validateSearch: $o({
 		description: Qo().optional().catch(!1),
 		download: Qo().optional().catch(!1),
@@ -25292,7 +25313,7 @@ function EmbedPage() {
 }
 //#endregion
 //#region src/routes/_single/embed.$viewId.tsx
-var _v = E("/_single/embed/$viewId")({ component: EmbedPage });
+var bv = E("/_single/embed/$viewId")({ component: EmbedPage });
 //#endregion
 //#region src/pages/ViewReact.tsx
 function ViewReact() {
@@ -25431,12 +25452,12 @@ function _temp2(s) {
 	let { focusOnElement: c, ...l } = s;
 	return l;
 }
-var vv = Ee((s) => ({
+var xv = Ee((s) => ({
 	dynamicViewVariant: s.dynamicViewVariant,
 	isWalkthroughActive: !!s.activeWalkthrough
 }));
 function ListenForDiagramStateChanges() {
-	let s = J(8), c = _(), { dynamicViewVariant: l, isWalkthroughActive: u } = Ne(vv), t0;
+	let s = J(8), c = _(), { dynamicViewVariant: l, isWalkthroughActive: u } = Ne(xv), t0;
 	s[0] !== l || s[1] !== c ? (t0 = () => {
 		(c.latestLocation.search.dynamic ?? "diagram") !== l && c.buildAndCommitLocation({
 			search: (s) => ({
@@ -25450,11 +25471,11 @@ function ListenForDiagramStateChanges() {
 	s[3] === l ? d = s[4] : (d = [l], s[3] = l, s[4] = d), de(t0, d);
 	let t2, p;
 	return s[5] === u ? (t2 = s[6], p = s[7]) : (t2 = () => {
-		dv.toggle(!u);
+		mv.toggle(!u);
 	}, p = [u], s[5] = u, s[6] = t2, s[7] = p), ms(t2, p), useUnmountEffect(_temp3), null;
 }
 function _temp3() {
-	dv.show();
+	mv.show();
 }
 //#endregion
 //#region src/pages/ViewEditor.tsx
@@ -25552,17 +25573,17 @@ function ViewEditor() {
 }
 //#endregion
 //#region src/routes/_single/view.$viewId.index.tsx
-var yv = E("/_single/view/$viewId/")({ component: Zc ? ViewEditor : ViewReact }), bv = E("/project/$projectId/view/$viewId")({
+var Sv = E("/_single/view/$viewId/")({ component: Zc ? ViewEditor : ViewReact }), Cv = E("/project/$projectId/view/$viewId")({
 	component: ViewLayout,
 	errorComponent: ErrorComponent
 });
 function ViewLayout() {
 	let s = J(1), c;
-	return s[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Q(Cs, { children: [/* @__PURE__ */ Y(p, {}), /* @__PURE__ */ Y(fv, {})] }), s[0] = c) : c = s[0], c;
+	return s[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Q(Cs, { children: [/* @__PURE__ */ Y(p, {}), /* @__PURE__ */ Y(hv, {})] }), s[0] = c) : c = s[0], c;
 }
 //#endregion
 //#region src/routes/project.$projectId/export.$viewId.tsx
-var xv = E("/project/$projectId/export/$viewId")({
+var wv = E("/project/$projectId/export/$viewId")({
 	validateSearch: $o({
 		description: Qo().optional().catch(!1),
 		download: Qo().optional().catch(!1),
@@ -25579,7 +25600,7 @@ var xv = E("/project/$projectId/export/$viewId")({
 	})] },
 	component: ExportPage,
 	errorComponent: ErrorComponent
-}), Sv = E("/project/$projectId/embed/$viewId")({ component: EmbedPage });
+}), Tv = E("/project/$projectId/embed/$viewId")({ component: EmbedPage });
 //#endregion
 //#region ../../node_modules/.pnpm/react-resizable-panels@4.11.2_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/react-resizable-panels/dist/react-resizable-panels.js
 function gt(s, c) {
@@ -25717,9 +25738,9 @@ function Pt({ orientation: s, rects: c, targetRect: l }) {
 	}
 	return C(d, "No rect found"), d;
 }
-var Cv;
+var Ev;
 function wt() {
-	return Cv === void 0 && (Cv = typeof matchMedia == "function" ? !!matchMedia("(pointer:coarse)").matches : !1), Cv;
+	return Ev === void 0 && (Ev = typeof matchMedia == "function" ? !!matchMedia("(pointer:coarse)").matches : !1), Ev;
 }
 function Je(s) {
 	let { element: c, orientation: l, panels: u, separators: d } = s, p = be(l, Array.from(c.children).filter(qe).map((s) => ({ element: s }))).map(({ element: s }) => s), h = [], g = !1, _ = !1, v = -1, y = -1, b = 0, S, w = [];
@@ -25818,28 +25839,28 @@ var Ze = class {
 			s >= 0 && l.splice(s, 1);
 		}
 	}
-}, wv = /* @__PURE__ */ new Map(), Tv = new Ze();
+}, Dv = /* @__PURE__ */ new Map(), Ov = new Ze();
 function Lt(s) {
-	wv = new Map(wv), wv.delete(s);
+	Dv = new Map(Dv), Dv.delete(s);
 }
 function ke(s, c) {
-	for (let [c] of wv) if (c.id === s) return c;
+	for (let [c] of Dv) if (c.id === s) return c;
 }
 function H(s, c) {
-	for (let [c, l] of wv) if (c.id === s) return l;
+	for (let [c, l] of Dv) if (c.id === s) return l;
 	if (c) throw Error(`Could not find data for Group with id ${s}`);
 }
 function X() {
-	return wv;
+	return Dv;
 }
 function ze(s, c) {
-	return Tv.addListener("groupChange", (l) => {
+	return Ov.addListener("groupChange", (l) => {
 		l.group.id === s && c(l);
 	});
 }
 function $(s, c) {
-	let l = wv.get(s);
-	wv = new Map(wv), wv.set(s, c), Tv.emit("groupChange", {
+	let l = Dv.get(s);
+	Dv = new Map(Dv), Dv.set(s, c), Ov.emit("groupChange", {
 		group: s,
 		prev: l,
 		next: c
@@ -25894,14 +25915,14 @@ function Mt(s, c) {
 	}
 	return Math.sign(d.a - d.b);
 }
-var Ev = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+var kv = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
 function kt(s) {
 	let c = getComputedStyle(et(s) ?? s).display;
 	return c === "flex" || c === "inline-flex";
 }
 function It(s) {
 	let c = getComputedStyle(s);
-	return !!(c.position === "fixed" || c.zIndex !== "auto" && (c.position !== "static" || kt(s)) || +c.opacity < 1 || "transform" in c && c.transform !== "none" || "webkitTransform" in c && c.webkitTransform !== "none" || "mixBlendMode" in c && c.mixBlendMode !== "normal" || "filter" in c && c.filter !== "none" || "webkitFilter" in c && c.webkitFilter !== "none" || "isolation" in c && c.isolation === "isolate" || Ev.test(c.willChange) || c.webkitOverflowScrolling === "touch");
+	return !!(c.position === "fixed" || c.zIndex !== "auto" && (c.position !== "static" || kt(s)) || +c.opacity < 1 || "transform" in c && c.transform !== "none" || "webkitTransform" in c && c.webkitTransform !== "none" || "mixBlendMode" in c && c.mixBlendMode !== "normal" || "filter" in c && c.filter !== "none" || "webkitFilter" in c && c.webkitFilter !== "none" || "isolation" in c && c.isolation === "isolate" || kv.test(c.willChange) || c.webkitOverflowScrolling === "touch");
 }
 function Ie(s) {
 	let c = s.length;
@@ -26331,26 +26352,26 @@ function Ge(s) {
 			break;
 	}
 }
-var Dv = {
+var Av = {
 	cursorFlags: 0,
 	state: "inactive"
-}, Ov = new Ze();
+}, jv = new Ze();
 function K() {
-	return Dv;
+	return Av;
 }
 function Gt(s) {
-	return Ov.addListener("change", s);
+	return jv.addListener("change", s);
 }
 function At(s) {
-	let c = Dv, l = { ...Dv };
-	l.cursorFlags = s, Dv = l, Ov.emit("change", {
+	let c = Av, l = { ...Av };
+	l.cursorFlags = s, Av = l, jv.emit("change", {
 		prev: c,
 		next: l
 	});
 }
 function te(s) {
-	let c = Dv;
-	Dv = s, Ov.emit("change", {
+	let c = Av;
+	Av = s, jv.emit("change", {
 		prev: c,
 		next: s
 	});
@@ -26376,9 +26397,9 @@ function Ae(s) {
 		state: "active"
 	}), l.length && s.preventDefault();
 }
-var Ft = (s) => s, ye = () => {}, kv = 1, Av = 2, jv = 4, Mv = 8, Nv = 3, Pv = 12, Fv;
+var Ft = (s) => s, ye = () => {}, Mv = 1, Nv = 2, Pv = 4, Fv = 8, Iv = 3, Lv = 12, Rv;
 function _e() {
-	return Fv === void 0 && (Fv = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Fv = !0)), Fv;
+	return Rv === void 0 && (Rv = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (Rv = !0)), Rv;
 }
 function Nt({ cursorFlags: s, groups: c, state: l }) {
 	let u = 0, d = 0;
@@ -26399,7 +26420,7 @@ function Nt({ cursorFlags: s, groups: c, state: l }) {
 		switch (l) {
 			case "active":
 				if (s && _e()) {
-					let c = (s & kv) !== 0, l = (s & Av) !== 0, u = (s & jv) !== 0, d = (s & Mv) !== 0;
+					let c = (s & Mv) !== 0, l = (s & Nv) !== 0, u = (s & Pv) !== 0, d = (s & Fv) !== 0;
 					if (c) return u ? "se-resize" : d ? "ne-resize" : "e-resize";
 					if (l) return u ? "sw-resize" : d ? "nw-resize" : "w-resize";
 					if (u) return "s-resize";
@@ -26410,10 +26431,10 @@ function Nt({ cursorFlags: s, groups: c, state: l }) {
 		return _e() ? u > 0 && d > 0 ? "move" : u > 0 ? "ew-resize" : "ns-resize" : u > 0 && d > 0 ? "grab" : u > 0 ? "col-resize" : "row-resize";
 	}
 }
-var Iv = /* @__PURE__ */ new WeakMap();
+var zv = /* @__PURE__ */ new WeakMap();
 function we(s) {
 	if (s.defaultView === null || s.defaultView === void 0) return;
-	let { prevStyle: c, styleSheet: l } = Iv.get(s) ?? {};
+	let { prevStyle: c, styleSheet: l } = zv.get(s) ?? {};
 	l === void 0 && (l = new s.defaultView.CSSStyleSheet(), s.adoptedStyleSheets && (Object.isExtensible(s.adoptedStyleSheets) ? s.adoptedStyleSheets.push(l) : s.adoptedStyleSheets = [...s.adoptedStyleSheets, l]));
 	let u = K();
 	switch (u.state) {
@@ -26432,7 +26453,7 @@ function we(s) {
 			c = void 0, l.cssRules.length === 1 && l.deleteRule(0);
 			break;
 	}
-	Iv.set(s, {
+	zv.set(s, {
 		prevStyle: c,
 		styleSheet: l
 	});
@@ -26457,10 +26478,10 @@ function at({ document: s, event: c, hitRegions: l, initialLayoutMap: u, mounted
 			if (W(c, k)) {
 				if (b !== 0 && !y) switch (_) {
 					case "horizontal":
-						g |= b < 0 ? kv : Av;
+						g |= b < 0 ? Mv : Nv;
 						break;
 					case "vertical":
-						g |= b < 0 ? jv : Mv;
+						g |= b < 0 ? Pv : Fv;
 						break;
 				}
 			} else $(s.group, {
@@ -26473,7 +26494,7 @@ function at({ document: s, event: c, hitRegions: l, initialLayoutMap: u, mounted
 		}
 	});
 	let _ = 0;
-	c.movementX === 0 ? _ |= h & Nv : _ |= g & Nv, c.movementY === 0 ? _ |= h & Pv : _ |= g & Pv, At(_), we(s);
+	c.movementX === 0 ? _ |= h & Iv : _ |= g & Iv, c.movementY === 0 ? _ |= h & Lv : _ |= g & Lv, At(_), we(s);
 }
 function je(s) {
 	let c = X(), l = K();
@@ -26615,7 +26636,7 @@ function Ht(s, c) {
 	for (let s of l) if (!u.includes(s)) return !1;
 	return !0;
 }
-var Lv = /* @__PURE__ */ new Map();
+var Bv = /* @__PURE__ */ new Map();
 function Vt(s) {
 	let c = !0;
 	C(s.element.ownerDocument.defaultView, "Cannot register an unmounted Group");
@@ -26658,7 +26679,7 @@ function Vt(s) {
 		layout: s.mutableState.layouts[_] ?? v ?? We(g),
 		panelConstraints: g
 	}), b = s.element.ownerDocument;
-	Lv.set(b, (Lv.get(b) ?? 0) + 1);
+	Bv.set(b, (Bv.get(b) ?? 0) + 1);
 	let S = /* @__PURE__ */ new Map();
 	return Je(s).forEach((s) => {
 		s.separator && S.set(s.separator, s.panels);
@@ -26670,10 +26691,10 @@ function Vt(s) {
 		separatorToPanels: S
 	}), s.separators.forEach((s) => {
 		C(!d.has(s.id), `Separator ids must be unique; id "${s.id}" was used more than once`), d.add(s.id), s.element.addEventListener("keydown", Ge);
-	}), Lv.get(b) === 1 && (b.addEventListener("dblclick", Te, !0), b.addEventListener("pointerdown", Ae, !0), b.addEventListener("pointerleave", je), b.addEventListener("pointermove", He), b.addEventListener("pointerout", Ve), b.addEventListener("pointerup", Be, !0)), function() {
-		c = !1, Lv.set(b, Math.max(0, (Lv.get(b) ?? 0) - 1)), Lt(s), s.separators.forEach((s) => {
+	}), Bv.get(b) === 1 && (b.addEventListener("dblclick", Te, !0), b.addEventListener("pointerdown", Ae, !0), b.addEventListener("pointerleave", je), b.addEventListener("pointermove", He), b.addEventListener("pointerout", Ve), b.addEventListener("pointerup", Be, !0)), function() {
+		c = !1, Bv.set(b, Math.max(0, (Bv.get(b) ?? 0) - 1)), Lt(s), s.separators.forEach((s) => {
 			s.element.removeEventListener("keydown", Ge);
-		}), Lv.get(b) || (b.removeEventListener("dblclick", Te, !0), b.removeEventListener("pointerdown", Ae, !0), b.removeEventListener("pointerleave", je), b.removeEventListener("pointermove", He), b.removeEventListener("pointerout", Ve), b.removeEventListener("pointerup", Be, !0)), p.disconnect();
+		}), Bv.get(b) || (b.removeEventListener("dblclick", Te, !0), b.removeEventListener("pointerdown", Ae, !0), b.removeEventListener("pointerleave", je), b.removeEventListener("pointermove", He), b.removeEventListener("pointerout", Ve), b.removeEventListener("pointerup", Be, !0)), p.disconnect();
 	};
 }
 function Bt() {
@@ -26684,10 +26705,10 @@ function Le(s) {
 	let c = hs();
 	return `${s ?? c}`;
 }
-var Rv = typeof window < "u" ? _s : ms;
+var Vv = typeof window < "u" ? _s : ms;
 function se(s) {
 	let c = ys(s);
-	return Rv(() => {
+	return Vv(() => {
 		c.current = s;
 	}, [s]), ds((...s) => c.current?.(...s), [c]);
 }
@@ -26707,17 +26728,17 @@ function Ce(...s) {
 }
 function Re(s) {
 	let c = ys({ ...s });
-	return Rv(() => {
+	return Vv(() => {
 		for (let l in s) c.current[l] = s[l];
 	}, [s]), c.current;
 }
-var zv = os(null);
+var Hv = os(null);
 function Wt(s, c) {
 	let l = ys({
 		getLayout: () => ({}),
 		setLayout: Ft
 	});
-	gs(c, () => l.current, []), Rv(() => {
+	gs(c, () => l.current, []), Vv(() => {
 		Object.assign(l.current, nt({ groupId: s }));
 	});
 }
@@ -26797,7 +26818,7 @@ function Ut({ children: s, className: c, defaultLayout: l, disableCursor: u, dis
 		y,
 		R
 	]), V = ys(null);
-	return Rv(() => {
+	return Vv(() => {
 		let s = j.current;
 		if (s === null) return;
 		let c = P.current, l;
@@ -26856,7 +26877,7 @@ function Ut({ children: s, className: c, defaultLayout: l, disableCursor: u, dis
 	]), ms(() => {
 		let s = V.current;
 		s && (s.mutableState.defaultLayout = l, s.mutableState.disableCursor = !!u);
-	}), /* @__PURE__ */ Y(zv.Provider, {
+	}), /* @__PURE__ */ Y(Hv.Provider, {
 		value: z,
 		children: /* @__PURE__ */ Y("div", {
 			...w,
@@ -26881,7 +26902,7 @@ function Ut({ children: s, className: c, defaultLayout: l, disableCursor: u, dis
 }
 Ut.displayName = "Group";
 function Me() {
-	let s = fs(zv);
+	let s = fs(Hv);
 	return C(s, "Group Context not found; did you render a Panel or Separator outside of a Group?"), s;
 }
 function qt(s, c) {
@@ -26895,7 +26916,7 @@ function qt(s, c) {
 		isCollapsed: () => !1,
 		resize: ye
 	});
-	gs(c, () => u.current, []), Rv(() => {
+	gs(c, () => u.current, []), Vv(() => {
 		Object.assign(u.current, tt({
 			groupId: l,
 			panelId: s
@@ -26906,7 +26927,7 @@ function Yt({ children: s, className: c, collapsedSize: l = "0%", collapsible: u
 	let E = !!_, D = Le(_), k = Re({ disabled: p }), j = ys(null), M = Ce(j, h), { getPanelStyles: N, id: P, orientation: F, registerPanel: L, updatePanelProps: R } = Me(), z = b !== null, V = se((s, c, l) => {
 		b?.(s, _, l);
 	});
-	Rv(() => {
+	Vv(() => {
 		let s = j.current;
 		if (s !== null) {
 			let c = {
@@ -26966,7 +26987,7 @@ function Yt({ children: s, className: c, collapsedSize: l = "0%", collapsible: u
 		id: D,
 		ref: M,
 		style: {
-			...Bv,
+			...Uv,
 			display: "flex",
 			flexBasis: 0,
 			flexShrink: 1,
@@ -26988,7 +27009,7 @@ function Yt({ children: s, className: c, collapsedSize: l = "0%", collapsible: u
 	});
 }
 Yt.displayName = "Panel";
-var Bv = {
+var Uv = {
 	minHeight: 0,
 	maxHeight: "100%",
 	height: "auto",
@@ -27036,7 +27057,7 @@ function Qt({ children: s, className: c, disabled: l, disableDoubleClick: u, ele
 		disabled: l,
 		disableDoubleClick: u
 	}), [y, b] = bs({}), [S, w] = bs("inactive"), [T, E] = bs(!1), D = ys(null), k = Ce(D, d), { disableCursor: j, id: M, orientation: N, registerSeparator: P, updateSeparatorProps: F } = Me(), L = N === "horizontal" ? "vertical" : "horizontal";
-	Rv(() => {
+	Vv(() => {
 		let s = D.current;
 		if (s !== null) {
 			let c = {
@@ -27153,23 +27174,23 @@ function CopyToClipboard(s) {
 }
 //#endregion
 //#region src/pages/styles.css.ts
-var Vv = q({
+var Wv = q({
 	minWidth: 300,
 	"& svg": {
 		width: "100%",
 		height: "auto"
 	}
-}), Hv = q({
+}), Gv = q({
 	height: "100%",
 	"& .mantine-ScrollArea-viewport": { minHeight: "100%" },
 	"& .mantine-ScrollArea-viewport > div": {
 		minHeight: "100%",
 		height: "100%"
 	}
-}), Uv = q({ minHeight: "100%" }), Wv = q({
+}), Kv = q({ minHeight: "100%" }), qv = q({
 	height: "100%",
 	paddingTop: "[var(--header-height)]"
-}), Gv = /* @__PURE__ */ s(async (s) => await (await fetch(ks, {
+}), Jv = /* @__PURE__ */ s(async (s) => await (await fetch(ks, {
 	method: "POST",
 	cache: "force-cache",
 	body: JSON.stringify({
@@ -27179,16 +27200,16 @@ var Vv = q({
 	headers: { "Content-Type": "application/json" }
 })).text(), "fetchFromKroki");
 function ViewAsPuml(s) {
-	let c = J(18), { pumlSource: l } = s, [u, d] = useAsync(Gv, null), { execute: p } = d, h;
+	let c = J(18), { pumlSource: l } = s, [u, d] = useAsync(Jv, null), { execute: p } = d, h;
 	c[0] === Symbol.for("react.memo_cache_sentinel") ? (h = { viewport: { borderRadius: 6 } }, c[0] = h) : h = c[0];
 	let g;
 	c[1] === l ? g = c[2] : (g = /* @__PURE__ */ Y(Yt, { children: /* @__PURE__ */ Q(Yr, {
-		className: Hv,
+		className: Gv,
 		p: 5,
 		styles: h,
 		children: [/* @__PURE__ */ Y(Pr, {
 			block: !0,
-			className: Uv,
+			className: Kv,
 			children: l
 		}), /* @__PURE__ */ Y(CopyToClipboard, { text: l })]
 	}) }), c[1] = l, c[2] = g);
@@ -27204,7 +27225,7 @@ function ViewAsPuml(s) {
 	}), u.status === "error" && /* @__PURE__ */ Y(Ca, { children: u.error?.message })] }), c[4] = p, c[5] = u.error?.message, c[6] = u.status, c[7] = l, c[8] = v) : v = c[8];
 	let y;
 	c[9] !== u.result || c[10] !== u.status ? (y = u.status === "success" && /* @__PURE__ */ Y(Ca, {
-		className: Vv,
+		className: Wv,
 		children: u.result ? /* @__PURE__ */ Y("div", { dangerouslySetInnerHTML: { __html: u.result } }) : /* @__PURE__ */ Y(Ca, { children: "Empty result" })
 	}), c[9] = u.result, c[10] = u.status, c[11] = y) : y = c[11];
 	let b;
@@ -27214,7 +27235,7 @@ function ViewAsPuml(s) {
 	}) }), c[12] = v, c[13] = y, c[14] = b) : b = c[14];
 	let S;
 	return c[15] !== g || c[16] !== b ? (S = /* @__PURE__ */ Y(Cs, { children: /* @__PURE__ */ Q(Ut, {
-		className: Wv,
+		className: qv,
 		orientation: "horizontal",
 		children: [
 			g,
@@ -27225,7 +27246,7 @@ function ViewAsPuml(s) {
 }
 //#endregion
 //#region src/routes/_single/view.$viewId.puml.tsx
-var Kv = E("/_single/view/$viewId/puml")({
+var Yv = E("/_single/view/$viewId/puml")({
 	component: Page$7,
 	staleTime: Infinity,
 	loader: async ({ params: s, context: c }) => {
@@ -27239,7 +27260,7 @@ var Kv = E("/_single/view/$viewId/puml")({
 	}
 });
 function Page$7() {
-	let s = J(2), { source: c } = Kv.useLoaderData(), l;
+	let s = J(2), { source: c } = Yv.useLoaderData(), l;
 	return s[0] === c ? l = s[1] : (l = /* @__PURE__ */ Y(ViewAsPuml, { pumlSource: c }), s[0] = c, s[1] = l), l;
 }
 s(Page$7, "Page");
@@ -27266,12 +27287,12 @@ function ViewAsMmd(s) {
 	c[9] === Symbol.for("react.memo_cache_sentinel") ? (y = { viewport: { borderRadius: 6 } }, c[9] = y) : y = c[9];
 	let b;
 	c[10] === u ? b = c[11] : (b = /* @__PURE__ */ Y(Yt, { children: /* @__PURE__ */ Q(Yr, {
-		className: Hv,
+		className: Gv,
 		p: 5,
 		styles: y,
 		children: [/* @__PURE__ */ Y(Pr, {
 			block: !0,
-			className: Uv,
+			className: Kv,
 			children: u
 		}), /* @__PURE__ */ Y(CopyToClipboard, { text: u })]
 	}) }), c[10] = u, c[11] = b);
@@ -27279,7 +27300,7 @@ function ViewAsMmd(s) {
 	c[12] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ Y(Qt, { style: { width: 10 } }), c[12] = S) : S = c[12];
 	let w;
 	c[13] === h.result ? w = c[14] : (w = h.result && /* @__PURE__ */ Y(Ca, {
-		className: Vv,
+		className: Wv,
 		dangerouslySetInnerHTML: { __html: h.result }
 	}), c[13] = h.result, c[14] = w);
 	let T;
@@ -27289,7 +27310,7 @@ function ViewAsMmd(s) {
 	}) }), c[15] = w, c[16] = T);
 	let E;
 	return c[17] !== b || c[18] !== T ? (E = /* @__PURE__ */ Y(Cs, { children: /* @__PURE__ */ Q(Ut, {
-		className: Wv,
+		className: qv,
 		orientation: "horizontal",
 		children: [
 			b,
@@ -27300,7 +27321,7 @@ function ViewAsMmd(s) {
 }
 //#endregion
 //#region src/routes/_single/view.$viewId.mmd.tsx
-var qv = E("/_single/view/$viewId/mmd")({
+var Xv = E("/_single/view/$viewId/mmd")({
 	component: Page$6,
 	staleTime: Infinity,
 	loader: async ({ params: s, context: c }) => {
@@ -27314,7 +27335,7 @@ var qv = E("/_single/view/$viewId/mmd")({
 	}
 });
 function Page$6() {
-	let s = J(3), { viewId: c } = qv.useParams(), { source: l } = qv.useLoaderData(), u;
+	let s = J(3), { viewId: c } = Xv.useParams(), { source: l } = Xv.useLoaderData(), u;
 	return s[0] !== l || s[1] !== c ? (u = /* @__PURE__ */ Y(ViewAsMmd, {
 		viewId: c,
 		mmdSource: l
@@ -27328,12 +27349,12 @@ function ViewAsDot(s) {
 	c[0] === Symbol.for("react.memo_cache_sentinel") ? (d = { viewport: { borderRadius: 6 } }, c[0] = d) : d = c[0];
 	let p;
 	c[1] === l ? p = c[2] : (p = /* @__PURE__ */ Y(Yt, { children: /* @__PURE__ */ Q(Yr, {
-		className: Hv,
+		className: Gv,
 		p: 5,
 		styles: d,
 		children: [/* @__PURE__ */ Y(Pr, {
 			block: !0,
-			className: Uv,
+			className: Kv,
 			children: l
 		}), /* @__PURE__ */ Y(CopyToClipboard, { text: l })]
 	}) }), c[1] = l, c[2] = p);
@@ -27343,13 +27364,13 @@ function ViewAsDot(s) {
 	c[4] === u ? g = c[5] : (g = /* @__PURE__ */ Y(Yt, { children: /* @__PURE__ */ Y(Yr, {
 		h: "100%",
 		children: /* @__PURE__ */ Y("div", {
-			className: Vv,
+			className: Wv,
 			dangerouslySetInnerHTML: { __html: u }
 		})
 	}) }), c[4] = u, c[5] = g);
 	let _;
 	return c[6] !== p || c[7] !== g ? (_ = /* @__PURE__ */ Y(Cs, { children: /* @__PURE__ */ Q(Ut, {
-		className: Wv,
+		className: qv,
 		children: [
 			p,
 			h,
@@ -27359,7 +27380,7 @@ function ViewAsDot(s) {
 }
 //#endregion
 //#region src/routes/_single/view.$viewId.dot.tsx
-var Jv = E("/_single/view/$viewId/dot")({
+var Zv = E("/_single/view/$viewId/dot")({
 	component: Page$5,
 	staleTime: Infinity,
 	loader: async ({ params: s, context: c }) => {
@@ -27376,7 +27397,7 @@ var Jv = E("/_single/view/$viewId/dot")({
 	}
 });
 function Page$5() {
-	let s = J(3), { dot: c, dotSvg: l } = Jv.useLoaderData(), u;
+	let s = J(3), { dot: c, dotSvg: l } = Zv.useLoaderData(), u;
 	return s[0] !== c || s[1] !== l ? (u = /* @__PURE__ */ Y(ViewAsDot, {
 		dot: c,
 		dotSvg: l
@@ -27399,12 +27420,12 @@ function ViewAsD2(s) {
 	c[0] === Symbol.for("react.memo_cache_sentinel") ? (h = { viewport: { borderRadius: 6 } }, c[0] = h) : h = c[0];
 	let g;
 	c[1] === l ? g = c[2] : (g = /* @__PURE__ */ Y(Yt, { children: /* @__PURE__ */ Q(Yr, {
-		className: Hv,
+		className: Gv,
 		p: 5,
 		styles: h,
 		children: [/* @__PURE__ */ Y(Pr, {
 			block: !0,
-			className: Uv,
+			className: Kv,
 			children: l
 		}), /* @__PURE__ */ Y(CopyToClipboard, { text: l })]
 	}) }), c[1] = l, c[2] = g);
@@ -27420,7 +27441,7 @@ function ViewAsD2(s) {
 	}), u.status === "error" && /* @__PURE__ */ Y(Ca, { children: u.error?.message })] }), c[4] = l, c[5] = p, c[6] = u.error?.message, c[7] = u.status, c[8] = v) : v = c[8];
 	let y;
 	c[9] !== u.result || c[10] !== u.status ? (y = u.status === "success" && /* @__PURE__ */ Y(Ca, {
-		className: Vv,
+		className: Wv,
 		children: u.result ? /* @__PURE__ */ Y("div", { dangerouslySetInnerHTML: { __html: u.result } }) : /* @__PURE__ */ Y(Ca, { children: "Empty result" })
 	}), c[9] = u.result, c[10] = u.status, c[11] = y) : y = c[11];
 	let b;
@@ -27430,7 +27451,7 @@ function ViewAsD2(s) {
 	}) }), c[12] = v, c[13] = y, c[14] = b) : b = c[14];
 	let S;
 	return c[15] !== g || c[16] !== b ? (S = /* @__PURE__ */ Y(Cs, { children: /* @__PURE__ */ Q(Ut, {
-		className: Wv,
+		className: qv,
 		orientation: "horizontal",
 		children: [
 			g,
@@ -27441,7 +27462,7 @@ function ViewAsD2(s) {
 }
 //#endregion
 //#region src/routes/_single/view.$viewId.d2.tsx
-var Yv = E("/_single/view/$viewId/d2")({
+var Qv = E("/_single/view/$viewId/d2")({
 	component: Page$4,
 	staleTime: Infinity,
 	loader: async ({ context: s, params: c }) => {
@@ -27455,13 +27476,13 @@ var Yv = E("/_single/view/$viewId/d2")({
 	}
 });
 function Page$4() {
-	let s = J(2), { source: c } = Yv.useLoaderData(), l;
+	let s = J(2), { source: c } = Qv.useLoaderData(), l;
 	return s[0] === c ? l = s[1] : (l = /* @__PURE__ */ Y(ViewAsD2, { d2Source: c }), s[0] = c, s[1] = l), l;
 }
 s(Page$4, "Page");
 //#endregion
 //#region src/routes/project.$projectId/view.$viewId.index.tsx
-var Xv = E("/project/$projectId/view/$viewId/")({ component: Zc ? ViewEditor : ViewReact }), Zv = E("/project/$projectId/view/$viewId/puml")({
+var $v = E("/project/$projectId/view/$viewId/")({ component: Zc ? ViewEditor : ViewReact }), ey = E("/project/$projectId/view/$viewId/puml")({
 	component: Page$3,
 	staleTime: Infinity,
 	loader: async ({ params: s, context: c }) => {
@@ -27475,13 +27496,13 @@ var Xv = E("/project/$projectId/view/$viewId/")({ component: Zc ? ViewEditor : V
 	}
 });
 function Page$3() {
-	let s = J(2), { source: c } = Zv.useLoaderData(), l;
+	let s = J(2), { source: c } = ey.useLoaderData(), l;
 	return s[0] === c ? l = s[1] : (l = /* @__PURE__ */ Y(ViewAsPuml, { pumlSource: c }), s[0] = c, s[1] = l), l;
 }
 s(Page$3, "Page");
 //#endregion
 //#region src/routes/project.$projectId/view.$viewId.mmd.tsx
-var Qv = E("/project/$projectId/view/$viewId/mmd")({
+var ty = E("/project/$projectId/view/$viewId/mmd")({
 	component: Page$2,
 	staleTime: Infinity,
 	loader: async ({ params: s, context: c }) => {
@@ -27495,7 +27516,7 @@ var Qv = E("/project/$projectId/view/$viewId/mmd")({
 	}
 });
 function Page$2() {
-	let s = J(3), { viewId: c } = Qv.useParams(), { source: l } = Qv.useLoaderData(), u;
+	let s = J(3), { viewId: c } = ty.useParams(), { source: l } = ty.useLoaderData(), u;
 	return s[0] !== l || s[1] !== c ? (u = /* @__PURE__ */ Y(ViewAsMmd, {
 		viewId: c,
 		mmdSource: l
@@ -27504,7 +27525,7 @@ function Page$2() {
 s(Page$2, "Page");
 //#endregion
 //#region src/routes/project.$projectId/view.$viewId.dot.tsx
-var $v = E("/project/$projectId/view/$viewId/dot")({
+var ny = E("/project/$projectId/view/$viewId/dot")({
 	component: Page$1,
 	loader: async ({ params: s, context: c }) => {
 		let l = c.projectId, { viewId: u } = s;
@@ -27520,7 +27541,7 @@ var $v = E("/project/$projectId/view/$viewId/dot")({
 	}
 });
 function Page$1() {
-	let s = J(3), { dot: c, dotSvg: l } = $v.useLoaderData(), u;
+	let s = J(3), { dot: c, dotSvg: l } = ny.useLoaderData(), u;
 	return s[0] !== c || s[1] !== l ? (u = /* @__PURE__ */ Y(ViewAsDot, {
 		dot: c,
 		dotSvg: l
@@ -27529,7 +27550,7 @@ function Page$1() {
 s(Page$1, "Page");
 //#endregion
 //#region src/routes/project.$projectId/view.$viewId.d2.tsx
-var ey = E("/project/$projectId/view/$viewId/d2")({
+var ry = E("/project/$projectId/view/$viewId/d2")({
 	loader: async ({ context: s, params: c }) => {
 		let l = s.projectId, { viewId: u } = c;
 		try {
@@ -27542,132 +27563,132 @@ var ey = E("/project/$projectId/view/$viewId/d2")({
 	component: Page
 });
 function Page() {
-	let s = J(2), { source: c } = ey.useLoaderData(), l;
+	let s = J(2), { source: c } = ry.useLoaderData(), l;
 	return s[0] === c ? l = s[1] : (l = /* @__PURE__ */ Y(ViewAsD2, { d2Source: c }), s[0] = c, s[1] = l), l;
 }
 //#endregion
 //#region src/routeTree.gen.ts
-var ty = G_.update({
+var iy = J_.update({
 	id: "/projects",
 	path: "/projects",
-	getParentRoute: () => U_
-}), ny = q_.update({
+	getParentRoute: () => K_
+}), ay = X_.update({
 	id: "/_single",
-	getParentRoute: () => U_
-}), ry = J_.update({
+	getParentRoute: () => K_
+}), oy = Z_.update({
 	id: "/",
 	path: "/",
-	getParentRoute: () => U_
-}), iy = rv.update({
+	getParentRoute: () => K_
+}), sy = ov.update({
 	id: "/single-index",
 	path: "/single-index",
-	getParentRoute: () => ny
-}), ay = iv.update({
+	getParentRoute: () => ay
+}), cy = sv.update({
 	id: "/project/$projectId",
 	path: "/project/$projectId",
-	getParentRoute: () => U_
-}), oy = av.update({
+	getParentRoute: () => K_
+}), ly = cv.update({
 	id: "/",
 	path: "/",
-	getParentRoute: () => ay
-}), sy = ov.update({
+	getParentRoute: () => cy
+}), uy = lv.update({
 	id: "/webcomponent/$",
 	path: "/webcomponent/$",
-	getParentRoute: () => ny
-}), cy = pv.update({
+	getParentRoute: () => ay
+}), dy = gv.update({
 	id: "/view/$viewId",
 	path: "/view/$viewId",
-	getParentRoute: () => ny
-}), ly = gv.update({
+	getParentRoute: () => ay
+}), fy = yv.update({
 	id: "/export/$viewId",
 	path: "/export/$viewId",
-	getParentRoute: () => ny
-}), uy = _v.update({
+	getParentRoute: () => ay
+}), py = bv.update({
 	id: "/embed/$viewId",
 	path: "/embed/$viewId",
-	getParentRoute: () => ny
-}), dy = yv.update({
+	getParentRoute: () => ay
+}), my = Sv.update({
 	id: "/",
 	path: "/",
-	getParentRoute: () => cy
-}), fy = bv.update({
+	getParentRoute: () => dy
+}), hy = Cv.update({
 	id: "/view/$viewId",
 	path: "/view/$viewId",
-	getParentRoute: () => ay
-}), py = xv.update({
+	getParentRoute: () => cy
+}), gy = wv.update({
 	id: "/export/$viewId",
 	path: "/export/$viewId",
-	getParentRoute: () => ay
-}), my = Sv.update({
+	getParentRoute: () => cy
+}), _y = Tv.update({
 	id: "/embed/$viewId",
 	path: "/embed/$viewId",
-	getParentRoute: () => ay
-}), hy = Kv.update({
+	getParentRoute: () => cy
+}), vy = Yv.update({
 	id: "/puml",
 	path: "/puml",
-	getParentRoute: () => cy
-}), gy = qv.update({
+	getParentRoute: () => dy
+}), yy = Xv.update({
 	id: "/mmd",
 	path: "/mmd",
-	getParentRoute: () => cy
-}), _y = Jv.update({
+	getParentRoute: () => dy
+}), by = Zv.update({
 	id: "/dot",
 	path: "/dot",
-	getParentRoute: () => cy
-}), vy = Yv.update({
+	getParentRoute: () => dy
+}), xy = Qv.update({
 	id: "/d2",
 	path: "/d2",
-	getParentRoute: () => cy
-}), yy = Xv.update({
+	getParentRoute: () => dy
+}), Sy = $v.update({
 	id: "/",
 	path: "/",
-	getParentRoute: () => fy
-}), by = Zv.update({
+	getParentRoute: () => hy
+}), Cy = ey.update({
 	id: "/puml",
 	path: "/puml",
-	getParentRoute: () => fy
-}), xy = Qv.update({
+	getParentRoute: () => hy
+}), wy = ty.update({
 	id: "/mmd",
 	path: "/mmd",
-	getParentRoute: () => fy
-}), Sy = $v.update({
+	getParentRoute: () => hy
+}), Ty = ny.update({
 	id: "/dot",
 	path: "/dot",
-	getParentRoute: () => fy
-}), Cy = ey.update({
+	getParentRoute: () => hy
+}), Ey = ry.update({
 	id: "/d2",
 	path: "/d2",
-	getParentRoute: () => fy
-}), wy = {
-	SingleViewViewIdD2Route: vy,
-	SingleViewViewIdDotRoute: _y,
-	SingleViewViewIdMmdRoute: gy,
-	SingleViewViewIdPumlRoute: hy,
-	SingleViewViewIdIndexRoute: dy
-}, Ty = {
-	SingleSingleIndexRoute: iy,
-	SingleEmbedViewIdRoute: uy,
-	SingleExportViewIdRoute: ly,
-	SingleViewViewIdRoute: cy._addFileChildren(wy),
-	SingleWebcomponentSplatRoute: sy
-}, Ey = ny._addFileChildren(Ty), Dy = {
-	ProjectProjectIdViewViewIdD2Route: Cy,
-	ProjectProjectIdViewViewIdDotRoute: Sy,
-	ProjectProjectIdViewViewIdMmdRoute: xy,
-	ProjectProjectIdViewViewIdPumlRoute: by,
-	ProjectProjectIdViewViewIdIndexRoute: yy
+	getParentRoute: () => hy
+}), Dy = {
+	SingleViewViewIdD2Route: xy,
+	SingleViewViewIdDotRoute: by,
+	SingleViewViewIdMmdRoute: yy,
+	SingleViewViewIdPumlRoute: vy,
+	SingleViewViewIdIndexRoute: my
 }, Oy = {
-	ProjectProjectIdIndexRoute: oy,
-	ProjectProjectIdEmbedViewIdRoute: my,
-	ProjectProjectIdExportViewIdRoute: py,
-	ProjectProjectIdViewViewIdRoute: fy._addFileChildren(Dy)
-}, ky = {
-	IndexRoute: ry,
-	SingleRouteRoute: Ey,
-	ProjectsRoute: ty,
-	ProjectProjectIdRouteRoute: ay._addFileChildren(Oy)
-}, Ay = T({
-	routeTree: U_._addFileChildren(ky)._addFileTypes(),
+	SingleSingleIndexRoute: sy,
+	SingleEmbedViewIdRoute: py,
+	SingleExportViewIdRoute: fy,
+	SingleViewViewIdRoute: dy._addFileChildren(Dy),
+	SingleWebcomponentSplatRoute: uy
+}, ky = ay._addFileChildren(Oy), Ay = {
+	ProjectProjectIdViewViewIdD2Route: Ey,
+	ProjectProjectIdViewViewIdDotRoute: Ty,
+	ProjectProjectIdViewViewIdMmdRoute: wy,
+	ProjectProjectIdViewViewIdPumlRoute: Cy,
+	ProjectProjectIdViewViewIdIndexRoute: Sy
+}, jy = {
+	ProjectProjectIdIndexRoute: ly,
+	ProjectProjectIdEmbedViewIdRoute: _y,
+	ProjectProjectIdExportViewIdRoute: gy,
+	ProjectProjectIdViewViewIdRoute: hy._addFileChildren(Ay)
+}, My = {
+	IndexRoute: oy,
+	SingleRouteRoute: ky,
+	ProjectsRoute: iy,
+	ProjectProjectIdRouteRoute: cy._addFileChildren(jy)
+}, Ny = T({
+	routeTree: K_._addFileChildren(My)._addFileTypes(),
 	context: {
 		projectId: Ms[0].id,
 		projects: Ue(Ms, (s) => s.id)
@@ -27682,7 +27703,7 @@ var ty = G_.update({
 });
 function Routes() {
 	let s = J(1), c;
-	return s[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Y(M, { router: Ay }), s[0] = c) : c = s[0], c;
+	return s[0] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ Y(M, { router: Ny }), s[0] = c) : c = s[0], c;
 }
 //#endregion
 //#region src/main.tsx