likec4 1.58.0 → 1.59.0

package/__app__/codegen/webcomponent.mjs

@@ -5,7 +5,7 @@ import { jsx as x } from "react/jsx-runtime";
 import { ComponentName as S } from "likec4:app-config";
 import { LikeC4View as C } from "likec4:react";
 //#region ../../node_modules/.pnpm/zod@4.4.3/node_modules/zod/v4/mini/schemas.js
-var w = /* @__PURE__ */ r("ZodMiniType", (t, n) => {
+var w = /*@__PURE__*/ r("ZodMiniType", (t, n) => {
 	if (!t._zod) throw Error("Uninitialized schema in ZodMiniType.");
 	y.init(t, n), t.def = n, t.type = n.type, t.parse = (e, n) => s(t, e, n, { callee: t.parse }), t.safeParse = (e, n) => i(t, e, n), t.parseAsync = async (e, n) => v(t, e, n, { callee: t.parseAsync }), t.safeParseAsync = async (n, r) => e(t, n, r), t.check = (...e) => t.clone({
 		...n,
@@ -15,19 +15,19 @@ var w = /* @__PURE__ */ r("ZodMiniType", (t, n) => {
 			onattach: []
 		} } : e)]
 	}, { parent: !0 }), t.with = t.check, t.clone = (e, n) => _(t, e, n), t.brand = () => t, t.register = ((e, n) => (e.add(t, n), t)), t.apply = (e) => e(t);
-}), T = /* @__PURE__ */ r("ZodMiniString", (e, t) => {
+}), T = /*@__PURE__*/ r("ZodMiniString", (e, t) => {
 	g.init(e, t), w.init(e, t);
 });
