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

package/dist/{MobileIDE-CHGJoh05.js → MobileIDE-BpqXoaMR.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import "./editorRefinementToolExecutor-mX8ClQ63.js";
-import { i as t, r as n } from "./stores-C1wUWiFm.js";
-import { S as r } from "./editorRefinementRuntime-C_YmXRy4.js";
-import "./dashboardStore-CNkWQ4r7.js";
-import { i, n as a, t as o } from "./urlStore-Dgmwx1YI.js";
+import "./editorRefinementToolExecutor-CVY3FA7k.js";
+import { i as t, r as n } from "./stores-BT9hTLny.js";
+import { S as r } from "./editorRefinementRuntime-DoP9P5J2.js";
+import "./dashboardStore-ppM6nGks.js";
+import { i, n as a, t as o } from "./urlStore-52HG6lsX.js";
 import { t as s } from "./LoadingButton-OH3frQuO.js";
 import { t as c } from "./ErrorMessage-XMn_08gJ.js";
 import { t as l } from "./LoadingView-s1uznGwG.js";
-import { t as u } from "./AssetAutoImporter-DfMd_DSk.js";
-import { t as d } from "./CommunityModels-D7zWnHgG.js";
-import { t as f } from "./JobsView-C9PYS6pZ.js";
+import { t as u } from "./AssetAutoImporter-CBzvBaOt.js";
+import { t as d } from "./CommunityModels-Cmro0hV3.js";
+import { t as f } from "./JobsView-B97HBoIE.js";
 import { t as p } from "./ConnectionView-COnTTuA4.js";
-import { i as m, n as h, o as g, r as _, s as v, t as y } from "./PageLoading-I6mr-7NB.js";
-import { t as b } from "./demoSetup-DiW3ROFQ.js";
-import { t as x } from "./ModelView-rAurf9n8.js";
-import { Fragment as S, computed as C, createBlock as w, createCommentVNode as T, createElementBlock as E, createElementVNode as D, createSlots as O, createVNode as k, defineAsyncComponent as A, defineComponent as j, inject as M, markRaw as N, nextTick as ee, normalizeClass as P, normalizeStyle as F, onBeforeUnmount as I, onMounted as te, openBlock as L, provide as ne, ref as R, renderList as z, renderSlot as B, resolveComponent as V, toDisplayString as H, unref as U, vModelText as re, vShow as W, watch as G, withCtx as K, withDirectives as q, withKeys as J, withModifiers as Y } from "vue";
+import { i as m, n as h, o as g, r as _, s as v, t as y } from "./PageLoading-BzniJM0C.js";
+import { t as b } from "./demoSetup-mwa-RDC6.js";
+import { t as x } from "./ModelView-DUDA_PtZ.js";
+import { Fragment as S, computed as C, createBlock as w, createCommentVNode as T, createElementBlock as E, createElementVNode as D, createSlots as O, createVNode as k, defineAsyncComponent as A, defineComponent as j, inject as M, markRaw as N, nextTick as ee, normalizeClass as P, normalizeStyle as F, onBeforeUnmount as I, onMounted as te, openBlock as L, provide as R, ref as z, renderList as B, renderSlot as V, resolveComponent as H, toDisplayString as U, unref as W, vModelText as ne, vShow as G, watch as K, withCtx as q, withDirectives as J, withKeys as Y, withModifiers as re } from "vue";
 //#region components/layout/TabDropdownItem.vue?vue&type=script&lang.ts
 var X = 10, Z = 200, ie = {
 	name: "TabDropdownItem",
@@ -119,7 +119,7 @@ function oe(e, t, n, r, i, a) {
 	}, [D("div", {
 		class: P(["tab-dropdown-item", { active: n.isActive }]),
 		onClick: t[0] ||= (...e) => a.handleClick && a.handleClick(...e)
-	}, [D("i", { class: P([n.icon, "tab-dropdown-icon"]) }, null, 2), D("span", ae, H(n.tab.title), 1)], 2), i.isSwiping || i.isClosing ? (L(), E("div", Q, [...t[5] ||= [D("i", { class: "mdi mdi-close" }, null, -1)]])) : T("", !0)], 38);
+	}, [D("i", { class: P([n.icon, "tab-dropdown-icon"]) }, null, 2), D("span", ae, U(n.tab.title), 1)], 2), i.isSwiping || i.isClosing ? (L(), E("div", Q, [...t[5] ||= [D("i", { class: "mdi mdi-close" }, null, -1)]])) : T("", !0)], 38);
 }
 var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]]), ce = {
 	id: "interface",
@@ -161,7 +161,7 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 		"active-title-updated"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = R(!1), a = R(!1), o = R(!1), s = R(""), c = R(null), l = R(), u = R(), d = R(), f = C(() => n.menuOpen ? n.mobileNavigationLevel === "detail" ? n.mobileNavigationTitle : "Menu" : n.activeScreen ? g(n.activeScreen) : "Trilogy"), p = C(() => n.tabs.length === 0 ? f.value : n.tabs.find((e) => e.id === n.activeTab)?.title || f.value), m = C(() => n.tabs.filter((e) => !M(e)).length), h = C(() => `${n.activeScreen}::${n.activeTab ?? ""}`), _ = C(() => n.menuOpen ? n.mobileNavigationLevel === "detail" ? {
+		let n = e, r = t, i = z(!1), a = z(!1), o = z(!1), s = z(""), c = z(null), l = z(), u = z(), d = z(), f = C(() => n.menuOpen ? n.mobileNavigationLevel === "detail" ? n.mobileNavigationTitle : "Menu" : n.activeScreen ? g(n.activeScreen) : "Trilogy"), p = C(() => n.tabs.length === 0 ? f.value : n.tabs.find((e) => e.id === n.activeTab)?.title || f.value), m = C(() => n.tabs.filter((e) => !M(e)).length), h = C(() => `${n.activeScreen}::${n.activeTab ?? ""}`), _ = C(() => n.menuOpen ? n.mobileNavigationLevel === "detail" ? {
 			icon: "mdi-chevron-left",
 			label: "Back",
 			testid: "mobile-menu-back",
@@ -181,7 +181,7 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 		}, b = () => {
 			i.value = !1;
 		};
-		G([() => n.menuOpen, () => n.tabs.length], b);
+		K([() => n.menuOpen, () => n.tabs.length], b);
 		let x = async () => {
 			!n.titleEditable || n.menuOpen || (s.value = p.value, c.value = h.value, o.value = !0, await ee(), d.value?.focus(), d.value?.select());
 		}, O = () => {
@@ -193,7 +193,7 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 		}, k = () => {
 			o.value = !1, c.value = null;
 		};
-		G([h, () => n.menuOpen], k);
+		K([h, () => n.menuOpen], k);
 		let A = (e) => {
 			r("tab-selected", e), b();
 		}, j = (e) => {
@@ -202,17 +202,17 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 			a.value = !1, n.activeTab && r("close-other-tabs", n.activeTab);
 		}, F = () => {
 			_.value.event === "menu-back" ? r("menu-back") : r("menu-toggled");
-		}, ne = (e) => {
+		}, R = (e) => {
 			if (!i.value) return;
 			let t = e.target, n = u.value, r = l.value;
 			n && r && !n.contains(t) && !r.contains(t) && b();
-		}, V = (e) => {
+		}, H = (e) => {
 			e.key === "Escape" && (a.value ? a.value = !1 : i.value && b());
 		};
 		return te(() => {
-			document.addEventListener("click", ne), document.addEventListener("keydown", V);
+			document.addEventListener("click", R), document.addEventListener("keydown", H);
 		}), I(() => {
-			document.removeEventListener("click", ne), document.removeEventListener("keydown", V);
+			document.removeEventListener("click", R), document.removeEventListener("keydown", H);
 		}), (t, n) => (L(), E("div", ce, [
 			D("div", le, [
 				D("div", ue, [D("button", {
@@ -223,7 +223,7 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 					"data-testid": _.value.testid,
 					onClick: F
 				}, [D("i", { class: P(["mdi", _.value.icon]) }, null, 2)], 8, de)]),
-				D("div", fe, [o.value ? q((L(), E("input", {
+				D("div", fe, [o.value ? J((L(), E("input", {
 					key: 0,
 					ref_key: "titleInput",
 					ref: d,
@@ -233,8 +233,8 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 					type: "text",
 					"aria-label": e.activeScreen === "editors" ? "Editor name" : "Page title",
 					onBlur: O,
-					onKeyup: [J(O, ["enter"]), J(k, ["esc"])]
-				}, null, 40, pe)), [[re, s.value]]) : (L(), E(S, { key: 1 }, [!e.menuOpen && e.tabs.length > 1 ? (L(), E("button", {
+					onKeyup: [Y(O, ["enter"]), Y(k, ["esc"])]
+				}, null, 40, pe)), [[ne, s.value]]) : (L(), E(S, { key: 1 }, [!e.menuOpen && e.tabs.length > 1 ? (L(), E("button", {
 					key: 0,
 					type: "button",
 					class: "tab-dropdown-container",
@@ -243,26 +243,26 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 					onClick: y,
 					ref_key: "tabDropdownContainer",
 					ref: l
-				}, [D("span", he, H(p.value), 1), D("i", { class: P([[
+				}, [D("span", he, U(p.value), 1), D("i", { class: P([[
 					"mdi",
 					"dropdown-arrow",
 					{ rotated: i.value }
-				], "mdi-chevron-down"]) }, null, 2)], 8, me)) : (L(), E("span", ge, H(f.value), 1))], 64)), i.value && e.tabs.length > 1 ? (L(), E("div", {
+				], "mdi-chevron-down"]) }, null, 2)], 8, me)) : (L(), E("span", ge, U(f.value), 1))], 64)), i.value && e.tabs.length > 1 ? (L(), E("div", {
 					key: 2,
 					class: "tab-dropdown",
 					role: "menu",
 					ref_key: "tabDropdown",
 					ref: u,
-					onClick: n[2] ||= Y(() => {}, ["stop"])
+					onClick: n[2] ||= re(() => {}, ["stop"])
 				}, [e.tabs.length > 2 ? (L(), E("div", _e, [D("button", {
 					type: "button",
 					class: "close-others-btn",
 					onClick: n[1] ||= (e) => a.value = !0
-				}, [...n[7] ||= [D("i", { class: "mdi mdi-close-box-multiple-outline" }, null, -1), D("span", null, "Close other tabs", -1)]])])) : T("", !0), D("div", ve, [(L(!0), E(S, null, z(e.tabs, (e) => (L(), w(se, {
+				}, [...n[7] ||= [D("i", { class: "mdi mdi-close-box-multiple-outline" }, null, -1), D("span", null, "Close other tabs", -1)]])])) : T("", !0), D("div", ve, [(L(!0), E(S, null, B(e.tabs, (e) => (L(), w(se, {
 					key: e.id,
 					tab: e,
 					"is-active": M(e),
-					icon: U(v)(e.screen),
+					icon: W(v)(e.screen),
 					onSelect: A,
 					onClose: j
 				}, null, 8, [
@@ -288,7 +288,7 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 					onClick: n[3] ||= (e) => t.$emit("menu-home")
 				}, [...n[9] ||= [D("i", { class: "mdi mdi-home-outline" }, null, -1)]])) : T("", !0)])
 			]),
-			D("div", be, [q(D("div", xe, [B(t.$slots, "sidebar", {}, void 0, !0)], 512), [[W, e.menuOpen]]), q(D("div", Se, [B(t.$slots, "default", {}, void 0, !0)], 512), [[W, !e.menuOpen]])]),
+			D("div", be, [J(D("div", xe, [V(t.$slots, "sidebar", {}, void 0, !0)], 512), [[G, e.menuOpen]]), J(D("div", Se, [V(t.$slots, "default", {}, void 0, !0)], 512), [[G, !e.menuOpen]])]),
 			a.value ? (L(), E("div", {
 				key: 0,
 				class: "close-confirm-overlay",
@@ -297,8 +297,8 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 				class: "close-confirm-dialog",
 				role: "dialog",
 				"aria-modal": "true",
-				onClick: n[5] ||= Y(() => {}, ["stop"])
-			}, [D("p", null, "Close " + H(m.value) + " other tabs?", 1), D("div", Ce, [D("button", {
+				onClick: n[5] ||= re(() => {}, ["stop"])
+			}, [D("p", null, "Close " + U(m.value) + " other tabs?", 1), D("div", Ce, [D("button", {
 				type: "button",
 				onClick: n[4] ||= (e) => a.value = !1,
 				class: "cancel-btn"
@@ -346,9 +346,9 @@ var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]])
 };
 function je(e, t, n, r, i, a) {
 	return L(), E("div", { class: P(["results-container", `view-${i.activeTab}`]) }, [D("div", Ee, [
-		D("div", De, [B(e.$slots, "editor", { onQueryStarted: () => i.activeTab = "results" }, void 0, !0)]),
-		q(D("div", Oe, [B(e.$slots, "results", { containerHeight: i.resultsHeight }, void 0, !0)], 512), [[W, i.activeTab === "results"]]),
-		q(D("div", ke, [B(e.$slots, "chat", {}, void 0, !0)], 512), [[W, i.activeTab === "chat"]])
+		D("div", De, [V(e.$slots, "editor", { onQueryStarted: () => i.activeTab = "results" }, void 0, !0)]),
+		J(D("div", Oe, [V(e.$slots, "results", { containerHeight: i.resultsHeight }, void 0, !0)], 512), [[G, i.activeTab === "results"]]),
+		J(D("div", ke, [V(e.$slots, "chat", {}, void 0, !0)], 512), [[G, i.activeTab === "chat"]])
 	]), D("nav", Ae, [
 		D("button", {
 			class: P(["tab-button", { active: i.activeTab === "sql" }]),
@@ -372,7 +372,7 @@ var Me = /*#__PURE__*/ e(Te, [["render", je], ["__scopeId", "data-v-046a9e75"]])
 	loader: e,
 	loadingComponent: y,
 	delay: 0
-}), Ne = $(() => import("./TutorialPage-CZGBRJdq.js")), Pe = j({
+}), Ne = $(() => import("./TutorialPage-NRcee6Dx.js")), Pe = $(() => import("./Editor-DQsYpkwl.js").then((e) => e.n)), Fe = A(() => import("./DataTable-DoRDynP1.js").then((e) => e.n)), Ie = $(() => import("./WelcomePage-D5mU2x1L.js")), Le = $(() => import("./DashboardMobile-BUPtdN2V.js")), Re = A(() => import("./ResultComponent-CAn_r3BL.js").then((e) => e.n)), ze = $(() => import("./LLMView-C1MUf0c2.js")), Be = A(() => import("./ConnectionErrorPopup-FSs7U-Yl.js")), Ve = j({
 	name: "MobileIDEComponent",
 	data() {
 		return {
@@ -383,16 +383,16 @@ var Me = /*#__PURE__*/ e(Te, [["render", je], ["__scopeId", "data-v-046a9e75"]])
 	},
 	components: {
 		Sidebar: m,
-		Editor: $(() => import("./Editor-DhsP18KE.js").then((e) => e.n)),
-		DataTable: A(() => import("./DataTable-DoRDynP1.js").then((e) => e.n)),
+		Editor: Pe,
+		DataTable: Fe,
 		ErrorMessage: c,
 		TutorialPage: Ne,
 		ModelView: x,
 		UserSettings: _,
 		UserProfile: h,
 		LoadingView: l,
-		WelcomePage: $(() => import("./WelcomePage-CLKvAvk-.js")),
-		MobileDashboard: $(() => import("./DashboardMobile-D_m0xv17.js")),
+		WelcomePage: Ie,
+		MobileDashboard: Le,
 		DashboardAutoImporter: u,
 		AssetAutoImporter: u,
 		LoadingButton: s,
@@ -401,25 +401,26 @@ var Me = /*#__PURE__*/ e(Te, [["render", je], ["__scopeId", "data-v-046a9e75"]])
 		CommunityModels: d,
 		JobsView: f,
 		ConnectionView: p,
-		ResultsView: A(() => import("./ResultComponent-_-1qZCfv.js").then((e) => e.n)),
-		LLMView: $(() => import("./LLMView-VkJpP-49.js")),
-		ChatCreatorModal: A(() => import("./ChatCreatorModal-BTqY06B6.js"))
+		ResultsView: Re,
+		LLMView: ze,
+		ChatCreatorModal: A(() => import("./ChatCreatorModal-CL-jBnc3.js")),
+		ConnectionErrorPopup: Be
 	},
 	setup() {
-		let e = M("connectionStore"), r = M("editorStore"), i = M("modelStore"), a = M("dashboardStore"), o = M("trilogyResolver"), s = M("queryExecutionService"), c = M("storesLoaded", R(!0)), l = M("saveEditors"), u = M("saveConnections"), d = M("saveModels"), f = M("saveDashboards");
+		let e = M("connectionStore"), r = M("editorStore"), i = M("modelStore"), a = M("dashboardStore"), o = M("trilogyResolver"), s = M("queryExecutionService"), c = M("storesLoaded", z(!0)), l = M("saveEditors"), u = M("saveConnections"), d = M("saveModels"), f = M("saveDashboards");
 		if (!r || !e || !a || !o || !i || !u || !d || !f) throw Error("Requires injection of connection store, editor store, model store, editors, connections, and models saving.");
 		l ||= () => {};
-		let p = t(), m = R(null), h = n(), { activeScreen: g, activeEditor: _, activeTab: v, activeDashboard: y, activeSidebarScreen: b, setActiveScreen: x, setActiveSidebarScreen: S, setActiveEditor: C, setActiveDashboard: w, activeConnectionKey: T, activeModelKey: E, activeDocumentationKey: D, setActiveConnectionKey: O, setActiveModelKey: k, setActiveDocumentationKey: A, activeLLMConnectionKey: j, setActiveLLMConnectionKey: N, activeCommunityModelKey: ee, activeJobsKey: P, setActiveJobsKey: F, mobileMenuOpen: L, toggleMobileMenu: z, tabs: B, closeTab: V, closeOtherTabsExcept: H, openTab: U, addBackListeners: re, removeBacklisteners: W, onInitialLoad: G, updateTabName: K } = p, q = (e) => {
-			U(e.screen, null, e.address);
-		}, J = (e) => {
-			V(e, null);
+		let p = t(), m = z(null), h = n(), { activeScreen: g, activeEditor: _, activeTab: v, activeDashboard: y, activeSidebarScreen: b, setActiveScreen: x, setActiveSidebarScreen: S, setActiveEditor: C, setActiveDashboard: w, activeConnectionKey: T, activeModelKey: E, activeDocumentationKey: D, setActiveConnectionKey: O, setActiveModelKey: k, setActiveDocumentationKey: A, activeLLMConnectionKey: j, setActiveLLMConnectionKey: N, activeCommunityModelKey: ee, activeJobsKey: P, setActiveJobsKey: F, mobileMenuOpen: L, toggleMobileMenu: B, tabs: V, closeTab: H, closeOtherTabsExcept: U, openTab: W, addBackListeners: ne, removeBacklisteners: G, onInitialLoad: K, updateTabName: q } = p, J = (e) => {
+			W(e.screen, null, e.address);
 		}, Y = (e) => {
-			H(e);
+			H(e, null);
+		}, re = (e) => {
+			U(e);
 		};
-		G(), re(), I(() => {
-			W();
-		}), ne("navigationStore", p);
-		let X = R(""), Z = R(!1), ie = R(""), ae = R("100dvh"), Q = () => {
+		K(), ne(), I(() => {
+			G();
+		}), R("navigationStore", p);
+		let X = z(""), Z = z(!1), ie = z(""), ae = z("100dvh"), Q = () => {
 			let e = window.visualViewport;
 			ae.value = e ? `${e.height}px` : `${window.innerHeight}px`, e && e.height >= window.innerHeight - 1 && window.scrollY > 0 && window.scrollTo(0, 0);
 		};
@@ -460,19 +461,19 @@ var Me = /*#__PURE__*/ e(Te, [["render", je], ["__scopeId", "data-v-046a9e75"]])
 			setActiveLLMConnectionKey: N,
 			setActiveJobsKey: F,
 			mobileMenuOpen: L,
-			toggleMobileMenu: z,
-			tabs: B,
-			openTab: U,
-			closeTab: V,
-			closeOtherTabsExcept: H,
-			tabSelected: q,
-			handleTabClosed: J,
-			handleCloseOtherTabs: Y,
-			updateTabName: K,
+			toggleMobileMenu: B,
+			tabs: V,
+			openTab: W,
+			closeTab: H,
+			closeOtherTabsExcept: U,
+			tabSelected: J,
+			handleTabClosed: Y,
+			handleCloseOtherTabs: re,
+			updateTabName: q,
 			llmInitialTab: X,
 			handleLLMOpenView: (e, t, n) => {
 				let r = n ? `${e}+${n}` : e;
-				N(r), X.value = t, x("llms"), L.value && z(), setTimeout(() => {
+				N(r), X.value = t, x("llms"), L.value && B(), setTimeout(() => {
 					X.value = "";
 				}, 100);
 			},
@@ -483,7 +484,7 @@ var Me = /*#__PURE__*/ e(Te, [["render", je], ["__scopeId", "data-v-046a9e75"]])
 			},
 			handleChatCreated: (e) => {
 				let t = `${e.llmConnectionName}+${e.id}`;
-				N(t), X.value = "chat", x("llms"), L.value && z(), setTimeout(() => {
+				N(t), X.value = "chat", x("llms"), L.value && B(), setTimeout(() => {
 					X.value = "";
 				}, 100), Z.value = !1;
 			},
@@ -536,7 +537,7 @@ var Me = /*#__PURE__*/ e(Te, [["render", je], ["__scopeId", "data-v-046a9e75"]])
 		},
 		waitForStoresLoaded() {
 			return this.storesLoaded ? Promise.resolve() : new Promise((e) => {
-				let t = G(() => this.storesLoaded, (n) => {
+				let t = K(() => this.storesLoaded, (n) => {
 					n && (t(), e());
 				});
 			});
@@ -584,198 +585,202 @@ var Me = /*#__PURE__*/ e(Te, [["render", je], ["__scopeId", "data-v-046a9e75"]])
 });
 //#endregion
 //#region views/MobileIDE.vue
-function Fe(e, t, n, r, i, a) {
-	let o = V("ChatCreatorModal"), s = V("sidebar"), c = V("editor"), l = V("ResultsView"), u = V("tabbed-layout"), d = V("connection-view"), f = V("tutorial-page"), p = V("model-view"), m = V("user-profile"), h = V("user-settings"), g = V("mobile-dashboard"), _ = V("dashboard-auto-importer"), v = V("asset-auto-importer"), y = V("community-models"), b = V("jobs-view"), x = V("LLMView"), S = V("welcome-page"), C = V("mobile-sidebar-layout");
+function He(e, t, n, r, i, a) {
+	let o = H("ConnectionErrorPopup"), s = H("ChatCreatorModal"), c = H("sidebar"), l = H("editor"), u = H("ResultsView"), d = H("tabbed-layout"), f = H("connection-view"), p = H("tutorial-page"), m = H("model-view"), h = H("user-profile"), g = H("user-settings"), _ = H("mobile-dashboard"), v = H("dashboard-auto-importer"), y = H("asset-auto-importer"), b = H("community-models"), x = H("jobs-view"), S = H("LLMView"), C = H("welcome-page"), T = H("mobile-sidebar-layout");
 	return L(), E("div", {
 		class: "main mobile-ide-root",
 		style: F({ "--mobile-viewport-height": e.mobileViewportHeight })
-	}, [k(o, {
-		visible: e.showChatCreatorModal,
-		preselectedConnection: e.chatCreatorPreselectedConnection,
-		activeDataConnection: e.activeConnectionKey,
-		onClose: t[0] ||= (t) => e.showChatCreatorModal = !1,
-		onChatCreated: e.handleChatCreated
-	}, null, 8, [
-		"visible",
-		"preselectedConnection",
-		"activeDataConnection",
-		"onChatCreated"
-	]), k(C, {
-		onMenuToggled: t[1] ||= (t) => e.mobileMenuOpen = !e.mobileMenuOpen,
-		onMenuBack: e.handleMobileMenuBack,
-		onMenuHome: e.handleMobileMenuHome,
-		onTabSelected: e.tabSelected,
-		menuOpen: e.mobileMenuOpen,
-		mobileNavigationLevel: e.mobileNavigationLevel,
-		mobileNavigationTitle: e.mobileNavigationTitle,
-		activeScreen: e.activeScreen,
-		titleEditable: ["editors", "dashboard"].includes(e.activeScreen),
-		tabs: e.tabs,
-		activeTab: e.activeTab,
-		onTabClosed: e.handleTabClosed,
-		onCloseOtherTabs: e.handleCloseOtherTabs,
-		onActiveTitleUpdated: e.updateActiveTitle
-	}, {
-		sidebar: K(() => [k(s, {
-			onEditorSelected: e.setActiveEditor,
-			onScreenSelected: e.setActiveSidebarScreen,
-			onSaveEditors: e.saveEditorsCall,
-			onModelKeySelected: e.setActiveModelKey,
-			onJobsKeySelected: e.setActiveJobsKey,
-			onDocumentationKeySelected: e.setActiveDocumentationKey,
-			onDashboardKeySelected: e.setActiveDashboard,
-			onToggleMobileMenu: e.toggleMobileMenu,
-			onConnectionKeySelected: e.setActiveConnectionKey,
-			onLlmKeySelected: e.setActiveLLMConnectionKey,
-			onLlmOpenView: e.handleLLMOpenView,
-			onCreateNewChat: e.handleCreateNewChat,
-			active: e.activeSidebarScreen,
-			activeEditor: e.activeEditor,
-			activeDocumentationKey: e.activeDocumentationKey,
-			activeConnectionKey: e.activeConnectionKey,
-			activeModelKey: e.activeModelKey,
-			activeJobsKey: e.activeJobsKey,
-			activeDashboardKey: e.activeDashboard,
-			activeLLMKey: e.activeLLMConnectionKey
+	}, [
+		k(o),
+		k(s, {
+			visible: e.showChatCreatorModal,
+			preselectedConnection: e.chatCreatorPreselectedConnection,
+			activeDataConnection: e.activeConnectionKey,
+			onClose: t[0] ||= (t) => e.showChatCreatorModal = !1,
+			onChatCreated: e.handleChatCreated
 		}, null, 8, [
-			"onEditorSelected",
-			"onScreenSelected",
-			"onSaveEditors",
-			"onModelKeySelected",
-			"onJobsKeySelected",
-			"onDocumentationKeySelected",
-			"onDashboardKeySelected",
-			"onToggleMobileMenu",
-			"onConnectionKeySelected",
-			"onLlmKeySelected",
-			"onLlmOpenView",
-			"onCreateNewChat",
-			"active",
-			"activeEditor",
-			"activeDocumentationKey",
-			"activeConnectionKey",
-			"activeModelKey",
-			"activeJobsKey",
-			"activeDashboardKey",
-			"activeLLMKey"
-		])]),
-		default: K(() => [e.activeScreen && e.activeScreen !== "" && ["editors"].includes(e.activeScreen) ? (L(), w(u, {
-			key: 0,
-			"show-chat": e.hasActiveEditorChat
-		}, O({ _: 2 }, [
-			e.activeEditor && e.activeEditorData ? {
-				name: "editor",
-				fn: K((t) => [e.activeEditorData.type == "preql" ? (L(), w(c, {
-					key: 0,
-					ref: "editorRef",
-					context: "main-trilogy",
-					editorId: e.activeEditor,
-					onQueryStarted: t.onQueryStarted,
-					onSaveEditors: e.saveEditorsCall
-				}, null, 8, [
-					"editorId",
-					"onQueryStarted",
-					"onSaveEditors"
-				])) : (L(), w(c, {
-					key: 1,
-					onQueryStarted: t.onQueryStarted,
-					ref: "editorRef",
-					context: "main-sql",
-					editorId: e.activeEditor,
-					onSaveEditors: e.saveEditorsCall
-				}, null, 8, [
-					"onQueryStarted",
-					"editorId",
-					"onSaveEditors"
-				]))]),
-				key: "0"
-			} : void 0,
-			e.activeEditorData ? {
-				name: "results",
-				fn: K(({ containerHeight: t }) => [k(l, {
-					editorData: e.activeEditorData,
-					containerHeight: t,
-					runEditorQuery: e.runQuery,
-					"display-mode": "results",
-					onContentChange: e.handleEditorContentChange
-				}, null, 8, [
-					"editorData",
-					"containerHeight",
-					"runEditorQuery",
-					"onContentChange"
-				])]),
-				key: "1"
-			} : void 0,
-			e.activeEditorData && e.hasActiveEditorChat ? {
-				name: "chat",
-				fn: K(() => [k(l, {
-					editorData: e.activeEditorData,
-					runEditorQuery: e.runQuery,
-					"display-mode": "chat",
-					onContentChange: e.handleEditorContentChange
-				}, null, 8, [
-					"editorData",
-					"runEditorQuery",
-					"onContentChange"
-				])]),
-				key: "2"
-			} : void 0
-		]), 1032, ["show-chat"])) : e.activeScreen === "connections" ? (L(), w(d, {
-			key: 1,
-			activeConnectionKey: e.activeConnectionKey,
-			onSaveEditors: e.saveEditorsCall
-		}, null, 8, ["activeConnectionKey", "onSaveEditors"])) : e.activeScreen === "tutorial" ? (L(), w(f, {
-			key: 2,
-			activeDocumentationKey: e.activeDocumentationKey
-		}, null, 8, ["activeDocumentationKey"])) : e.activeScreen === "models" ? (L(), w(p, {
-			key: 3,
-			activeModelKey: e.activeModelKey,
-			onSaveEditors: e.saveEditorsCall
-		}, null, 8, ["activeModelKey", "onSaveEditors"])) : e.activeScreen === "profile" ? (L(), w(m, { key: 4 })) : e.activeScreen === "settings" ? (L(), w(h, { key: 5 })) : e.activeScreen === "dashboard" ? (L(), w(g, {
-			key: 6,
-			name: e.activeDashboard
-		}, null, 8, ["name"])) : e.activeScreen === "dashboard-import" ? (L(), w(_, {
-			key: 7,
-			onImportComplete: e.handleImportComplete
-		}, null, 8, ["onImportComplete"])) : e.activeScreen === "asset-import" ? (L(), w(v, {
-			key: 8,
-			onImportComplete: e.handleAssetImportComplete
-		}, null, 8, ["onImportComplete"])) : e.activeScreen === "community-models" ? (L(), w(y, {
-			key: 9,
-			activeCommunityModelKey: e.activeCommunityModelKey
-		}, null, 8, ["activeCommunityModelKey"])) : e.activeScreen === "jobs" ? (L(), w(b, {
-			key: 10,
-			activeJobsKey: e.activeJobsKey
-		}, null, 8, ["activeJobsKey"])) : e.activeScreen === "llms" ? (L(), w(x, {
-			key: 11,
-			initialTab: e.llmInitialTab
-		}, null, 8, ["initialTab"])) : (L(), w(S, {
-			key: 12,
-			"demo-error": e.demoLaunchError,
-			onScreenSelected: e.setActiveScreen,
-			onDemoStarted: e.launchDemo
-		}, null, 8, [
-			"demo-error",
-			"onScreenSelected",
-			"onDemoStarted"
-		]))]),
-		_: 1
-	}, 8, [
-		"onMenuBack",
-		"onMenuHome",
-		"onTabSelected",
-		"menuOpen",
-		"mobileNavigationLevel",
-		"mobileNavigationTitle",
-		"activeScreen",
-		"titleEditable",
-		"tabs",
-		"activeTab",
-		"onTabClosed",
-		"onCloseOtherTabs",
-		"onActiveTitleUpdated"
-	])], 4);
+			"visible",
+			"preselectedConnection",
+			"activeDataConnection",
+			"onChatCreated"
+		]),
+		k(T, {
+			onMenuToggled: t[1] ||= (t) => e.mobileMenuOpen = !e.mobileMenuOpen,
+			onMenuBack: e.handleMobileMenuBack,
+			onMenuHome: e.handleMobileMenuHome,
+			onTabSelected: e.tabSelected,
+			menuOpen: e.mobileMenuOpen,
+			mobileNavigationLevel: e.mobileNavigationLevel,
+			mobileNavigationTitle: e.mobileNavigationTitle,
+			activeScreen: e.activeScreen,
+			titleEditable: ["editors", "dashboard"].includes(e.activeScreen),
+			tabs: e.tabs,
+			activeTab: e.activeTab,
+			onTabClosed: e.handleTabClosed,
+			onCloseOtherTabs: e.handleCloseOtherTabs,
+			onActiveTitleUpdated: e.updateActiveTitle
+		}, {
+			sidebar: q(() => [k(c, {
+				onEditorSelected: e.setActiveEditor,
+				onScreenSelected: e.setActiveSidebarScreen,
+				onSaveEditors: e.saveEditorsCall,
+				onModelKeySelected: e.setActiveModelKey,
+				onJobsKeySelected: e.setActiveJobsKey,
+				onDocumentationKeySelected: e.setActiveDocumentationKey,
+				onDashboardKeySelected: e.setActiveDashboard,
+				onToggleMobileMenu: e.toggleMobileMenu,
+				onConnectionKeySelected: e.setActiveConnectionKey,
+				onLlmKeySelected: e.setActiveLLMConnectionKey,
+				onLlmOpenView: e.handleLLMOpenView,
+				onCreateNewChat: e.handleCreateNewChat,
+				active: e.activeSidebarScreen,
+				activeEditor: e.activeEditor,
+				activeDocumentationKey: e.activeDocumentationKey,
+				activeConnectionKey: e.activeConnectionKey,
+				activeModelKey: e.activeModelKey,
+				activeJobsKey: e.activeJobsKey,
+				activeDashboardKey: e.activeDashboard,
+				activeLLMKey: e.activeLLMConnectionKey
+			}, null, 8, [
+				"onEditorSelected",
+				"onScreenSelected",
+				"onSaveEditors",
+				"onModelKeySelected",
+				"onJobsKeySelected",
+				"onDocumentationKeySelected",
+				"onDashboardKeySelected",
+				"onToggleMobileMenu",
+				"onConnectionKeySelected",
+				"onLlmKeySelected",
+				"onLlmOpenView",
+				"onCreateNewChat",
+				"active",
+				"activeEditor",
+				"activeDocumentationKey",
+				"activeConnectionKey",
+				"activeModelKey",
+				"activeJobsKey",
+				"activeDashboardKey",
+				"activeLLMKey"
+			])]),
+			default: q(() => [e.activeScreen && e.activeScreen !== "" && ["editors"].includes(e.activeScreen) ? (L(), w(d, {
+				key: 0,
+				"show-chat": e.hasActiveEditorChat
+			}, O({ _: 2 }, [
+				e.activeEditor && e.activeEditorData ? {
+					name: "editor",
+					fn: q((t) => [e.activeEditorData.type == "preql" ? (L(), w(l, {
+						key: 0,
+						ref: "editorRef",
+						context: "main-trilogy",
+						editorId: e.activeEditor,
+						onQueryStarted: t.onQueryStarted,
+						onSaveEditors: e.saveEditorsCall
+					}, null, 8, [
+						"editorId",
+						"onQueryStarted",
+						"onSaveEditors"
+					])) : (L(), w(l, {
+						key: 1,
+						onQueryStarted: t.onQueryStarted,
+						ref: "editorRef",
+						context: "main-sql",
+						editorId: e.activeEditor,
+						onSaveEditors: e.saveEditorsCall
+					}, null, 8, [
+						"onQueryStarted",
+						"editorId",
+						"onSaveEditors"
+					]))]),
+					key: "0"
+				} : void 0,
+				e.activeEditorData ? {
+					name: "results",
+					fn: q(({ containerHeight: t }) => [k(u, {
+						editorData: e.activeEditorData,
+						containerHeight: t,
+						runEditorQuery: e.runQuery,
+						"display-mode": "results",
+						onContentChange: e.handleEditorContentChange
+					}, null, 8, [
+						"editorData",
+						"containerHeight",
+						"runEditorQuery",
+						"onContentChange"
+					])]),
+					key: "1"
+				} : void 0,
+				e.activeEditorData && e.hasActiveEditorChat ? {
+					name: "chat",
+					fn: q(() => [k(u, {
+						editorData: e.activeEditorData,
+						runEditorQuery: e.runQuery,
+						"display-mode": "chat",
+						onContentChange: e.handleEditorContentChange
+					}, null, 8, [
+						"editorData",
+						"runEditorQuery",
+						"onContentChange"
+					])]),
+					key: "2"
+				} : void 0
+			]), 1032, ["show-chat"])) : e.activeScreen === "connections" ? (L(), w(f, {
+				key: 1,
+				activeConnectionKey: e.activeConnectionKey,
+				onSaveEditors: e.saveEditorsCall
+			}, null, 8, ["activeConnectionKey", "onSaveEditors"])) : e.activeScreen === "tutorial" ? (L(), w(p, {
+				key: 2,
+				activeDocumentationKey: e.activeDocumentationKey
+			}, null, 8, ["activeDocumentationKey"])) : e.activeScreen === "models" ? (L(), w(m, {
+				key: 3,
+				activeModelKey: e.activeModelKey,
+				onSaveEditors: e.saveEditorsCall
+			}, null, 8, ["activeModelKey", "onSaveEditors"])) : e.activeScreen === "profile" ? (L(), w(h, { key: 4 })) : e.activeScreen === "settings" ? (L(), w(g, { key: 5 })) : e.activeScreen === "dashboard" ? (L(), w(_, {
+				key: 6,
+				name: e.activeDashboard
+			}, null, 8, ["name"])) : e.activeScreen === "dashboard-import" ? (L(), w(v, {
+				key: 7,
+				onImportComplete: e.handleImportComplete
+			}, null, 8, ["onImportComplete"])) : e.activeScreen === "asset-import" ? (L(), w(y, {
+				key: 8,
+				onImportComplete: e.handleAssetImportComplete
+			}, null, 8, ["onImportComplete"])) : e.activeScreen === "community-models" ? (L(), w(b, {
+				key: 9,
+				activeCommunityModelKey: e.activeCommunityModelKey
+			}, null, 8, ["activeCommunityModelKey"])) : e.activeScreen === "jobs" ? (L(), w(x, {
+				key: 10,
+				activeJobsKey: e.activeJobsKey
+			}, null, 8, ["activeJobsKey"])) : e.activeScreen === "llms" ? (L(), w(S, {
+				key: 11,
+				initialTab: e.llmInitialTab
+			}, null, 8, ["initialTab"])) : (L(), w(C, {
+				key: 12,
+				"demo-error": e.demoLaunchError,
+				onScreenSelected: e.setActiveScreen,
+				onDemoStarted: e.launchDemo
+			}, null, 8, [
+				"demo-error",
+				"onScreenSelected",
+				"onDemoStarted"
+			]))]),
+			_: 1
+		}, 8, [
+			"onMenuBack",
+			"onMenuHome",
+			"onTabSelected",
+			"menuOpen",
+			"mobileNavigationLevel",
+			"mobileNavigationTitle",
+			"activeScreen",
+			"titleEditable",
+			"tabs",
+			"activeTab",
+			"onTabClosed",
+			"onCloseOtherTabs",
+			"onActiveTitleUpdated"
+		])
+	], 4);
 }
-var Ie = /*#__PURE__*/ e(Pe, [["render", Fe], ["__scopeId", "data-v-44491763"]]);
+var Ue = /*#__PURE__*/ e(Ve, [["render", He], ["__scopeId", "data-v-b94c270c"]]);
 //#endregion
-export { Ie as default };
+export { Ue as default };