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

package/dist/AssetAutoImporter-OHphsfW9.js

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

package/dist/ChatCreatorModal-CuXha6Dg.js

@@ -0,0 +1,218 @@
+import { t as e } from "./_plugin-vue_export-helper-f9Rw-Il4.js";
+import { t } from "./StatusIcon-AbxNvJ6p.js";
+import { t as n } from "./ChatModelSelect-Cz7axWjP.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-Cz7axWjP.js

@@ -0,0 +1,40 @@
+import { t as e } from "./_plugin-vue_export-helper-f9Rw-Il4.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 };

package/dist/{CodeBlock-PT4no49I.js → CodeBlock-BBsaC6hX.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as t, t as n } from "./usePrismHighlight-DVyDiDAL.js";
+import { t as e } from "./_plugin-vue_export-helper-f9Rw-Il4.js";
+import { o as t, s as n } from "./useGlobalChatPanel-DuP1q7_f.js";
 import { computed as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, toRef as d } from "vue";
 //#region components/CodeBlock.vue?vue&type=script&lang.ts
 var f = o({
@@ -20,8 +20,8 @@ var f = o({
 	},
 	emits: ["on-copy"],
 	setup(e, { emit: i }) {
-		let a = l(null), o = l(!1), s = r(() => `language-${t(e.language)}`);
-		return n(a, {
+		let a = l(null), o = l(!1), s = r(() => `language-${n(e.language)}`);
+		return t(a, {
 			languages: () => [e.language],
 			watchSources: [d(e, "content"), d(e, "language")]
 		}), {