likec4 1.59.4 → 1.61.0

package/__app__/src/chunks/AIChat.mjs

@@ -1,402 +1,806 @@
-import { i as e } from "./rolldown-runtime.mjs";
-import { c as t } from "./libs/@tanstack.mjs";
-import { C as n, F as r, N as i, O as a, _ as o, b as s, c, j as l, k as u, m as d, t as f, v as p, y as m } from "./hooks.mjs";
-import { At as h, C as g, F as _, H as v, Z as ee, _t as te, b as y, et as b, nn as ne, r as re, v as ie, vt as x } from "./libs/@mantine.mjs";
-import { C as S, L as C, T as w, y as T } from "./styled-system.mjs";
-import { i as ae, m as oe } from "./libs/framer.mjs";
-import { a as E, c as D, i as se, n as O, o as k, r as A, s as j, t as M } from "./libs/zod.mjs";
-import { a as N, i as ce, n as le, r as ue, t as de } from "./libs/@tanstack-ai.mjs";
-import { createContext as fe, use as pe, useEffect as me, useRef as P, useState as he } from "react";
-import { c as F } from "react/compiler-runtime";
-import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
-import { RichText as ge, nonNullable as _e, nonexhaustive as ve } from "@likec4/core";
-import { ElementShapes as ye } from "@likec4/core/styles";
-import { AIAdapter as be } from "likec4:rpc";
-//#region ../../node_modules/.pnpm/nanostores@1.5.3/node_modules/nanostores/computed/index.js
-var computedStore = (e, t, n) => {
-	Array.isArray(e) || (e = [e]);
-	let r, i, set = () => {
-		if (i === s.epoch) return;
-		i = s.epoch;
-		let n = e.map((e) => e.get());
-		if (!r?.every((t, r) => e[r].eq(t, n[r]))) {
-			r = n;
-			let e = t(...n);
-			e && e.then && e.t ? e.then((e) => {
-				r === n && a.set(e);
-			}) : (a.set(e), i = s.epoch);
+import { r as __name } from "./rolldown-runtime.mjs";
+import { f as css, i as HStack, o as VStack, r as Txt } from "./styled-system.mjs";
+import { t as useSyncedRef } from "./useSyncedRef.mjs";
+import { v as createReactComponent } from "./libs/@tabler/icons-react.mjs";
+import { a as toolDefinition, i as fetchServerSentEvents, n as useChat$1, r as clientTools, t as ChatMessage$1 } from "./libs/@tanstack-ai.mjs";
+import { t as useStore } from "./react.mjs";
+import { i as nanostoresGlobal, n as onMount, r as atom } from "./libs/nanostores.mjs";
+import { c as useNavigate } from "./libs/@tanstack.mjs";
+import { a as a$2, c as r$1, i as t, l as t$1, n as e, o as e$1, r as n, s as n$1, t as a$3 } from "./find.mjs";
+import { t as useCurrentProject } from "./hooks.mjs";
+import { createContext, use, useCallback, useEffect, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ActionIcon, Badge, Button, CloseButton, FloatingWindow, Modal, Notification, ScrollAreaAutosize, Textarea, Title, Tooltip } from "@mantine/core";
+import { Markdown, useDiagram } from "likec4/react";
+import { useLocalStorage } from "@mantine/hooks";
+import { z } from "zod";
+import { AnimatePresence, m } from "motion/react";
+import { RichText, nonNullable, nonexhaustive } from "@likec4/core";
+import { AIAdapter } from "likec4:rpc";
+import { ElementShapes } from "@likec4/core/styles";
+// ../../node_modules/.pnpm/remeda@2.52.0/node_modules/remeda/dist/map.js
+function r(...t$2) {
+	return t(i, t$2, a$1);
+}
+var i = (e, t) => e.map(t);
+var a$1 = /* @__PURE__ */ __name((e$2) => n(e$2) ? e((t, n, r) => e$2(t, n, r)) : e$2, "a");
+// ../../node_modules/.pnpm/remeda@2.52.0/node_modules/remeda/dist/pipe-D-eT-Ko7.js
+var a = "Remeda: unexpected access to a callback's `data` argument during lazy evaluation.";
+var o = /^(?:0|[1-9]\d*)$/u;
+var s = new Proxy([{ error: a }], {
+	get: c$1,
+	getOwnPropertyDescriptor: c$1,
+	has: c$1,
+	ownKeys: l,
+	defineProperty: l,
+	deleteProperty: l,
+	preventExtensions: l,
+	set: l,
+	setPrototypeOf: l
+});
+function c$1(e, t) {
+	(t in Array.prototype || o.test(String(t))) && l();
+}
+__name(c$1, "c");
+function l() {
+	throw Error(a);
+}
+function u(t, n, r) {
+	let i = n(...r);
+	let a = i.requiresData ? [] : void 0;
+	let o = a ?? s;
+	let c = a$2();
+	let l = [];
+	let u = 0;
+	if (Array.isArray(t)) for (let e of t) {
+		a?.push(e);
+		let t = d(i(e, u, o, c), l, c);
+		if (u += 1, t) break;
+	}
+	else for (let e of t) {
+		a?.push(e);
+		let t = d(i(e, u, o, c), l, c);
+		if (u += 1, t) break;
+	}
+	return n.single ? l[0] : l;
+}
+function d(e, a, o) {
+	if (typeof e == `symbol`) {
+		if (e === e$1) return !1;
+		if (e === r$1) {
+			for (let e of o.values) a.push(e);
+			return !1;
+		}
+		if (e === n$1) return a.push(o.value), !0;
+		if (e === t$1) return !0;
+	}
+	return a.push(e), !1;
+}
+function f(e, ...t) {
+	if (t.length === 0) return e;
+	if (t.length === 1) {
+		let n = t[0];
+		return `lazy` in n ? u(e, n.lazy, n.lazyArgs) : n(e);
+	}
+	let n = e;
+	let r = 0;
+	for (; r < t.length;) {
+		let e = t[r];
+		if (!(`lazy` in e)) {
+			n = e(n), r += 1;
+			continue;
+		}
+		let i = t[r + 1];
+		if (i === void 0 || !(`lazy` in i) || e.lazy.single) {
+			n = u(n, e.lazy, e.lazyArgs), r += 1;
+			continue;
+		}
+		let a = p(t, r);
+		n = m$1(n, a), r += a.length, t[r - 1].lazy.single && (n = n[0]);
+	}
+	return n;
+}
+function p(e, t) {
+	let n = [];
+	for (let r = t; r < e.length; r++) {
+		let t = e[r];
+		if (!(`lazy` in t)) break;
+		let i = t.lazy(...t.lazyArgs);
+		if (n.push(i.requiresData ? {
+			lazyEvaluator: i,
+			index: 0,
+			requiresData: !0,
+			items: []
+		} : {
+			lazyEvaluator: i,
+			index: 0,
+			requiresData: !1,
+			items: s
+		}), t.lazy.single) break;
+	}
+	return n;
+}
+function m$1(t, n) {
+	let r = [];
+	let i = a$2();
+	if (Array.isArray(t)) {
+		for (let e of t) if (h(n, r, e, i, 0)) break;
+	} else for (let e of t) if (h(n, r, e, i, 0)) break;
+	return r;
+}
+__name(m$1, "m");
+function h(e, a, o, s, c) {
+	let l = o;
+	let u = !1;
+	for (let o = c; o < e.length; o++) {
+		let c = e[o];
+		c.requiresData && c.items.push(l);
+		let { lazyEvaluator: d } = c, f = d(l, c.index, c.items, s);
+		if (c.index += 1, typeof f == `symbol`) {
+			if (f === e$1) return u;
+			if (f === r$1) {
+				for (let t of s.values) if (h(e, a, t, s, o + 1)) return !0;
+				return u;
+			}
+			if (f === n$1) {
+				l = s.value, u = !0;
+				continue;
+			}
+			if (f === t$1) return !0;
 		}
-	}, a = /* @__PURE__ */ m(), o = a.get;
-	a.get = () => (set(), o());
-	let c, l = n ? () => {
-		clearTimeout(c), c = setTimeout(set);
+		l = f;
+	}
+	return a.push(l), u;
+}
+/**
+* @license @tabler/icons-react v3.49.0 - MIT
+*
+* This source code is licensed under the MIT license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var IconSparkles = 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"
+}]]);
+/**
+* @license @tabler/icons-react v3.49.0 - MIT
+*
+* This source code is licensed under the MIT license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var IconPlayerStopFilled = 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"
+}]]);
+// ../../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/useTimeoutEffect/index.js
+var cancelTimeout = (id) => {
+	if (id) clearTimeout(id);
+};
+/**
+* Like `setTimeout` but in the form of a react hook.
+*
+* @param callback Callback to be called after the timeout. Changing this
+* will not reset the timeout.
+* @param ms Timeout delay in milliseconds. `undefined` disables the timeout.
+* Keep in mind, that changing this parameter will re-set timeout, meaning
+* that it will be set as new after the change.
+*/
+function useTimeoutEffect(callback, ms) {
+	const cbRef = useSyncedRef(callback);
+	const msRef = useSyncedRef(ms);
+	const timeoutIdRef = useRef(null);
+	const cancel = useCallback(() => {
+		cancelTimeout(timeoutIdRef.current);
+	}, []);
+	const reset = useCallback(() => {
+		if (msRef.current === void 0) return;
+		cancel();
+		timeoutIdRef.current = setTimeout(() => {
+			cbRef.current();
+		}, msRef.current);
+	}, []);
+	useEffect(() => {
+		reset();
+		return cancel;
+	}, [ms]);
+	return [cancel, reset];
+}
+// ../../node_modules/.pnpm/nanostores@1.5.5/node_modules/nanostores/computed/index.js
+var computedStore = (stores, cb, batched) => {
+	if (!Array.isArray(stores)) stores = [stores];
+	let previousArgs;
+	let currentEpoch;
+	let set = () => {
+		if (currentEpoch === nanostoresGlobal.epoch) return;
+		currentEpoch = nanostoresGlobal.epoch;
+		let args = stores.map(($store) => $store.get());
+		if (!previousArgs?.every((arg, i) => stores[i].eq(arg, args[i]))) {
+			previousArgs = args;
+			let value = cb(...args);
+			if (value && value.then && value.t) value.then((asyncValue) => {
+				if (previousArgs === args) $computed.set(asyncValue);
+			});
+			else {
+				$computed.set(value);
+				currentEpoch = nanostoresGlobal.epoch;
+			}
+		}
+	};
+	let $computed = /* @__PURE__ */ atom();
+	let get = $computed.get;
+	$computed.get = () => {
+		set();
+		return get();
+	};
+	let timer;
+	let run = batched ? () => {
+		clearTimeout(timer);
+		timer = setTimeout(set);
 	} : set;
-	return p(a, () => {
-		let t = e.map((e) => e.listen(l));
-		return set(), () => {
-			for (let e of t) e();
+	onMount($computed, () => {
+		let unbinds = stores.map(($store) => $store.listen(run));
+		set();
+		return () => {
+			for (let unbind of unbinds) unbind();
 		};
-	}), a;
-}, batched = /* @__NO_SIDE_EFFECTS__ */ (e, t) => computedStore(e, t, !0), z = fe(null);
+	});
+	return $computed;
+};
+var batched = /* @__NO_SIDE_EFFECTS__ */ (stores, fn) => computedStore(stores, fn, true);
+// src/aichat/ChatContext.tsx
+var ChatContext = createContext(null);
 function useChatContext() {
-	return _e(pe(z), "useChatContext: ChatProvider is not provided");
+	return nonNullable(use(ChatContext), "useChatContext: ChatProvider is not provided");
 }
-//#endregion
-//#region src/aichat/ChatInput.tsx
+// src/aichat/ChatInput.tsx
 function ChatInput() {
-	let e = F(22), { sendMessage: t, isLoading: n, messages: r, clear: i, stop: o } = useChatContext(), [s, c] = he(""), l = P(null), t0;
-	e[0] !== n || e[1] !== t || e[2] !== s ? (t0 = () => {
-		s.trim() && !n && (t(s), c(""));
-	}, e[0] = n, e[1] = t, e[2] = s, e[3] = t0) : t0 = e[3];
-	let u = t0, t1;
-	e[4] === Symbol.for("react.memo_cache_sentinel") ? (t1 = (e) => c(e.target.value), e[4] = t1) : t1 = e[4];
+	const $ = c(22);
+	const { sendMessage, isLoading, messages, clear, stop } = useChatContext();
+	const [value, setValue] = useState("");
+	const inputRef = useRef(null);
+	let t0;
+	if ($[0] !== isLoading || $[1] !== sendMessage || $[2] !== value) {
+		t0 = () => {
+			if (!value.trim() || isLoading) return;
+			sendMessage(value);
+			setValue("");
+		};
+		$[0] = isLoading;
+		$[1] = sendMessage;
+		$[2] = value;
+		$[3] = t0;
+	} else t0 = $[3];
+	const handleSubmit = t0;
+	let t1;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (e) => setValue(e.target.value);
+		$[4] = t1;
+	} else t1 = $[4];
 	let t2;
-	e[5] === u ? t2 = e[6] : (t2 = (e) => {
-		e.key === "Enter" && !e.shiftKey && !e.ctrlKey && !e.metaKey && (e.preventDefault(), u());
-	}, e[5] = u, e[6] = t2);
-	let d;
-	e[7] !== n || e[8] !== t2 || e[9] !== s ? (d = /* @__PURE__ */ L(_, {
-		flex: 1,
-		className: "chat-input",
-		placeholder: "Your question...",
-		value: s,
-		onChange: t1,
-		onKeyDown: t2,
-		disabled: n,
-		ref: l,
-		loading: n,
-		autosize: !0,
-		minRows: 1
-	}), e[7] = n, e[8] = t2, e[9] = s, e[10] = d) : d = e[10];
-	let f;
-	e[11] !== i || e[12] !== n || e[13] !== r.length ? (f = r.length > 0 && !n && /* @__PURE__ */ L(ee, {
-		size: "sm",
-		color: "red",
-		variant: "light",
-		onClick: () => i(),
-		children: "Clear"
-	}), e[11] = i, e[12] = n, e[13] = r.length, e[14] = f) : f = e[14];
-	let p;
-	e[15] !== n || e[16] !== o ? (p = n && /* @__PURE__ */ L(x, {
-		color: "red",
-		variant: "light",
-		onClick: () => o(),
-		children: /* @__PURE__ */ L(a, {})
-	}), e[15] = n, e[16] = o, e[17] = p) : p = e[17];
-	let m;
-	return e[18] !== d || e[19] !== f || e[20] !== p ? (m = /* @__PURE__ */ R(S, { children: [
-		d,
-		f,
-		p
-	] }), e[18] = d, e[19] = f, e[20] = p, e[21] = m) : m = e[21], m;
-}
-//#endregion
-//#region src/aichat/ChatMessage.tsx
+	if ($[5] !== handleSubmit) {
+		t2 = (e_0) => {
+			if (e_0.key === "Enter" && !e_0.shiftKey && !e_0.ctrlKey && !e_0.metaKey) {
+				e_0.preventDefault();
+				handleSubmit();
+			}
+		};
+		$[5] = handleSubmit;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== isLoading || $[8] !== t2 || $[9] !== value) {
+		t3 = /* @__PURE__ */ jsx(Textarea, {
+			flex: 1,
+			className: "chat-input",
+			placeholder: "Your question...",
+			value,
+			onChange: t1,
+			onKeyDown: t2,
+			disabled: isLoading,
+			ref: inputRef,
+			loading: isLoading,
+			autosize: true,
+			minRows: 1
+		});
+		$[7] = isLoading;
+		$[8] = t2;
+		$[9] = value;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
+	if ($[11] !== clear || $[12] !== isLoading || $[13] !== messages.length) {
+		t4 = messages.length > 0 && !isLoading && /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			color: "red",
+			variant: "light",
+			onClick: () => clear(),
+			children: "Clear"
+		});
+		$[11] = clear;
+		$[12] = isLoading;
+		$[13] = messages.length;
+		$[14] = t4;
+	} else t4 = $[14];
+	let t5;
+	if ($[15] !== isLoading || $[16] !== stop) {
+		t5 = isLoading && /* @__PURE__ */ jsx(ActionIcon, {
+			color: "red",
+			variant: "light",
+			onClick: () => stop(),
+			children: /* @__PURE__ */ jsx(IconPlayerStopFilled, {})
+		});
+		$[15] = isLoading;
+		$[16] = stop;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== t3 || $[19] !== t4 || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(HStack, { children: [
+			t3,
+			t4,
+			t5
+		] });
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	return t6;
+}
+// src/aichat/ChatMessage.tsx
 function ChatMessages() {
-	let e = F(7), { messages: t, error: n } = useChatContext(), r;
-	e[0] === t ? r = e[1] : (r = t.map(_temp), e[0] = t, e[1] = r);
-	let i;
-	e[2] === n ? i = e[3] : (i = n && /* @__PURE__ */ L(y, {
-		styles: { icon: { alignSelf: "flex-start" } },
-		color: "red",
-		title: "Oops, something went wrong",
-		withCloseButton: !1,
-		children: /* @__PURE__ */ R(T, {
-			fontSize: "sm",
-			fontFamily: "mono",
-			whiteSpace: "pre",
-			my: "xs",
-			children: [n.message, n.stack && "\n" + n.stack]
-		})
-	}), e[2] = n, e[3] = i);
-	let a;
-	return e[4] !== r || e[5] !== i ? (a = /* @__PURE__ */ R(I, { children: [r, i] }), e[4] = r, e[5] = i, e[6] = a) : a = e[6], a;
-}
-function _temp(e) {
-	return /* @__PURE__ */ L(ChatMessage, { message: e }, e.id);
-}
-var ChatMessage = (e) => {
-	let t = F(4), { message: n } = e, r = n.role, i;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = C({
-		color: "text.bright",
-		alignSelf: "flex-end",
-		paddingInline: "2",
-		paddingBlock: "1",
-		marginInlineEnd: "2",
-		rounded: "sm",
-		backgroundColor: "surface.hover",
-		whiteSpace: "pre-wrap"
-	}), t[0] = i) : i = t[0];
-	let a = r === "user" ? UserMessageTextPart : MarkdownTextPart, o;
-	return t[1] !== n || t[2] !== a ? (o = /* @__PURE__ */ L(de, {
-		message: n,
-		userClassName: i,
-		textPartRenderer: a
-	}), t[1] = n, t[2] = a, t[3] = o) : o = t[3], o;
-}, UserMessageTextPart = (e) => {
-	let t = F(2), { content: n } = e, r;
-	return t[0] === n ? r = t[1] : (r = /* @__PURE__ */ L(I, { children: n }), t[0] = n, t[1] = r), r;
-}, MarkdownTextPart = (e) => {
-	let t = F(4), { content: n } = e, r;
-	t[0] === n ? r = t[1] : (r = ge.from({ md: n }), t[0] = n, t[1] = r);
-	let i;
-	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ L(c, {
-		textScale: .95,
-		value: r
-	}), t[2] = r, t[3] = i), i;
-}, B = /* @__PURE__ */ m(""), V = /* @__PURE__ */ m("closed"), xe = /* @__PURE__ */ batched([B, V], (e, t) => ({
-	log: e,
-	status: t
+	const $ = c(7);
+	const { messages, error } = useChatContext();
+	let t0;
+	if ($[0] !== messages) {
+		t0 = messages.map(_temp);
+		$[0] = messages;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== error) {
+		t1 = error && /* @__PURE__ */ jsx(Notification, {
+			styles: { icon: { alignSelf: "flex-start" } },
+			color: "red",
+			title: "Oops, something went wrong",
+			withCloseButton: false,
+			children: /* @__PURE__ */ jsxs(Txt, {
+				fontSize: "sm",
+				fontFamily: "mono",
+				whiteSpace: "pre",
+				my: "xs",
+				children: [error.message, error.stack && "\n" + error.stack]
+			})
+		});
+		$[2] = error;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t0 || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(Fragment, { children: [t0, t1] });
+		$[4] = t0;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
+}
+function _temp(message) {
+	return /* @__PURE__ */ jsx(ChatMessage, { message }, message.id);
+}
+var ChatMessage = (t0) => {
+	const $ = c(4);
+	const { message } = t0;
+	const role = message.role;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = css({
+			color: "text.bright",
+			alignSelf: "flex-end",
+			paddingInline: "2",
+			paddingBlock: "1",
+			marginInlineEnd: "2",
+			rounded: "sm",
+			backgroundColor: "surface.hover",
+			whiteSpace: "pre-wrap"
+		});
+		$[0] = t1;
+	} else t1 = $[0];
+	const t2 = role === "user" ? UserMessageTextPart : MarkdownTextPart;
+	let t3;
+	if ($[1] !== message || $[2] !== t2) {
+		t3 = /* @__PURE__ */ jsx(ChatMessage$1, {
+			message,
+			userClassName: t1,
+			textPartRenderer: t2
+		});
+		$[1] = message;
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+};
+var UserMessageTextPart = (t0) => {
+	const $ = c(2);
+	const { content } = t0;
+	let t1;
+	if ($[0] !== content) {
+		t1 = /* @__PURE__ */ jsx(Fragment, { children: content });
+		$[0] = content;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+var MarkdownTextPart = (t0) => {
+	const $ = c(4);
+	const { content } = t0;
+	let t1;
+	if ($[0] !== content) {
+		t1 = RichText.from({ md: content });
+		$[0] = content;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Markdown, {
+			textScale: .95,
+			value: t1
+		});
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+// src/aichat/semantic-layout-log-state.ts
+var $log = /* @__PURE__ */ atom("");
+var $status = /* @__PURE__ */ atom("closed");
+var $state = /* @__PURE__ */ batched([$log, $status], (log, status) => ({
+	log,
+	status
 }));
 function useSemanticLayoutLog() {
-	return o(xe);
+	return useStore($state);
 }
 function closeSemanticLayoutLog() {
-	V.set("closed"), B.set("");
+	$status.set("closed");
+	$log.set("");
 }
-//#endregion
-//#region src/aichat/SemanticLayoutLog.tsx
+// src/aichat/SemanticLayoutLog.tsx
+/**
+* Modal that shows the log of the semantic layout application
+* (For internal debugging purposes)
+*/
 function SemanticLayoutLog() {
-	let e = F(6), { log: t, status: n } = useSemanticLayoutLog();
-	if (n === "closed") return null;
-	let r = n === "completed", i;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ L(re, {
-		order: 4,
-		children: "Semantic Layout"
-	}), e[0] = i) : i = e[0];
-	let a = t || "Waiting for response...", o;
-	e[1] === a ? o = e[2] : (o = /* @__PURE__ */ L(T, {
-		whiteSpace: "pre-wrap",
-		children: a
-	}), e[1] = a, e[2] = o);
-	let s;
-	return e[3] !== r || e[4] !== o ? (s = /* @__PURE__ */ L(g, {
-		size: "xl",
-		opened: !0,
-		onClose: closeSemanticLayoutLog,
-		closeOnEscape: r,
-		withCloseButton: r,
-		closeOnClickOutside: r,
-		title: i,
-		children: o
-	}), e[3] = r, e[4] = o, e[5] = s) : s = e[5], s;
-}
-//#endregion
-//#region ../vite-plugin/src/ai/tools.ts
-var H = j({
-	id: D().meta({ description: "Node ID" }),
-	title: D(),
-	shape: M(ye),
-	color: D().meta({ description: "Node color, from theme or custom" }),
-	icon: D().nullish(),
-	parentId: D().nullish().meta({ description: "Parent node ID (if node is nested)" }),
-	children: O(D()).nullish().meta({ description: "Nested node IDs (if node is compound)" }),
-	x: k(),
-	y: k(),
-	width: k(),
-	height: k(),
-	modelFqn: D().nullish().meta({ description: "Model element FQN (if node has reference)" })
-}), Se = N({
+	const $ = c(6);
+	const { log, status } = useSemanticLayoutLog();
+	if (status === "closed") return null;
+	const closable = status === "completed";
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(Title, {
+			order: 4,
+			children: "Semantic Layout"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	const t1 = log || "Waiting for response...";
+	let t2;
+	if ($[1] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Txt, {
+			whiteSpace: "pre-wrap",
+			children: t1
+		});
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== closable || $[4] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Modal, {
+			size: "xl",
+			opened: true,
+			onClose: closeSemanticLayoutLog,
+			closeOnEscape: closable,
+			withCloseButton: closable,
+			closeOnClickOutside: closable,
+			title: t0,
+			children: t2
+		});
+		$[3] = closable;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
+}
+// ../vite-plugin/src/ai/tools.ts
+var nodeSchema = z.object({
+	id: z.string().meta({ description: "Node ID" }),
+	title: z.string(),
+	shape: z.enum(ElementShapes),
+	color: z.string().meta({ description: "Node color, from theme or custom" }),
+	icon: z.string().nullish(),
+	parentId: z.string().nullish().meta({ description: "Parent node ID (if node is nested)" }),
+	children: z.array(z.string()).nullish().meta({ description: "Nested node IDs (if node is compound)" }),
+	x: z.number(),
+	y: z.number(),
+	width: z.number(),
+	height: z.number(),
+	modelFqn: z.string().nullish().meta({ description: "Model element FQN (if node has reference)" })
+});
+var readUiStateDef = toolDefinition({
 	name: "read_ui",
 	description: "Read current UI state. Use arguments to include additional data.",
-	needsApproval: !1,
-	inputSchema: j({
-		selectedNode: A().default(!1).meta({ description: "Include selected node (if any)" }),
-		nodes: A().default(!1).meta({ description: "Include all nodes from the view" })
+	needsApproval: false,
+	inputSchema: z.object({
+		selectedNode: z.boolean().default(false).meta({ description: "Include selected node (if any)" }),
+		nodes: z.boolean().default(false).meta({ description: "Include all nodes from the view" })
 	}),
-	outputSchema: j({
-		projectId: D(),
-		editMode: A().meta({ description: "Whether the UI is in edit mode" }),
-		view: j({
-			id: D(),
-			title: D(),
-			type: M([
+	outputSchema: z.object({
+		projectId: z.string(),
+		editMode: z.boolean().meta({ description: "Whether the UI is in edit mode" }),
+		view: z.object({
+			id: z.string(),
+			title: z.string(),
+			type: z.enum([
 				"element",
 				"deployment",
 				"dynamic"
 			]).meta({ description: "Type of the current view" })
 		}).meta({ description: "Current view" }),
-		nodes: O(H).nullish(),
-		selectedNode: H.nullish()
+		nodes: z.array(nodeSchema).nullish(),
+		selectedNode: nodeSchema.nullish()
 	})
-}), Ce = j({
-	type: E("focus"),
-	elementId: D().meta({ description: "Element ID (FQN)" })
-}).meta({ description: "Focus UI on an element by its FQN" }), we = j({ type: E("fitview") }).meta({ description: "Zoom out to fit all elements in the viewport, and clear any selection/focus" }), Te = N({
+});
+var focusCommand = z.object({
+	type: z.literal("focus"),
+	elementId: z.string().meta({ description: "Element ID (FQN)" })
+}).meta({ description: "Focus UI on an element by its FQN" });
+var fitViewCommand = z.object({ type: z.literal("fitview") }).meta({ description: "Zoom out to fit all elements in the viewport, and clear any selection/focus" });
+var updateUiStateDef = toolDefinition({
 	name: "update_ui",
 	description: "Update UI state by executing a command.",
-	needsApproval: !1,
-	inputSchema: j({ command: se("type", [Ce, we]) }),
-	outputSchema: j({})
-}), Ee = N({
+	needsApproval: false,
+	inputSchema: z.object({ command: z.discriminatedUnion("type", [focusCommand, fitViewCommand]) }),
+	outputSchema: z.object({})
+});
+var navigateToDef = toolDefinition({
 	name: "navigate_to",
 	description: "Navigates UI to another view",
-	needsApproval: !1,
-	inputSchema: j({ viewId: D().meta({ description: "View ID" }) }),
-	outputSchema: j({})
-}), DoubleIndexedKV = class {
+	needsApproval: false,
+	inputSchema: z.object({ viewId: z.string().meta({ description: "View ID" }) }),
+	outputSchema: z.object({})
+});
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/double-indexed-kv.js
+var DoubleIndexedKV = class {
 	constructor() {
-		this.keyToValue = /* @__PURE__ */ new Map(), this.valueToKey = /* @__PURE__ */ new Map();
+		this.keyToValue = /* @__PURE__ */ new Map();
+		this.valueToKey = /* @__PURE__ */ new Map();
 	}
-	set(e, t) {
-		this.keyToValue.set(e, t), this.valueToKey.set(t, e);
+	set(key, value) {
+		this.keyToValue.set(key, value);
+		this.valueToKey.set(value, key);
 	}
-	getByKey(e) {
-		return this.keyToValue.get(e);
+	getByKey(key) {
+		return this.keyToValue.get(key);
 	}
-	getByValue(e) {
-		return this.valueToKey.get(e);
+	getByValue(value) {
+		return this.valueToKey.get(value);
 	}
 	clear() {
-		this.keyToValue.clear(), this.valueToKey.clear();
+		this.keyToValue.clear();
+		this.valueToKey.clear();
 	}
-}, Registry = class {
-	constructor(e) {
-		this.generateIdentifier = e, this.kv = new DoubleIndexedKV();
+};
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/registry.js
+var Registry = class {
+	constructor(generateIdentifier) {
+		this.generateIdentifier = generateIdentifier;
+		this.kv = new DoubleIndexedKV();
 	}
-	register(e, t) {
-		this.kv.getByValue(e) || (t ||= this.generateIdentifier(e), this.kv.set(t, e));
+	register(value, identifier) {
+		if (this.kv.getByValue(value)) return;
+		if (!identifier) identifier = this.generateIdentifier(value);
+		this.kv.set(identifier, value);
 	}
 	clear() {
 		this.kv.clear();
 	}
-	getIdentifier(e) {
-		return this.kv.getByValue(e);
+	getIdentifier(value) {
+		return this.kv.getByValue(value);
 	}
-	getValue(e) {
-		return this.kv.getByKey(e);
+	getValue(identifier) {
+		return this.kv.getByKey(identifier);
 	}
-}, ClassRegistry = class extends Registry {
+};
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/class-registry.js
+var ClassRegistry = class extends Registry {
 	constructor() {
-		super((e) => e.name), this.classToAllowedProps = /* @__PURE__ */ new Map();
+		super((c) => c.name);
+		this.classToAllowedProps = /* @__PURE__ */ new Map();
 	}
-	register(e, t) {
-		typeof t == "object" ? (t.allowProps && this.classToAllowedProps.set(e, t.allowProps), super.register(e, t.identifier)) : super.register(e, t);
+	register(value, options) {
+		if (typeof options === "object") {
+			if (options.allowProps) this.classToAllowedProps.set(value, options.allowProps);
+			super.register(value, options.identifier);
+		} else super.register(value, options);
 	}
-	getAllowedProps(e) {
-		return this.classToAllowedProps.get(e);
+	getAllowedProps(value) {
+		return this.classToAllowedProps.get(value);
 	}
 };
-//#endregion
-//#region ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/util.js
-function valuesOfObj(e) {
-	if ("values" in Object) return Object.values(e);
-	let t = [];
-	for (let n in e) e.hasOwnProperty(n) && t.push(e[n]);
-	return t;
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/util.js
+function valuesOfObj(record) {
+	if ("values" in Object) return Object.values(record);
+	const values = [];
+	for (const key in record) if (record.hasOwnProperty(key)) values.push(record[key]);
+	return values;
 }
-function find(e, t) {
-	let n = valuesOfObj(e);
-	if ("find" in n) return n.find(t);
-	let r = n;
-	for (let e = 0; e < r.length; e++) {
-		let n = r[e];
-		if (t(n)) return n;
+function find(record, predicate) {
+	const values = valuesOfObj(record);
+	if ("find" in values) return values.find(predicate);
+	const valuesNotNever = values;
+	for (let i = 0; i < valuesNotNever.length; i++) {
+		const value = valuesNotNever[i];
+		if (predicate(value)) return value;
 	}
 }
-function forEach(e, t) {
-	Object.entries(e).forEach(([e, n]) => t(n, e));
+function forEach(record, run) {
+	Object.entries(record).forEach(([key, value]) => run(value, key));
 }
-function includes(e, t) {
-	return e.indexOf(t) !== -1;
+function includes(arr, value) {
+	return arr.indexOf(value) !== -1;
 }
-function findArr(e, t) {
-	for (let n = 0; n < e.length; n++) {
-		let r = e[n];
-		if (t(r)) return r;
+function findArr(record, predicate) {
+	for (let i = 0; i < record.length; i++) {
+		const value = record[i];
+		if (predicate(value)) return value;
 	}
 }
-//#endregion
-//#region ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/custom-transformer-registry.js
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/custom-transformer-registry.js
 var CustomTransformerRegistry = class {
 	constructor() {
 		this.transfomers = {};
 	}
-	register(e) {
-		this.transfomers[e.name] = e;
+	register(transformer) {
+		this.transfomers[transformer.name] = transformer;
 	}
-	findApplicable(e) {
-		return find(this.transfomers, (t) => t.isApplicable(e));
+	findApplicable(v) {
+		return find(this.transfomers, (transformer) => transformer.isApplicable(v));
 	}
-	findByName(e) {
-		return this.transfomers[e];
+	findByName(name) {
+		return this.transfomers[name];
 	}
-}, De = /* @__PURE__ */ e((e) => Object.prototype.toString.call(e).slice(8, -1), "getType"), isUndefined = (e) => e === void 0, isNull = (e) => e === null, U = /* @__PURE__ */ e((e) => typeof e != "object" || !e || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null || Object.getPrototypeOf(e) === Object.prototype, "isPlainObject"), isEmptyObject = (e) => U(e) && Object.keys(e).length === 0, W = /* @__PURE__ */ e((e) => Array.isArray(e), "isArray"), isString = (e) => typeof e == "string", isNumber = (e) => typeof e == "number" && !isNaN(e), isBoolean = (e) => typeof e == "boolean", isRegExp = (e) => e instanceof RegExp, isMap = (e) => e instanceof Map, isSet = (e) => e instanceof Set, isSymbol = (e) => De(e) === "Symbol", isDate = (e) => e instanceof Date && !isNaN(e.valueOf()), isError = (e) => e instanceof Error, isNaNValue = (e) => typeof e == "number" && isNaN(e), isPrimitive = (e) => isBoolean(e) || isNull(e) || isUndefined(e) || isNumber(e) || isString(e) || isSymbol(e), isBigint = (e) => typeof e == "bigint", isInfinite = (e) => e === Infinity || e === -Infinity, isTypedArray = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), isURL = (e) => e instanceof URL, escapeKey = (e) => e.replace(/\\/g, "\\\\").replace(/\./g, "\\."), stringifyPath = (e) => e.map(String).map(escapeKey).join("."), parsePath = (e, t) => {
-	let n = [], r = "";
-	for (let i = 0; i < e.length; i++) {
-		let a = e.charAt(i);
-		if (!t && a === "\\") {
-			let t = e.charAt(i + 1);
-			if (t === "\\") {
-				r += "\\", i++;
+};
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/is.js
+var getType$1 = /* @__PURE__ */ __name((payload) => Object.prototype.toString.call(payload).slice(8, -1), "getType");
+var isUndefined = (payload) => typeof payload === "undefined";
+var isNull = (payload) => payload === null;
+var isPlainObject$1 = /* @__PURE__ */ __name((payload) => {
+	if (typeof payload !== "object" || payload === null) return false;
+	if (payload === Object.prototype) return false;
+	if (Object.getPrototypeOf(payload) === null) return true;
+	return Object.getPrototypeOf(payload) === Object.prototype;
+}, "isPlainObject");
+var isEmptyObject = (payload) => isPlainObject$1(payload) && Object.keys(payload).length === 0;
+var isArray$1 = /* @__PURE__ */ __name((payload) => Array.isArray(payload), "isArray");
+var isString = (payload) => typeof payload === "string";
+var isNumber = (payload) => typeof payload === "number" && !isNaN(payload);
+var isBoolean = (payload) => typeof payload === "boolean";
+var isRegExp = (payload) => payload instanceof RegExp;
+var isMap = (payload) => payload instanceof Map;
+var isSet = (payload) => payload instanceof Set;
+var isSymbol = (payload) => getType$1(payload) === "Symbol";
+var isDate = (payload) => payload instanceof Date && !isNaN(payload.valueOf());
+var isError = (payload) => payload instanceof Error;
+var isNaNValue = (payload) => typeof payload === "number" && isNaN(payload);
+var isPrimitive = (payload) => isBoolean(payload) || isNull(payload) || isUndefined(payload) || isNumber(payload) || isString(payload) || isSymbol(payload);
+var isBigint = (payload) => typeof payload === "bigint";
+var isInfinite = (payload) => payload === Infinity || payload === -Infinity;
+var isTypedArray = (payload) => ArrayBuffer.isView(payload) && !(payload instanceof DataView);
+var isURL = (payload) => payload instanceof URL;
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/pathstringifier.js
+var escapeKey = (key) => key.replace(/\\/g, "\\\\").replace(/\./g, "\\.");
+var stringifyPath = (path) => path.map(String).map(escapeKey).join(".");
+var parsePath = (string, legacyPaths) => {
+	const result = [];
+	let segment = "";
+	for (let i = 0; i < string.length; i++) {
+		let char = string.charAt(i);
+		if (!legacyPaths && char === "\\") {
+			const escaped = string.charAt(i + 1);
+			if (escaped === "\\") {
+				segment += "\\";
+				i++;
 				continue;
-			}
-			if (t !== ".") throw Error("invalid path");
+			} else if (escaped !== ".") throw Error("invalid path");
 		}
-		if (a === "\\" && e.charAt(i + 1) === ".") {
-			r += ".", i++;
+		if (char === "\\" && string.charAt(i + 1) === ".") {
+			segment += ".";
+			i++;
 			continue;
 		}
-		if (a === ".") {
-			n.push(r), r = "";
+		if (char === ".") {
+			result.push(segment);
+			segment = "";
 			continue;
 		}
-		r += a;
+		segment += char;
 	}
-	let i = r;
-	return n.push(i), n;
+	const lastSegment = segment;
+	result.push(lastSegment);
+	return result;
 };
-//#endregion
-//#region ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/transformer.js
-function simpleTransformation(e, t, n, r) {
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/transformer.js
+function simpleTransformation(isApplicable, annotation, transform, untransform) {
 	return {
-		isApplicable: e,
-		annotation: t,
-		transform: n,
-		untransform: r
+		isApplicable,
+		annotation,
+		transform,
+		untransform
 	};
 }
-var G = [
+var simpleRules = [
 	simpleTransformation(isUndefined, "undefined", () => null, () => void 0),
-	simpleTransformation(isBigint, "bigint", (e) => e.toString(), (e) => typeof BigInt < "u" ? BigInt(e) : (console.error("Please add a BigInt polyfill."), e)),
-	simpleTransformation(isDate, "Date", (e) => e.toISOString(), (e) => new Date(e)),
-	simpleTransformation(isError, "Error", (e, t) => {
-		let n = {
-			name: e.name,
-			message: e.message
+	simpleTransformation(isBigint, "bigint", (v) => v.toString(), (v) => {
+		if (typeof BigInt !== "undefined") return BigInt(v);
+		console.error("Please add a BigInt polyfill.");
+		return v;
+	}),
+	simpleTransformation(isDate, "Date", (v) => v.toISOString(), (v) => new Date(v)),
+	simpleTransformation(isError, "Error", (v, superJson) => {
+		const baseError = {
+			name: v.name,
+			message: v.message
 		};
-		return "cause" in e && (n.cause = e.cause), t.allowedErrorProps.forEach((t) => {
-			n[t] = e[t];
-		}), n;
-	}, (e, t) => {
-		let n = Error(e.message, { cause: e.cause });
-		return n.name = e.name, n.stack = e.stack, t.allowedErrorProps.forEach((t) => {
-			n[t] = e[t];
-		}), n;
+		if ("cause" in v) baseError.cause = v.cause;
+		superJson.allowedErrorProps.forEach((prop) => {
+			baseError[prop] = v[prop];
+		});
+		return baseError;
+	}, (v, superJson) => {
+		const e = new Error(v.message, { cause: v.cause });
+		e.name = v.name;
+		e.stack = v.stack;
+		superJson.allowedErrorProps.forEach((prop) => {
+			e[prop] = v[prop];
+		});
+		return e;
 	}),
-	simpleTransformation(isRegExp, "regexp", (e) => "" + e, (e) => {
-		let t = e.slice(1, e.lastIndexOf("/")), n = e.slice(e.lastIndexOf("/") + 1);
-		return new RegExp(t, n);
+	simpleTransformation(isRegExp, "regexp", (v) => "" + v, (regex) => {
+		const body = regex.slice(1, regex.lastIndexOf("/"));
+		const flags = regex.slice(regex.lastIndexOf("/") + 1);
+		return new RegExp(body, flags);
 	}),
-	simpleTransformation(isSet, "set", (e) => [...e.values()], (e) => new Set(e)),
-	simpleTransformation(isMap, "map", (e) => [...e.entries()], (e) => new Map(e)),
-	simpleTransformation((e) => isNaNValue(e) || isInfinite(e), "number", (e) => isNaNValue(e) ? "NaN" : e > 0 ? "Infinity" : "-Infinity", Number),
-	simpleTransformation((e) => e === 0 && 1 / e == -Infinity, "number", () => "-0", Number),
-	simpleTransformation(isURL, "URL", (e) => e.toString(), (e) => new URL(e))
+	simpleTransformation(isSet, "set", (v) => [...v.values()], (v) => new Set(v)),
+	simpleTransformation(isMap, "map", (v) => [...v.entries()], (v) => new Map(v)),
+	simpleTransformation((v) => isNaNValue(v) || isInfinite(v), "number", (v) => {
+		if (isNaNValue(v)) return "NaN";
+		if (v > 0) return "Infinity";
+		else return "-Infinity";
+	}, Number),
+	simpleTransformation((v) => v === 0 && 1 / v === -Infinity, "number", () => {
+		return "-0";
+	}, Number),
+	simpleTransformation(isURL, "URL", (v) => v.toString(), (v) => new URL(v))
 ];
-function compositeTransformation(e, t, n, r) {
+function compositeTransformation(isApplicable, annotation, transform, untransform) {
 	return {
-		isApplicable: e,
-		annotation: t,
-		transform: n,
-		untransform: r
+		isApplicable,
+		annotation,
+		transform,
+		untransform
 	};
 }
-var K = compositeTransformation((e, t) => isSymbol(e) ? !!t.symbolRegistry.getIdentifier(e) : !1, (e, t) => ["symbol", t.symbolRegistry.getIdentifier(e)], (e) => e.description, (e, t, n) => {
-	let r = n.symbolRegistry.getValue(t[1]);
-	if (!r) throw Error("Trying to deserialize unknown symbol");
-	return r;
-}), q = [
+var symbolRule = compositeTransformation((s, superJson) => {
+	if (isSymbol(s)) return !!superJson.symbolRegistry.getIdentifier(s);
+	return false;
+}, (s, superJson) => {
+	return ["symbol", superJson.symbolRegistry.getIdentifier(s)];
+}, (v) => v.description, (_, a, superJson) => {
+	const value = superJson.symbolRegistry.getValue(a[1]);
+	if (!value) throw new Error("Trying to deserialize unknown symbol");
+	return value;
+});
+var constructorToName = [
 	Int8Array,
 	Uint8Array,
 	Int16Array,
@@ -406,451 +810,616 @@ var K = compositeTransformation((e, t) => isSymbol(e) ? !!t.symbolRegistry.getId
 	Float32Array,
 	Float64Array,
 	Uint8ClampedArray
-].reduce((e, t) => (e[t.name] = t, e), {}), J = compositeTransformation(isTypedArray, (e) => ["typed-array", e.constructor.name], (e) => [...e], (e, t) => {
-	let n = q[t[1]];
-	if (!n) throw Error("Trying to deserialize unknown typed array");
-	return new n(e);
+].reduce((obj, ctor) => {
+	obj[ctor.name] = ctor;
+	return obj;
+}, {});
+var typedArrayRule = compositeTransformation(isTypedArray, (v) => ["typed-array", v.constructor.name], (v) => [...v], (v, a) => {
+	const ctor = constructorToName[a[1]];
+	if (!ctor) throw new Error("Trying to deserialize unknown typed array");
+	return new ctor(v);
+});
+function isInstanceOfRegisteredClass(potentialClass, superJson) {
+	if (potentialClass?.constructor) return !!superJson.classRegistry.getIdentifier(potentialClass.constructor);
+	return false;
+}
+var classRule = compositeTransformation(isInstanceOfRegisteredClass, (clazz, superJson) => {
+	return ["class", superJson.classRegistry.getIdentifier(clazz.constructor)];
+}, (clazz, superJson) => {
+	const allowedProps = superJson.classRegistry.getAllowedProps(clazz.constructor);
+	if (!allowedProps) return { ...clazz };
+	const result = {};
+	allowedProps.forEach((prop) => {
+		result[prop] = clazz[prop];
+	});
+	return result;
+}, (v, a, superJson) => {
+	const clazz = superJson.classRegistry.getValue(a[1]);
+	if (!clazz) throw new Error(`Trying to deserialize unknown class '${a[1]}' - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564`);
+	return Object.assign(Object.create(clazz.prototype), v);
+});
+var customRule = compositeTransformation((value, superJson) => {
+	return !!superJson.customTransformerRegistry.findApplicable(value);
+}, (value, superJson) => {
+	return ["custom", superJson.customTransformerRegistry.findApplicable(value).name];
+}, (value, superJson) => {
+	return superJson.customTransformerRegistry.findApplicable(value).serialize(value);
+}, (v, a, superJson) => {
+	const transformer = superJson.customTransformerRegistry.findByName(a[1]);
+	if (!transformer) throw new Error("Trying to deserialize unknown custom value");
+	return transformer.deserialize(v);
 });
-function isInstanceOfRegisteredClass(e, t) {
-	return e?.constructor ? !!t.classRegistry.getIdentifier(e.constructor) : !1;
-}
-var Y = compositeTransformation(isInstanceOfRegisteredClass, (e, t) => ["class", t.classRegistry.getIdentifier(e.constructor)], (e, t) => {
-	let n = t.classRegistry.getAllowedProps(e.constructor);
-	if (!n) return { ...e };
-	let r = {};
-	return n.forEach((t) => {
-		r[t] = e[t];
-	}), r;
-}, (e, t, n) => {
-	let r = n.classRegistry.getValue(t[1]);
-	if (!r) throw Error(`Trying to deserialize unknown class '${t[1]}' - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564`);
-	return Object.assign(Object.create(r.prototype), e);
-}), X = compositeTransformation((e, t) => !!t.customTransformerRegistry.findApplicable(e), (e, t) => ["custom", t.customTransformerRegistry.findApplicable(e).name], (e, t) => t.customTransformerRegistry.findApplicable(e).serialize(e), (e, t, n) => {
-	let r = n.customTransformerRegistry.findByName(t[1]);
-	if (!r) throw Error("Trying to deserialize unknown custom value");
-	return r.deserialize(e);
-}), Oe = [
-	Y,
-	K,
-	X,
-	J
-], transformValue = (e, t) => {
-	let n = findArr(Oe, (n) => n.isApplicable(e, t));
-	if (n) return {
-		value: n.transform(e, t),
-		type: n.annotation(e, t)
+var compositeRules = [
+	classRule,
+	symbolRule,
+	customRule,
+	typedArrayRule
+];
+var transformValue = (value, superJson) => {
+	const applicableCompositeRule = findArr(compositeRules, (rule) => rule.isApplicable(value, superJson));
+	if (applicableCompositeRule) return {
+		value: applicableCompositeRule.transform(value, superJson),
+		type: applicableCompositeRule.annotation(value, superJson)
 	};
-	let r = findArr(G, (n) => n.isApplicable(e, t));
-	if (r) return {
-		value: r.transform(e, t),
-		type: r.annotation
+	const applicableSimpleRule = findArr(simpleRules, (rule) => rule.isApplicable(value, superJson));
+	if (applicableSimpleRule) return {
+		value: applicableSimpleRule.transform(value, superJson),
+		type: applicableSimpleRule.annotation
 	};
-}, Z = {};
-G.forEach((e) => {
-	Z[e.annotation] = e;
+};
+var simpleRulesByAnnotation = {};
+simpleRules.forEach((rule) => {
+	simpleRulesByAnnotation[rule.annotation] = rule;
 });
-var untransformValue = (e, t, n) => {
-	if (W(t)) switch (t[0]) {
-		case "symbol": return K.untransform(e, t, n);
-		case "class": return Y.untransform(e, t, n);
-		case "custom": return X.untransform(e, t, n);
-		case "typed-array": return J.untransform(e, t, n);
-		default: throw Error("Unknown transformation: " + t);
+var untransformValue = (json, type, superJson) => {
+	if (isArray$1(type)) switch (type[0]) {
+		case "symbol": return symbolRule.untransform(json, type, superJson);
+		case "class": return classRule.untransform(json, type, superJson);
+		case "custom": return customRule.untransform(json, type, superJson);
+		case "typed-array": return typedArrayRule.untransform(json, type, superJson);
+		default: throw new Error("Unknown transformation: " + type);
 	}
 	else {
-		let r = Z[t];
-		if (!r) throw Error("Unknown transformation: " + t);
-		return r.untransform(e, n);
-	}
-}, getNthKey = (e, t) => {
-	if (t > e.size) throw Error("index out of bounds");
-	let n = e.keys();
-	for (; t > 0;) n.next(), t--;
-	return n.next().value;
+		const transformation = simpleRulesByAnnotation[type];
+		if (!transformation) throw new Error("Unknown transformation: " + type);
+		return transformation.untransform(json, superJson);
+	}
+};
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/accessDeep.js
+var getNthKey = (value, n) => {
+	if (n > value.size) throw new Error("index out of bounds");
+	const keys = value.keys();
+	while (n > 0) {
+		keys.next();
+		n--;
+	}
+	return keys.next().value;
 };
-function validatePath(e) {
-	if (includes(e, "__proto__")) throw Error("__proto__ is not allowed as a property");
-	if (includes(e, "prototype")) throw Error("prototype is not allowed as a property");
-	if (includes(e, "constructor")) throw Error("constructor is not allowed as a property");
-}
-var getDeep = (e, t) => {
-	validatePath(t);
-	for (let n = 0; n < t.length; n++) {
-		let r = t[n];
-		if (isSet(e)) e = getNthKey(e, +r);
-		else if (isMap(e)) {
-			let i = +r, a = +t[++n] == 0 ? "key" : "value", o = getNthKey(e, i);
-			switch (a) {
+function validatePath(path) {
+	if (includes(path, "__proto__")) throw new Error("__proto__ is not allowed as a property");
+	if (includes(path, "prototype")) throw new Error("prototype is not allowed as a property");
+	if (includes(path, "constructor")) throw new Error("constructor is not allowed as a property");
+}
+var getDeep = (object, path) => {
+	validatePath(path);
+	for (let i = 0; i < path.length; i++) {
+		const key = path[i];
+		if (isSet(object)) object = getNthKey(object, +key);
+		else if (isMap(object)) {
+			const row = +key;
+			const type = +path[++i] === 0 ? "key" : "value";
+			const keyOfRow = getNthKey(object, row);
+			switch (type) {
 				case "key":
-					e = o;
+					object = keyOfRow;
 					break;
-				case "value": e = e.get(o);
+				case "value": object = object.get(keyOfRow);
 			}
-		} else e = e[r];
-	}
-	return e;
-}, setDeep = (e, t, n) => {
-	if (validatePath(t), t.length === 0) return n(e);
-	let r = e;
-	for (let e = 0; e < t.length - 1; e++) {
-		let n = t[e];
-		if (W(r)) {
-			let e = +n;
-			r = r[e];
-		} else if (U(r)) r = r[n];
-		else if (isSet(r)) {
-			let e = +n;
-			r = getNthKey(r, e);
-		} else if (isMap(r)) {
-			if (e === t.length - 2) break;
-			let i = +n, a = +t[++e] == 0 ? "key" : "value", o = getNthKey(r, i);
-			switch (a) {
+		} else object = object[key];
+	}
+	return object;
+};
+var setDeep = (object, path, mapper) => {
+	validatePath(path);
+	if (path.length === 0) return mapper(object);
+	let parent = object;
+	for (let i = 0; i < path.length - 1; i++) {
+		const key = path[i];
+		if (isArray$1(parent)) {
+			const index = +key;
+			parent = parent[index];
+		} else if (isPlainObject$1(parent)) parent = parent[key];
+		else if (isSet(parent)) {
+			const row = +key;
+			parent = getNthKey(parent, row);
+		} else if (isMap(parent)) {
+			if (i === path.length - 2) break;
+			const row = +key;
+			const type = +path[++i] === 0 ? "key" : "value";
+			const keyOfRow = getNthKey(parent, row);
+			switch (type) {
 				case "key":
-					r = o;
+					parent = keyOfRow;
 					break;
-				case "value": r = r.get(o);
+				case "value": parent = parent.get(keyOfRow);
 			}
 		}
 	}
-	let i = t[t.length - 1];
-	if (W(r) ? r[+i] = n(r[+i]) : U(r) && (r[i] = n(r[i])), isSet(r)) {
-		let e = getNthKey(r, +i), t = n(e);
-		e !== t && (r.delete(e), r.add(t));
+	const lastKey = path[path.length - 1];
+	if (isArray$1(parent)) parent[+lastKey] = mapper(parent[+lastKey]);
+	else if (isPlainObject$1(parent)) parent[lastKey] = mapper(parent[lastKey]);
+	if (isSet(parent)) {
+		const oldValue = getNthKey(parent, +lastKey);
+		const newValue = mapper(oldValue);
+		if (oldValue !== newValue) {
+			parent.delete(oldValue);
+			parent.add(newValue);
+		}
 	}
-	if (isMap(r)) {
-		let e = +t[t.length - 2], a = getNthKey(r, e);
-		switch (+i == 0 ? "key" : "value") {
+	if (isMap(parent)) {
+		const row = +path[path.length - 2];
+		const keyToRow = getNthKey(parent, row);
+		switch (+lastKey === 0 ? "key" : "value") {
 			case "key": {
-				let e = n(a);
-				r.set(e, r.get(a)), e !== a && r.delete(a);
+				const newKey = mapper(keyToRow);
+				parent.set(newKey, parent.get(keyToRow));
+				if (newKey !== keyToRow) parent.delete(keyToRow);
 				break;
 			}
-			case "value": r.set(a, n(r.get(a)));
+			case "value": parent.set(keyToRow, mapper(parent.get(keyToRow)));
 		}
 	}
-	return e;
-}, enableLegacyPaths = (e) => e < 1;
-function traverse(e, t, n, r = []) {
-	if (!e) return;
-	let i = enableLegacyPaths(n);
-	if (!W(e)) {
-		forEach(e, (e, a) => traverse(e, t, n, [...r, ...parsePath(a, i)]));
+	return object;
+};
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/plainer.js
+var enableLegacyPaths = (version) => version < 1;
+function traverse(tree, walker, version, origin = []) {
+	if (!tree) return;
+	const legacyPaths = enableLegacyPaths(version);
+	if (!isArray$1(tree)) {
+		forEach(tree, (subtree, key) => traverse(subtree, walker, version, [...origin, ...parsePath(key, legacyPaths)]));
 		return;
 	}
-	let [a, o] = e;
-	o && forEach(o, (e, a) => {
-		traverse(e, t, n, [...r, ...parsePath(a, i)]);
-	}), t(a, r);
-}
-function applyValueAnnotations(e, t, n, r) {
-	return traverse(t, (t, n) => {
-		e = setDeep(e, n, (e) => untransformValue(e, t, r));
-	}, n), e;
-}
-function applyReferentialEqualityAnnotations(e, t, n) {
-	let r = enableLegacyPaths(n);
-	function apply(t, n) {
-		let i = getDeep(e, parsePath(n, r));
-		t.map((e) => parsePath(e, r)).forEach((t) => {
-			e = setDeep(e, t, () => i);
+	const [nodeValue, children] = tree;
+	if (children) forEach(children, (child, key) => {
+		traverse(child, walker, version, [...origin, ...parsePath(key, legacyPaths)]);
+	});
+	walker(nodeValue, origin);
+}
+function applyValueAnnotations(plain, annotations, version, superJson) {
+	traverse(annotations, (type, path) => {
+		plain = setDeep(plain, path, (v) => untransformValue(v, type, superJson));
+	}, version);
+	return plain;
+}
+function applyReferentialEqualityAnnotations(plain, annotations, version) {
+	const legacyPaths = enableLegacyPaths(version);
+	function apply(identicalPaths, path) {
+		const object = getDeep(plain, parsePath(path, legacyPaths));
+		identicalPaths.map((path) => parsePath(path, legacyPaths)).forEach((identicalObjectPath) => {
+			plain = setDeep(plain, identicalObjectPath, () => object);
+		});
+	}
+	if (isArray$1(annotations)) {
+		const [root, other] = annotations;
+		root.forEach((identicalPath) => {
+			plain = setDeep(plain, parsePath(identicalPath, legacyPaths), () => plain);
 		});
+		if (other) forEach(other, apply);
+	} else forEach(annotations, apply);
+	return plain;
+}
+var isDeep = (object, superJson) => isPlainObject$1(object) || isArray$1(object) || isMap(object) || isSet(object) || isError(object) || isInstanceOfRegisteredClass(object, superJson);
+function addIdentity(object, path, identities) {
+	const existingSet = identities.get(object);
+	if (existingSet) existingSet.push(path);
+	else identities.set(object, [path]);
+}
+function generateReferentialEqualityAnnotations(identitites, dedupe) {
+	const result = {};
+	let rootEqualityPaths = void 0;
+	identitites.forEach((paths) => {
+		if (paths.length <= 1) return;
+		if (!dedupe) paths = paths.map((path) => path.map(String)).sort((a, b) => a.length - b.length);
+		const [representativePath, ...identicalPaths] = paths;
+		if (representativePath.length === 0) rootEqualityPaths = identicalPaths.map(stringifyPath);
+		else result[stringifyPath(representativePath)] = identicalPaths.map(stringifyPath);
+	});
+	if (rootEqualityPaths) {
+		if (isEmptyObject(result)) return [rootEqualityPaths];
+		else return [rootEqualityPaths, result];
+	} else return isEmptyObject(result) ? void 0 : result;
+}
+var walker = (object, identities, superJson, dedupe, path = [], objectsInThisPath = [], seenObjects = /* @__PURE__ */ new Map()) => {
+	const primitive = isPrimitive(object);
+	if (!primitive) {
+		addIdentity(object, path, identities);
+		const seen = seenObjects.get(object);
+		if (seen) return dedupe ? { transformedValue: null } : seen;
+	}
+	if (!isDeep(object, superJson)) {
+		const transformed = transformValue(object, superJson);
+		const result = transformed ? {
+			transformedValue: transformed.value,
+			annotations: [transformed.type]
+		} : { transformedValue: object };
+		if (!primitive) seenObjects.set(object, result);
+		return result;
 	}
-	if (W(t)) {
-		let [n, i] = t;
-		n.forEach((t) => {
-			e = setDeep(e, parsePath(t, r), () => e);
-		}), i && forEach(i, apply);
-	} else forEach(t, apply);
-	return e;
-}
-var isDeep = (e, t) => U(e) || W(e) || isMap(e) || isSet(e) || isError(e) || isInstanceOfRegisteredClass(e, t);
-function addIdentity(e, t, n) {
-	let r = n.get(e);
-	r ? r.push(t) : n.set(e, [t]);
-}
-function generateReferentialEqualityAnnotations(e, t) {
-	let n = {}, r;
-	return e.forEach((e) => {
-		if (e.length <= 1) return;
-		t || (e = e.map((e) => e.map(String)).sort((e, t) => e.length - t.length));
-		let [i, ...a] = e;
-		i.length === 0 ? r = a.map(stringifyPath) : n[stringifyPath(i)] = a.map(stringifyPath);
-	}), r ? isEmptyObject(n) ? [r] : [r, n] : isEmptyObject(n) ? void 0 : n;
-}
-var walker = (e, t, n, r, i = [], a = [], o = /* @__PURE__ */ new Map()) => {
-	let s = isPrimitive(e);
-	if (!s) {
-		addIdentity(e, i, t);
-		let n = o.get(e);
-		if (n) return r ? { transformedValue: null } : n;
-	}
-	if (!isDeep(e, n)) {
-		let t = transformValue(e, n), r = t ? {
-			transformedValue: t.value,
-			annotations: [t.type]
-		} : { transformedValue: e };
-		return s || o.set(e, r), r;
-	}
-	if (includes(a, e)) return { transformedValue: null };
-	let c = transformValue(e, n), l = c?.value ?? e, u = W(l) ? [] : {}, d = {};
-	forEach(l, (s, c) => {
-		if (c === "__proto__" || c === "constructor" || c === "prototype") throw Error(`Detected property ${c}. This is a prototype pollution risk, please remove it from your object.`);
-		let l = walker(s, t, n, r, [...i, c], [...a, e], o);
-		u[c] = l.transformedValue, W(l.annotations) ? d[escapeKey(c)] = l.annotations : U(l.annotations) && forEach(l.annotations, (e, t) => {
-			d[escapeKey(c) + "." + t] = e;
+	if (includes(objectsInThisPath, object)) return { transformedValue: null };
+	const transformationResult = transformValue(object, superJson);
+	const transformed = transformationResult?.value ?? object;
+	const transformedValue = isArray$1(transformed) ? [] : {};
+	const innerAnnotations = {};
+	forEach(transformed, (value, index) => {
+		if (index === "__proto__" || index === "constructor" || index === "prototype") throw new Error(`Detected property ${index}. This is a prototype pollution risk, please remove it from your object.`);
+		const recursiveResult = walker(value, identities, superJson, dedupe, [...path, index], [...objectsInThisPath, object], seenObjects);
+		transformedValue[index] = recursiveResult.transformedValue;
+		if (isArray$1(recursiveResult.annotations)) innerAnnotations[escapeKey(index)] = recursiveResult.annotations;
+		else if (isPlainObject$1(recursiveResult.annotations)) forEach(recursiveResult.annotations, (tree, key) => {
+			innerAnnotations[escapeKey(index) + "." + key] = tree;
 		});
 	});
-	let f = isEmptyObject(d) ? {
-		transformedValue: u,
-		annotations: c ? [c.type] : void 0
+	const result = isEmptyObject(innerAnnotations) ? {
+		transformedValue,
+		annotations: !!transformationResult ? [transformationResult.type] : void 0
 	} : {
-		transformedValue: u,
-		annotations: c ? [c.type, d] : d
+		transformedValue,
+		annotations: !!transformationResult ? [transformationResult.type, innerAnnotations] : innerAnnotations
 	};
-	return s || o.set(e, f), f;
+	if (!primitive) seenObjects.set(object, result);
+	return result;
 };
-//#endregion
-//#region ../../node_modules/.pnpm/is-what@5.5.0/node_modules/is-what/dist/getType.js
-function getType(e) {
-	return Object.prototype.toString.call(e).slice(8, -1);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/is-what@5.5.0/node_modules/is-what/dist/isArray.js
-function isArray(e) {
-	return getType(e) === "Array";
-}
-//#endregion
-//#region ../../node_modules/.pnpm/is-what@5.5.0/node_modules/is-what/dist/isPlainObject.js
-function isPlainObject(e) {
-	if (getType(e) !== "Object") return !1;
-	let t = Object.getPrototypeOf(e);
-	return !!t && t.constructor === Object && t === Object.prototype;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/copy-anything@4.0.5/node_modules/copy-anything/dist/index.js
-function assignProp(e, t, n, r, i) {
-	let a = {}.propertyIsEnumerable.call(r, t) ? "enumerable" : "nonenumerable";
-	a === "enumerable" && (e[t] = n), i && a === "nonenumerable" && Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !1,
-		writable: !0,
-		configurable: !0
+// ../../node_modules/.pnpm/is-what@5.5.0/node_modules/is-what/dist/getType.js
+/** Returns the object type of the given payload */
+function getType(payload) {
+	return Object.prototype.toString.call(payload).slice(8, -1);
+}
+// ../../node_modules/.pnpm/is-what@5.5.0/node_modules/is-what/dist/isArray.js
+/** Returns whether the payload is an array */
+function isArray(payload) {
+	return getType(payload) === "Array";
+}
+// ../../node_modules/.pnpm/is-what@5.5.0/node_modules/is-what/dist/isPlainObject.js
+/**
+* Returns whether the payload is a plain JavaScript object (excluding special classes or objects
+* with other prototypes)
+*/
+function isPlainObject(payload) {
+	if (getType(payload) !== "Object") return false;
+	const prototype = Object.getPrototypeOf(payload);
+	return !!prototype && prototype.constructor === Object && prototype === Object.prototype;
+}
+// ../../node_modules/.pnpm/copy-anything@4.0.5/node_modules/copy-anything/dist/index.js
+function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
+	const propType = {}.propertyIsEnumerable.call(originalObject, key) ? "enumerable" : "nonenumerable";
+	if (propType === "enumerable") carry[key] = newVal;
+	if (includeNonenumerable && propType === "nonenumerable") Object.defineProperty(carry, key, {
+		value: newVal,
+		enumerable: false,
+		writable: true,
+		configurable: true
 	});
 }
-function copy(e, t = {}) {
-	if (isArray(e)) return e.map((e) => copy(e, t));
-	if (!isPlainObject(e)) return e;
-	let n = Object.getOwnPropertyNames(e), r = Object.getOwnPropertySymbols(e);
-	return [...n, ...r].reduce((n, r) => {
-		if (r === "__proto__" || isArray(t.props) && !t.props.includes(r)) return n;
-		let i = e[r];
-		return assignProp(n, r, copy(i, t), e, t.nonenumerable), n;
+/**
+* Copy (clone) an object and all its props recursively to get rid of any prop referenced of the
+* original object. Arrays are also cloned, however objects inside arrays are still linked.
+*
+* @param target Target can be anything
+* @param [options={}] See type {@link Options} for more details.
+*
+*   - `{ props: ['key1'] }` will only copy the `key1` property. When using this you will need to cast
+*       the return type manually (in order to keep the TS implementation in here simple I didn't
+*       built a complex auto resolved type for those few cases people want to use this option)
+*   - `{ nonenumerable: true }` will copy all non-enumerable properties. Default is `{}`
+*
+* @returns The target with replaced values
+*/
+function copy(target, options = {}) {
+	if (isArray(target)) return target.map((item) => copy(item, options));
+	if (!isPlainObject(target)) return target;
+	const props = Object.getOwnPropertyNames(target);
+	const symbols = Object.getOwnPropertySymbols(target);
+	return [...props, ...symbols].reduce((carry, key) => {
+		if (key === "__proto__") return carry;
+		if (isArray(options.props) && !options.props.includes(key)) return carry;
+		const val = target[key];
+		assignProp(carry, key, copy(val, options), target, options.nonenumerable);
+		return carry;
 	}, {});
 }
-//#endregion
-//#region ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/index.js
+// ../../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/index.js
 var SuperJSON = class {
-	constructor({ dedupe: e = !1 } = {}) {
-		this.classRegistry = new ClassRegistry(), this.symbolRegistry = new Registry((e) => e.description ?? ""), this.customTransformerRegistry = new CustomTransformerRegistry(), this.allowedErrorProps = [], this.dedupe = e;
-	}
-	serialize(e) {
-		let t = /* @__PURE__ */ new Map(), n = walker(e, t, this, this.dedupe), r = { json: n.transformedValue };
-		n.annotations && (r.meta = {
-			...r.meta,
-			values: n.annotations
-		});
-		let i = generateReferentialEqualityAnnotations(t, this.dedupe);
-		return i && (r.meta = {
-			...r.meta,
-			referentialEqualities: i
-		}), r.meta && (r.meta.v = 1), r;
+	/**
+	* @param dedupeReferentialEqualities  If true, SuperJSON will make sure only one instance of referentially equal objects are serialized and the rest are replaced with `null`.
+	*/
+	constructor({ dedupe = false } = {}) {
+		this.classRegistry = new ClassRegistry();
+		this.symbolRegistry = new Registry((s) => s.description ?? "");
+		this.customTransformerRegistry = new CustomTransformerRegistry();
+		this.allowedErrorProps = [];
+		this.dedupe = dedupe;
+	}
+	serialize(object) {
+		const identities = /* @__PURE__ */ new Map();
+		const output = walker(object, identities, this, this.dedupe);
+		const res = { json: output.transformedValue };
+		if (output.annotations) res.meta = {
+			...res.meta,
+			values: output.annotations
+		};
+		const equalityAnnotations = generateReferentialEqualityAnnotations(identities, this.dedupe);
+		if (equalityAnnotations) res.meta = {
+			...res.meta,
+			referentialEqualities: equalityAnnotations
+		};
+		if (res.meta) res.meta.v = 1;
+		return res;
 	}
-	deserialize(e, t) {
-		let { json: n, meta: r } = e, i = t?.inPlace ? n : copy(n);
-		return r?.values && (i = applyValueAnnotations(i, r.values, r.v ?? 0, this)), r?.referentialEqualities && (i = applyReferentialEqualityAnnotations(i, r.referentialEqualities, r.v ?? 0)), i;
+	deserialize(payload, options) {
+		const { json, meta } = payload;
+		let result = options?.inPlace ? json : copy(json);
+		if (meta?.values) result = applyValueAnnotations(result, meta.values, meta.v ?? 0, this);
+		if (meta?.referentialEqualities) result = applyReferentialEqualityAnnotations(result, meta.referentialEqualities, meta.v ?? 0);
+		return result;
 	}
-	stringify(e) {
-		return JSON.stringify(this.serialize(e));
+	stringify(object) {
+		return JSON.stringify(this.serialize(object));
 	}
-	parse(e) {
-		return this.deserialize(JSON.parse(e), { inPlace: !0 });
+	parse(string) {
+		return this.deserialize(JSON.parse(string), { inPlace: true });
 	}
-	registerClass(e, t) {
-		this.classRegistry.register(e, t);
+	registerClass(v, options) {
+		this.classRegistry.register(v, options);
 	}
-	registerSymbol(e, t) {
-		this.symbolRegistry.register(e, t);
+	registerSymbol(v, identifier) {
+		this.symbolRegistry.register(v, identifier);
 	}
-	registerCustom(e, t) {
+	registerCustom(transformer, name) {
 		this.customTransformerRegistry.register({
-			name: t,
-			...e
+			name,
+			...transformer
 		});
 	}
-	allowErrorProps(...e) {
-		this.allowedErrorProps.push(...e);
+	allowErrorProps(...props) {
+		this.allowedErrorProps.push(...props);
 	}
 };
-SuperJSON.defaultInstance = new SuperJSON(), SuperJSON.serialize = SuperJSON.defaultInstance.serialize.bind(SuperJSON.defaultInstance), SuperJSON.deserialize = SuperJSON.defaultInstance.deserialize.bind(SuperJSON.defaultInstance), SuperJSON.stringify = SuperJSON.defaultInstance.stringify.bind(SuperJSON.defaultInstance), SuperJSON.parse = SuperJSON.defaultInstance.parse.bind(SuperJSON.defaultInstance), SuperJSON.registerClass = SuperJSON.defaultInstance.registerClass.bind(SuperJSON.defaultInstance), SuperJSON.registerSymbol = SuperJSON.defaultInstance.registerSymbol.bind(SuperJSON.defaultInstance), SuperJSON.registerCustom = SuperJSON.defaultInstance.registerCustom.bind(SuperJSON.defaultInstance), SuperJSON.allowErrorProps = SuperJSON.defaultInstance.allowErrorProps.bind(SuperJSON.defaultInstance), SuperJSON.serialize, SuperJSON.deserialize;
-var ke = SuperJSON.stringify, Ae = SuperJSON.parse;
-SuperJSON.registerClass, SuperJSON.registerCustom, SuperJSON.registerSymbol, SuperJSON.allowErrorProps;
-//#endregion
-//#region src/aichat/useChat.tsx
-function mapToNodeData(e) {
-	return ({ id: t, data: n, ...r }) => {
-		let i = n.icon ?? void 0;
-		i === "none" && (i = void 0);
-		let a = e.parentLookup.get(t)?.values().map((e) => e.id).toArray();
+SuperJSON.defaultInstance = new SuperJSON();
+SuperJSON.serialize = SuperJSON.defaultInstance.serialize.bind(SuperJSON.defaultInstance);
+SuperJSON.deserialize = SuperJSON.defaultInstance.deserialize.bind(SuperJSON.defaultInstance);
+SuperJSON.stringify = SuperJSON.defaultInstance.stringify.bind(SuperJSON.defaultInstance);
+SuperJSON.parse = SuperJSON.defaultInstance.parse.bind(SuperJSON.defaultInstance);
+SuperJSON.registerClass = SuperJSON.defaultInstance.registerClass.bind(SuperJSON.defaultInstance);
+SuperJSON.registerSymbol = SuperJSON.defaultInstance.registerSymbol.bind(SuperJSON.defaultInstance);
+SuperJSON.registerCustom = SuperJSON.defaultInstance.registerCustom.bind(SuperJSON.defaultInstance);
+SuperJSON.allowErrorProps = SuperJSON.defaultInstance.allowErrorProps.bind(SuperJSON.defaultInstance);
+SuperJSON.serialize;
+SuperJSON.deserialize;
+var stringify = SuperJSON.stringify;
+var parse = SuperJSON.parse;
+SuperJSON.registerClass;
+SuperJSON.registerCustom;
+SuperJSON.registerSymbol;
+SuperJSON.allowErrorProps;
+// src/aichat/useChat.tsx
+function mapToNodeData(storeState) {
+	return ({ id, data, ...node }) => {
+		let icon = data.icon ?? void 0;
+		if (icon === "none") icon = void 0;
+		let children = storeState.parentLookup.get(id)?.values().map((child) => child.id).toArray();
 		return {
-			id: t,
-			title: n.title,
-			shape: n.shape,
-			color: n.color,
-			icon: i,
-			parentId: r.parentId,
-			children: a,
-			x: n.x,
-			y: n.y,
-			width: r.measured?.width ?? r.width ?? r.initialWidth ?? 0,
-			height: r.measured?.height ?? r.height ?? r.initialHeight ?? 0,
-			..."modelFqn" in n && n.modelFqn && { modelFqn: n.modelFqn }
+			id,
+			title: data.title,
+			shape: data.shape,
+			color: data.color,
+			icon,
+			parentId: node.parentId,
+			children,
+			x: data.x,
+			y: data.y,
+			width: node.measured?.width ?? node.width ?? node.initialWidth ?? 0,
+			height: node.measured?.height ?? node.height ?? node.initialHeight ?? 0,
+			..."modelFqn" in data && data.modelFqn && { modelFqn: data.modelFqn }
 		};
 	};
 }
 function useChatTools() {
-	let e = F(11), { id: n } = f(), a = t(), o = d(), s;
-	if (e[0] !== o || e[1] !== a || e[2] !== n) {
+	const $ = c(11);
+	const { id: projectId } = useCurrentProject();
+	const navigate = useNavigate();
+	const diagram = useDiagram();
+	let t0;
+	if ($[0] !== diagram || $[1] !== navigate || $[2] !== projectId) {
 		let t1;
-		e[4] === a ? t1 = e[5] : (t1 = (e) => {
-			let { viewId: t } = e;
-			return a({
-				to: "./",
-				params: (e) => ({
-					...e,
-					viewId: t
-				})
-			}), {};
-		}, e[4] = a, e[5] = t1);
+		if ($[4] !== navigate) {
+			t1 = (t2) => {
+				const { viewId } = t2;
+				navigate({
+					to: "./",
+					params: (current) => ({
+						...current,
+						viewId
+					})
+				});
+				return {};
+			};
+			$[4] = navigate;
+			$[5] = t1;
+		} else t1 = $[5];
 		let t2;
-		e[6] !== o || e[7] !== n ? (t2 = (e) => {
-			let { view: t, focusedNode: a, xynodes: s, xystore: c, toggledFeatures: u, features: d } = o.getContext(), f = u.enableReadOnly ?? d.enableReadOnly, p = mapToNodeData(c.getState()), m = e.nodes === !0 && l(s, p) || void 0, h = e.selectedNode === !0 && r(s, i((e) => !!e.selected || e.id === a), (e) => e ? p(e) : void 0);
-			return {
-				projectId: n,
-				editMode: !f,
-				view: {
-					id: t.id,
-					title: t.title ?? "",
-					type: t._type
-				},
-				...m && { nodes: m },
-				...h && { selectedNode: h }
+		if ($[6] !== diagram || $[7] !== projectId) {
+			t2 = (params) => {
+				const { view, focusedNode, xynodes, xystore, toggledFeatures, features } = diagram.getContext();
+				const isReadOnly = toggledFeatures.enableReadOnly ?? features.enableReadOnly;
+				const toNodeData = mapToNodeData(xystore.getState());
+				const nodes = params.nodes === true && r(xynodes, toNodeData) || void 0;
+				const selectedNode = params.selectedNode === true && f(xynodes, a$3((n) => !!n.selected || n.id === focusedNode), (n_0) => n_0 ? toNodeData(n_0) : void 0);
+				return {
+					projectId,
+					editMode: !isReadOnly,
+					view: {
+						id: view.id,
+						title: view.title ?? "",
+						type: view._type
+					},
+					...nodes && { nodes },
+					...selectedNode && { selectedNode }
+				};
 			};
-		}, e[6] = o, e[7] = n, e[8] = t2) : t2 = e[8];
+			$[6] = diagram;
+			$[7] = projectId;
+			$[8] = t2;
+		} else t2 = $[8];
 		let t3;
-		e[9] === o ? t3 = e[10] : (t3 = (e) => {
-			let { command: t } = e;
-			bb50: switch (t.type) {
-				case "focus":
-					o.focusOnElement(t.elementId);
-					break bb50;
-				case "fitview":
-					o.fitDiagram();
-					break bb50;
-				default: ve(t);
-			}
-			return {};
-		}, e[9] = o, e[10] = t3), s = ue(Ee.client(t1), Se.client(t2), Te.client(t3)), e[0] = o, e[1] = a, e[2] = n, e[3] = s;
-	} else s = e[3];
-	return s;
+		if ($[9] !== diagram) {
+			t3 = (t4) => {
+				const { command } = t4;
+				bb50: switch (command.type) {
+					case "focus":
+						diagram.focusOnElement(command.elementId);
+						break bb50;
+					case "fitview":
+						diagram.fitDiagram();
+						break bb50;
+					default: nonexhaustive(command);
+				}
+				return {};
+			};
+			$[9] = diagram;
+			$[10] = t3;
+		} else t3 = $[10];
+		t0 = clientTools(navigateToDef.client(t1), readUiStateDef.client(t2), updateUiStateDef.client(t3));
+		$[0] = diagram;
+		$[1] = navigate;
+		$[2] = projectId;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
 }
-var Q = {
+var storage$1 = {
 	key: "likec4.ai.chat.messages",
 	read() {
 		try {
-			let e = sessionStorage.getItem(this.key);
-			return e ? Ae(e) : [];
+			const stored = sessionStorage.getItem(this.key);
+			if (!stored) return [];
+			return parse(stored);
 		} catch {
 			return [];
 		}
 	},
-	write(e) {
+	write(messages) {
 		try {
-			if (e.length === 0) {
+			if (messages.length === 0) {
 				sessionStorage.removeItem(this.key);
 				return;
 			}
-			sessionStorage.setItem(this.key, ke(e));
+			sessionStorage.setItem(this.key, stringify(messages));
 		} catch {}
 	}
 };
-function useChat(e) {
-	let t = F(7), n;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = {
-		connection: ce("/__likec4_ai"),
-		initialMessages: Q.read()
-	}, t[0] = n) : n = t[0];
-	let r = n, i = useChatTools(), a;
-	t[1] !== e || t[2] !== i ? (a = {
-		...r,
-		...e,
-		tools: i
-	}, t[1] = e, t[2] = i, t[3] = a) : a = t[3];
-	let o = le(a), t3, s;
-	return t[4] === o.messages ? (t3 = t[5], s = t[6]) : (t3 = () => {
-		Q.write(o.messages);
-	}, s = [o.messages], t[4] = o.messages, t[5] = t3, t[6] = s), me(t3, s), o;
-}
-//#endregion
-//#region src/aichat/AIChat.tsx
-var $ = {
+function useChat(options) {
+	const $ = c(9);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			connection: fetchServerSentEvents("/__likec4_ai"),
+			initialMessages: storage$1.read()
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const memoProps = t0;
+	let t1;
+	if ($[1] !== options) {
+		t1 = options ?? {};
+		$[1] = options;
+		$[2] = t1;
+	} else t1 = $[2];
+	const t2 = useChatTools();
+	let t3;
+	if ($[3] !== t1 || $[4] !== t2) {
+		t3 = {
+			...memoProps,
+			...t1,
+			tools: t2
+		};
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+	} else t3 = $[5];
+	const chat = useChat$1(t3);
+	let t4;
+	let t5;
+	if ($[6] !== chat.messages) {
+		t4 = () => {
+			storage$1.write(chat.messages);
+		};
+		t5 = [chat.messages];
+		$[6] = chat.messages;
+		$[7] = t4;
+		$[8] = t5;
+	} else {
+		t4 = $[7];
+		t5 = $[8];
+	}
+	useEffect(t4, t5);
+	return chat;
+}
+// src/aichat/AIChat.tsx
+var storage = {
 	key: "likec4.ai.chat.position",
 	read() {
 		try {
-			let e = localStorage.getItem(this.key);
-			return e ? JSON.parse(e) : null;
+			const stored = localStorage.getItem(this.key);
+			if (!stored) return null;
+			return JSON.parse(stored);
 		} catch {
 			return null;
 		}
 	},
-	write(e) {
+	write(position) {
 		try {
-			if (e === null) return localStorage.removeItem(this.key), e;
-			localStorage.setItem(this.key, JSON.stringify(e));
+			if (position === null) {
+				localStorage.removeItem(this.key);
+				return position;
+			}
+			localStorage.setItem(this.key, JSON.stringify(position));
 		} catch {}
-		return e;
+		return position;
 	}
 };
 function AIChatComponent() {
-	let e = P(null);
-	e.current ||= $.read() ?? {
+	const initialPosition = useRef(null);
+	if (!initialPosition.current) initialPosition.current = storage.read() ?? {
 		right: 16,
 		bottom: 100
 	};
-	let onPositionChange = (t) => {
-		e.current = $.write({
-			left: t.x,
-			top: t.y
+	const onPositionChange = (pos) => {
+		initialPosition.current = storage.write({
+			left: pos.x,
+			top: pos.y
 		});
-	}, [t, n] = ne({
+	};
+	const [isCollapsed, setCollapsed] = useLocalStorage({
 		key: "likec4.ai.chat.collapsed",
-		defaultValue: !0
+		defaultValue: true
 	});
-	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ R(oe, { children: [!t && /* @__PURE__ */ L(v, {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(AnimatePresence, { children: [!isCollapsed && /* @__PURE__ */ jsx(FloatingWindow, {
 		w: 300,
 		pos: "fixed",
-		className: C({
+		className: css({
 			rounded: "md",
 			padding: "xs",
 			shadow: "md",
 			layerStyle: "likec4.panel"
 		}),
-		constrainToViewport: !0,
+		constrainToViewport: true,
 		constrainOffset: 8,
 		excludeDragHandleSelector: ".chat-input",
-		initialPosition: e.current,
+		initialPosition: initialPosition.current,
 		onPositionChange,
-		children: /* @__PURE__ */ L(AIChatWindowContent, { onClose: () => n(!0) })
-	}), t && /* @__PURE__ */ L(ae.div, {
+		children: /* @__PURE__ */ jsx(AIChatWindowContent, { onClose: () => setCollapsed(true) })
+	}), isCollapsed && /* @__PURE__ */ jsx(m.div, {
 		initial: {
 			opacity: .1,
 			translateX: "10%"
@@ -869,83 +1438,130 @@ function AIChatComponent() {
 			bottom: 60,
 			zIndex: 1e3
 		},
-		children: /* @__PURE__ */ L(ie, {
+		children: /* @__PURE__ */ jsx(Tooltip, {
 			label: "Show AI Assistant",
 			color: "dark",
 			fz: "xs",
-			children: /* @__PURE__ */ L(x, {
+			children: /* @__PURE__ */ jsx(ActionIcon, {
 				size: "lg",
 				variant: "gradient",
-				onClick: () => n(!1),
-				children: /* @__PURE__ */ L(u, { stroke: 1.5 })
+				onClick: () => setCollapsed(false),
+				children: /* @__PURE__ */ jsx(IconSparkles, { stroke: 1.5 })
 			})
 		})
-	}, "collapsed")] }), /* @__PURE__ */ L(SemanticLayoutLog, {})] });
-}
-function AIChatWindowContent(e) {
-	let t = F(15), { onClose: r } = e, i = P(null), t1;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => {
-		i.current?.scrollIntoView();
-	}, t[0] = t1) : t1 = t[0];
-	let a = t1, t2;
-	t[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => {
-		a();
-	}, t[1] = t2) : t2 = t[1], n(t2, 100);
-	let o;
-	t[2] === Symbol.for("react.memo_cache_sentinel") ? (o = { onChunk: a }, t[2] = o) : o = t[2];
-	let s = useChat(o), c;
-	t[3] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ R(S, { children: [/* @__PURE__ */ L(T, {
-		textStyle: "likec4.panel",
-		nouserselect: !0,
-		children: "AI Assistant"
-	}), /* @__PURE__ */ L(b, {
-		size: "xs",
-		radius: "sm",
-		variant: "light",
-		children: be
-	})] }), t[3] = c) : c = t[3];
-	let l;
-	t[4] === r ? l = t[5] : (l = /* @__PURE__ */ R(S, {
-		cursor: "move",
-		justify: "space-between",
-		children: [c, /* @__PURE__ */ L(te, {
-			size: "sm",
-			onClick: (e) => {
-				e.stopPropagation(), r();
-			}
-		})]
-	}), t[4] = r, t[5] = l);
-	let u;
-	t[6] === Symbol.for("react.memo_cache_sentinel") ? (u = { content: C({ display: "contents" }) }, t[6] = u) : u = t[6];
-	let d;
-	t[7] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ L(ChatMessages, {}), t[7] = d) : d = t[7];
-	let f, p;
-	t[8] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ L(h, {
-		scrollbars: "y",
-		w: "100%",
-		flex: 1,
-		mih: 250,
-		mah: 350,
-		classNames: u,
-		children: /* @__PURE__ */ R(w, { children: [d, /* @__PURE__ */ L("div", {
-			ref: i,
-			style: { height: 2 }
-		})] })
-	}), p = /* @__PURE__ */ L(ChatInput, {}), t[8] = f, t[9] = p) : (f = t[8], p = t[9]);
-	let m;
-	t[10] === l ? m = t[11] : (m = /* @__PURE__ */ R(w, {
-		w: "100%",
-		children: [
-			l,
-			f,
-			p
-		]
-	}), t[10] = l, t[11] = m);
-	let g;
-	return t[12] !== s || t[13] !== m ? (g = /* @__PURE__ */ L(z, {
-		value: s,
-		children: m
-	}), t[12] = s, t[13] = m, t[14] = g) : g = t[14], g;
-}
-//#endregion
+	}, "collapsed")] }), /* @__PURE__ */ jsx(SemanticLayoutLog, {})] });
+}
+function AIChatWindowContent(t0) {
+	const $ = c(15);
+	const { onClose } = t0;
+	const scrollAnchorRef = useRef(null);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => {
+			scrollAnchorRef.current?.scrollIntoView();
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const scrollIntoView = t1;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => {
+			scrollIntoView();
+		};
+		$[1] = t2;
+	} else t2 = $[1];
+	useTimeoutEffect(t2, 100);
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = { onChunk: scrollIntoView };
+		$[2] = t3;
+	} else t3 = $[2];
+	const chat = useChat(t3);
+	let t4;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsxs(HStack, { children: [/* @__PURE__ */ jsx(Txt, {
+			textStyle: "likec4.panel",
+			nouserselect: true,
+			children: "AI Assistant"
+		}), /* @__PURE__ */ jsx(Badge, {
+			size: "xs",
+			radius: "sm",
+			variant: "light",
+			children: AIAdapter
+		})] });
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== onClose) {
+		t5 = /* @__PURE__ */ jsxs(HStack, {
+			cursor: "move",
+			justify: "space-between",
+			children: [t4, /* @__PURE__ */ jsx(CloseButton, {
+				size: "sm",
+				onClick: (e) => {
+					e.stopPropagation();
+					onClose();
+				}
+			})]
+		});
+		$[4] = onClose;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = { content: css({ display: "contents" }) };
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(ChatMessages, {});
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	let t9;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(ScrollAreaAutosize, {
+			scrollbars: "y",
+			w: "100%",
+			flex: 1,
+			mih: 250,
+			mah: 350,
+			classNames: t6,
+			children: /* @__PURE__ */ jsxs(VStack, { children: [t7, /* @__PURE__ */ jsx("div", {
+				ref: scrollAnchorRef,
+				style: { height: 2 }
+			})] })
+		});
+		t9 = /* @__PURE__ */ jsx(ChatInput, {});
+		$[8] = t8;
+		$[9] = t9;
+	} else {
+		t8 = $[8];
+		t9 = $[9];
+	}
+	let t10;
+	if ($[10] !== t5) {
+		t10 = /* @__PURE__ */ jsxs(VStack, {
+			w: "100%",
+			children: [
+				t5,
+				t8,
+				t9
+			]
+		});
+		$[10] = t5;
+		$[11] = t10;
+	} else t10 = $[11];
+	let t11;
+	if ($[12] !== chat || $[13] !== t10) {
+		t11 = /* @__PURE__ */ jsx(ChatContext, {
+			value: chat,
+			children: t10
+		});
+		$[12] = chat;
+		$[13] = t10;
+		$[14] = t11;
+	} else t11 = $[14];
+	return t11;
+}
 export { AIChatComponent as default };