@trilogy-data/trilogy-studio-components 0.1.25 → 0.1.27

package/dist/{GlobalChatPanel-DFx9A4yP.js → GlobalChatPanel-BXZh0sdD.js}

@@ -1,21 +1,21 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { r as t, t as n } from "./results-DTgAKr5j.js";
-import { a as r, i, r as a, t as o } from "./globalChatRuntime-oMLiPLNC.js";
-import { t as s } from "./VegaLiteChart-CmkOw6yD.js";
-import { t as c } from "./MarkdownRenderer-BNDuEyG-.js";
-import { t as l } from "./DataTable-DoRDynP1.js";
-import { t as u } from "./useGlobalChatPanel-CIeUyZba.js";
-import { t as d } from "./CodeBlock-PT4no49I.js";
-import { n as f, t as p } from "./LLMChat-Cqg6pTgC.js";
-import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, inject as C, nextTick as ee, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as E, onMounted as te, openBlock as D, ref as O, renderList as k, renderSlot as A, resolveComponent as j, toDisplayString as M, unref as N, vModelSelect as ne, watch as re, withCtx as ie, withDirectives as ae, withModifiers as P } from "vue";
+import { t as e } from "./_plugin-vue_export-helper-f9Rw-Il4.js";
+import { c as t, u as n } from "./base-DuKnVD-A.js";
+import { a as r, i, r as a, t as o } from "./globalChatRuntime-CyS7vH51.js";
+import { r as s, t as c } from "./useGlobalChatPanel-DuP1q7_f.js";
+import { t as l } from "./VegaLiteChart-BVyAab-o.js";
+import { t as u } from "./MarkdownRenderer-BWvdx0k3.js";
+import { t as d } from "./CodeBlock-BBsaC6hX.js";
+import { n as f, t as p } from "./LLMChat-Cch33Yd_.js";
+import { t as ee } from "./ChatModelSelect-Cz7axWjP.js";
+import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, inject as C, nextTick as te, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as E, onMounted as ne, openBlock as D, ref as O, renderList as k, renderSlot as A, resolveComponent as j, toDisplayString as M, unref as N, vModelSelect as re, watch as P, withCtx as ie, withDirectives as ae, withModifiers as F } from "vue";
 //#region components/llm/ChatArtifact.vue?vue&type=script&lang.ts
