likec4 1.59.3 → 1.59.4

package/__app__/src/chunks/AIChat.mjs

@@ -1,32 +1,32 @@
 import { i as e } from "./rolldown-runtime.mjs";
-import { l as t } from "./libs/@tanstack.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 { B as h, Et as g, J as ee, N as te, Xt as ne, Z as _, g as re, ht as v, mt as ie, r as ae, v as y, x as b } from "./libs/@mantine.mjs";
-import { C as x, N as S, _ as C, x as w } from "./styled-system.mjs";
-import { i as oe, m as se } from "./libs/framer.mjs";
-import { a as T, c as E, i as ce, n as D, o as O, r as k, s as A, t as j } from "./libs/zod.mjs";
-import { a as M, i as le, n as ue, r as de, t as fe } from "./libs/@tanstack-ai.mjs";
-import { createContext as pe, use as me, useEffect as he, useRef as N, useState as P } from "react";
+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 z, nonexhaustive as _e } from "@likec4/core";
-import { ElementShapes as ve } from "@likec4/core/styles";
-import { AIAdapter as ye } from "likec4:rpc";
-//#region ../../node_modules/.pnpm/nanostores@1.5.2/node_modules/nanostores/computed/index.js
+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 || n.some((e, t) => e !== r[t])) {
+		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);
 		}
-	}, a = /* @__PURE__ */ m(void 0), o = a.get;
+	}, a = /* @__PURE__ */ m(), o = a.get;
 	a.get = () => (set(), o());
 	let c, l = n ? () => {
 		clearTimeout(c), c = setTimeout(set);
@@ -37,16 +37,16 @@ var computedStore = (e, t, n) => {
 			for (let e of t) e();
 		};
 	}), a;
