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

package/README.md

@@ -158,6 +158,11 @@ const chat = useTrilogyChat({
 The toolset is part of the provider's prompt-cache prefix, so keep the list stable within a
 conversation where you can; each change costs one cache miss.
 
+Disabling `connect_data_connection` also changes what the prompt says when the data connection is
+down: instead of telling the model to connect, it says to tell the user and return. A host that
+opens its own connection must actually open it — a model told to call a tool it cannot see goes
+looking for it rather than reporting the problem.
+
 ## Styling Prerequisites
 
 The package stylesheet (`@trilogy-data/trilogy-studio-components/style.css`) carries the

package/dist/AssetAutoImporter-CBzvBaOt.js

@@ -0,0 +1,405 @@
+import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { i as n } from "./stores-BT9hTLny.js";
+import { d as r, f as i, n as a, o, p as s } from "./editorStore-BhhmXbi-.js";
+import "./dashboardStore-ppM6nGks.js";
+import { i as c, n as l, t as u } from "./urlStore-52HG6lsX.js";
+import { t as ee } from "./trilogy-BroD2Qmp.js";
+import { t as d } from "./helpers-BLQAgX3C.js";
+import { n as f, r as p } from "./remoteStoreSync-Z-yjlYtI.js";
+import { Fragment as m, computed as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as te, defineComponent as ne, inject as b, normalizeClass as x, onBeforeUnmount as re, onMounted as ie, openBlock as S, ref as C, toDisplayString as w, unref as ae, vModelText as T, withDirectives as E } from "vue";
+//#region components/AssetAutoImporter.vue?vue&type=script&setup=true&lang.ts
+var oe = { class: "auto-import-container" }, se = {
+	key: 0,
+	class: "import-panel import-state error-state",
+	role: "alert"
+}, ce = { class: "import-headline" }, le = { class: "error-message" }, ue = {
+	key: 1,
+	class: "import-panel import-state loading-state",
+	role: "status"
+}, de = { class: "loading-content" }, fe = ["src"], pe = { class: "import-headline" }, me = { class: "step-indicator" }, he = { class: "step-icon" }, ge = { key: 0 }, _e = { key: 1 }, ve = { class: "step-icon" }, ye = { key: 0 }, be = { key: 1 }, xe = { key: 2 }, Se = { class: "step-icon" }, Ce = { key: 0 }, we = { key: 1 }, Te = { key: 2 }, Ee = { class: "step-icon" }, De = { key: 0 }, Oe = { key: 1 }, ke = { key: 2 }, Ae = { class: "step-text" }, je = {
+	key: 2,
+	class: "import-panel import-form"
+}, Me = { class: "import-header" }, Ne = { class: "import-headline" }, Pe = { class: "import-details" }, Fe = {
+	key: 0,
+	class: "import-source"
+}, Ie = { class: "import-source" }, Le = { class: "connection-setup" }, Re = { class: "setup-description" }, ze = {
+	key: 0,
+	class: "form-group"
+}, Be = {
+	key: 1,
+	class: "form-group"
+}, Ve = { class: "form-group" }, He = { class: "form-group" }, Ue = { class: "form-group" }, We = { class: "form-actions" }, Ge = ["disabled"], Ke = 1500, D = /*@__PURE__*/ ne({
+	__name: "AssetAutoImporter",
+	emits: ["importComplete", "fullScreen"],
+	setup(e, { emit: t }) {
+		let ne = t, D = b("dashboardStore"), O = b("connectionStore"), k = b("editorStore"), A = b("modelStore"), j = b("communityApiStore"), qe = b("queryExecutionService"), Je = b("saveDashboards"), Ye = b("saveAll"), Xe = b("storageSources", []), M = n(), Ze = h(() => Xe.find((e) => e.type === "remote"));
+		if (!D || !O || !k || !A || !Je || !qe || !Ye) throw Error("Required stores not provided");
+		let N = C(!0), P = C(""), F = C(""), Qe = C(""), $e = C("generic"), I = C(""), L = C(!1), R = C(""), z = C("dashboard"), B = C(""), V = C(""), H = C(null), U = C(!1), et = C(""), W = C(!1), G = C("importing"), K = C(Date.now()), tt = C(Date.now()), nt = C("0 ms"), q = null, J = C({
+			mdToken: "",
+			projectId: "",
+			username: "",
+			password: "",
+			account: "",
+			sshPrivateKey: ""
+		}), Y = C(!0), rt = {
+			duckdb: {
+				fields: [],
+				autoImport: !0
+			},
+			motherduck: {
+				fields: ["mdToken"],
+				autoImport: !1
+			},
+			bigquery: {
+				fields: ["projectId"],
+				autoImport: !1
+			},
+			snowflake: {
+				fields: [
+					"username",
+					"account",
+					"sshPrivateKey"
+				],
+				autoImport: !1
+			}
+		}, it = h(() => {
+			if (L.value) return !1;
+			let e = rt[V.value];
+			return !e || !e.autoImport;
+		}), at = h(() => {
+			let e = rt[V.value];
+			return e ? e.fields : [];
+		}), ot = h(() => {
+			let e = a.find((e) => e.value === V.value);
+			return e ? e.label : V.value;
+		}), X = h(() => {
+			switch (z.value) {
+				case "dashboard": return "Dashboard";
+				case "editor":
+				case "trilogy": return "Editor";
+				default: return "Asset";
+			}
+		}), st = h(() => `A model named "${B.value}" already exists. Overwriting will replace its imported sources. Continue?`), ct = h(() => {
+			switch (z.value) {
+				case "dashboard": return "Setting up your dashboard...";
+				case "editor":
+				case "trilogy": return "Setting up your editor...";
+				default: return "Setting up your asset...";
+			}
+		}), lt = (e) => 100, Z = () => {
+			Q();
+			let e = Date.now() - tt.value;
+			if (e < 1e3) nt.value = `${e} ms`;
+			else if (e < 6e4) {
+				let t = (e / 1e3).toFixed(1);
+				nt.value = `${t} sec`;
+			} else {
+				let t = Math.floor(e / 6e4), n = (e % 6e4 / 1e3).toFixed(1);
+				nt.value = n === "0.0" ? `${t} min` : `${t} min ${n} sec`;
+			}
+			if (!H.value && (N.value || U.value)) {
+				let t = lt(e);
+				q = setTimeout(Z, t);
+			}
+		}, Q = () => {
+			q &&= (clearTimeout(q), null);
+		}, ut = async (e) => {
+			let t = Date.now() - K.value, n = Math.max(0, Ke - t);
+			n > 0 && G.value !== "registering" && G.value !== "importing" && await new Promise((e) => setTimeout(e, n)), G.value = e, K.value = Date.now();
+		};
+		function $() {
+			if (!V.value) {
+				Y.value = !1;
+				return;
+			}
+			let e = at.value;
+			for (let t of e) if (!J.value[t]) {
+				Y.value = !1;
+				return;
+			}
+			Y.value = !0;
+		}
+		let dt = (e) => Qe.value || i(e), ft = async () => {
+			if (!F.value || !j) return;
+			let e = s(F.value), t = dt(e), n = j.stores.find((e) => e.id === t);
+			if (n) {
+				n.type === "generic" && (I.value && (n.token = I.value), L.value && B.value && (n.name = B.value)), console.log(`Store ${t} already registered`);
+				return;
+			}
+			let r = $e.value === "static" ? {
+				...o(e),
+				id: t
+			} : {
+				type: "generic",
+				id: t,
+				name: L.value && B.value ? B.value : `Auto-registered: ${e}`,
+				baseUrl: e,
+				token: I.value || void 0
+			};
+			try {
+				await j.addStore(r), console.log(`Store ${t} registered successfully`);
+			} catch (e) {
+				console.warn(`Failed to register store ${t}:`, e);
+			}
+		}, pt = () => {
+			if (!F.value || !j) return null;
+			let e = s(F.value), t = dt(e), n = j.stores.find((e) => e.id === t);
+			return n?.type === "generic" ? n : null;
+		}, mt = () => {
+			W.value = !1, H.value = `Import cancelled. Existing model "${B.value}" was not overwritten.`, N.value = !1, Q();
+		}, ht = async () => {
+			W.value = !1, H.value = null, await yt();
+		}, gt = async () => {
+			if (!L.value && A.models[B.value]) {
+				N.value = !1, Q(), W.value = !0;
+				return;
+			}
+			await yt();
+		}, _t = async () => {
+			if (!Ze.value) throw Error("Remote storage is not available in this context.");
+			let e = pt();
+			if (!e) throw Error("Remote imports require a valid store URL that can be registered.");
+			await f(Ze.value, e.id, k, O, A);
+			let t = r(e);
+			if (z.value === "dashboard") {
+				let e = Object.values(D.dashboards).find((e) => e.name === R.value && e.connection === t);
+				if (!e) throw Error(`Dashboard "${R.value}" is not part of the remote store. Remote stores don't serve dashboards — create one locally against this store's connection first.`);
+				return D.warmDashboardQueries(e.id, qe, k), {
+					foundAssetId: e.id,
+					connectionName: t
+				};
+			}
+			let n = `remote:${e.id}:`, i = Object.values(k.editors).filter((e) => e.id.startsWith(n) && e.connection === t), a = (e) => e.replace(/\.[^.]+$/, ""), o = i.find((e) => e.name === R.value || a(e.name) === R.value);
+			if (!o) {
+				let e = i.map((e) => e.name).join(", ");
+				throw Error(`Editor "${R.value}" was not found in the remote store, have ${e}`);
+			}
+			return {
+				foundAssetId: o.id,
+				connectionName: t
+			};
+		}, vt = async () => {
+			let e = `${B.value}-connection`, t = new d(k, A, D);
+			A.models[B.value] || A.newModelConfig(B.value, !0), O.connectionByName(e) || O.newConnection(e, V.value, {
+				mdToken: J.value.mdToken,
+				projectId: J.value.projectId,
+				username: J.value.username,
+				password: J.value.password,
+				account: J.value.account,
+				privateKey: J.value.sshPrivateKey,
+				model: B.value
+			});
+			let n = pt(), r = await t.importModel(B.value, P.value, e, {
+				token: I.value || void 0,
+				remote: !1,
+				remoteStoreId: n?.id || null,
+				remoteBaseUrl: n?.baseUrl || F.value || null
+			});
+			if (O.connectionByName(e)?.setModel(B.value), z.value === "dashboard") {
+				let t = r?.dashboards.get(R.value), n = t ? D.dashboards[t] : void 0;
+				if (!n) {
+					let t = Object.values(D.dashboards).filter((t) => t.connection === e && t.storage !== "remote").map((e) => e.name).join(", ");
+					throw Error(`Dashboard "${R.value}" was not found in the imported model, have ${t}`);
+				}
+				return D.warmDashboardQueries(n.id, qe, k), {
+					foundAssetId: n.id,
+					connectionName: e
+				};
+			}
+			let i = r?.trilogy.get(R.value) || r?.sql.get(R.value) || r?.python.get(R.value), a = i ? k.editors[i] : void 0;
+			if (!a) {
+				let t = Object.values(k.editors).filter((t) => t.connection === e && t.storage !== "remote").map((e) => e.name).join(", ");
+				throw Error(`Editor "${R.value}" was not found in the imported model, have ${t}`);
+			}
+			return {
+				foundAssetId: a.id,
+				connectionName: e
+			};
+		}, yt = async () => {
+			try {
+				if (!B.value || !R.value) {
+					H.value = "Missing required import parameters";
+					return;
+				}
+				if (!L.value && !P.value) {
+					H.value = "Missing required import parameters";
+					return;
+				}
+				tt.value = Date.now(), K.value = Date.now(), N.value = !0, Z(), F.value ? (G.value = "registering", await ft(), await ut("importing")) : G.value = "importing";
+				let { foundAssetId: e, connectionName: t } = L.value ? await _t() : await vt();
+				await ut("connecting"), et.value = e, L.value || await Ye();
+				let n = O.connectionByName(t);
+				n && await O.resetConnection(n.id), await ut("preparing"), N.value = !1, U.value = !0, q && clearTimeout(q), Z(), setTimeout(() => {
+					Q();
+				}, 2e3), ne("importComplete", e, z.value), c(u.IMPORT), c(u.STORE), c(u.STORE_ID), c(u.STORE_KIND), c(u.TOKEN), c(u.ASSET_TYPE), c(u.ASSET_NAME), c(u.DASHBOARD), c(u.REMOTE), setTimeout(() => {
+					M.closeTab(null, "asset-import"), z.value === "dashboard" ? (M.openTab("dashboard", null, e), M.setActiveSidebarScreen("dashboard")) : (M.openTab("editors", null, e), M.setActiveSidebarScreen("editors"));
+				}, 500);
+			} catch (e) {
+				console.error("Import failed:", e), H.value = e instanceof Error ? e.message : "Import failed", N.value = !1, Q();
+			}
+		};
+		ie(async () => {
+			try {
+				tt.value = Date.now(), K.value = Date.now(), Z();
+				let e = M.modelImport.value, t = l(u.STORE, ""), n = l(u.STORE_ID, ""), r = l(u.STORE_KIND, ""), i = l(u.TOKEN, ""), a = l(u.REMOTE, ""), o = l(u.ASSET_TYPE, ""), s = l(u.ASSET_NAME, ""), c = l(u.DASHBOARD, ""), ee = l(u.MODEL_NAME, ""), d = l(u.CONNECTION, ""), f = "dashboard", p = "";
+				o && s ? (f = o, p = s) : c && (f = "dashboard", p = c);
+				let m = [
+					"true",
+					"1",
+					"yes"
+				].includes((a || "").toLowerCase());
+				if (!p || !ee || !m && (!e || !d) || m && !t) {
+					H.value = m ? "Missing required import parameters (store, assetName/dashboard, modelName)" : "Missing required import parameters (import, assetName/dashboard, modelName, connection)", N.value = !1, Q();
+					return;
+				}
+				if (P.value = e ? decodeURIComponent(e) : "", F.value = t ? decodeURIComponent(t) : "", Qe.value = n ? decodeURIComponent(n) : "", $e.value = r === "static" && !m ? "static" : "generic", I.value = i ? decodeURIComponent(i) : "", L.value = m, R.value = decodeURIComponent(p), z.value = f, B.value = decodeURIComponent(ee), V.value = d, !L.value && !rt[V.value]) {
+					H.value = `Unsupported connection type: ${V.value}`, N.value = !1, Q();
+					return;
+				}
+				it.value ? (N.value = !1, Q(), $()) : await gt();
+			} catch (e) {
+				console.error("Auto-import initialization failed:", e), H.value = e instanceof Error ? e.message : "Failed to initialize import", N.value = !1, Q();
+			}
+		}), re(() => {
+			Q();
+		});
+		let bt = async () => {
+			if (N.value = !0, !Y.value) throw Error("Form is not valid");
+			console.log("performing import"), await gt();
+		}, xt = () => {
+			z.value === "dashboard" ? (M.setActiveDashboard(null), M.setActiveScreen("dashboard")) : M.setActiveScreen("editors");
+		};
+		return (e, t) => (S(), _("div", oe, [H.value ? (S(), _("div", se, [
+			t[5] ||= v("div", { class: "error-icon" }, "⚠️", -1),
+			v("h2", ce, w(X.value) + " Load Failed", 1),
+			v("p", le, w(H.value), 1),
+			v("div", { class: "error-actions" }, [v("button", {
+				onClick: xt,
+				class: "import-action manual-import-button"
+			}, " Try Manual Import ")])
+		])) : N.value || U.value ? (S(), _("div", ue, [v("div", de, [
+			v("img", {
+				src: ae(ee),
+				class: "trilogy-icon spinning",
+				alt: "Loading"
+			}, null, 8, fe),
+			v("h2", pe, w(ct.value), 1),
+			v("div", me, [
+				F.value ? (S(), _("div", {
+					key: 0,
+					class: x(["step", {
+						active: G.value === "registering",
+						completed: G.value !== "registering"
+					}])
+				}, [v("div", he, [G.value === "registering" ? (S(), _("span", ge, "⟳")) : (S(), _("span", _e, "✓"))]), t[6] ||= v("span", { class: "step-text" }, "Registering store", -1)], 2)) : g("", !0),
+				v("div", { class: x(["step", {
+					active: G.value === "importing",
+					completed: G.value !== "importing" && G.value !== "registering" && (G.value === "connecting" || G.value === "preparing" || U.value)
+				}]) }, [v("div", ve, [G.value === "importing" ? (S(), _("span", ye, "⟳")) : G.value === "registering" ? (S(), _("span", be, "○")) : (S(), _("span", xe, "✓"))]), t[7] ||= v("span", { class: "step-text" }, "Importing model", -1)], 2),
+				v("div", { class: x(["step", {
+					active: G.value === "connecting",
+					completed: G.value === "preparing" || U.value
+				}]) }, [v("div", Se, [G.value === "connecting" ? (S(), _("span", Ce, "⟳")) : G.value === "preparing" || U.value ? (S(), _("span", we, "✓")) : (S(), _("span", Te, "○"))]), t[8] ||= v("span", { class: "step-text" }, "Establishing connection", -1)], 2),
+				v("div", { class: x(["step", {
+					active: G.value === "preparing" || U.value,
+					completed: U.value
+				}]) }, [v("div", Ee, [G.value === "preparing" ? (S(), _("span", De, "⟳")) : U.value ? (S(), _("span", Oe, "✓")) : (S(), _("span", ke, "○"))]), v("span", Ae, "Preparing " + w(X.value.toLowerCase()), 1)], 2)
+			]),
+			t[9] ||= v("p", { class: "import-details" }, "This may take a few seconds.", -1)
+		])])) : it.value ? (S(), _("div", je, [
+			v("div", Me, [v("h2", Ne, "Import Model & " + w(X.value), 1), v("div", Pe, [
+				v("p", null, [t[10] ||= v("strong", null, "Model:", -1), y(" " + w(B.value), 1)]),
+				v("p", null, [v("strong", null, w(X.value) + ":", 1), y(" " + w(R.value), 1)]),
+				F.value ? (S(), _("p", Fe, [t[11] ||= v("strong", null, "Store:", -1), y(" " + w(F.value), 1)])) : g("", !0),
+				v("p", Ie, [t[12] ||= v("strong", null, "From:", -1), y(" " + w(P.value), 1)])
+			])]),
+			v("div", Le, [
+				v("h3", null, w(ot.value) + " Connection Setup", 1),
+				v("p", Re, " This model requires a " + w(V.value) + " connection. Please provide the required configuration: ", 1),
+				V.value === "motherduck" ? (S(), _("div", ze, [t[13] ||= v("label", { for: "md-token" }, "MotherDuck Token", -1), E(v("input", {
+					type: "text",
+					"onUpdate:modelValue": t[0] ||= (e) => J.value.mdToken = e,
+					id: "md-token",
+					placeholder: "Enter your MotherDuck token",
+					class: "sidebar-control-input connection-input",
+					onInput: $
+				}, null, 544), [[
+					T,
+					J.value.mdToken,
+					void 0,
+					{ trim: !0 }
+				]])])) : V.value === "bigquery" ? (S(), _("div", Be, [t[14] ||= v("label", { for: "project-id" }, "BigQuery Project ID", -1), E(v("input", {
+					type: "text",
+					"onUpdate:modelValue": t[1] ||= (e) => J.value.projectId = e,
+					id: "project-id",
+					placeholder: "Enter your billing project ID",
+					class: "sidebar-control-input connection-input",
+					onInput: $
+				}, null, 544), [[
+					T,
+					J.value.projectId,
+					void 0,
+					{ trim: !0 }
+				]])])) : V.value === "snowflake" ? (S(), _(m, { key: 2 }, [
+					v("div", Ve, [t[15] ||= v("label", { for: "snowflake-username" }, "Username", -1), E(v("input", {
+						type: "text",
+						"onUpdate:modelValue": t[2] ||= (e) => J.value.username = e,
+						id: "snowflake-username",
+						placeholder: "Snowflake username",
+						class: "sidebar-control-input connection-input",
+						onInput: $
+					}, null, 544), [[
+						T,
+						J.value.username,
+						void 0,
+						{ trim: !0 }
+					]])]),
+					v("div", He, [t[16] ||= v("label", { for: "snowflake-account" }, "Account", -1), E(v("input", {
+						type: "text",
+						"onUpdate:modelValue": t[3] ||= (e) => J.value.account = e,
+						id: "snowflake-account",
+						placeholder: "Snowflake account identifier",
+						class: "sidebar-control-input connection-input",
+						onInput: $
+					}, null, 544), [[
+						T,
+						J.value.account,
+						void 0,
+						{ trim: !0 }
+					]])]),
+					v("div", Ue, [t[17] ||= v("label", { for: "snowflake-key" }, "Private Key", -1), E(v("input", {
+						type: "text",
+						"onUpdate:modelValue": t[4] ||= (e) => J.value.sshPrivateKey = e,
+						id: "snowflake-key",
+						placeholder: "Private key for authentication",
+						class: "sidebar-control-input connection-input",
+						onInput: $
+					}, null, 544), [[
+						T,
+						J.value.sshPrivateKey,
+						void 0,
+						{ trim: !0 }
+					]])])
+				], 64)) : g("", !0)
+			]),
+			v("div", We, [v("button", {
+				onClick: bt,
+				class: "import-action import-button",
+				disabled: !Y.value
+			}, " Import Model & " + w(X.value), 9, Ge), v("button", { onClick: xt }, "Cancel")])
+		])) : g("", !0), te(p, {
+			show: W.value,
+			title: "Overwrite Existing Model?",
+			message: st.value,
+			"confirm-label": "Overwrite",
+			"cancel-label": "Cancel",
+			"confirm-test-id": "confirm-overwrite-model",
+			"cancel-test-id": "cancel-overwrite-model",
+			onClose: mt,
+			onConfirm: ht
+		}, null, 8, ["show", "message"])]));
+	}
+}), O = /* @__PURE__ */ e({ default: () => k }), k = /*#__PURE__*/ t(D, [["__scopeId", "data-v-331fa5ac"]]);
+//#endregion
+export { O as n, k as t };

package/dist/ChatCreatorModal-CL-jBnc3.js

@@ -0,0 +1,218 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./StatusIcon-BylPx2EO.js";
+import { t as n } from "./ChatModelSelect-Do-VRUFc.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, inject as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, resolveComponent as g, toDisplayString as _, vModelSelect as v, vModelText as y, watch as b, withDirectives as x, withModifiers as S } from "vue";
+//#region components/llm/ChatCreatorModal.vue?vue&type=script&lang.ts
+var C = u({
+	name: "ChatCreatorModal",
+	components: {
+		StatusIcon: t,
+		ChatModelSelect: n
+	},
+	props: {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		preselectedConnection: {
+			type: String,
+			default: ""
+		},
+		activeDataConnection: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["close", "chat-created"],
+	setup(e, { emit: t }) {
+		let n = d("llmConnectionStore"), r = d("connectionStore", null), a = d("chatStore", null), o = d("saveLLMConnections", null), s = m(e.preselectedConnection || ""), c = m(""), l = m(""), u = m(""), f = m(!1), p = m("");
+		b([s, () => e.visible], () => {
+			u.value = n?.connections[s.value]?.model || "", p.value = "";
+		}, { immediate: !0 }), b(() => e.preselectedConnection, (e) => {
+			e && (s.value = e);
+		}, { immediate: !0 }), b(() => e.visible, (t) => {
+			t && (e.preselectedConnection && (s.value = e.preselectedConnection), c.value = "", l.value = "");
+		});
+		let h = i(() => n ? Object.values(n.connections).filter((e) => !e.deleted).map((e) => ({
+			name: e.name,
+			model: e.model || "Unknown",
+			connected: e.connected === !0,
+			running: e.running === !0,
+			error: e.error || null
+		})) : []), g = i(() => [...h.value].sort((e, t) => e.connected && !t.connected ? -1 : !e.connected && t.connected ? 1 : e.name.localeCompare(t.name))), _ = i(() => {
+			if (!s.value) return null;
+			let e = h.value.find((e) => e.name === s.value);
+			return e ? e.connected ? e.running ? {
+				status: "running",
+				message: "Running"
+			} : e.error ? {
+				status: "failed",
+				message: e.error
+			} : {
+				status: "connected",
+				message: "Connected"
+			} : {
+				status: "disabled",
+				message: "Disconnected"
+			} : null;
+		}), v = i(() => e.activeDataConnection ? e.activeDataConnection.split("+")[0] : ""), y = i(() => !v.value || !r ? "" : r.connectionByName(v.value)?.id || ""), x = i(() => r ? Object.values(r.connections).filter((e) => !e.deleted).map((e) => ({
+			id: e.id,
+			name: e.name,
+			connected: e.connected === !0,
+			running: e.running === !0,
+			error: e.error || null
+		})) : []);
+		return {
+			selectedLLMConnection: s,
+			selectedModel: u,
+			isCreating: f,
+			creationError: p,
+			selectedDataConnectionId: c,
+			chatName: l,
+			availableLLMConnections: h,
+			sortedLLMConnections: g,
+			selectedConnectionStatus: _,
+			availableDataConnections: x,
+			sortedDataConnections: i(() => [...x.value].sort((e, t) => e.connected && !t.connected ? -1 : !e.connected && t.connected ? 1 : e.name.localeCompare(t.name))),
+			selectedDataConnectionStatus: i(() => {
+				if (!c.value) return null;
+				let e = x.value.find((e) => e.id === c.value);
+				return e ? e.connected ? e.running ? {
+					status: "running",
+					message: "Running"
+				} : e.error ? {
+					status: "failed",
+					message: e.error
+				} : {
+					status: "connected",
+					message: "Connected"
+				} : {
+					status: "disabled",
+					message: "Disconnected"
+				} : null;
+			}),
+			activeDataConnectionName: v,
+			activeDataConnectionId: y,
+			createChat: async () => {
+				if (!s.value || !a || f.value) return;
+				let e = n?.connections[s.value];
+				if (e && u.value && e.model !== u.value) {
+					f.value = !0;
+					let t = e.model;
+					try {
+						e.setModel(u.value), await o?.();
+					} catch {
+						e.setModel(t), p.value = "Could not save the model. Please try again.";
+						return;
+					} finally {
+						f.value = !1;
+					}
+				}
+				n && (n.activeConnection = s.value);
+				let i = c.value ? r?.connections[c.value] : null;
+				t("chat-created", a.newChat(s.value, i?.name || "", l.value || void 0, i?.id || "")), t("close");
+			}
+		};
+	}
+}), w = { class: "chat-creator-form" }, T = { class: "form-group" }, E = { class: "select-with-status" }, D = ["disabled"], O = ["value", "disabled"], k = { key: 0 }, A = {
+	key: 1,
+	role: "alert"
+}, j = { class: "form-group" }, M = { class: "select-with-status" }, N = ["disabled"], P = ["value"], F = { class: "form-group" }, I = ["disabled"], L = { class: "button-container" }, R = ["disabled"], z = ["disabled"];
+function B(e, t, n, i, u, d) {
+	let m = g("status-icon"), b = g("ChatModelSelect");
+	return e.visible ? (p(), s("div", {
+		key: 0,
+		class: "confirmation-overlay",
+		onClick: t[7] ||= (t) => !e.isCreating && e.$emit("close")
+	}, [c("div", {
+		class: "confirmation-dialog",
+		"data-testid": "chat-creator-modal",
+		onClick: t[6] ||= S(() => {}, ["stop"])
+	}, [t[14] ||= c("h3", null, "Create New Chat", -1), c("div", w, [
+		c("div", T, [
+			t[9] ||= c("label", { for: "llm-connection" }, [l("LLM Connection: "), c("span", { class: "required" }, "*")], -1),
+			c("div", E, [x(c("select", {
+				id: "llm-connection",
+				"onUpdate:modelValue": t[0] ||= (t) => e.selectedLLMConnection = t,
+				required: "",
+				disabled: !!e.preselectedConnection || e.isCreating,
+				"data-testid": "llm-connection-select"
+			}, [t[8] ||= c("option", {
+				value: "",
+				disabled: ""
+			}, "Select an LLM connection...", -1), (p(!0), s(r, null, h(e.sortedLLMConnections, (e) => (p(), s("option", {
+				key: e.name,
+				value: e.name,
+				disabled: !e.connected
+			}, _(e.name) + " (" + _(e.model) + ") ", 9, O))), 128))], 8, D), [[v, e.selectedLLMConnection]]), e.selectedConnectionStatus ? (p(), a(m, {
+				key: 0,
+				status: e.selectedConnectionStatus.status,
+				message: e.selectedConnectionStatus.message,
+				testName: e.selectedLLMConnection
+			}, null, 8, [
+				"status",
+				"message",
+				"testName"
+			])) : o("", !0)]),
+			e.selectedLLMConnection ? o("", !0) : (p(), s("small", k, " Required - Select which LLM to use for this chat "))
+		]),
+		e.selectedLLMConnection ? (p(), a(b, {
+			key: 0,
+			class: "form-group",
+			"connection-name": e.selectedLLMConnection,
+			modelValue: e.selectedModel,
+			"onUpdate:modelValue": t[1] ||= (t) => e.selectedModel = t,
+			disabled: e.isCreating
+		}, null, 8, [
+			"connection-name",
+			"modelValue",
+			"disabled"
+		])) : o("", !0),
+		e.creationError ? (p(), s("p", A, _(e.creationError), 1)) : o("", !0),
+		c("div", j, [
+			t[11] ||= c("label", { for: "data-connection" }, "Data Connection:", -1),
+			c("div", M, [x(c("select", {
+				id: "data-connection",
+				"onUpdate:modelValue": t[2] ||= (t) => e.selectedDataConnectionId = t,
+				disabled: e.isCreating,
+				"data-testid": "data-connection-select"
+			}, [t[10] ||= c("option", { value: "" }, "None - Select later", -1), (p(!0), s(r, null, h(e.sortedDataConnections, (t) => (p(), s("option", {
+				key: t.id,
+				value: t.id,
+				class: f({ "active-connection": t.id === e.activeDataConnectionId })
+			}, _(t.name) + _(t.id === e.activeDataConnectionId ? " (active)" : ""), 11, P))), 128))], 8, N), [[v, e.selectedDataConnectionId]]), e.selectedDataConnectionStatus ? (p(), a(m, {
+				key: 0,
+				status: e.selectedDataConnectionStatus.status,
+				message: e.selectedDataConnectionStatus.message,
+				testName: "data-" + e.selectedDataConnectionId
+			}, null, 8, [
+				"status",
+				"message",
+				"testName"
+			])) : o("", !0)]),
+			t[12] ||= c("small", null, " Optional - Select a data source for running queries ", -1)
+		]),
+		c("div", F, [t[13] ||= c("label", { for: "chat-name" }, "Chat Name:", -1), x(c("input", {
+			id: "chat-name",
+			"onUpdate:modelValue": t[3] ||= (t) => e.chatName = t,
+			disabled: e.isCreating,
+			placeholder: "Auto-generated if empty",
+			maxlength: "100",
+			"data-testid": "chat-name-input"
+		}, null, 8, I), [[y, e.chatName]])]),
+		c("div", L, [c("button", {
+			class: "cancel-btn",
+			disabled: e.isCreating,
+			onClick: t[4] ||= (t) => e.$emit("close"),
+			"data-testid": "cancel-chat-create"
+		}, " Cancel ", 8, R), c("button", {
+			class: "primary-button",
+			onClick: t[5] ||= (...t) => e.createChat && e.createChat(...t),
+			disabled: !e.selectedLLMConnection || e.isCreating,
+			"data-testid": "create-chat-btn"
+		}, " Create Chat ", 8, z)])
+	])])])) : o("", !0);
+}
+var V = /*#__PURE__*/ e(C, [["render", B], ["__scopeId", "data-v-b00cd718"]]);
+//#endregion
+export { V as default };

package/dist/ChatModelSelect-Do-VRUFc.js

@@ -0,0 +1,40 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, inject as s, openBlock as c, renderList as l, toDisplayString as u, unref as d, useId as f } from "vue";
+//#region components/llm/ChatModelSelect.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "chat-model-picker"
+}, m = ["for"], h = [
+	"id",
+	"value",
+	"disabled",
+	"aria-describedby"
+], g = ["value"], _ = ["id"], v = /*#__PURE__*/ e(/* @__PURE__ */ o({
+	__name: "ChatModelSelect",
+	props: {
+		connectionName: {},
+		modelValue: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: o }) {
+		let v = e, y = o, b = s("llmConnectionStore"), x = f(), S = n(() => b?.connections[v.connectionName]), C = n(() => [.../* @__PURE__ */ new Set([S.value?.model, ...S.value?.models || []])].filter((e) => !!e));
+		return (n, o) => S.value ? (c(), i("div", p, [
+			a("label", { for: d(x) }, "Model", 8, m),
+			a("select", {
+				id: d(x),
+				value: e.modelValue,
+				disabled: e.disabled,
+				"aria-describedby": `${d(x)}-notice`,
+				"data-testid": "chat-model-select",
+				onChange: o[0] ||= (e) => y("update:modelValue", e.target.value)
+			}, [(c(!0), i(t, null, l(C.value, (e) => (c(), i("option", {
+				key: e,
+				value: e
+			}, u(e), 9, g))), 128))], 40, h),
+			a("small", { id: `${d(x)}-notice` }, " Changing the model updates this connection’s default and affects all chats using it. ", 8, _)
+		])) : r("", !0);
+	}
+}), [["__scopeId", "data-v-ee5cd48f"]]);
+//#endregion
+export { v as t };