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

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

@@ -1,15 +1,16 @@
 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 { a as r, i, r as a, t as o } from "./globalChatRuntime-DWZxeS57.js";
+import { t as s } from "./VegaLiteChart-D1slfOUY.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 u } from "./useGlobalChatPanel-D_0luajQ.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 { n as f, t as p } from "./LLMChat-CxJcPLEG.js";
+import { t as ee } from "./ChatModelSelect-Do-VRUFc.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,
@@ -88,35 +89,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 +166,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 +174,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,99 +244,121 @@ 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"), c = C("editorStore"), l = 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 = u(), 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,
@@ -348,34 +371,34 @@ var oe = /*#__PURE__*/ e(F, [["render", W], ["__scopeId", "data-v-12ad0967"]]),
 					...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
 			});
 		}), 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 +411,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 +508,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 };

package/dist/{IDE-BRMLxTfP.js → IDE-HLa8vybk.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import "./editorRefinementToolExecutor-mX8ClQ63.js";
-import { i as t } from "./stores-C1wUWiFm.js";
-import { i as n } from "./editorRefinementRuntime-C_YmXRy4.js";
-import { r, t as i } from "./editorStore-Ch7k-gse.js";
-import { i as a, n as o, t as s } from "./urlStore-Dgmwx1YI.js";
+import "./editorRefinementToolExecutor-CVY3FA7k.js";
+import { i as t } from "./stores-BT9hTLny.js";
+import { i as n } from "./editorRefinementRuntime-DoP9P5J2.js";
+import { r, t as i } from "./editorStore-BhhmXbi-.js";
+import { i as a, n as o, t as s } from "./urlStore-52HG6lsX.js";
 import { n as c, t as l } from "./useResizableDialog-B0ePSts4.js";
-import { t as u } from "./useGlobalChatPanel-CIeUyZba.js";
-import { a as d, i as f, n as p, r as m, s as h, t as g } from "./PageLoading-I6mr-7NB.js";
-import { t as _ } from "./demoSetup-DiW3ROFQ.js";
+import { t as u } from "./useGlobalChatPanel-D_0luajQ.js";
+import { a as d, i as f, n as p, r as m, s as h, t as g } from "./PageLoading-BzniJM0C.js";
+import { t as _ } from "./demoSetup-mwa-RDC6.js";
 import { Fragment as v, Teleport as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as ee, createStaticVNode as T, createVNode as E, defineAsyncComponent as D, defineComponent as O, inject as k, nextTick as A, normalizeClass as j, normalizeStyle as te, onBeforeUnmount as M, onMounted as ne, onUnmounted as re, openBlock as N, provide as ie, ref as P, renderList as F, renderSlot as I, resolveComponent as L, toDisplayString as R, unref as ae, watch as z, withCtx as B, withModifiers as oe } from "vue";
 //#region node_modules/.pnpm/split.js@1.6.5/node_modules/split.js/dist/split.es.js
 var V = typeof window < "u" ? window : null, se = V === null, H = se ? void 0 : V.document, U = "addEventListener", W = "removeEventListener", G = "getBoundingClientRect", K = "_a", q = "_b", J = "_c", Y = "horizontal", X = function() {
@@ -652,7 +652,7 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 	loader: e,
 	loadingComponent: g,
 	delay: 0
-}), et = $(() => import("./TutorialPage-CZGBRJdq.js")), tt = $(() => import("./Editor-DhsP18KE.js").then((e) => e.n)), nt = $(() => import("./WelcomePage-CLKvAvk-.js")), rt = $(() => import("./Dashboard-D1ZCTw5r.js").then((e) => e.n)), it = D(() => import("./ResultComponent-_-1qZCfv.js").then((e) => e.n)), at = $(() => import("./ModelView-rAurf9n8.js").then((e) => e.n)), ot = $(() => import("./CommunityModels-D7zWnHgG.js").then((e) => e.n)), st = $(() => import("./JobsView-C9PYS6pZ.js").then((e) => e.n)), ct = $(() => import("./ConnectionView-COnTTuA4.js").then((e) => e.n)), lt = $(() => import("./LLMView-VkJpP-49.js")), ut = D(() => import("./AssetAutoImporter-DfMd_DSk.js").then((e) => e.n)), dt = D(() => import("./ChatCreatorModal-BTqY06B6.js")), ft = D(() => import("./ConnectionErrorPopup-FSs7U-Yl.js")), pt = D(() => import("./GlobalChatPanel-DFx9A4yP.js")), mt = D(() => import("./ErrorMessage-XMn_08gJ.js").then((e) => e.n)), ht = D(() => import("./LoadingButton-OH3frQuO.js").then((e) => e.n)), gt = D(() => import("./DataTable-DoRDynP1.js").then((e) => e.n)), _t = O({
+}), et = $(() => import("./TutorialPage-NRcee6Dx.js")), tt = $(() => import("./Editor-DQsYpkwl.js").then((e) => e.n)), nt = $(() => import("./WelcomePage-D5mU2x1L.js")), rt = $(() => import("./Dashboard-BH9ZwMVJ.js").then((e) => e.n)), it = D(() => import("./ResultComponent-CAn_r3BL.js").then((e) => e.n)), at = $(() => import("./ModelView-DUDA_PtZ.js").then((e) => e.n)), ot = $(() => import("./CommunityModels-Cmro0hV3.js").then((e) => e.n)), st = $(() => import("./JobsView-B97HBoIE.js").then((e) => e.n)), ct = $(() => import("./ConnectionView-COnTTuA4.js").then((e) => e.n)), lt = $(() => import("./LLMView-C1MUf0c2.js")), ut = D(() => import("./AssetAutoImporter-CBzvBaOt.js").then((e) => e.n)), dt = D(() => import("./ChatCreatorModal-CL-jBnc3.js")), ft = D(() => import("./ConnectionErrorPopup-FSs7U-Yl.js")), pt = D(() => import("./GlobalChatPanel-DhnOaige.js")), mt = D(() => import("./ErrorMessage-XMn_08gJ.js").then((e) => e.n)), ht = D(() => import("./LoadingButton-OH3frQuO.js").then((e) => e.n)), gt = D(() => import("./DataTable-DoRDynP1.js").then((e) => e.n)), _t = O({
 	name: "IDEComponent",
 	data() {
 		return {

package/dist/{JobsView-C9PYS6pZ.js → JobsView-B97HBoIE.js}

@@ -1,11 +1,11 @@
 import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { o as ee } from "./stores-C1wUWiFm.js";
-import { C as te, O as ne } from "./editorRefinementRuntime-C_YmXRy4.js";
-import { C as re, E as ie, S as ae, i as oe, v as se, w as ce, x as le, y as ue } from "./editorStore-Ch7k-gse.js";
-import { t as de } from "./reconcile-Bk7M797_.js";
+import { o as ee } from "./stores-BT9hTLny.js";
+import { C as te, O as ne } from "./editorRefinementRuntime-DoP9P5J2.js";
+import { D as re, E as ie, S as ae, T as oe, i as se, k as ce, w as le, x as ue } from "./editorStore-BhhmXbi-.js";
+import { t as de } from "./reconcile-Dyf4UZmj.js";
 import { t as fe } from "./StoreTokenModal-zCSYhfrw.js";
-import { t as pe } from "./Editor-DhsP18KE.js";
+import { t as pe } from "./Editor-DQsYpkwl.js";
 import { Fragment as n, computed as r, createBlock as me, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as he, defineComponent as c, inject as l, normalizeClass as u, openBlock as d, provide as ge, ref as f, renderList as p, toDisplayString as m, unref as h, watch as _e } from "vue";
 //#region utils/terminalOutput.ts
 var g = /\u001B(?:\][^\u0007]*(?:\u0007|\u001B\\)|\[[0-?]*[ -/]*[@-~])/g, ve = (e) => e ? e.replace(g, "") : "", ye = (e) => e ? (g.lastIndex = 0, g.test(e)) : !1, be = { class: "jobs-page" }, xe = { class: "jobs-header" }, Se = { class: "jobs-title" }, Ce = { class: "jobs-subtitle" }, we = { class: "header-actions" }, Te = ["disabled"], Ee = ["disabled"], De = ["disabled"], Oe = ["disabled"], ke = {
@@ -130,7 +130,7 @@ var g = /\u001B(?:\][^\u0007]*(?:\u0007|\u001B\\)|\[[0-?]*[ -/]*[@-~])/g, ve = (
 	__name: "JobsView",
 	props: { activeJobsKey: {} },
 	setup(e) {
-		let t = e, c = oe(), g = ee(), y = f(!1), b = r(() => c.stores.filter((e) => e.type === "generic")), x = r(() => t.activeJobsKey || b.value[0]?.id || ""), S = r(() => x.value.split("+")), C = r(() => S.value[0] || ""), w = r(() => b.value.find((e) => e.id === C.value) || null), T = r(() => w.value?.name || "No store selected"), E = r(() => S.value.length === 1 ? "store" : S.value[1] === "directory" ? "directory" : "file"), D = r(() => decodeURIComponent(S.value[2] || "")), O = r(() => C.value ? g.filesByStore[C.value] : void 0), nn = r(() => O.value?.directories.filter((e) => e.directory !== "").length || 0), rn = r(() => O.value?.directories.reduce((e, t) => e + t.files.length, 0) || 0), k = r(() => C.value ? g.errors[C.value] : ""), an = r(() => {
+		let t = e, c = se(), g = ee(), y = f(!1), b = r(() => c.stores.filter((e) => e.type === "generic")), x = r(() => t.activeJobsKey || b.value[0]?.id || ""), S = r(() => x.value.split("+")), C = r(() => S.value[0] || ""), w = r(() => b.value.find((e) => e.id === C.value) || null), T = r(() => w.value?.name || "No store selected"), E = r(() => S.value.length === 1 ? "store" : S.value[1] === "directory" ? "directory" : "file"), D = r(() => decodeURIComponent(S.value[2] || "")), O = r(() => C.value ? g.filesByStore[C.value] : void 0), nn = r(() => O.value?.directories.filter((e) => e.directory !== "").length || 0), rn = r(() => O.value?.directories.reduce((e, t) => e + t.files.length, 0) || 0), k = r(() => C.value ? g.errors[C.value] : ""), an = r(() => {
 			let e = [{
 				label: "Store",
 				value: T.value
@@ -156,7 +156,7 @@ var g = /\u001B(?:\][^\u0007]*(?:\u0007|\u001B\\)|\[[0-?]*[ -/]*[@-~])/g, ve = (
 			if (E.value === "directory") return D.value;
 			let e = D.value.split("/");
 			return e[e.length - 1] || T.value;
-		}), sn = r(() => E.value === "store" ? "Track submitted jobs for this remote store and refresh its served assets." : "Run or refresh this target and watch job output update live."), cn = r(() => E.value === "store" ? "Recent Jobs" : "Jobs For This Target"), M = r(() => E.value !== "file"), N = r(() => E.value === "store" ? "." : D.value), P = r(() => C.value ? g.getState(C.value, N.value) : null), F = r(() => C.value ? g.isStateLoading(C.value, N.value) : !1), I = r(() => C.value ? g.getStateError(C.value, N.value) : ""), L = r(() => P.value ? re(P.value.assets) : []), R = l("editorStore"), ln = l("saveEditors");
+		}), sn = r(() => E.value === "store" ? "Track submitted jobs for this remote store and refresh its served assets." : "Run or refresh this target and watch job output update live."), cn = r(() => E.value === "store" ? "Recent Jobs" : "Jobs For This Target"), M = r(() => E.value !== "file"), N = r(() => E.value === "store" ? "." : D.value), P = r(() => C.value ? g.getState(C.value, N.value) : null), F = r(() => C.value ? g.isStateLoading(C.value, N.value) : !1), I = r(() => C.value ? g.getStateError(C.value, N.value) : ""), L = r(() => P.value ? ie(P.value.assets) : []), R = l("editorStore"), ln = l("saveEditors");
 		ge("hideEditorSymbols", !0);
 		let z = f(!1), un = r(() => !R || E.value !== "file" || !C.value ? null : de(R.editors, C.value, D.value)[0] || null), B = r(() => un.value?.id || ""), dn = r(() => `jobs:${B.value}`), fn = () => {
 			ln?.();
@@ -172,7 +172,7 @@ var g = /\u001B(?:\][^\u0007]*(?:\u0007|\u001B\\)|\[[0-?]*[ -/]*[@-~])/g, ve = (
 			H.value[e] = !H.value[e];
 		}, hn = (e) => {
 			U.value[e] = !U.value[e];
-		}, W = (e) => ae(e), G = (e) => ue(e), gn = (e) => le(e), K = (e) => ie(e), _n = (e) => ce(e.partitions).slice(0, v), vn = (e) => Math.max(0, e.partitions.length - v), yn = (e) => se(e), q = async (e = !1) => {
+		}, W = (e) => oe(e), G = (e) => ae(e), gn = (e) => le(e), K = (e) => ce(e), _n = (e) => re(e.partitions).slice(0, v), vn = (e) => Math.max(0, e.partitions.length - v), yn = (e) => ue(e), q = async (e = !1) => {
 			C.value && await g.fetchStateForTarget(C.value, N.value, e);
 		}, J = async (e) => {
 			!C.value || !D.value || await g.submitJob(C.value, D.value, e);

package/dist/{LLMChat-Cqg6pTgC.js → LLMChat-CxJcPLEG.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Q as t } from "./editorRefinementToolExecutor-mX8ClQ63.js";
+import { $ as t } from "./editorRefinementToolExecutor-CVY3FA7k.js";
 import { t as n } from "./MarkdownRenderer-BNDuEyG-.js";
 import { Fragment as r, Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, onMounted as h, onUnmounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveComponent as x, toDisplayString as S, vModelText as C, watch as w, withDirectives as T, withKeys as E, withModifiers as D } from "vue";
 //#region components/EditableTitle.vue?vue&type=script&lang.ts