-}, batched = /* @__NO_SIDE_EFFECTS__ */ (e, t) => computedStore(e, t, !0), B = pe(null);
+}, batched = /* @__NO_SIDE_EFFECTS__ */ (e, t) => computedStore(e, t, !0), z = fe(null);
 function useChatContext() {
-	return z(me(B), "useChatContext: ChatProvider is not provided");
+	return _e(pe(z), "useChatContext: ChatProvider is not provided");
 }
 //#endregion
 //#region src/aichat/ChatInput.tsx
 function ChatInput() {
-	let e = F(22), { sendMessage: t, isLoading: n, messages: r, clear: i, stop: o } = useChatContext(), [s, c] = P(""), l = N(null), t0;
+	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(""));
+		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];
@@ -55,7 +55,7 @@ function ChatInput() {
 		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(te, {
+	e[7] !== n || e[8] !== t2 || e[9] !== s ? (d = /* @__PURE__ */ L(_, {
 		flex: 1,
 		className: "chat-input",
 		placeholder: "Your question...",
@@ -77,14 +77,14 @@ function ChatInput() {
 		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(v, {
+	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(w, { children: [
+	return e[18] !== d || e[19] !== f || e[20] !== p ? (m = /* @__PURE__ */ R(S, { children: [
 		d,
 		f,
 		p
@@ -101,7 +101,7 @@ function ChatMessages() {
 		color: "red",
 		title: "Oops, something went wrong",
 		withCloseButton: !1,
-		children: /* @__PURE__ */ R(C, {
+		children: /* @__PURE__ */ R(T, {
 			fontSize: "sm",
 			fontFamily: "mono",
 			whiteSpace: "pre",
@@ -117,18 +117,18 @@ function _temp(e) {
 }
 var ChatMessage = (e) => {
 	let t = F(4), { message: n } = e, r = n.role, i;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = S({
+	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: "default.hover",
+		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(fe, {
+	return t[1] !== n || t[2] !== a ? (o = /* @__PURE__ */ L(de, {
 		message: n,
 		userClassName: i,
 		textPartRenderer: a
@@ -144,15 +144,15 @@ var ChatMessage = (e) => {
 		textScale: .95,
 		value: r
 	}), t[2] = r, t[3] = i), i;
-}, V = /* @__PURE__ */ m(""), H = /* @__PURE__ */ m("closed"), be = /* @__PURE__ */ batched([V, H], (e, t) => ({
+}, B = /* @__PURE__ */ m(""), V = /* @__PURE__ */ m("closed"), xe = /* @__PURE__ */ batched([B, V], (e, t) => ({
 	log: e,
 	status: t
 }));
 function useSemanticLayoutLog() {
-	return o(be);
+	return o(xe);
 }
 function closeSemanticLayoutLog() {
-	H.set("closed"), V.set("");
+	V.set("closed"), B.set("");
 }
 //#endregion
 //#region src/aichat/SemanticLayoutLog.tsx
@@ -160,17 +160,17 @@ 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(ae, {
+	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(C, {
+	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(b, {
+	return e[3] !== r || e[4] !== o ? (s = /* @__PURE__ */ L(g, {
 		size: "xl",
 		opened: !0,
 		onClose: closeSemanticLayoutLog,
@@ -183,57 +183,57 @@ function SemanticLayoutLog() {
 }
 //#endregion
 //#region ../vite-plugin/src/ai/tools.ts
-var U = A({
-	id: E().meta({ description: "Node ID" }),
-	title: E(),
-	shape: j(ve),
-	color: E().meta({ description: "Node color, from theme or custom" }),
-	icon: E().nullish(),
-	parentId: E().nullish().meta({ description: "Parent node ID (if node is nested)" }),
-	children: D(E()).nullish().meta({ description: "Nested node IDs (if node is compound)" }),
-	x: O(),
-	y: O(),
-	width: O(),
-	height: O(),
-	modelFqn: E().nullish().meta({ description: "Model element FQN (if node has reference)" })
-}), xe = M({
+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({
 	name: "read_ui",
 	description: "Read current UI state. Use arguments to include additional data.",
 	needsApproval: !1,
-	inputSchema: A({
-		selectedNode: k().default(!1).meta({ description: "Include selected node (if any)" }),
-		nodes: k().default(!1).meta({ description: "Include all nodes from the view" })
+	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" })
 	}),
-	outputSchema: A({
-		projectId: E(),
-		editMode: k().meta({ description: "Whether the UI is in edit mode" }),
-		view: A({
-			id: E(),
-			title: E(),
-			type: j([
+	outputSchema: j({
+		projectId: D(),
+		editMode: A().meta({ description: "Whether the UI is in edit mode" }),
+		view: j({
+			id: D(),
+			title: D(),
+			type: M([
 				"element",
 				"deployment",
 				"dynamic"
 			]).meta({ description: "Type of the current view" })
 		}).meta({ description: "Current view" }),
-		nodes: D(U).nullish(),
-		selectedNode: U.nullish()
+		nodes: O(H).nullish(),
+		selectedNode: H.nullish()
 	})
-}), Se = A({
-	type: T("focus"),
-	elementId: E().meta({ description: "Element ID (FQN)" })
-}).meta({ description: "Focus UI on an element by its FQN" }), Ce = A({ type: T("fitview") }).meta({ description: "Zoom out to fit all elements in the viewport, and clear any selection/focus" }), we = M({
+}), 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({
 	name: "update_ui",
 	description: "Update UI state by executing a command.",
 	needsApproval: !1,
-	inputSchema: A({ command: ce("type", [Se, Ce]) }),
-	outputSchema: A({})
-}), Te = M({
+	inputSchema: j({ command: se("type", [Ce, we]) }),
+	outputSchema: j({})
+}), Ee = N({
 	name: "navigate_to",
 	description: "Navigates UI to another view",
 	needsApproval: !1,
-	inputSchema: A({ viewId: E().meta({ description: "View ID" }) }),
-	outputSchema: A({})
+	inputSchema: j({ viewId: D().meta({ description: "View ID" }) }),
+	outputSchema: j({})
 }), DoubleIndexedKV = class {
 	constructor() {
 		this.keyToValue = /* @__PURE__ */ new Map(), this.valueToKey = /* @__PURE__ */ new Map();
@@ -321,7 +321,7 @@ var CustomTransformerRegistry = class {
 	findByName(e) {
 		return this.transfomers[e];
 	}
-}, Ee = /* @__PURE__ */ e((e) => Object.prototype.toString.call(e).slice(8, -1), "getType"), isUndefined = (e) => e === void 0, isNull = (e) => e === null, W = /* @__PURE__ */ e((e) => typeof e != "object" || !e || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null || Object.getPrototypeOf(e) === Object.prototype, "isPlainObject"), isEmptyObject = (e) => W(e) && Object.keys(e).length === 0, G = /* @__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) => Ee(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) => {
+}, 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);
@@ -356,7 +356,7 @@ function simpleTransformation(e, t, n, r) {
 		untransform: r
 	};
 }
-var K = [
+var G = [
 	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)),
@@ -392,11 +392,11 @@ function compositeTransformation(e, t, n, r) {
 		untransform: r
 	};
 }
-var q = compositeTransformation((e, t) => isSymbol(e) ? !!t.symbolRegistry.getIdentifier(e) : !1, (e, t) => ["symbol", t.symbolRegistry.getIdentifier(e)], (e) => e.description, (e, t, n) => {
+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;
-}), De = [
+}), q = [
 	Int8Array,
 	Uint8Array,
 	Int16Array,
@@ -407,7 +407,7 @@ var q = compositeTransformation((e, t) => isSymbol(e) ? !!t.symbolRegistry.getId
 	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 = De[t[1]];
+	let n = q[t[1]];
 	if (!n) throw Error("Trying to deserialize unknown typed array");
 	return new n(e);
 });
@@ -431,7 +431,7 @@ var Y = compositeTransformation(isInstanceOfRegisteredClass, (e, t) => ["class",
 	return r.deserialize(e);
 }), Oe = [
 	Y,
-	q,
+	K,
 	X,
 	J
 ], transformValue = (e, t) => {
@@ -440,18 +440,18 @@ var Y = compositeTransformation(isInstanceOfRegisteredClass, (e, t) => ["class",
 		value: n.transform(e, t),
 		type: n.annotation(e, t)
 	};
-	let r = findArr(K, (n) => n.isApplicable(e, t));
+	let r = findArr(G, (n) => n.isApplicable(e, t));
 	if (r) return {
 		value: r.transform(e, t),
 		type: r.annotation
 	};
 }, Z = {};
-K.forEach((e) => {
+G.forEach((e) => {
 	Z[e.annotation] = e;
 });
 var untransformValue = (e, t, n) => {
-	if (G(t)) switch (t[0]) {
-		case "symbol": return q.untransform(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);
@@ -494,10 +494,10 @@ var getDeep = (e, t) => {
 	let r = e;
 	for (let e = 0; e < t.length - 1; e++) {
 		let n = t[e];
-		if (G(r)) {
+		if (W(r)) {
 			let e = +n;
 			r = r[e];
-		} else if (W(r)) r = r[n];
+		} else if (U(r)) r = r[n];
 		else if (isSet(r)) {
 			let e = +n;
 			r = getNthKey(r, e);
@@ -513,7 +513,7 @@ var getDeep = (e, t) => {
 		}
 	}
 	let i = t[t.length - 1];
-	if (G(r) ? r[+i] = n(r[+i]) : W(r) && (r[i] = n(r[i])), isSet(r)) {
+	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));
 	}
@@ -533,7 +533,7 @@ var getDeep = (e, t) => {
 function traverse(e, t, n, r = []) {
 	if (!e) return;
 	let i = enableLegacyPaths(n);
-	if (!G(e)) {
+	if (!W(e)) {
 		forEach(e, (e, a) => traverse(e, t, n, [...r, ...parsePath(a, i)]));
 		return;
 	}
@@ -555,7 +555,7 @@ function applyReferentialEqualityAnnotations(e, t, n) {
 			e = setDeep(e, t, () => i);
 		});
 	}
-	if (G(t)) {
+	if (W(t)) {
 		let [n, i] = t;
 		n.forEach((t) => {
 			e = setDeep(e, parsePath(t, r), () => e);
@@ -563,7 +563,7 @@ function applyReferentialEqualityAnnotations(e, t, n) {
 	} else forEach(t, apply);
 	return e;
 }
-var isDeep = (e, t) => W(e) || G(e) || isMap(e) || isSet(e) || isError(e) || isInstanceOfRegisteredClass(e, t);
+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]);
@@ -592,11 +592,11 @@ var walker = (e, t, n, r, i = [], a = [], o = /* @__PURE__ */ new Map()) => {
 		return s || o.set(e, r), r;
 	}
 	if (includes(a, e)) return { transformedValue: null };
-	let c = transformValue(e, n), l = c?.value ?? e, u = G(l) ? [] : {}, d = {};
+	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, G(l.annotations) ? d[escapeKey(c)] = l.annotations : W(l.annotations) && forEach(l.annotations, (e, t) => {
+		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;
 		});
 	});
@@ -756,10 +756,10 @@ function useChatTools() {
 				case "fitview":
 					o.fitDiagram();
 					break bb50;
-				default: _e(t);
+				default: ve(t);
 			}
 			return {};
-		}, e[9] = o, e[10] = t3), s = de(Te.client(t1), xe.client(t2), we.client(t3)), e[0] = o, e[1] = a, e[2] = n, e[3] = s;
+		}, 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;
 }
@@ -786,7 +786,7 @@ var Q = {
 function useChat(e) {
 	let t = F(7), n;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = {
-		connection: le("/__likec4_ai"),
+		connection: ce("/__likec4_ai"),
 		initialMessages: Q.read()
 	}, t[0] = n) : n = t[0];
 	let r = n, i = useChatTools(), a;
@@ -795,10 +795,10 @@ function useChat(e) {
 		...e,
 		tools: i
 	}, t[1] = e, t[2] = i, t[3] = a) : a = t[3];
-	let o = ue(a), t3, s;
+	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), he(t3, s), o;
+	}, s = [o.messages], t[4] = o.messages, t[5] = t3, t[6] = s), me(t3, s), o;
 }
 //#endregion
 //#region src/aichat/AIChat.tsx
@@ -821,7 +821,7 @@ var $ = {
 	}
 };
 function AIChatComponent() {
-	let e = N(null);
+	let e = P(null);
 	e.current ||= $.read() ?? {
 		right: 16,
 		bottom: 100
@@ -835,10 +835,10 @@ function AIChatComponent() {
 		key: "likec4.ai.chat.collapsed",
 		defaultValue: !0
 	});
-	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ R(se, { children: [!t && /* @__PURE__ */ L(h, {
+	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ R(oe, { children: [!t && /* @__PURE__ */ L(v, {
 		w: 300,
 		pos: "fixed",
-		className: S({
+		className: C({
 			rounded: "md",
 			padding: "xs",
 			shadow: "md",
@@ -850,7 +850,7 @@ function AIChatComponent() {
 		initialPosition: e.current,
 		onPositionChange,
 		children: /* @__PURE__ */ L(AIChatWindowContent, { onClose: () => n(!0) })
-	}), t && /* @__PURE__ */ L(oe.div, {
+	}), t && /* @__PURE__ */ L(ae.div, {
 		initial: {
 			opacity: .1,
 			translateX: "10%"
@@ -869,11 +869,11 @@ function AIChatComponent() {
 			bottom: 60,
 			zIndex: 1e3
 		},
-		children: /* @__PURE__ */ L(re, {
+		children: /* @__PURE__ */ L(ie, {
 			label: "Show AI Assistant",
 			color: "dark",
 			fz: "xs",
-			children: /* @__PURE__ */ L(v, {
+			children: /* @__PURE__ */ L(x, {
 				size: "lg",
 				variant: "gradient",
 				onClick: () => n(!1),
@@ -883,7 +883,7 @@ function AIChatComponent() {
 	}, "collapsed")] }), /* @__PURE__ */ L(SemanticLayoutLog, {})] });
 }
 function AIChatWindowContent(e) {
-	let t = F(15), { onClose: r } = e, i = N(null), t1;
+	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];
@@ -894,21 +894,21 @@ function AIChatWindowContent(e) {
 	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(w, { children: [/* @__PURE__ */ L(C, {
+	t[3] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ R(S, { children: [/* @__PURE__ */ L(T, {
 		textStyle: "likec4.panel",
-		noUserSelect: !0,
+		nouserselect: !0,
 		children: "AI Assistant"
-	}), /* @__PURE__ */ L(_, {
+	}), /* @__PURE__ */ L(b, {
 		size: "xs",
 		radius: "sm",
 		variant: "light",
-		children: ye
+		children: be
 	})] }), t[3] = c) : c = t[3];
 	let l;
-	t[4] === r ? l = t[5] : (l = /* @__PURE__ */ R(w, {
+	t[4] === r ? l = t[5] : (l = /* @__PURE__ */ R(S, {
 		cursor: "move",
 		justify: "space-between",
-		children: [c, /* @__PURE__ */ L(ie, {
+		children: [c, /* @__PURE__ */ L(te, {
 			size: "sm",
 			onClick: (e) => {
 				e.stopPropagation(), r();
@@ -916,24 +916,24 @@ function AIChatWindowContent(e) {
 		})]
 	}), t[4] = r, t[5] = l);
 	let u;
-	t[6] === Symbol.for("react.memo_cache_sentinel") ? (u = { content: S({ display: "contents" }) }, t[6] = u) : u = t[6];
+	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(g, {
+	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(x, { children: [d, /* @__PURE__ */ L("div", {
+		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(x, {
+	t[10] === l ? m = t[11] : (m = /* @__PURE__ */ R(w, {
 		w: "100%",
 		children: [
 			l,
@@ -941,11 +941,11 @@ function AIChatWindowContent(e) {
 			p
 		]
 	}), t[10] = l, t[11] = m);
-	let h;
-	return t[12] !== s || t[13] !== m ? (h = /* @__PURE__ */ L(B, {
+	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] = h) : h = t[14], h;
+	}), t[12] = s, t[13] = m, t[14] = g) : g = t[14], g;
 }
 //#endregion
 export { AIChatComponent as default };