-var F = S({
+var I = S({
 	name: "ChatArtifactComponent",
 	components: {
-		DataTable: l,
-		VegaLiteChart: s,
+		DataTable: s,
+		VegaLiteChart: l,
 		CodeBlock: d,
-		MarkdownRenderer: c
+		MarkdownRenderer: u
 	},
 	props: {
 		artifact: {
@@ -54,13 +54,13 @@ var F = S({
 				case "markdown": return "mdi mdi-language-markdown";
 				default: return "mdi mdi-file-document-outline";
 			}
-		}), c = h(() => e.artifact.data ? e.artifact.data instanceof t ? e.artifact.data : e.artifact.data.headers && e.artifact.data.data ? t.fromJSON(e.artifact.data) : null : null), l = h(() => e.artifact.config?.chartConfig), u = h(() => {
+		}), c = h(() => e.artifact.data ? e.artifact.data instanceof n ? e.artifact.data : e.artifact.data.headers && e.artifact.data.data ? n.fromJSON(e.artifact.data) : null : null), l = h(() => e.artifact.config?.chartConfig), u = h(() => {
 			if (e.artifact.type !== "markdown") return null;
-			let n = e.artifact.data?.queryResults;
-			return n ? n instanceof t ? n : n?.headers && n?.data ? t.fromJSON(n) : null : null;
+			let t = e.artifact.data?.queryResults;
+			return t ? t instanceof n ? t : t?.headers && t?.data ? n.fromJSON(t) : null : null;
 		}), d = h(() => {
 			if (!c.value) return !1;
-			for (let e of c.value.headers.values()) if (e.type === n.ARRAY || e.type === n.STRUCT) return !0;
+			for (let e of c.value.headers.values()) if (e.type === t.ARRAY || e.type === t.STRUCT) return !0;
 			return !1;
 		});
 		return {
@@ -88,35 +88,35 @@ var F = S({
 			}
 		};
 	}
-}), I = { class: "artifact-type-icon" }, L = { class: "artifact-title" }, R = { class: "artifact-actions" }, z = ["title"], B = {
+}), L = { class: "artifact-type-icon" }, R = { class: "artifact-title" }, z = { class: "artifact-actions" }, B = ["title"], V = {
 	key: 0,
 	class: "artifact-content"
-}, V = { class: "artifact-tabs" }, H = {
+}, H = { class: "artifact-tabs" }, U = {
 	key: 2,
 	class: "artifact-markdown"
-}, U = {
+}, W = {
 	key: 4,
 	class: "artifact-custom"
 };
-function W(e, t, n, r, i, a) {
+function oe(e, t, n, r, i, a) {
 	let o = j("data-table"), s = j("vega-lite-chart"), c = j("markdown-renderer"), l = j("code-block");
 	return D(), v("div", { class: w(["chat-artifact", { expanded: e.isExpanded }]) }, [y("div", {
 		class: "artifact-header",
 		onClick: t[2] ||= (...t) => e.toggleExpanded && e.toggleExpanded(...t)
 	}, [
-		y("span", I, [y("i", { class: w(e.typeIcon) }, null, 2)]),
-		y("span", L, M(e.title), 1),
-		y("div", R, [e.canExpand ? (D(), v("button", {
+		y("span", L, [y("i", { class: w(e.typeIcon) }, null, 2)]),
+		y("span", R, M(e.title), 1),
+		y("div", z, [e.canExpand ? (D(), v("button", {
 			key: 0,
 			class: "artifact-action-btn",
-			onClick: t[0] ||= P((t) => e.$emit("expand", e.artifact), ["stop"]),
+			onClick: t[0] ||= F((t) => e.$emit("expand", e.artifact), ["stop"]),
 			title: "Open in full view"
 		}, [...t[5] ||= [y("i", { class: "mdi mdi-arrow-expand" }, null, -1)]])) : _("", !0), y("button", {
 			class: "artifact-action-btn",
-			onClick: t[1] ||= P((...t) => e.toggleExpanded && e.toggleExpanded(...t), ["stop"]),
+			onClick: t[1] ||= F((...t) => e.toggleExpanded && e.toggleExpanded(...t), ["stop"]),
 			title: e.isExpanded ? "Collapse" : "Expand"
-		}, [y("i", { class: w(e.isExpanded ? "mdi mdi-chevron-up" : "mdi mdi-chevron-down") }, null, 2)], 8, z)])
-	]), e.isExpanded ? (D(), v("div", B, [e.artifact.type === "results" && e.results ? (D(), v(m, { key: 0 }, [y("div", V, [y("button", {
+		}, [y("i", { class: w(e.isExpanded ? "mdi mdi-chevron-up" : "mdi mdi-chevron-down") }, null, 2)], 8, B)])
+	]), e.isExpanded ? (D(), v("div", V, [e.artifact.type === "results" && e.results ? (D(), v(m, { key: 0 }, [y("div", H, [y("button", {
 		class: w(["artifact-tab", { active: e.activeTab === "table" }]),
 		onClick: t[3] ||= (t) => e.activeTab = "table"
 	}, " Table (" + M(e.results.data.length) + ") ", 3), y("button", {
@@ -165,7 +165,7 @@ function W(e, t, n, r, i, a) {
 		"containerHeight",
 		"initialConfig",
 		"onConfigChange"
-	])], 4)) : e.artifact.type === "markdown" ? (D(), v("div", H, [x(c, {
+	])], 4)) : e.artifact.type === "markdown" ? (D(), v("div", U, [x(c, {
 		markdown: e.artifact.data?.markdown || "",
 		results: e.markdownResults,
 		loading: !1
@@ -173,35 +173,35 @@ function W(e, t, n, r, i, a) {
 		key: 3,
 		language: e.artifact.config?.language || "sql",
 		content: e.artifact.data || ""
-	}, null, 8, ["language", "content"])) : (D(), v("div", U, [A(e.$slots, "default", { artifact: e.artifact }, () => [y("pre", null, M(JSON.stringify(e.artifact.data, null, 2)), 1)], !0)]))])) : _("", !0)], 2);
+	}, null, 8, ["language", "content"])) : (D(), v("div", W, [A(e.$slots, "default", { artifact: e.artifact }, () => [y("pre", null, M(JSON.stringify(e.artifact.data, null, 2)), 1)], !0)]))])) : _("", !0)], 2);
 }
-var oe = /*#__PURE__*/ e(F, [["render", W], ["__scopeId", "data-v-12ad0967"]]), G = {
+var se = /*#__PURE__*/ e(I, [["render", oe], ["__scopeId", "data-v-12ad0967"]]), G = {
 	class: "conversation-list",
 	"data-testid": "global-chat-conversations"
 }, K = {
 	key: 0,
 	class: "empty-state"
-}, q = ["onClick", "data-testid"], J = { class: "conversation-main" }, Y = { class: "conversation-title-line" }, X = {
+}, q = ["onClick", "data-testid"], J = { class: "conversation-main" }, Y = { class: "conversation-title-line" }, ce = {
 	key: 0,
 	class: "running-spinner",
 	title: "Running"
-}, Z = { class: "conversation-name" }, Q = {
+}, le = { class: "conversation-name" }, X = {
 	key: 0,
 	class: "conversation-preview"
-}, $ = { class: "conversation-meta" }, se = {
+}, ue = { class: "conversation-meta" }, de = {
 	key: 0,
 	class: "connection-badge"
-}, ce = { class: "conversation-time" }, le = ["onClick", "data-testid"], ue = ["onClick", "data-testid"], de = { class: "conversation-main" }, fe = { class: "conversation-title-line" }, pe = {
+}, Z = { class: "conversation-time" }, Q = ["onClick", "data-testid"], fe = ["onClick", "data-testid"], $ = { class: "conversation-main" }, pe = { class: "conversation-title-line" }, me = {
 	key: 0,
 	class: "running-spinner",
 	title: "Running"
-}, me = { class: "conversation-name" }, he = {
+}, he = { class: "conversation-name" }, ge = {
 	key: 0,
 	class: "conversation-preview"
-}, ge = { class: "conversation-meta" }, _e = {
+}, _e = { class: "conversation-meta" }, ve = {
 	key: 0,
 	class: "connection-badge"
-}, ve = { class: "conversation-time" }, ye = ["onClick", "data-testid"], be = /*#__PURE__*/ e(/* @__PURE__ */ S({
+}, ye = { class: "conversation-time" }, be = ["onClick", "data-testid"], xe = /*#__PURE__*/ e(/* @__PURE__ */ S({
 	__name: "GlobalChatConversationList",
 	props: { activeChatId: {} },
 	emits: ["select", "new-chat"],
@@ -243,139 +243,161 @@ var oe = /*#__PURE__*/ e(F, [["render", W], ["__scopeId", "data-v-12ad0967"]]),
 				onClick: (t) => r("select", e.id),
 				"data-testid": `global-chat-conversation-${e.id}`
 			}, [y("div", J, [
-				y("div", Y, [N(i).isChatExecuting(e.id) ? (D(), v("span", X)) : _("", !0), y("span", Z, M(e.name), 1)]),
-				f(e) ? (D(), v("div", Q, M(f(e)), 1)) : _("", !0),
-				y("div", $, [e.llmConnectionName ? (D(), v("span", se, M(e.llmConnectionName), 1)) : _("", !0), y("span", ce, M(d(e.updatedAt)), 1)])
+				y("div", Y, [N(i).isChatExecuting(e.id) ? (D(), v("span", ce)) : _("", !0), y("span", le, M(e.name), 1)]),
+				f(e) ? (D(), v("div", X, M(f(e)), 1)) : _("", !0),
+				y("div", ue, [e.llmConnectionName ? (D(), v("span", de, M(e.llmConnectionName), 1)) : _("", !0), y("span", Z, M(d(e.updatedAt)), 1)])
 			]), y("button", {
 				class: "conversation-delete",
-				onClick: P((t) => p(e), ["stop"]),
+				onClick: F((t) => p(e), ["stop"]),
 				title: "Delete conversation",
 				"data-testid": `global-chat-delete-${e.id}`
-			}, [...t[2] ||= [y("i", { class: "mdi mdi-trash-can-outline" }, null, -1)]], 8, le)], 10, q))), 128)),
+			}, [...t[2] ||= [y("i", { class: "mdi mdi-trash-can-outline" }, null, -1)]], 8, Q)], 10, q))), 128)),
 			l.value.length > 0 ? (D(), v(m, { key: 1 }, [t[5] ||= y("div", { class: "section-header" }, "Dashboard sessions", -1), (D(!0), v(m, null, k(l.value, (e) => (D(), v("div", {
 				key: e.id,
 				class: w(["conversation-row", { active: e.id === n.activeChatId }]),
 				onClick: (t) => r("select", e.id),
 				"data-testid": `global-chat-conversation-${e.id}`
-			}, [y("div", de, [
-				y("div", fe, [
-					N(i).isChatExecuting(e.id) ? (D(), v("span", pe)) : _("", !0),
+			}, [y("div", $, [
+				y("div", pe, [
+					N(i).isChatExecuting(e.id) ? (D(), v("span", me)) : _("", !0),
 					t[3] ||= y("i", {
 						class: "mdi mdi-chart-multiple dashboard-chat-icon",
 						"aria-hidden": "true"
 					}, null, -1),
-					y("span", me, M(u(e)), 1)
+					y("span", he, M(u(e)), 1)
 				]),
-				f(e) ? (D(), v("div", he, M(f(e)), 1)) : _("", !0),
-				y("div", ge, [e.llmConnectionName ? (D(), v("span", _e, M(e.llmConnectionName), 1)) : _("", !0), y("span", ve, M(d(e.updatedAt)), 1)])
+				f(e) ? (D(), v("div", ge, M(f(e)), 1)) : _("", !0),
+				y("div", _e, [e.llmConnectionName ? (D(), v("span", ve, M(e.llmConnectionName), 1)) : _("", !0), y("span", ye, M(d(e.updatedAt)), 1)])
 			]), y("button", {
 				class: "conversation-delete",
-				onClick: P((t) => p(e), ["stop"]),
+				onClick: F((t) => p(e), ["stop"]),
 				title: "Delete conversation",
 				"data-testid": `global-chat-delete-${e.id}`
-			}, [...t[4] ||= [y("i", { class: "mdi mdi-trash-can-outline" }, null, -1)]], 8, ye)], 10, ue))), 128))], 64)) : _("", !0)
+			}, [...t[4] ||= [y("i", { class: "mdi mdi-trash-can-outline" }, null, -1)]], 8, be)], 10, fe))), 128))], 64)) : _("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-1819b525"]]), xe = { class: "panel-body" }, Se = { class: "panel-header" }, Ce = {
+}), [["__scopeId", "data-v-1819b525"]]), Se = { class: "panel-body" }, Ce = { class: "panel-header" }, we = {
 	key: 0,
 	class: "running-badge"
-}, we = {
+}, Te = {
 	key: 0,
 	class: "panel-title"
-}, Te = {
+}, Ee = {
 	key: 1,
 	class: "panel-title panel-title-static"
-}, Ee = { class: "panel-actions" }, De = ["value"], Oe = {
+}, De = { class: "panel-actions" }, Oe = ["disabled"], ke = ["value"], Ae = {
+	key: 0,
+	class: "panel-model-picker"
+}, je = {
 	key: 0,
+	role: "alert"
+}, Me = {
+	key: 1,
 	class: "backoff-banner"
-}, ke = /*#__PURE__*/ e(/* @__PURE__ */ S({
+}, Ne = /*#__PURE__*/ e(/* @__PURE__ */ S({
 	__name: "GlobalChatPanel",
 	setup(e) {
-		let t = C("chatStore"), n = C("llmConnectionStore"), s = C("connectionStore"), c = C("editorStore"), l = C("queryExecutionService"), d = C("dashboardStore", null), S = C("projectStore", null), A = C("modelStore", null), j = C("saveEditors", null), P = C("saveModels", null), F = u(), I = C("storesLoaded", O(!0)), L = h(() => {
-			let e = F.activePanelChatId.value;
+		let t = C("chatStore"), n = C("llmConnectionStore"), s = C("connectionStore"), l = C("editorStore"), u = C("queryExecutionService"), d = C("dashboardStore", null), S = C("projectStore", null), A = C("modelStore", null), j = C("saveEditors", null), F = C("saveModels", null), I = C("saveLLMConnections", null), L = O(!1), R = O(""), z = c(), B = C("storesLoaded", O(!0)), V = h(() => {
+			let e = z.activePanelChatId.value;
 			if (!e) return null;
 			let n = t.chats[e];
 			return !n || n.deleted ? null : n;
 		});
-		re([
-			() => F.isOpen.value,
-			L,
-			I
+		P([
+			() => z.isOpen.value,
+			V,
+			B
 		], ([e, n, r]) => {
 			if (!e || n || !r) return;
 			let i = t.chatList.filter((e) => e.kind === "user" && e.source === "user").sort((e, t) => new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime())[0];
-			i ? F.setActivePanelChat(i.id) : F.setView("list");
+			i ? z.setActivePanelChat(i.id) : z.setView("list");
 		}, { immediate: !0 });
-		let R = h(() => L.value?.messages || []), z = h(() => {
-			let e = R.value;
+		let H = h(() => V.value?.messages || []), U = h(() => {
+			let e = H.value;
 			for (let t = e.length - 1; t >= 0; t--) {
 				let n = e[t];
 				if (n && n.artifact && !n.hidden) return n;
 			}
 			return null;
-		}), B = h(() => L.value ? t.isChatExecuting(L.value.id) : !1), V = h(() => L.value ? t.getChatActiveToolName(L.value.id) : ""), H = h(() => L.value ? t.getChatRateLimitBackoff(L.value.id) : null), U = h(() => Object.entries(t.chatExecutions).filter(([e, n]) => {
-			if (!n?.isLoading || e === F.activePanelChatId.value) return !1;
+		}), W = h(() => V.value ? t.isChatExecuting(V.value.id) : !1), oe = h(() => V.value ? t.getChatActiveToolName(V.value.id) : ""), G = h(() => V.value ? t.getChatRateLimitBackoff(V.value.id) : null), K = h(() => Object.entries(t.chatExecutions).filter(([e, n]) => {
+			if (!n?.isLoading || e === z.activePanelChatId.value) return !1;
 			let r = t.chats[e];
 			return !!r && !r.deleted && r.kind === "user" && r.source !== "editor";
-		}).length), W = h(() => Object.keys(n.connections)), G = h({
-			get: () => L.value?.llmConnectionName || "",
+		}).length), q = h(() => Object.values(n.connections).filter((e) => !e.deleted).map((e) => e.name)), J = h({
+			get: () => V.value?.llmConnectionName || n.activeConnection || "",
 			set: (e) => {
-				L.value && t.updateChatLLMConnection(L.value.id, e);
+				V.value && t.updateChatLLMConnection(V.value.id, e);
 			}
+		}), Y = h(() => n.connections[J.value]);
+		P(J, () => {
+			R.value = "";
 		});
-		function K(e) {
-			L.value && t.updateChatName(L.value.id, e);
+		async function ce(e) {
+			let t = Y.value;
+			if (!t || !e || t.model === e || L.value) return;
+			let n = t.model;
+			L.value = !0, R.value = "";
+			try {
+				t.setModel(e), await I?.();
+			} catch {
+				t.setModel(n), R.value = "Could not save the model. Please try again.";
+			} finally {
+				L.value = !1;
+			}
+		}
+		function le(e) {
+			V.value && t.updateChatName(V.value.id, e);
 		}
-		function q() {
+		function X() {
 			let e = t.newChat(n.activeConnection || "", "", void 0, "", { activate: !1 });
-			F.setActivePanelChat(e.id);
+			z.setActivePanelChat(e.id);
 		}
-		function J(e) {
-			F.setActivePanelChat(e);
+		function ue(e) {
+			z.setActivePanelChat(e);
 		}
-		async function Y(e, r) {
-			let i = L.value;
-			i || (i = t.newChat(n.activeConnection || "", "", void 0, "", { activate: !1 }), F.setActivePanelChat(i.id), await ee()), await a({
+		async function de(e, r) {
+			let i = V.value;
+			i || (i = t.newChat(n.activeConnection || "", "", void 0, "", { activate: !1 }), z.setActivePanelChat(i.id), await te()), await a({
 				chatId: i.id,
 				message: e,
 				chatStore: t,
 				deps: {
 					llmConnectionStore: n,
 					connectionStore: s,
-					queryExecutionService: l,
-					editorStore: c,
+					queryExecutionService: u,
+					editorStore: l,
 					...S ? { projectStore: S } : {},
 					...d ? { dashboardStore: d } : {},
 					...A ? { modelStore: A } : {},
 					...j ? { saveEditors: j } : {},
-					...P ? { saveModels: P } : {}
+					...F ? { saveModels: F } : {}
 				}
 			});
 		}
-		let X = null;
-		te(() => {
-			X = r({
+		let Z = null;
+		ne(() => {
+			Z = r({
 				chatStore: t,
-				getTargetChatId: () => F.activePanelChatId.value,
+				getTargetChatId: () => z.activePanelChatId.value,
 				dashboardNameLookup: (e) => d?.dashboards[e]?.name ?? null,
-				editorNameLookup: (e) => c.editors[e]?.name ?? null
+				editorNameLookup: (e) => l.editors[e]?.name ?? null
 			});
 		}), E(() => {
-			X &&= (X(), null);
+			Z &&= (Z(), null);
 		});
-		function Z() {
-			let e = L.value;
+		function Q() {
+			let e = V.value;
 			e && t.isChatExecuting(e.id) && t.stopExecution(e.id);
 		}
-		function Q() {
-			let e = L.value;
+		function fe() {
+			let e = V.value;
 			e && window.confirm(`Clear all messages in "${e.name}"?`) && (t.isChatExecuting(e.id) && t.stopExecution(e.id), t.clearChatMessages(e.id), o(e.id), i(e.id));
 		}
 		let $ = null;
-		function se(e) {
+		function pe(e) {
 			e.preventDefault(), $ &&= ($(), null);
-			let t = e.clientX, n = F.panelWidth.value, r = (e) => {
-				F.setPanelWidth(n + (t - e.clientX));
+			let t = e.clientX, n = z.panelWidth.value, r = (e) => {
+				z.setPanelWidth(n + (t - e.clientX));
 			}, i = () => {
 				$ &&= ($(), null), window.dispatchEvent(new Event("resize"));
 			};
@@ -388,83 +410,95 @@ var oe = /*#__PURE__*/ e(F, [["render", W], ["__scopeId", "data-v-12ad0967"]]),
 		}), (e, t) => (D(), v("div", {
 			class: "global-chat-panel",
 			style: T({
-				width: N(F).panelWidth.value + "px",
+				width: N(z).panelWidth.value + "px",
 				minWidth: N(320) + "px",
 				maxWidth: N(640) + "px"
 			}),
 			"data-testid": "global-chat-panel"
 		}, [y("div", {
 			class: "panel-resize-handle",
-			onMousedown: se
-		}, null, 32), y("div", xe, [
-			y("div", Se, [
+			onMousedown: pe
+		}, null, 32), y("div", Se, [
+			y("div", Ce, [
 				y("button", {
-					class: w(["panel-header-btn", { "is-active": N(F).view.value === "list" }]),
-					onClick: t[0] ||= (e) => N(F).setView(N(F).view.value === "list" ? "conversation" : "list"),
+					class: w(["panel-header-btn", { "is-active": N(z).view.value === "list" }]),
+					onClick: t[0] ||= (e) => N(z).setView(N(z).view.value === "list" ? "conversation" : "list"),
 					title: "Conversations",
 					"data-testid": "global-chat-list-toggle"
-				}, [t[3] ||= y("i", { class: "mdi mdi-forum-outline" }, null, -1), U.value > 0 ? (D(), v("span", Ce, M(U.value), 1)) : _("", !0)], 2),
-				N(F).view.value === "conversation" && L.value ? (D(), v("div", we, [x(f, {
-					"model-value": L.value.name,
+				}, [t[3] ||= y("i", { class: "mdi mdi-forum-outline" }, null, -1), K.value > 0 ? (D(), v("span", we, M(K.value), 1)) : _("", !0)], 2),
+				N(z).view.value === "conversation" && V.value ? (D(), v("div", Te, [x(f, {
+					"model-value": V.value.name,
 					"test-id": "global-chat-title",
-					"onUpdate:modelValue": K
-				}, null, 8, ["model-value"])])) : (D(), v("div", Te, [...t[4] ||= [y("i", { class: "mdi mdi-creation" }, null, -1), b(" AI Assistant ", -1)]])),
-				y("div", Ee, [
-					N(F).view.value === "conversation" && L.value && W.value.length ? ae((D(), v("select", {
+					"onUpdate:modelValue": le
+				}, null, 8, ["model-value"])])) : (D(), v("div", Ee, [...t[4] ||= [y("i", { class: "mdi mdi-creation" }, null, -1), b(" AI Assistant ", -1)]])),
+				y("div", De, [
+					N(z).view.value === "conversation" && V.value && q.value.length ? ae((D(), v("select", {
 						key: 0,
 						class: "llm-connection-select",
-						"onUpdate:modelValue": t[1] ||= (e) => G.value = e,
+						"onUpdate:modelValue": t[1] ||= (e) => J.value = e,
+						disabled: L.value,
 						title: "LLM connection for this conversation",
 						"data-testid": "global-chat-llm-select"
 					}, [t[5] ||= y("option", {
 						value: "",
 						disabled: ""
-					}, "LLM…", -1), (D(!0), v(m, null, k(W.value, (e) => (D(), v("option", {
+					}, "LLM…", -1), (D(!0), v(m, null, k(q.value, (e) => (D(), v("option", {
 						key: e,
 						value: e
-					}, M(e), 9, De))), 128))], 512)), [[ne, G.value]]) : _("", !0),
-					B.value ? (D(), v("button", {
+					}, M(e), 9, ke))), 128))], 8, Oe)), [[re, J.value]]) : _("", !0),
+					W.value ? (D(), v("button", {
 						key: 1,
 						class: "panel-header-btn panel-header-btn-stop",
-						onClick: Z,
+						onClick: Q,
 						title: "Stop the assistant",
 						"data-testid": "global-chat-stop"
 					}, [...t[6] ||= [y("i", { class: "mdi mdi-stop-circle-outline" }, null, -1)]])) : _("", !0),
-					N(F).view.value === "conversation" && L.value && R.value.length ? (D(), v("button", {
+					N(z).view.value === "conversation" && V.value && H.value.length ? (D(), v("button", {
 						key: 2,
 						class: "panel-header-btn",
-						onClick: Q,
+						onClick: fe,
 						title: "Clear conversation",
 						"data-testid": "global-chat-clear"
 					}, [...t[7] ||= [y("i", { class: "mdi mdi-broom" }, null, -1)]])) : _("", !0),
 					y("button", {
 						class: "panel-header-btn",
-						onClick: q,
+						onClick: X,
 						title: "New conversation",
 						"data-testid": "global-chat-new"
 					}, [...t[8] ||= [y("i", { class: "mdi mdi-plus" }, null, -1)]]),
 					y("button", {
 						class: "panel-header-btn",
-						onClick: t[2] ||= (e) => N(F).closePanel(),
+						onClick: t[2] ||= (e) => N(z).closePanel(),
 						title: "Close (Ctrl+Shift+.)",
 						"data-testid": "global-chat-close"
 					}, [...t[9] ||= [y("i", { class: "mdi mdi-close" }, null, -1)]])
 				])
 			]),
-			H.value?.isWaiting ? (D(), v("div", Oe, " Rate limited — retrying (attempt " + M(H.value.attempt) + ", " + M(Math.round(H.value.delayMs / 1e3)) + "s) ", 1)) : _("", !0),
-			N(F).view.value === "list" ? (D(), g(be, {
-				key: 1,
-				"active-chat-id": N(F).activePanelChatId.value,
-				onSelect: J,
-				onNewChat: q
-			}, null, 8, ["active-chat-id"])) : (D(), g(p, {
+			N(z).view.value === "conversation" && V.value ? (D(), v("div", Ae, [x(ee, {
+				"connection-name": J.value,
+				"model-value": Y.value?.model || "",
+				disabled: L.value,
+				"onUpdate:modelValue": ce
+			}, null, 8, [
+				"connection-name",
+				"model-value",
+				"disabled"
+			]), R.value ? (D(), v("small", je, M(R.value), 1)) : _("", !0)])) : _("", !0),
+			G.value?.isWaiting ? (D(), v("div", Me, " Rate limited — retrying (attempt " + M(G.value.attempt) + ", " + M(Math.round(G.value.delayMs / 1e3)) + "s) ", 1)) : _("", !0),
+			N(z).view.value === "list" ? (D(), g(xe, {
 				key: 2,
-				messages: R.value,
+				"active-chat-id": N(z).activePanelChatId.value,
+				onSelect: ue,
+				onNewChat: X
+			}, null, 8, ["active-chat-id"])) : (D(), g(p, {
+				key: 3,
+				messages: H.value,
 				"show-header": !1,
-				"external-loading": B.value,
-				"active-tool-name": V.value,
-				"send-handler": Y,
-				"stop-handler": Z,
+				"external-loading": W.value,
+				disabled: L.value,
+				"active-tool-name": oe.value,
+				"send-handler": de,
+				"stop-handler": Q,
 				placeholder: [
 					"Ask about your data...",
 					"Ask how the app works...",
@@ -473,20 +507,21 @@ var oe = /*#__PURE__*/ e(F, [["render", W], ["__scopeId", "data-v-12ad0967"]]),
 				"send-button-text": "Send",
 				"loading-text": "Working..."
 			}, {
-				artifact: ie(({ artifact: e, message: t }) => [x(oe, {
+				artifact: ie(({ artifact: e, message: t }) => [x(se, {
 					artifact: e,
 					height: 320,
 					"can-expand": !1,
-					"default-expanded": t === z.value
+					"default-expanded": t === U.value
 				}, null, 8, ["artifact", "default-expanded"])]),
 				_: 1
 			}, 8, [
 				"messages",
 				"external-loading",
+				"disabled",
 				"active-tool-name"
 			]))
 		])], 4));
 	}
-}), [["__scopeId", "data-v-63a58261"]]);
+}), [["__scopeId", "data-v-d4b77a36"]]);
 //#endregion
-export { ke as default };
+export { Ne as default };