likec4 1.59.4 → 1.61.0

package/__app__/src/chunks/hooks.mjs

@@ -1,487 +1,173 @@
-import { i as o } from "./rolldown-runtime.mjs";
-import { i as s, u as c } from "./libs/@tanstack.mjs";
-import { ut as l } from "./libs/@mantine.mjs";
-import { I as u, k as d, o as f } from "./styled-system.mjs";
-import { n as p, t as m } from "./libs/fast-equals.mjs";
-import { b as h } from "./libs/framer.mjs";
-import { n as g } from "./libs/@xstate/react.mjs";
-import { createContext as _, createElement as v, forwardRef as y, use as b, useCallback as x, useContext as S, useEffect as C, useLayoutEffect as w, useMemo as T, useRef as E, useState as D, useSyncExternalStore as O } from "react";
-import { c as k } from "react/compiler-runtime";
-import { jsx as A } from "react/jsx-runtime";
-import { useLikeC4Projects as j } from "likec4:projects";
-//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/lazyDataLastImpl--3B10z3s.js
-function e$2(o, s, c) {
-	let r = (c) => o(c, ...s);
-	return c === void 0 ? r : Object.assign(r, {
-		lazy: c,
-		lazyArgs: s
-	});
-}
-o(e$2, "e");
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/purry.js
-function t$3(o, s, c) {
-	let l = o.length - s.length;
-	if (l === 0) return o(...s);
-	if (l === 1) return e$2(o, s, c);
-	throw Error("Wrong number of arguments");
-}
-o(t$3, "t");
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/utilityEvaluators-IxVD3t2o.js
-var M = {
-	done: !1,
-	hasNext: !1
-}, N = /* @__PURE__ */ o((o) => ({
-	hasNext: !0,
-	next: o,
-	done: !1
-}), "r");
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/pipe.js
-function t$1(o, ...s) {
-	let c = o, l = s.map((o) => "lazy" in o ? {
-		lazyEvaluator: o.lazy(...o.lazyArgs),
-		isSingle: o.lazy.single ?? !1,
-		index: 0,
-		items: []
-	} : void 0), u = 0;
-	for (; u < s.length;) {
-		if (l[u] === void 0 || !a$1(c)) {
-			let o = s[u];
-			c = o(c), u += 1;
-			continue;
-		}
-		let o = n$1(l, u), d = r$2(c, o), { isSingle: f } = o.at(-1);
-		c = f ? d[0] : d, u += o.length;
-	}
-	return c;
-}
-o(t$1, "t");
-function n$1(o, s) {
-	let c = [];
-	for (let l = s; l < o.length; l++) {
-		let s = o[l];
-		if (s === void 0 || (c.push(s), s.isSingle)) break;
-	}
-	return c;
-}
-o(n$1, "n");
-function r$2(o, s) {
-	let c = [];
-	for (let l of o) if (i$1(l, c, s)) break;
-	return c;
-}
-o(r$2, "r");
-function i$1(o, s, c) {
-	if (c.length === 0) return s.push(o), !1;
-	let l = o, u = M, d = !1;
-	for (let [o, { items: f, lazyEvaluator: p }] of c.entries()) if (f.push(l), u = p(l, f.length - 1, f), u.done && (d = !0), u.hasNext) {
-		if (u.hasMany ?? !1) {
-			for (let l of u.next) if (i$1(l, s, c.slice(o + 1))) return !0;
-			return d;
-		}
-		l = u.next;
-	} else break;
-	return u.hasNext && s.push(l), d;
-}
-o(i$1, "i");
-function a$1(o) {
-	return typeof o == "string" || typeof o == "object" && !!o && Symbol.iterator in o;
-}
-o(a$1, "a");
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/toSingle-DiQSixar.js
-var P = /* @__PURE__ */ o((o) => Object.assign(o, { single: !0 }), "e");
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/find.js
-function r$1(...o) {
-	return t$3(i, o, P(a));
-}
-o(r$1, "r");
-var i = (o, s) => o.find(s), a = (o) => (s, c, l) => o(s, c, l) ? {
-	done: !0,
-	hasNext: !0,
-	next: s
-} : M, e = (o) => typeof o == "function";
-//#endregion
-//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/map.js
-function t(...o) {
-	return t$3(n, o, r);
-}
-var n = (o, s) => o.map(s), r = (o) => (s, c, l) => ({
-	done: !1,
-	hasNext: !0,
-	next: o(s, c, l)
-}), F = {
-	outline: {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 24,
-		height: 24,
-		viewBox: "0 0 24 24",
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: 2,
-		strokeLinecap: "round",
-		strokeLinejoin: "round"
-	},
-	filled: {
-		xmlns: "http://www.w3.org/2000/svg",
-		width: 24,
-		height: 24,
-		viewBox: "0 0 24 24",
-		fill: "currentColor",
-		stroke: "none"
-	}
-}, createReactComponent = (o, s, c, l) => {
-	let u = y(({ color: c = "currentColor", size: u = 24, stroke: d = 2, title: f, className: p, children: m, ...h }, g) => v("svg", {
-		ref: g,
-		...F[o],
-		width: u,
-		height: u,
-		className: [
-			"tabler-icon",
-			`tabler-icon-${s}`,
-			p
-		].join(" "),
-		...o === "filled" ? { fill: c } : {
-			strokeWidth: d,
-			stroke: c
-		},
-		...h
-	}, [
-		f && v("title", { key: "svg-title" }, f),
-		...l.map(([o, s]) => v(o, s)),
-		...Array.isArray(m) ? m : [m]
-	]));
-	return u.displayName = `${c}`, u;
-}, I = createReactComponent("outline", "sparkles", "Sparkles", [["path", {
-	d: "M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6",
-	key: "svg-0"
-}]]), L = createReactComponent("filled", "player-stop-filled", "PlayerStopFilled", [["path", {
-	d: "M17 4h-10a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3 -3v-10a3 3 0 0 0 -3 -3z",
-	key: "svg-0"
-}]]);
-//#endregion
-//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@react-hookz/web/dist/useSyncedRef/index.js
-function useSyncedRef(o) {
-	let s = E(o);
-	return s.current = o, T(() => Object.freeze({ get current() {
-		return s.current;
-	} }), []);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@react-hookz/web/dist/util/const.js
-var R = /* @__PURE__ */ o(() => {}, "noop"), z = typeof globalThis < "u" && typeof navigator < "u" && typeof document < "u", basicDepsComparator = (o, s) => {
-	if (o === s) return !0;
-	if (o.length !== s.length) return !1;
-	for (let [c, l] of o.entries()) if (l !== s[c]) return !1;
-	return !0;
-};
-//#endregion
-//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@react-hookz/web/dist/useCustomCompareEffect/index.js
-function useCustomCompareEffect(o, s, c = basicDepsComparator, l = C, ...u) {
-	let d = E(void 0);
-	(d.current === void 0 || z && !c(d.current, s)) && (d.current = s), l(o, d.current, ...u);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@react-hookz/web/dist/useFirstMountState/index.js
-function useFirstMountState() {
-	let o = E(!0);
-	return C(() => {
-		o.current = !1;
-	}, []), o.current;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@react-hookz/web/dist/useIsomorphicLayoutEffect/index.js
-var B = z ? w : C, cancelTimeout = (o) => {
-	o && clearTimeout(o);
-};
-function useTimeoutEffect(o, s) {
-	let c = useSyncedRef(o), l = useSyncedRef(s), u = E(null), d = x(() => {
-		cancelTimeout(u.current);
-	}, []), f = x(() => {
-		l.current !== void 0 && (d(), u.current = setTimeout(() => {
-			c.current();
-		}, l.current));
-	}, []);
-	return C(() => (f(), d), [s]), [d, f];
-}
-//#endregion
-//#region ../diagram/src/hooks/useUpdateEffect.ts
-var noop = () => {}, depsShallowEqual = (o, s) => {
-	if (o === s) return !0;
-	if (o.length !== s.length) return !1;
-	for (let [c, l] of o.entries()) if (!(l === s[c] || p(l, s[c]))) return !1;
-	return !0;
-};
-function useUpdateEffect(o, s, c, l) {
-	useCustomCompareEffect(useFirstMountState() ? noop : o, s, c ?? depsShallowEqual, l);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/nanostores@1.5.3/node_modules/nanostores/atom/index.js
-var V = [], H = 0, U = null, W = 4, G = globalThis.nanostoresGlobal ||= { epoch: 0 }, drainQueue = () => {
-	let o, s;
-	for (; H < V.length;) {
-		s = H, H += W;
-		try {
-			V[s](V[s + 1].value, V[s + 2], V[s + 3]);
-		} catch (s) {
-			o = s;
-		}
-	}
-	if (V.length = H = 0, o) throw o;
-}, atom = /* @__NO_SIDE_EFFECTS__ */ (o) => {
-	let s = [], c = {
-		eq: Object.is,
-		get() {
-			return c.lc || c.listen(() => {})(), c.value;
-		},
-		init: o,
-		lc: 0,
-		listen(o) {
-			return c.lc = s.push(o), () => {
-				for (let s = H; s < V.length;) V[s] === o ? V.splice(s, W) : s += W;
-				let l = s.indexOf(o);
-				~l && (s.splice(l, 1), --c.lc || c.off());
+import "./rolldown-runtime.mjs";
+import { r as useMatches, u as useParams } from "./libs/@tanstack.mjs";
+import { t as deepEqual } from "./libs/fast-equals.mjs";
+import { useLikeC4ModelAtom } from "../context/safeCtx.mjs";
+import { useEffect, useLayoutEffect, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useLikeC4Projects } from "likec4:projects";
+import { useUpdateEffect } from "likec4/react";
+// ../../node_modules/.pnpm/@react-hookz+web@26.1.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@react-hookz/web/dist/useIsomorphicLayoutEffect/index.js
+/**
+* Alias for `useLayoutEffect` in browser, but for `useEffect` at server side. Helps to avoid
+* warning shown during SSR.
+*/
+var useIsomorphicLayoutEffect = typeof globalThis !== "undefined" && typeof navigator !== "undefined" && typeof document !== "undefined" ? useLayoutEffect : useEffect;
+// src/hooks.ts
+function useTransparentBackground(t0) {
+	const $ = c(3);
+	const enabled = t0 === void 0 ? true : t0;
+	let t1;
+	let t2;
+	if ($[0] !== enabled) {
+		t1 = () => {
+			const htmlEl = document.body.parentElement;
+			if (!htmlEl || enabled !== true) return;
+			htmlEl.classList.add("transparent-bg");
+			return () => {
+				htmlEl.classList.remove("transparent-bg");
 			};
-		},
-		notify(o, l) {
-			G.epoch++;
-			let u = !V.length && !0;
-			for (let u of s) U?.has(u) || (U?.add(u), V.push(u, c, o, l));
-			u && drainQueue();
-		},
-		off() {},
-		set(o) {
-			let s = c.value;
-			c.eq(s, o) || (c.value = o, c.notify(s));
-		},
-		subscribe(o) {
-			let s = c.listen(o);
-			return o(c.value), s;
-		},
-		value: o
-	};
-	return c;
-}, K = 5, q = 6, J = 10, on = (o, s, c, l) => (o.events = o.events || {}, o.events[c + J] || (o.events[c + J] = l((s) => {
-	o.events[c].reduceRight((o, s) => (s(o), o), {
-		shared: {},
-		...s
-	});
-})), o.events[c] = o.events[c] || [], o.events[c].push(s), () => {
-	let l = o.events[c], u = l.indexOf(s);
-	~u && (l.splice(u, 1), l.length || (o.events[c + J](), delete o.events[c + J]));
-}), Y = 1e3, onMount = (o, s) => {
-	let listener = (c) => {
-		let l = s(c);
-		l && o.events[q].push(l);
-	};
-	return on(o, listener, K, (s) => {
-		let c = o.listen;
-		o.listen = (...l) => (!o.lc && !o.active && (o.active = !0, s()), c(...l));
-		let l = o.off;
-		return o.events[q] = [], o.off = () => {
-			l(), setTimeout(() => {
-				if (o.active && !o.lc) {
-					o.active = !1;
-					for (let s of o.events[q]) s();
-					o.events[q] = [];
-				}
-			}, Y);
-		}, () => {
-			o.listen = c, o.off = l;
 		};
-	});
-};
-//#endregion
-//#region ../../node_modules/.pnpm/nanostores@1.5.3/node_modules/nanostores/deep-map/path.js
-function getPath(o, s) {
-	let c = getAllKeysFromPath(s), l = o;
-	for (let o of c) {
-		if (l == null) return;
-		l = l[o];
-	}
-	return l;
-}
-var X = /(.*)\[(\d+)\]/;
-function getAllKeysFromPath(o) {
-	return o.split(".").flatMap((o) => getKeyAndIndicesFromKey(o));
-}
-function getKeyAndIndicesFromKey(o) {
-	if (X.test(o)) {
-		let [, s, c] = o.match(X);
-		return [...getKeyAndIndicesFromKey(s), c];
+		t2 = [enabled];
+		$[0] = enabled;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
 	}
-	return [o];
-}
-//#endregion
-//#region ../../node_modules/.pnpm/nanostores@1.5.3/node_modules/nanostores/listen-keys/index.js
-function listenKeys(o, s, c) {
-	let l = new Set(s);
-	return o.listen((o, u, d) => {
-		(d === void 0 ? s.some((s) => u === void 0 || o[s] !== u[s] || getPath(o, s) !== getPath(u, s)) : l.has(d) || l.has(d.split(/\.|\[/)[0])) && c(o, u, d);
-	});
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@nanostores+react@1.1.0_nanostores@1.5.3_react@19.2.8/node_modules/@nanostores/react/index.js
-var emit = (o, s) => (c) => {
-	o.current !== c && (o.current = c, s());
-};
-function useStore(o, { keys: s, deps: c = [o, s], ssr: l } = {}) {
-	let u = E();
-	u.current = o.get();
-	let d = x((c) => (emit(u, c)(o.value), s?.length > 0 ? listenKeys(o, s, emit(u, c)) : o.listen(emit(u, c))), c), get = () => u.current, f = get;
-	return l && "init" in o && (f = l === "initial" ? () => o.init : l), O(d, get, f);
-}
-//#endregion
-//#region ../diagram/src/hooks/safeContext.tsx
-var Z = _(null);
-Z.displayName = "DiagramApiSafeContext";
-var ee = Z.Provider;
-function useDiagram() {
-	let o = b(Z);
-	if (o === null) throw Error("DiagramApi is not provided");
-	return o;
-}
-function createSafeContextForActor(o) {
-	let s = _(null);
-	function selectSnapshot(o, s) {
-		return [o, s ?? p];
-	}
-	function selectContext(o, s) {
-		return [(s) => o(s.context), s ?? p];
-	}
-	function useActorRef() {
-		let c = S(s);
-		if (c === null) throw Error(`${o}SafeContext is not provided `);
-		return c;
-	}
-	function useActorSelector(o, s) {
-		let c, l;
-		return s === void 0 ? Array.isArray(o) ? [c, l] = o : (c = o, l = p) : [c, l] = [o, s], l ??= p, h(e(c), "selector must be a function"), g(useActorRef(), c, l);
-	}
-	return {
-		ContextProvider: s.Provider,
-		selectSnapshot,
-		selectContext,
-		useActorSelector,
-		useActorRef
-	};
-}
-var { ContextProvider: te, selectSnapshot: ne, selectContext: re, useActorSelector: ie, useActorRef: ae } = createSafeContextForActor("DiagramActor"), Q = y((o, s) => {
-	let c = k(34), p, m, h, g, _, v, y, b, x;
-	c[0] === o ? (p = c[1], m = c[2], h = c[3], g = c[4], _ = c[5], v = c[6], y = c[7], b = c[8], x = c[9]) : ({value: x, textScale: _, uselikec4palette: v, hideIfEmpty: y, emptyText: b, className: p, style: g, fontSize: m, ...h} = o, c[0] = o, c[1] = p, c[2] = m, c[3] = h, c[4] = g, c[5] = _, c[6] = v, c[7] = y, c[8] = b, c[9] = x);
-	let S = _ === void 0 ? 1 : _, C = v !== void 0 && v, w = y !== void 0 && y, T = b === void 0 ? "no content" : b;
-	if (x.isEmpty && w) return null;
-	let E;
-	c[10] !== T || c[11] !== x.html || c[12] !== x.isMarkdown || c[13] !== x.nonEmpty || c[14] !== x.text ? (E = x.nonEmpty ? x.isMarkdown ? { dangerouslySetInnerHTML: { __html: x.html } } : { children: /* @__PURE__ */ A("p", { children: x.text }) } : { children: /* @__PURE__ */ A(l, {
-		component: "span",
-		fz: "xs",
-		c: "dimmed",
-		style: { userSelect: "none" },
-		children: T
-	}) }, c[10] = T, c[11] = x.html, c[12] = x.isMarkdown, c[13] = x.nonEmpty, c[14] = x.text, c[15] = E) : E = c[15];
-	let D = E, O;
-	c[16] !== p || c[17] !== C || c[18] !== x.isMarkdown ? (O = u(f({
-		uselikec4palette: C,
-		value: x.isMarkdown ? "markdown" : "plaintext"
-	}), p), c[16] = p, c[17] = C, c[18] = x.isMarkdown, c[19] = O) : O = c[19];
-	let j;
-	c[20] === m ? j = c[21] : (j = m && { "--text-fz": `var(--font-sizes-${m}, var(--font-sizes-md))` }, c[20] = m, c[21] = j);
-	let M;
-	c[22] === S ? M = c[23] : (M = S !== 1 && { "--mantine-scale": S }, c[22] = S, c[23] = M);
-	let N;
-	c[24] !== g || c[25] !== j || c[26] !== M ? (N = {
-		...g,
-		...j,
-		...M
-	}, c[24] = g, c[25] = j, c[26] = M, c[27] = N) : N = c[27];
-	let P;
-	return c[28] !== D || c[29] !== h || c[30] !== s || c[31] !== O || c[32] !== N ? (P = /* @__PURE__ */ A(d, {
-		...h,
-		ref: s,
-		className: O,
-		style: N,
-		...D
-	}), c[28] = D, c[29] = h, c[30] = s, c[31] = O, c[32] = N, c[33] = P) : P = c[33], P;
-});
-Q.displayName = "Markdown";
-//#endregion
-//#region src/context/safeCtx.ts
-var $ = _(null), oe = $.Provider, useLikeC4ModelAtom = () => {
-	let o = S($);
-	if (o === null) throw Error("LikeC4ModelAtom is not provided");
-	return o;
-};
-//#endregion
-//#region src/hooks.ts
-function useTransparentBackground(o) {
-	let s = k(3), c = o === void 0 || o, t1, l;
-	s[0] === c ? (t1 = s[1], l = s[2]) : (t1 = () => {
-		let o = document.body.parentElement;
-		if (o && c === !0) return o.classList.add("transparent-bg"), () => {
-			o.classList.remove("transparent-bg");
-		};
-	}, l = [c], s[0] = c, s[1] = t1, s[2] = l), B(t1, l);
+	useIsomorphicLayoutEffect(t1, t2);
 }
 function useLikeC4Views() {
-	let o = k(4), s = useLikeC4ModelAtom(), c;
-	o[0] === Symbol.for("react.memo_cache_sentinel") ? (c = [], o[0] = c) : c = o[0];
-	let [l, u] = D(c), t1, d;
-	return o[1] === s ? (t1 = o[2], d = o[3]) : (t1 = () => s.subscribe((o) => {
-		u((s) => {
-			let c = [...o.views()].map((o) => {
-				let c = o.$layouted, l = s.find((s) => s.id === o.id);
-				return l && m(c, l) ? l : c;
-			});
-			return p(s, c) ? s : c;
+	const $ = c(4);
+	const $likec4model = useLikeC4ModelAtom();
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [];
+		$[0] = t0;
+	} else t0 = $[0];
+	const [views, setViews] = useState(t0);
+	let t1;
+	let t2;
+	if ($[1] !== $likec4model) {
+		t1 = () => $likec4model.subscribe((next) => {
+			setViews([...next.views()].map(_temp));
 		});
-	}), d = [s], o[1] = s, o[2] = t1, o[3] = d), C(t1, d), l;
+		t2 = [$likec4model];
+		$[1] = $likec4model;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	useEffect(t1, t2);
+	return views;
+}
+function _temp(v) {
+	return v.$layouted;
 }
 function useCurrentViewId() {
-	let o = k(1), s;
-	return o[0] === Symbol.for("react.memo_cache_sentinel") ? (s = {
-		select: _temp,
-		strict: !1
-	}, o[0] = s) : s = o[0], c(s) ?? "index";
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			select: _temp2,
+			strict: false
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	return useParams(t0) ?? "index";
 }
-function _temp(o) {
-	return o.viewId;
+function _temp2(params) {
+	return params.viewId;
 }
+/**
+* Returns the current view and a function to set the layout type.
+*/
 function useCurrentView() {
-	let o = k(13), s = useCurrentViewId(), c = useLikeC4ModelAtom(), [l, u] = D("manual"), t0;
-	o[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => {
-		u("manual");
-	}, o[0] = t0) : t0 = o[0];
-	let d;
-	o[1] === s ? d = o[2] : (d = [s], o[1] = s, o[2] = d), useUpdateEffect(t0, d);
+	const $ = c(13);
+	const viewId = useCurrentViewId();
+	const $likec4model = useLikeC4ModelAtom();
+	const [layoutType, setLayoutType] = useState("manual");
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = () => {
+			setLayoutType("manual");
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== viewId) {
+		t1 = [viewId];
+		$[1] = viewId;
+		$[2] = t1;
+	} else t1 = $[2];
+	useUpdateEffect(t0, t1);
 	let t2;
-	o[3] !== c || o[4] !== s ? (t2 = () => c.get().findView(s)?.$layouted ?? null, o[3] = c, o[4] = s, o[5] = t2) : t2 = o[5];
-	let [f, p] = D(t2), t3, h;
-	o[6] !== c || o[7] !== l || o[8] !== s ? (t3 = () => c.subscribe((o, c) => {
-		p((c) => {
-			let u = o.findView(s);
-			if (!u) return c?.id === s ? c : null;
-			let d = l === "auto" ? u.$view : u.$layouted;
-			return m(c, d) ? c : d;
+	if ($[3] !== $likec4model || $[4] !== viewId) {
+		t2 = () => $likec4model.get().findView(viewId)?.$layouted ?? null;
+		$[3] = $likec4model;
+		$[4] = viewId;
+		$[5] = t2;
+	} else t2 = $[5];
+	const [view, setView] = useState(t2);
+	let t3;
+	let t4;
+	if ($[6] !== $likec4model || $[7] !== layoutType || $[8] !== viewId) {
+		t3 = () => $likec4model.subscribe((next) => {
+			setView((current) => {
+				const vm = next.findView(viewId);
+				if (!vm) return current?.id === viewId ? current : null;
+				const nextView = layoutType === "auto" ? vm.$view : vm.$layouted;
+				if (current && current.id === nextView.id && current._layout === nextView._layout && current.hash === nextView.hash && deepEqual(current, nextView)) return current;
+				return nextView;
+			});
 		});
-	}), h = [
-		c,
-		s,
-		l
-	], o[6] = c, o[7] = l, o[8] = s, o[9] = t3, o[10] = h) : (t3 = o[9], h = o[10]), C(t3, h);
-	let g;
-	return o[11] === f ? g = o[12] : (g = [f, u], o[11] = f, o[12] = g), g;
+		t4 = [
+			$likec4model,
+			viewId,
+			layoutType
+		];
+		$[6] = $likec4model;
+		$[7] = layoutType;
+		$[8] = viewId;
+		$[9] = t3;
+		$[10] = t4;
+	} else {
+		t3 = $[9];
+		t4 = $[10];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[11] !== view) {
+		t5 = [view, setLayoutType];
+		$[11] = view;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 }
 function useCurrentProject() {
-	let o = k(4), c = j(), l;
-	o[0] === Symbol.for("react.memo_cache_sentinel") ? (l = { select: selectProjectIdFromContext }, o[0] = l) : l = o[0];
-	let u = s(l), d;
-	return o[1] !== u || o[2] !== c ? (d = u && c.find((o) => o.id === u) || c[0], o[1] = u, o[2] = c, o[3] = d) : d = o[3], d;
-}
-function selectProjectIdFromContext(o) {
-	return o.find((o) => o.routeId === "/project/$projectId")?.params?.projectId ?? o.at(-1)?.context.projectId ?? void 0;
-}
-//#endregion
-export { createReactComponent as A, useTimeoutEffect as C, useSyncedRef as D, R as E, t$1 as F, N as I, M as L, e as M, r$1 as N, L as O, P, t$3 as R, useUpdateEffect as S, z as T, useStore as _, useTransparentBackground as a, G as b, Q as c, createSafeContextForActor as d, re as f, ie as g, ae as h, useLikeC4Views as i, t as j, I as k, te as l, useDiagram as m, useCurrentView as n, oe as o, ne as p, useCurrentViewId as r, useLikeC4ModelAtom as s, useCurrentProject as t, ee as u, onMount as v, useFirstMountState as w, depsShallowEqual as x, atom as y, e$2 as z };
+	const $ = c(4);
+	const projects = useLikeC4Projects();
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			select: selectProjectIdFromContext,
+			structuralSharing: false
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const projectId = useMatches(t0);
+	let t1;
+	if ($[1] !== projectId || $[2] !== projects) {
+		t1 = projectId && projects.find((p) => p.id === projectId) || projects[0];
+		$[1] = projectId;
+		$[2] = projects;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+}
+function selectProjectIdFromContext(matches) {
+	return matches.find((m) => m.routeId === "/project/$projectId")?.params?.projectId ?? matches.at(-1)?.context.projectId ?? void 0;
+}
+export { useTransparentBackground as a, useLikeC4Views as i, useCurrentView as n, useCurrentViewId as r, useCurrentProject as t };