-/* @__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function string(e) {
 	return f(T, e);
 }
-var E = /* @__PURE__ */ r("ZodMiniBoolean", (e, t) => {
+var E = /*@__PURE__*/ r("ZodMiniBoolean", (e, t) => {
 	c.init(e, t), w.init(e, t);
-}), D = /* @__PURE__ */ r("ZodMiniObject", (e, t) => {
+}), D = /*@__PURE__*/ r("ZodMiniObject", (e, t) => {
 	d.init(e, t), w.init(e, t), a(e, "shape", () => t.shape);
 });
-/* @__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function object(e, t) {
 	return new D({
 		type: "object",
@@ -35,10 +35,10 @@ function object(e, t) {
 		...n(t)
 	});
 }
-var O = /* @__PURE__ */ r("ZodMiniLiteral", (e, t) => {
+var O = /*@__PURE__*/ r("ZodMiniLiteral", (e, t) => {
 	p.init(e, t), w.init(e, t);
 });
-/* @__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function literal(e, t) {
 	return new O({
 		type: "literal",
@@ -46,20 +46,20 @@ function literal(e, t) {
 		...n(t)
 	});
 }
-var k = /* @__PURE__ */ r("ZodMiniOptional", (e, t) => {
+var k = /*@__PURE__*/ r("ZodMiniOptional", (e, t) => {
 	u.init(e, t), w.init(e, t);
 });
-/* @__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function optional(e) {
 	return new k({
 		type: "optional",
 		innerType: e
 	});
 }
-var A = /* @__PURE__ */ r("ZodMiniDefault", (e, t) => {
+var A = /*@__PURE__*/ r("ZodMiniDefault", (e, t) => {
 	m.init(e, t), w.init(e, t);
 });
-/* @__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
 function _default(e, n) {
 	return new A({
 		type: "default",
@@ -69,9 +69,9 @@ function _default(e, n) {
 		}
 	});
 }
-var j = /* @__PURE__ */ r("ZodMiniPipe", (e, t) => {
+var j = /*@__PURE__*/ r("ZodMiniPipe", (e, t) => {
 	o.init(e, t), w.init(e, t);
-}), M = /* @__PURE__ */ r("ZodMiniCodec", (e, t) => {
+}), M = /*@__PURE__*/ r("ZodMiniCodec", (e, t) => {
 	j.init(e, t), l.init(e, t);
 }), stringbool = (...e) => h({
 	Codec: M,

package/__app__/src/chunks/AIChat.mjs

@@ -1,53 +1,50 @@
 import { i as e } from "./rolldown-runtime.mjs";
-import { u as t } from "./libs/@tanstack.mjs";
-import { W as n, h as r, z as i } from "./libs/remeda.mjs";
-import { M as a, Tt as o, X as s, Yt as c, _ as l, b as u, h as d, mt as f, pt as p, q as m, r as h, z as g } from "./libs/@mantine.mjs";
-import { C as _, N as v, _ as y, x as b } from "./styled-system.mjs";
-import { o as x, t as ee } from "./libs/@tabler/icons-react.mjs";
-import { i as S, n as C, r as w, t as te } from "./Markdown.mjs";
-import { f as ne, p as re, t as ie, u as T } from "./hooks.mjs";
-import { l as E, m as ae } from "./libs/framer.mjs";
-import { a as D, c as O, i as oe, n as k, o as A, r as j, s as M, t as N } from "./libs/zod.mjs";
-import { a as P, i as se, n as ce, r as le, t as ue } from "./libs/@tanstack-ai.mjs";
-import { createContext as de, use as fe, useEffect as pe, useRef as F, useState as me } from "react";
-import { c as I } from "react/compiler-runtime";
-import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { RichText as he, nonNullable as ge, nonexhaustive as _e } from "@likec4/core";
+import { l 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 { 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.3.0/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;
+		if (i === s.epoch) return;
+		i = s.epoch;
 		let n = e.map((e) => e.get());
 		if (!r || n.some((e, t) => e !== r[t])) {
 			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.set(e), i = s.epoch);
 		}
-	}, a = /* @__PURE__ */ w(void 0), o = a.get;
+	}, a = /* @__PURE__ */ m(void 0), o = a.get;
 	a.get = () => (set(), o());
-	let s, c = n ? () => {
-		clearTimeout(s), s = setTimeout(set);
+	let c, l = n ? () => {
+		clearTimeout(c), c = setTimeout(set);
 	} : set;
-	return ne(a, () => {
-		let t = e.map((e) => e.listen(c));
+	return p(a, () => {
+		let t = e.map((e) => e.listen(l));
 		return set(), () => {
 			for (let e of t) e();
 		};
 	}), a;
-}, batched = /* @__NO_SIDE_EFFECTS__ */ (e, t) => computedStore(e, t, !0), B = de(null);
+}, batched = /* @__NO_SIDE_EFFECTS__ */ (e, t) => computedStore(e, t, !0), B = pe(null);
 function useChatContext() {
-	return ge(fe(B), "useChatContext: ChatProvider is not provided");
+	return z(me(B), "useChatContext: ChatProvider is not provided");
 }
 //#endregion
 //#region src/aichat/ChatInput.tsx
 function ChatInput() {
-	let e = I(22), { sendMessage: t, isLoading: n, messages: r, clear: i, stop: o } = useChatContext(), [s, c] = me(""), l = F(null), t0;
+	let e = F(22), { sendMessage: t, isLoading: n, messages: r, clear: i, stop: o } = useChatContext(), [s, c] = P(""), l = N(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];
@@ -58,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__ */ R(a, {
+	e[7] !== n || e[8] !== t2 || e[9] !== s ? (d = /* @__PURE__ */ L(te, {
 		flex: 1,
 		className: "chat-input",
 		placeholder: "Your question...",
@@ -71,40 +68,40 @@ function ChatInput() {
 		autosize: !0,
 		minRows: 1
 	}), e[7] = n, e[8] = t2, e[9] = s, e[10] = d) : d = e[10];
-	let p;
-	e[11] !== i || e[12] !== n || e[13] !== r.length ? (p = r.length > 0 && !n && /* @__PURE__ */ R(m, {
+	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] = p) : p = e[14];
-	let h;
-	e[15] !== n || e[16] !== o ? (h = n && /* @__PURE__ */ R(f, {
+	}), 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, {
 		color: "red",
 		variant: "light",
 		onClick: () => o(),
-		children: /* @__PURE__ */ R(ee, {})
-	}), e[15] = n, e[16] = o, e[17] = h) : h = e[17];
-	let g;
-	return e[18] !== d || e[19] !== p || e[20] !== h ? (g = /* @__PURE__ */ z(b, { children: [
+		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: [
 		d,
-		p,
-		h
-	] }), e[18] = d, e[19] = p, e[20] = h, e[21] = g) : g = e[21], g;
+		f,
+		p
+	] }), e[18] = d, e[19] = f, e[20] = p, e[21] = m) : m = e[21], m;
 }
 //#endregion
 //#region src/aichat/ChatMessage.tsx
 function ChatMessages() {
-	let e = I(7), { messages: t, error: n } = useChatContext(), r;
+	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__ */ R(l, {
+	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__ */ z(y, {
+		children: /* @__PURE__ */ R(C, {
 			fontSize: "sm",
 			fontFamily: "mono",
 			whiteSpace: "pre",
@@ -113,14 +110,14 @@ function ChatMessages() {
 		})
 	}), e[2] = n, e[3] = i);
 	let a;
-	return e[4] !== r || e[5] !== i ? (a = /* @__PURE__ */ z(L, { children: [r, i] }), e[4] = r, e[5] = i, e[6] = a) : a = e[6], 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__ */ R(ChatMessage, { message: e }, e.id);
+	return /* @__PURE__ */ L(ChatMessage, { message: e }, e.id);
 }
 var ChatMessage = (e) => {
-	let t = I(4), { message: n } = e, r = n.role, i;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = v({
+	let t = F(4), { message: n } = e, r = n.role, i;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (i = S({
 		color: "text.bright",
 		alignSelf: "flex-end",
 		paddingInline: "2",
@@ -131,28 +128,28 @@ var ChatMessage = (e) => {
 		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__ */ R(ue, {
+	return t[1] !== n || t[2] !== a ? (o = /* @__PURE__ */ L(fe, {
 		message: n,
 		userClassName: i,
 		textPartRenderer: a
 	}), t[1] = n, t[2] = a, t[3] = o) : o = t[3], o;
 }, UserMessageTextPart = (e) => {
-	let t = I(2), { content: n } = e, r;
-	return t[0] === n ? r = t[1] : (r = /* @__PURE__ */ R(L, { children: n }), t[0] = n, t[1] = r), r;
+	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 = I(4), { content: n } = e, r;
-	t[0] === n ? r = t[1] : (r = he.from({ md: n }), t[0] = n, t[1] = r);
+	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__ */ R(te, {
+	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ L(c, {
 		textScale: .95,
 		value: r
 	}), t[2] = r, t[3] = i), i;
-}, V = /* @__PURE__ */ w(""), H = /* @__PURE__ */ w("closed"), be = /* @__PURE__ */ batched([V, H], (e, t) => ({
+}, V = /* @__PURE__ */ m(""), H = /* @__PURE__ */ m("closed"), be = /* @__PURE__ */ batched([V, H], (e, t) => ({
 	log: e,
 	status: t
 }));
 function useSemanticLayoutLog() {
-	return C(be);
+	return o(be);
 }
 function closeSemanticLayoutLog() {
 	H.set("closed"), V.set("");
@@ -160,20 +157,20 @@ function closeSemanticLayoutLog() {
 //#endregion
 //#region src/aichat/SemanticLayoutLog.tsx
 function SemanticLayoutLog() {
-	let e = I(6), { log: t, status: n } = useSemanticLayoutLog();
+	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__ */ R(h, {
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ L(ae, {
 		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__ */ R(y, {
+	e[1] === a ? o = e[2] : (o = /* @__PURE__ */ L(C, {
 		whiteSpace: "pre-wrap",
 		children: a
 	}), e[1] = a, e[2] = o);
 	let s;
-	return e[3] !== r || e[4] !== o ? (s = /* @__PURE__ */ R(u, {
+	return e[3] !== r || e[4] !== o ? (s = /* @__PURE__ */ L(b, {
 		size: "xl",
 		opened: !0,
 		onClose: closeSemanticLayoutLog,
@@ -186,57 +183,57 @@ function SemanticLayoutLog() {
 }
 //#endregion
 //#region ../vite-plugin/src/ai/tools.ts
-var U = M({
-	id: O().meta({ description: "Node ID" }),
-	title: O(),
-	shape: N(ve),
-	color: O().meta({ description: "Node color, from theme or custom" }),
-	icon: O().nullish(),
-	parentId: O().nullish().meta({ description: "Parent node ID (if node is nested)" }),
-	children: k(O()).nullish().meta({ description: "Nested node IDs (if node is compound)" }),
-	x: A(),
-	y: A(),
-	width: A(),
-	height: A(),
-	modelFqn: O().nullish().meta({ description: "Model element FQN (if node has reference)" })
-}), xe = P({
+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({
 	name: "read_ui",
 	description: "Read current UI state. Use arguments to include additional data.",
 	needsApproval: !1,
-	inputSchema: M({
-		selectedNode: j().default(!1).meta({ description: "Include selected node (if any)" }),
-		nodes: j().default(!1).meta({ description: "Include all nodes from the view" })
+	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" })
 	}),
-	outputSchema: M({
-		projectId: O(),
-		editMode: j().meta({ description: "Whether the UI is in edit mode" }),
-		view: M({
-			id: O(),
-			title: O(),
-			type: N([
+	outputSchema: A({
+		projectId: E(),
+		editMode: k().meta({ description: "Whether the UI is in edit mode" }),
+		view: A({
+			id: E(),
+			title: E(),
+			type: j([
 				"element",
 				"deployment",
 				"dynamic"
 			]).meta({ description: "Type of the current view" })
 		}).meta({ description: "Current view" }),
-		nodes: k(U).nullish(),
+		nodes: D(U).nullish(),
 		selectedNode: U.nullish()
 	})
-}), Se = P({
+}), Se = M({
 	name: "update_ui",
 	description: "Update UI state by executing a command.",
 	needsApproval: !1,
-	inputSchema: M({ command: oe("type", [M({
-		type: D("focus"),
-		elementId: O().meta({ description: "Element ID (FQN)" })
-	}).meta({ description: "Focus UI on an element by its FQN" }), M({ type: D("fitview") }).meta({ description: "Zoom out to fit all elements in the viewport, and clear any selection/focus" })]) }),
-	outputSchema: M({})
-}), Ce = P({
+	inputSchema: A({ command: ce("type", [A({
+		type: T("focus"),
+		elementId: E().meta({ description: "Element ID (FQN)" })
+	}).meta({ description: "Focus UI on an element by its FQN" }), A({ type: T("fitview") }).meta({ description: "Zoom out to fit all elements in the viewport, and clear any selection/focus" })]) }),
+	outputSchema: A({})
+}), Ce = M({
 	name: "navigate_to",
 	description: "Navigates UI to another view",
 	needsApproval: !1,
-	inputSchema: M({ viewId: O().meta({ description: "View ID" }) }),
-	outputSchema: M({})
+	inputSchema: A({ viewId: E().meta({ description: "View ID" }) }),
+	outputSchema: A({})
 }), DoubleIndexedKV = class {
 	constructor() {
 		this.keyToValue = /* @__PURE__ */ new Map(), this.valueToKey = /* @__PURE__ */ new Map();
@@ -726,24 +723,24 @@ function mapToNodeData(e) {
 	};
 }
 function useChatTools() {
-	let e = I(11), { id: a } = ie(), o = t(), s = T(), c;
-	if (e[0] !== s || e[1] !== o || e[2] !== a) {
+	let e = F(11), { id: n } = f(), a = t(), o = d(), s;
+	if (e[0] !== o || e[1] !== a || e[2] !== n) {
 		let t1;
-		e[4] === o ? t1 = e[5] : (t1 = (e) => {
+		e[4] === a ? t1 = e[5] : (t1 = (e) => {
 			let { viewId: t } = e;
-			return o({
+			return a({
 				to: "./",
 				params: (e) => ({
 					...e,
 					viewId: t
 				})
 			}), {};
-		}, e[4] = o, e[5] = t1);
+		}, e[4] = a, e[5] = t1);
 		let t2;
-		e[6] !== s || e[7] !== a ? (t2 = (e) => {
-			let { view: t, focusedNode: o, xynodes: c, xystore: l, toggledFeatures: u, features: d } = s.getContext(), f = u.enableReadOnly ?? d.enableReadOnly, p = mapToNodeData(l.getState()), m = e.nodes === !0 && r(c, p) || void 0, h = e.selectedNode === !0 && n(c, i((e) => !!e.selected || e.id === o), (e) => e ? p(e) : void 0);
+		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: a,
+				projectId: n,
 				editMode: !f,
 				view: {
 					id: t.id,
@@ -753,23 +750,23 @@ function useChatTools() {
 				...m && { nodes: m },
 				...h && { selectedNode: h }
 			};
-		}, e[6] = s, e[7] = a, e[8] = t2) : t2 = e[8];
+		}, e[6] = o, e[7] = n, e[8] = t2) : t2 = e[8];
 		let t3;
-		e[9] === s ? t3 = e[10] : (t3 = (e) => {
+		e[9] === o ? t3 = e[10] : (t3 = (e) => {
 			let { command: t } = e;
 			bb50: switch (t.type) {
 				case "focus":
-					s.focusOnElement(t.elementId);
+					o.focusOnElement(t.elementId);
 					break bb50;
 				case "fitview":
-					s.fitDiagram();
+					o.fitDiagram();
 					break bb50;
 				default: _e(t);
 			}
 			return {};
-		}, e[9] = s, e[10] = t3), c = le(Ce.client(t1), xe.client(t2), Se.client(t3)), e[0] = s, e[1] = o, e[2] = a, e[3] = c;
-	} else c = e[3];
-	return c;
+		}, e[9] = o, e[10] = t3), s = de(Ce.client(t1), xe.client(t2), Se.client(t3)), e[0] = o, e[1] = a, e[2] = n, e[3] = s;
+	} else s = e[3];
+	return s;
 }
 var Q = {
 	key: "likec4.ai.chat.messages",
@@ -792,9 +789,9 @@ var Q = {
 	}
 };
 function useChat(e) {
-	let t = I(7), n;
+	let t = F(7), n;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = {
-		connection: se("/__likec4_ai"),
+		connection: le("/__likec4_ai"),
 		initialMessages: Q.read()
 	}, t[0] = n) : n = t[0];
 	let r = n, i = useChatTools(), a;
@@ -803,10 +800,10 @@ function useChat(e) {
 		...e,
 		tools: i
 	}, t[1] = e, t[2] = i, t[3] = a) : a = t[3];
-	let o = ce(a), t3, s;
+	let o = ue(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), pe(t3, s), o;
+	}, s = [o.messages], t[4] = o.messages, t[5] = t3, t[6] = s), he(t3, s), o;
 }
 //#endregion
 //#region src/aichat/AIChat.tsx
@@ -829,7 +826,7 @@ var $ = {
 	}
 };
 function AIChatComponent() {
-	let e = F(null);
+	let e = N(null);
 	e.current ||= $.read() ?? {
 		right: 16,
 		bottom: 100
@@ -839,14 +836,14 @@ function AIChatComponent() {
 			left: t.x,
 			top: t.y
 		});
-	}, [t, n] = c({
+	}, [t, n] = ne({
 		key: "likec4.ai.chat.collapsed",
 		defaultValue: !0
 	});
-	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ z(ae, { children: [!t && /* @__PURE__ */ R(g, {
+	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ R(se, { children: [!t && /* @__PURE__ */ L(h, {
 		w: 300,
 		pos: "fixed",
-		className: v({
+		className: S({
 			rounded: "md",
 			padding: "xs",
 			shadow: "md",
@@ -857,8 +854,8 @@ function AIChatComponent() {
 		excludeDragHandleSelector: ".chat-input",
 		initialPosition: e.current,
 		onPositionChange,
-		children: /* @__PURE__ */ R(AIChatWindowContent, { onClose: () => n(!0) })
-	}), t && /* @__PURE__ */ R(E.div, {
+		children: /* @__PURE__ */ L(AIChatWindowContent, { onClose: () => n(!0) })
+	}), t && /* @__PURE__ */ L(oe.div, {
 		initial: {
 			opacity: .1,
 			translateX: "10%"
@@ -877,83 +874,83 @@ function AIChatComponent() {
 			bottom: 60,
 			zIndex: 1e3
 		},
-		children: /* @__PURE__ */ R(d, {
+		children: /* @__PURE__ */ L(re, {
 			label: "Show AI Assistant",
 			color: "dark",
 			fz: "xs",
-			children: /* @__PURE__ */ R(f, {
+			children: /* @__PURE__ */ L(v, {
 				size: "lg",
 				variant: "gradient",
 				onClick: () => n(!1),
-				children: /* @__PURE__ */ R(x, { stroke: 1.5 })
+				children: /* @__PURE__ */ L(u, { stroke: 1.5 })
 			})
 		})
-	}, "collapsed")] }), /* @__PURE__ */ R(SemanticLayoutLog, {})] });
+	}, "collapsed")] }), /* @__PURE__ */ L(SemanticLayoutLog, {})] });
 }
 function AIChatWindowContent(e) {
-	let t = I(15), { onClose: n } = e, r = F(null), t1;
+	let t = F(15), { onClose: r } = e, i = N(null), t1;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => {
-		r.current?.scrollIntoView();
+		i.current?.scrollIntoView();
 	}, t[0] = t1) : t1 = t[0];
-	let i = t1, t2;
+	let a = t1, t2;
 	t[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => {
-		i();
-	}, t[1] = t2) : t2 = t[1], re(t2, 100);
-	let a;
-	t[2] === Symbol.for("react.memo_cache_sentinel") ? (a = { onChunk: i }, t[2] = a) : a = t[2];
-	let c = useChat(a), l;
-	t[3] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ z(b, { children: [/* @__PURE__ */ R(y, {
+		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(w, { children: [/* @__PURE__ */ L(C, {
 		textStyle: "likec4.panel",
 		noUserSelect: !0,
 		children: "AI Assistant"
-	}), /* @__PURE__ */ R(s, {
+	}), /* @__PURE__ */ L(_, {
 		size: "xs",
 		radius: "sm",
 		variant: "light",
 		children: ye
-	})] }), t[3] = l) : l = t[3];
-	let u;
-	t[4] === n ? u = t[5] : (u = /* @__PURE__ */ z(b, {
+	})] }), t[3] = c) : c = t[3];
+	let l;
+	t[4] === r ? l = t[5] : (l = /* @__PURE__ */ R(w, {
 		cursor: "move",
 		justify: "space-between",
-		children: [l, /* @__PURE__ */ R(p, {
+		children: [c, /* @__PURE__ */ L(ie, {
 			size: "sm",
 			onClick: (e) => {
-				e.stopPropagation(), n();
+				e.stopPropagation(), r();
 			}
 		})]
-	}), t[4] = n, t[5] = u);
+	}), 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];
 	let d;
-	t[6] === Symbol.for("react.memo_cache_sentinel") ? (d = { content: v({ display: "contents" }) }, t[6] = d) : d = t[6];
-	let f;
-	t[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ R(ChatMessages, {}), t[7] = f) : f = t[7];
-	let m, h;
-	t[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ R(o, {
+	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, {
 		scrollbars: "y",
 		w: "100%",
 		flex: 1,
 		mih: 250,
 		mah: 350,
-		classNames: d,
-		children: /* @__PURE__ */ z(_, { children: [f, /* @__PURE__ */ R("div", {
-			ref: r,
+		classNames: u,
+		children: /* @__PURE__ */ R(x, { children: [d, /* @__PURE__ */ L("div", {
+			ref: i,
 			style: { height: 2 }
 		})] })
-	}), h = /* @__PURE__ */ R(ChatInput, {}), t[8] = m, t[9] = h) : (m = t[8], h = t[9]);
-	let g;
-	t[10] === u ? g = t[11] : (g = /* @__PURE__ */ z(_, {
+	}), 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, {
 		w: "100%",
 		children: [
-			u,
-			m,
-			h
+			l,
+			f,
+			p
 		]
-	}), t[10] = u, t[11] = g);
-	let x;
-	return t[12] !== c || t[13] !== g ? (x = /* @__PURE__ */ R(B, {
-		value: c,
-		children: g
-	}), t[12] = c, t[13] = g, t[14] = x) : x = t[14], x;
+	}), t[10] = l, t[11] = m);
+	let h;
+	return t[12] !== s || t[13] !== m ? (h = /* @__PURE__ */ L(B, {
+		value: s,
+		children: m
+	}), t[12] = s, t[13] = m, t[14] = h) : h = t[14], h;
 }
 //#endregion
 export { AIChatComponent as default };