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

package/dist/MobileIDE-CHGJoh05.js

@@ -1,781 +0,0 @@
-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 { 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 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";
-//#region components/layout/TabDropdownItem.vue?vue&type=script&lang.ts
-var X = 10, Z = 200, ie = {
-	name: "TabDropdownItem",
-	props: {
-		tab: {
-			type: Object,
-			required: !0
-		},
-		isActive: {
-			type: Boolean,
-			default: !1
-		},
-		icon: {
-			type: String,
-			required: !0
-		},
-		swipeThreshold: {
-			type: Number,
-			default: 100
-		}
-	},
-	emits: ["select", "close"],
-	data() {
-		return {
-			gesture: "idle",
-			isSwiping: !1,
-			isClosing: !1,
-			swipeStartX: 0,
-			swipeStartY: 0,
-			swipePosition: 0,
-			maxSwipeDistance: 150,
-			closeTimer: null,
-			resetTimer: null
-		};
-	},
-	computed: { swipeStyle() {
-		return {
-			transform: `translateX(${this.swipePosition}px)`,
-			transition: this.isSwiping ? "none" : "transform 0.2s ease-out"
-		};
-	} },
-	methods: {
-		handleClick() {
-			!this.isSwiping && !this.isClosing && this.$emit("select", this.tab);
-		},
-		onTouchStart(e) {
-			if (this.isActive || this.isClosing || e.touches.length !== 1) {
-				this.gesture = "idle";
-				return;
-			}
-			this.gesture = "pending", this.swipeStartX = e.touches[0].clientX, this.swipeStartY = e.touches[0].clientY;
-		},
-		onTouchMove(e) {
-			if (this.gesture !== "pending" && this.gesture !== "swipe" || e.touches.length !== 1) return;
-			let t = e.touches[0].clientX - this.swipeStartX, n = e.touches[0].clientY - this.swipeStartY;
-			if (this.gesture === "pending") {
-				if (Math.abs(t) < X && Math.abs(n) < X) return;
-				if (Math.abs(n) >= Math.abs(t) || t > 0) {
-					this.gesture = "scroll";
-					return;
-				}
-				this.gesture = "swipe", this.isSwiping = !0;
-			}
-			e.preventDefault(), this.swipePosition = Math.min(0, Math.max(t, -this.maxSwipeDistance));
-		},
-		onTouchEnd() {
-			let e = this.gesture === "swipe";
-			this.gesture = "idle", e && (this.swipePosition <= -this.swipeThreshold ? this.closeTab() : this.resetSwipe());
-		},
-		onTouchCancel() {
-			this.gesture === "swipe" && this.resetSwipe(), this.gesture = "idle";
-		},
-		closeTab() {
-			this.isClosing = !0, this.swipePosition = -300, this.closeTimer = setTimeout(() => {
-				this.closeTimer = null, this.$emit("close", this.tab.id);
-			}, Z);
-		},
-		resetSwipe() {
-			this.swipePosition = 0, this.resetTimer = setTimeout(() => {
-				this.resetTimer = null, this.isSwiping = !1;
-			}, Z);
-		}
-	},
-	beforeUnmount() {
-		this.closeTimer && clearTimeout(this.closeTimer), this.resetTimer && clearTimeout(this.resetTimer);
-	}
-}, ae = { class: "tab-dropdown-title" }, Q = {
-	key: 0,
-	class: "swipe-action"
-};
-function oe(e, t, n, r, i, a) {
-	return L(), E("div", {
-		class: P(["tab-dropdown-item-wrapper", {
-			swiping: i.isSwiping,
-			closing: i.isClosing
-		}]),
-		onTouchstart: t[1] ||= (...e) => a.onTouchStart && a.onTouchStart(...e),
-		onTouchmove: t[2] ||= (...e) => a.onTouchMove && a.onTouchMove(...e),
-		onTouchend: t[3] ||= (...e) => a.onTouchEnd && a.onTouchEnd(...e),
-		onTouchcancel: t[4] ||= (...e) => a.onTouchCancel && a.onTouchCancel(...e),
-		style: F(a.swipeStyle)
-	}, [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);
-}
-var se = /*#__PURE__*/ e(ie, [["render", oe], ["__scopeId", "data-v-5e2db354"]]), ce = {
-	id: "interface",
-	class: "interface"
-}, le = { class: "mobile-select-bar" }, ue = { class: "bar-slot bar-left" }, de = [
-	"aria-label",
-	"title",
-	"data-testid"
-], fe = { class: "header-center" }, pe = ["data-testid", "aria-label"], me = ["aria-expanded"], he = { class: "current-tab-title" }, ge = {
-	key: 1,
-	class: "header"
-}, _e = {
-	key: 0,
-	class: "tab-dropdown-header"
-}, ve = { class: "tab-dropdown-items" }, ye = { class: "bar-slot bar-right" }, be = { class: "interface-wrap" }, xe = { class: "sidebar" }, Se = {
-	class: "nested-page-content",
-	id: "page-content"
-}, Ce = { class: "confirm-buttons" }, we = /*#__PURE__*/ e(/* @__PURE__ */ j({
-	__name: "MobileSidebarLayout",
-	props: {
-		menuOpen: { type: Boolean },
-		mobileNavigationLevel: { default: "root" },
-		mobileNavigationTitle: { default: "" },
-		activeScreen: {},
-		tabs: { default: () => [] },
-		activeTab: {},
-		titleEditable: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [
-		"menu-toggled",
-		"menu-back",
-		"menu-home",
-		"tab-selected",
-		"tab-closed",
-		"close-other-tabs",
-		"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" ? {
-			icon: "mdi-chevron-left",
-			label: "Back",
-			testid: "mobile-menu-back",
-			event: "menu-back"
-		} : {
-			icon: "mdi-menu",
-			label: "Menu",
-			testid: "mobile-menu-toggle",
-			event: "menu-toggled"
-		} : {
-			icon: "mdi-chevron-left",
-			label: "Back to menu",
-			testid: "mobile-menu-toggle",
-			event: "menu-toggled"
-		}), y = () => {
-			i.value = !i.value;
-		}, b = () => {
-			i.value = !1;
-		};
-		G([() => 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 = () => {
-			if (!o.value) return;
-			let e = c.value;
-			if (o.value = !1, c.value = null, e !== h.value) return;
-			let t = s.value.trim();
-			t && t !== p.value && r("active-title-updated", t);
-		}, k = () => {
-			o.value = !1, c.value = null;
-		};
-		G([h, () => n.menuOpen], k);
-		let A = (e) => {
-			r("tab-selected", e), b();
-		}, j = (e) => {
-			r("tab-closed", e);
-		}, M = (e) => e.id === n.activeTab, N = () => {
-			a.value = !1, n.activeTab && r("close-other-tabs", n.activeTab);
-		}, F = () => {
-			_.value.event === "menu-back" ? r("menu-back") : r("menu-toggled");
-		}, ne = (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) => {
-			e.key === "Escape" && (a.value ? a.value = !1 : i.value && b());
-		};
-		return te(() => {
-			document.addEventListener("click", ne), document.addEventListener("keydown", V);
-		}), I(() => {
-			document.removeEventListener("click", ne), document.removeEventListener("keydown", V);
-		}), (t, n) => (L(), E("div", ce, [
-			D("div", le, [
-				D("div", ue, [D("button", {
-					type: "button",
-					class: "bar-button bar-button-lg",
-					"aria-label": _.value.label,
-					title: _.value.label,
-					"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", {
-					key: 0,
-					ref_key: "titleInput",
-					ref: d,
-					"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
-					class: "mobile-name-input",
-					"data-testid": e.activeScreen === "editors" ? "editor-name-input" : "page-title-input",
-					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", {
-					key: 0,
-					type: "button",
-					class: "tab-dropdown-container",
-					"aria-haspopup": "menu",
-					"aria-expanded": i.value,
-					onClick: y,
-					ref_key: "tabDropdownContainer",
-					ref: l
-				}, [D("span", he, H(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", {
-					key: 2,
-					class: "tab-dropdown",
-					role: "menu",
-					ref_key: "tabDropdown",
-					ref: u,
-					onClick: n[2] ||= Y(() => {}, ["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, {
-					key: e.id,
-					tab: e,
-					"is-active": M(e),
-					icon: U(v)(e.screen),
-					onSelect: A,
-					onClose: j
-				}, null, 8, [
-					"tab",
-					"is-active",
-					"icon"
-				]))), 128))])], 512)) : T("", !0)]),
-				D("div", ye, [e.titleEditable && !e.menuOpen && !o.value ? (L(), E("button", {
-					key: 0,
-					class: "bar-button",
-					type: "button",
-					title: "Rename",
-					"aria-label": "Rename",
-					"data-testid": "edit-editor-name",
-					onClick: x
-				}, [...n[8] ||= [D("i", { class: "mdi mdi-pencil-outline" }, null, -1)]])) : T("", !0), !e.menuOpen || e.mobileNavigationLevel === "detail" ? (L(), E("button", {
-					key: 1,
-					class: "bar-button",
-					type: "button",
-					title: "Back to menu root",
-					"aria-label": "Back to menu root",
-					"data-testid": "mobile-menu-home",
-					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]])]),
-			a.value ? (L(), E("div", {
-				key: 0,
-				class: "close-confirm-overlay",
-				onClick: n[6] ||= (e) => a.value = !1
-			}, [D("div", {
-				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", {
-				type: "button",
-				onClick: n[4] ||= (e) => a.value = !1,
-				class: "cancel-btn"
-			}, " Cancel "), D("button", {
-				type: "button",
-				onClick: N,
-				class: "confirm-btn"
-			}, " Close Others ")])])])) : T("", !0)
-		]));
-	}
-}), [["__scopeId", "data-v-6ca4d7e9"]]), Te = {
-	name: "TabbedLayout",
-	props: { showChat: {
-		type: Boolean,
-		default: !1
-	} },
-	data() {
-		return {
-			activeTab: "sql",
-			resultsHeight: 0,
-			resultsObserver: null
-		};
-	},
-	mounted() {
-		let e = this.$refs.resultsPane;
-		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => {
-			let t = e.getBoundingClientRect().height;
-			t > 0 && (this.resultsHeight = t);
-		});
-		t.observe(e), this.resultsObserver = N(t);
-	},
-	unmounted() {
-		this.resultsObserver &&= (this.resultsObserver.disconnect(), null);
-	},
-	watch: { showChat(e) {
-		e ? this.activeTab = "chat" : this.activeTab === "chat" && (this.activeTab = "results");
-	} }
-}, Ee = { class: "tab-content" }, De = { class: "editor-entry" }, Oe = {
-	class: "edit-results",
-	ref: "resultsPane"
-}, ke = { class: "edit-results chat-entry" }, Ae = {
-	class: "tabs",
-	"aria-label": "Editor views"
-};
-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("nav", Ae, [
-		D("button", {
-			class: P(["tab-button", { active: i.activeTab === "sql" }]),
-			onClick: t[0] ||= (e) => i.activeTab = "sql",
-			"data-testid": "editor-tab"
-		}, " Editor ", 2),
-		D("button", {
-			class: P(["tab-button", { active: i.activeTab === "results" }]),
-			onClick: t[1] ||= (e) => i.activeTab = "results",
-			"data-testid": "results-tab"
-		}, " Results ", 2),
-		n.showChat ? (L(), E("button", {
-			key: 0,
-			class: P(["tab-button", { active: i.activeTab === "chat" }]),
-			onClick: t[2] ||= (e) => i.activeTab = "chat",
-			"data-testid": "chat-tab"
-		}, " Chat ", 2)) : T("", !0)
-	])], 2);
-}
-var Me = /*#__PURE__*/ e(Te, [["render", je], ["__scopeId", "data-v-046a9e75"]]), $ = (e) => A({
-	loader: e,
-	loadingComponent: y,
-	delay: 0
-}), Ne = $(() => import("./TutorialPage-CZGBRJdq.js")), Pe = j({
-	name: "MobileIDEComponent",
-	data() {
-		return {
-			demoLaunchInFlight: !1,
-			demoLaunchError: "",
-			demoHashListener: null
-		};
-	},
-	components: {
-		Sidebar: m,
-		Editor: $(() => import("./Editor-DhsP18KE.js").then((e) => e.n)),
-		DataTable: A(() => import("./DataTable-DoRDynP1.js").then((e) => e.n)),
-		ErrorMessage: c,
-		TutorialPage: Ne,
-		ModelView: x,
-		UserSettings: _,
-		UserProfile: h,
-		LoadingView: l,
-		WelcomePage: $(() => import("./WelcomePage-CLKvAvk-.js")),
-		MobileDashboard: $(() => import("./DashboardMobile-D_m0xv17.js")),
-		DashboardAutoImporter: u,
-		AssetAutoImporter: u,
-		LoadingButton: s,
-		TabbedLayout: Me,
-		MobileSidebarLayout: we,
-		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"))
-	},
-	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");
-		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);
-		}, Y = (e) => {
-			H(e);
-		};
-		G(), re(), I(() => {
-			W();
-		}), ne("navigationStore", p);
-		let X = R(""), Z = R(!1), ie = R(""), ae = R("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);
-		};
-		return te(() => {
-			Q(), window.visualViewport?.addEventListener("resize", Q);
-		}), I(() => {
-			window.visualViewport?.removeEventListener("resize", Q);
-		}), {
-			connectionStore: e,
-			editorStore: r,
-			storesLoaded: c,
-			dashboardStore: a,
-			trilogyResolver: o,
-			queryExecutionService: s,
-			saveEditors: l,
-			saveConnections: u,
-			saveModels: d,
-			saveDashboards: f,
-			modelStore: i,
-			activeCommunityModelKey: ee,
-			activeJobsKey: P,
-			activeTab: v,
-			activeScreen: g,
-			activeSidebarScreen: b,
-			activeEditor: _,
-			activeDashboard: y,
-			activeConnectionKey: T,
-			activeModelKey: E,
-			activeDocumentationKey: D,
-			setActiveScreen: x,
-			setActiveSidebarScreen: S,
-			setActiveEditor: C,
-			setActiveDashboard: w,
-			setActiveConnectionKey: O,
-			setActiveModelKey: k,
-			setActiveDocumentationKey: A,
-			activeLLMConnectionKey: j,
-			setActiveLLMConnectionKey: N,
-			setActiveJobsKey: F,
-			mobileMenuOpen: L,
-			toggleMobileMenu: z,
-			tabs: B,
-			openTab: U,
-			closeTab: V,
-			closeOtherTabsExcept: H,
-			tabSelected: q,
-			handleTabClosed: J,
-			handleCloseOtherTabs: Y,
-			updateTabName: K,
-			llmInitialTab: X,
-			handleLLMOpenView: (e, t, n) => {
-				let r = n ? `${e}+${n}` : e;
-				N(r), X.value = t, x("llms"), L.value && z(), setTimeout(() => {
-					X.value = "";
-				}, 100);
-			},
-			showChatCreatorModal: Z,
-			chatCreatorPreselectedConnection: ie,
-			handleCreateNewChat: (e) => {
-				ie.value = e, Z.value = !0;
-			},
-			handleChatCreated: (e) => {
-				let t = `${e.llmConnectionName}+${e.id}`;
-				N(t), X.value = "chat", x("llms"), L.value && z(), setTimeout(() => {
-					X.value = "";
-				}, 100), Z.value = !1;
-			},
-			mobileViewportHeight: ae,
-			editorRef: m,
-			mobileNavigationLevel: h.level,
-			mobileNavigationTitle: h.title,
-			handleMobileMenuBack: h.back,
-			handleMobileMenuHome: () => {
-				h.home(), L.value = !0;
-			}
-		};
-	},
-	async mounted() {
-		this.demoHashListener = () => {
-			this.maybeStartDemoFromHash();
-		}, window.addEventListener("hashchange", this.demoHashListener), await this.maybeStartDemoFromHash();
-	},
-	beforeUnmount() {
-		this.demoHashListener &&= (window.removeEventListener("hashchange", this.demoHashListener), null);
-	},
-	methods: {
-		updateActiveTitle(e) {
-			if (this.activeScreen === "editors") {
-				this.updateActiveEditorName(e);
-				return;
-			}
-			this.activeScreen === "dashboard" && this.activeDashboard && (this.dashboardStore.updateDashboardName(this.activeDashboard, e), this.saveDashboards(), this.updateTabName("dashboard", null, this.activeDashboard));
-		},
-		async runQuery() {
-			return await this.editorRef?.runQuery(!1);
-		},
-		handleEditorContentChange(e) {
-			this.editorRef?.setContent(e);
-		},
-		updateActiveEditorName(e) {
-			let t = this.activeEditor;
-			if (!t) return;
-			let n = this.editorStore.editors[t];
-			if (n) {
-				if (this.editorStore.updateEditorName(t, e), n.tags.includes(r.SOURCE)) {
-					let t = n.connectionId ? this.connectionStore.connections[n.connectionId] : this.connectionStore.connectionByName(n.connection);
-					t?.model && (this.modelStore.models[t.model].updateModelSourceName(n.id, e), this.saveModels());
-				}
-				this.updateTabName("editors", null, t);
-			}
-		},
-		saveEditorsCall() {
-			this.saveEditors();
-		},
-		waitForStoresLoaded() {
-			return this.storesLoaded ? Promise.resolve() : new Promise((e) => {
-				let t = G(() => this.storesLoaded, (n) => {
-					n && (t(), e());
-				});
-			});
-		},
-		maybeStartDemoFromHash() {
-			return a(o.DEMO, "") === "true" ? this.launchDemo() : Promise.resolve();
-		},
-		async launchDemo() {
-			if (!this.demoLaunchInFlight) {
-				this.demoLaunchInFlight = !0, this.demoLaunchError = "";
-				try {
-					await this.waitForStoresLoaded(), await this.startDemo(), i(o.DEMO);
-				} catch (e) {
-					console.error("Demo setup failed:", e), this.demoLaunchError = e instanceof Error ? e.message : String(e);
-				} finally {
-					this.demoLaunchInFlight = !1;
-				}
-			}
-		},
-		async startDemo() {
-			let e = await b(this.editorStore, this.connectionStore, this.modelStore, this.dashboardStore, this.saveEditors, this.saveConnections, this.saveModels, this.saveDashboards, this.queryExecutionService);
-			this.setActiveScreen("editors"), this.setActiveEditor(e);
-		},
-		handleImportComplete(e) {
-			console.log(`Dashboard import completed: ${e}`);
-		},
-		handleAssetImportComplete(e, t) {
-			console.log(`Asset import completed: ${t} ${e}`);
-		}
-	},
-	computed: {
-		activeEditorData() {
-			return this.activeEditor ? this.editorStore.editors[this.activeEditor] : null;
-		},
-		hasActiveEditorChat() {
-			return this.activeEditor ? !!this.editorStore.editors[this.activeEditor]?.hasActiveRefinement() : !1;
-		},
-		editorList() {
-			return Object.keys(this.editors).map((e) => this.editors[e]);
-		},
-		editors() {
-			return this.editorStore.editors;
-		}
-	}
-});
-//#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");
-	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
-		}, 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);
-}
-var Ie = /*#__PURE__*/ e(Pe, [["render", Fe], ["__scopeId", "data-v-44491763"]]);
-//#endregion
-export { Ie as default };