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

package/dist/MobileIDE-DpdEQEqc.js

@@ -0,0 +1,783 @@
+import { t as e } from "./_plugin-vue_export-helper-f9Rw-Il4.js";
+import "./llm-ClU-2rgk.js";
+import { a as t, i as n, l as r, o as i, s as a } from "./stores-LlyiwSbK.js";
+import { tt as o } from "./editorStore-CAlMJftt.js";
+import { u as s } from "./useGlobalChatPanel-DuP1q7_f.js";
+import { t as c } from "./ErrorMessage-D5JeF3Iz.js";
+import { t as l } from "./LoadingView-B-xFwd2N.js";
+import { t as u } from "./AssetAutoImporter-OHphsfW9.js";
+import { t as d } from "./CommunityModels-CIQQhO-y.js";
+import { a as f, d as p, f as ee, i as m, n as h, r as g, t as _ } from "./PageLoading-BAvKGo9h.js";
+import { t as v } from "./JobsView-Ca97MiSd.js";
+import { t as y } from "./ConnectionView-7Jj_Ggdi.js";
+import { t as b } from "./ModelView-DomyhN8g.js";
+import { Fragment as x, computed as S, createBlock as C, createCommentVNode as w, createElementBlock as T, createElementVNode as E, createSlots as D, createVNode as O, defineAsyncComponent as k, defineComponent as A, inject as j, markRaw as M, nextTick as te, normalizeClass as N, normalizeStyle as P, onBeforeUnmount as F, onMounted as ne, openBlock as I, provide as L, 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 I(), T("div", {
+		class: N(["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: P(a.swipeStyle)
+	}, [E("div", {
+		class: N(["tab-dropdown-item", { active: n.isActive }]),
+		onClick: t[0] ||= (...e) => a.handleClick && a.handleClick(...e)
+	}, [E("i", { class: N([n.icon, "tab-dropdown-icon"]) }, null, 2), E("span", ae, H(n.tab.title), 1)], 2), i.isSwiping || i.isClosing ? (I(), T("div", Q, [...t[5] ||= [E("i", { class: "mdi mdi-close" }, null, -1)]])) : w("", !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__ */ A({
+	__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 = S(() => n.menuOpen ? n.mobileNavigationLevel === "detail" ? n.mobileNavigationTitle : "Menu" : n.activeScreen ? p(n.activeScreen) : "Trilogy"), m = S(() => n.tabs.length === 0 ? f.value : n.tabs.find((e) => e.id === n.activeTab)?.title || f.value), h = S(() => n.tabs.filter((e) => !j(e)).length), g = S(() => `${n.activeScreen}::${n.activeTab ?? ""}`), _ = S(() => 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"
+		}), v = () => {
+			i.value = !i.value;
+		}, y = () => {
+			i.value = !1;
+		};
+		G([() => n.menuOpen, () => n.tabs.length], y);
+		let b = async () => {
+			n.titleEditable && !n.menuOpen && (s.value = m.value, c.value = g.value, o.value = !0, await te(), d.value?.focus(), d.value?.select());
+		}, D = () => {
+			if (!o.value) return;
+			let e = c.value;
+			if (o.value = !1, c.value = null, e !== g.value) return;
+			let t = s.value.trim();
+			t && t !== m.value && r("active-title-updated", t);
+		}, O = () => {
+			o.value = !1, c.value = null;
+		};
+		G([g, () => n.menuOpen], O);
+		let k = (e) => {
+			r("tab-selected", e), y();
+		}, A = (e) => {
+			r("tab-closed", e);
+		}, j = (e) => e.id === n.activeTab, M = () => {
+			a.value = !1, n.activeTab && r("close-other-tabs", n.activeTab);
+		}, P = () => {
+			_.value.event === "menu-back" ? r("menu-back") : r("menu-toggled");
+		}, L = (e) => {
+			if (!i.value) return;
+			let t = e.target, n = u.value, r = l.value;
+			n && r && !n.contains(t) && !r.contains(t) && y();
+		}, V = (e) => {
+			e.key === "Escape" && (a.value ? a.value = !1 : i.value && y());
+		};
+		return ne(() => {
+			document.addEventListener("click", L), document.addEventListener("keydown", V);
+		}), F(() => {
+			document.removeEventListener("click", L), document.removeEventListener("keydown", V);
+		}), (t, n) => (I(), T("div", ce, [
+			E("div", le, [
+				E("div", ue, [E("button", {
+					type: "button",
+					class: "bar-button bar-button-lg",
+					"aria-label": _.value.label,
+					title: _.value.label,
+					"data-testid": _.value.testid,
+					onClick: P
+				}, [E("i", { class: N(["mdi", _.value.icon]) }, null, 2)], 8, de)]),
+				E("div", fe, [o.value ? q((I(), T("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: D,
+					onKeyup: [J(D, ["enter"]), J(O, ["esc"])]
+				}, null, 40, pe)), [[re, s.value]]) : (I(), T(x, { key: 1 }, [!e.menuOpen && e.tabs.length > 1 ? (I(), T("button", {
+					key: 0,
+					type: "button",
+					class: "tab-dropdown-container",
+					"aria-haspopup": "menu",
+					"aria-expanded": i.value,
+					onClick: v,
+					ref_key: "tabDropdownContainer",
+					ref: l
+				}, [E("span", he, H(m.value), 1), E("i", { class: N([[
+					"mdi",
+					"dropdown-arrow",
+					{ rotated: i.value }
+				], "mdi-chevron-down"]) }, null, 2)], 8, me)) : (I(), T("span", ge, H(f.value), 1))], 64)), i.value && e.tabs.length > 1 ? (I(), T("div", {
+					key: 2,
+					class: "tab-dropdown",
+					role: "menu",
+					ref_key: "tabDropdown",
+					ref: u,
+					onClick: n[2] ||= Y(() => {}, ["stop"])
+				}, [e.tabs.length > 2 ? (I(), T("div", _e, [E("button", {
+					type: "button",
+					class: "close-others-btn",
+					onClick: n[1] ||= (e) => a.value = !0
+				}, [...n[7] ||= [E("i", { class: "mdi mdi-close-box-multiple-outline" }, null, -1), E("span", null, "Close other tabs", -1)]])])) : w("", !0), E("div", ve, [(I(!0), T(x, null, z(e.tabs, (e) => (I(), C(se, {
+					key: e.id,
+					tab: e,
+					"is-active": j(e),
+					icon: U(ee)(e.screen),
+					onSelect: k,
+					onClose: A
+				}, null, 8, [
+					"tab",
+					"is-active",
+					"icon"
+				]))), 128))])], 512)) : w("", !0)]),
+				E("div", ye, [e.titleEditable && !e.menuOpen && !o.value ? (I(), T("button", {
+					key: 0,
+					class: "bar-button",
+					type: "button",
+					title: "Rename",
+					"aria-label": "Rename",
+					"data-testid": "edit-editor-name",
+					onClick: b
+				}, [...n[8] ||= [E("i", { class: "mdi mdi-pencil-outline" }, null, -1)]])) : w("", !0), !e.menuOpen || e.mobileNavigationLevel === "detail" ? (I(), T("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] ||= [E("i", { class: "mdi mdi-home-outline" }, null, -1)]])) : w("", !0)])
+			]),
+			E("div", be, [q(E("div", xe, [B(t.$slots, "sidebar", {}, void 0, !0)], 512), [[W, e.menuOpen]]), q(E("div", Se, [B(t.$slots, "default", {}, void 0, !0)], 512), [[W, !e.menuOpen]])]),
+			a.value ? (I(), T("div", {
+				key: 0,
+				class: "close-confirm-overlay",
+				onClick: n[6] ||= (e) => a.value = !1
+			}, [E("div", {
+				class: "close-confirm-dialog",
+				role: "dialog",
+				"aria-modal": "true",
+				onClick: n[5] ||= Y(() => {}, ["stop"])
+			}, [E("p", null, "Close " + H(h.value) + " other tabs?", 1), E("div", Ce, [E("button", {
+				type: "button",
+				onClick: n[4] ||= (e) => a.value = !1,
+				class: "cancel-btn"
+			}, " Cancel "), E("button", {
+				type: "button",
+				onClick: M,
+				class: "confirm-btn"
+			}, " Close Others ")])])])) : w("", !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 = M(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 I(), T("div", { class: N(["results-container", `view-${i.activeTab}`]) }, [E("div", Ee, [
+		E("div", De, [B(e.$slots, "editor", { onQueryStarted: () => i.activeTab = "results" }, void 0, !0)]),
+		q(E("div", Oe, [B(e.$slots, "results", { containerHeight: i.resultsHeight }, void 0, !0)], 512), [[W, i.activeTab === "results"]]),
+		q(E("div", ke, [B(e.$slots, "chat", {}, void 0, !0)], 512), [[W, i.activeTab === "chat"]])
+	]), E("nav", Ae, [
+		E("button", {
+			class: N(["tab-button", { active: i.activeTab === "sql" }]),
+			onClick: t[0] ||= (e) => i.activeTab = "sql",
+			"data-testid": "editor-tab"
+		}, " Editor ", 2),
+		E("button", {
+			class: N(["tab-button", { active: i.activeTab === "results" }]),
+			onClick: t[1] ||= (e) => i.activeTab = "results",
+			"data-testid": "results-tab"
+		}, " Results ", 2),
+		n.showChat ? (I(), T("button", {
+			key: 0,
+			class: N(["tab-button", { active: i.activeTab === "chat" }]),
+			onClick: t[2] ||= (e) => i.activeTab = "chat",
+			"data-testid": "chat-tab"
+		}, " Chat ", 2)) : w("", !0)
+	])], 2);
+}
+var Me = /*#__PURE__*/ e(Te, [["render", je], ["__scopeId", "data-v-046a9e75"]]), $ = (e) => k({
+	loader: e,
+	loadingComponent: _,
+	delay: 0
+}), Ne = $(() => import("./TutorialPage-BtEJG7cT.js")), Pe = $(() => import("./Editor-D6tdutTm.js").then((e) => e.n)), Fe = k(() => import("./useGlobalChatPanel-DuP1q7_f.js").then((e) => e.i)), Ie = $(() => import("./WelcomePage-BoqzYBLr.js")), Le = $(() => import("./DashboardMobile-CZEgTb0R.js")), Re = k(() => import("./ResultComponent-zoOSoRLe.js").then((e) => e.n)), ze = $(() => import("./LLMView-BDb6wD74.js")), Be = k(() => import("./ConnectionErrorPopup-7vpqgF0s.js")), Ve = k(() => import("./ChatCreatorModal-CuXha6Dg.js")), He = A({
+	name: "MobileIDEComponent",
+	data() {
+		return {
+			demoLaunchInFlight: !1,
+			demoLaunchError: "",
+			demoHashListener: null
+		};
+	},
+	components: {
+		Sidebar: f,
+		Editor: Pe,
+		DataTable: Fe,
+		ErrorMessage: c,
+		TutorialPage: Ne,
+		ModelView: b,
+		UserSettings: g,
+		UserProfile: h,
+		LoadingView: l,
+		WelcomePage: Ie,
+		MobileDashboard: Le,
+		DashboardAutoImporter: u,
+		AssetAutoImporter: u,
+		LoadingButton: s,
+		TabbedLayout: Me,
+		MobileSidebarLayout: we,
+		CommunityModels: d,
+		JobsView: v,
+		ConnectionView: y,
+		ResultsView: Re,
+		LLMView: ze,
+		ChatCreatorModal: Ve,
+		ConnectionErrorPopup: Be
+	},
+	setup() {
+		let e = j("connectionStore"), r = j("editorStore"), i = j("modelStore"), a = j("dashboardStore"), o = j("trilogyResolver"), s = j("queryExecutionService"), c = j("storesLoaded", R(!0)), l = j("saveEditors"), u = j("saveConnections"), d = j("saveModels"), f = j("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(), ee = R(null), m = n(), { activeScreen: h, activeEditor: g, activeTab: _, activeDashboard: v, activeSidebarScreen: y, setActiveScreen: b, setActiveSidebarScreen: x, setActiveEditor: S, setActiveDashboard: C, activeConnectionKey: w, activeModelKey: T, activeDocumentationKey: E, setActiveConnectionKey: D, setActiveModelKey: O, setActiveDocumentationKey: k, activeLLMConnectionKey: A, setActiveLLMConnectionKey: M, activeCommunityModelKey: te, activeJobsKey: N, setActiveJobsKey: P, mobileMenuOpen: I, 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(), F(() => {
+			W();
+		}), L("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 ne(() => {
+			Q(), window.visualViewport?.addEventListener("resize", Q);
+		}), F(() => {
+			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: te,
+			activeJobsKey: N,
+			activeTab: _,
+			activeScreen: h,
+			activeSidebarScreen: y,
+			activeEditor: g,
+			activeDashboard: v,
+			activeConnectionKey: w,
+			activeModelKey: T,
+			activeDocumentationKey: E,
+			setActiveScreen: b,
+			setActiveSidebarScreen: x,
+			setActiveEditor: S,
+			setActiveDashboard: C,
+			setActiveConnectionKey: D,
+			setActiveModelKey: O,
+			setActiveDocumentationKey: k,
+			activeLLMConnectionKey: A,
+			setActiveLLMConnectionKey: M,
+			setActiveJobsKey: P,
+			mobileMenuOpen: I,
+			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;
+				M(r), X.value = t, b("llms"), I.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}`;
+				M(t), X.value = "chat", b("llms"), I.value && z(), setTimeout(() => {
+					X.value = "";
+				}, 100), Z.value = !1;
+			},
+			mobileViewportHeight: ae,
+			editorRef: ee,
+			mobileNavigationLevel: m.level,
+			mobileNavigationTitle: m.title,
+			handleMobileMenuBack: m.back,
+			handleMobileMenuHome: () => {
+				m.home(), I.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(o.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(i.DEMO, "") === "true" ? this.launchDemo() : Promise.resolve();
+		},
+		async launchDemo() {
+			if (!this.demoLaunchInFlight) {
+				this.demoLaunchInFlight = !0, this.demoLaunchError = "";
+				try {
+					await this.waitForStoresLoaded(), await this.startDemo(), r(i.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 m(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 Ue(e, t, n, r, i, a) {
+	let o = V("ConnectionErrorPopup"), s = V("ChatCreatorModal"), c = V("sidebar"), l = V("editor"), u = V("ResultsView"), d = V("tabbed-layout"), f = V("connection-view"), p = V("tutorial-page"), ee = 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"), w = V("mobile-sidebar-layout");
+	return I(), T("div", {
+		class: "main mobile-ide-root",
+		style: P({ "--mobile-viewport-height": e.mobileViewportHeight })
+	}, [
+		O(o),
+		O(s, {
+			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"
+		]),
+		O(w, {
+			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(() => [O(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: K(() => [e.activeScreen && e.activeScreen !== "" && ["editors"].includes(e.activeScreen) ? (I(), C(d, {
+				key: 0,
+				"show-chat": e.hasActiveEditorChat
+			}, D({ _: 2 }, [
+				e.activeEditor && e.activeEditorData ? {
+					name: "editor",
+					fn: K((t) => [e.activeEditorData.type == "preql" ? (I(), C(l, {
+						key: 0,
+						ref: "editorRef",
+						context: "main-trilogy",
+						editorId: e.activeEditor,
+						onQueryStarted: t.onQueryStarted,
+						onSaveEditors: e.saveEditorsCall
+					}, null, 8, [
+						"editorId",
+						"onQueryStarted",
+						"onSaveEditors"
+					])) : (I(), C(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: K(({ containerHeight: t }) => [O(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: K(() => [O(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" ? (I(), C(f, {
+				key: 1,
+				activeConnectionKey: e.activeConnectionKey,
+				onSaveEditors: e.saveEditorsCall
+			}, null, 8, ["activeConnectionKey", "onSaveEditors"])) : e.activeScreen === "tutorial" ? (I(), C(p, {
+				key: 2,
+				activeDocumentationKey: e.activeDocumentationKey
+			}, null, 8, ["activeDocumentationKey"])) : e.activeScreen === "models" ? (I(), C(ee, {
+				key: 3,
+				activeModelKey: e.activeModelKey,
+				onSaveEditors: e.saveEditorsCall
+			}, null, 8, ["activeModelKey", "onSaveEditors"])) : e.activeScreen === "profile" ? (I(), C(m, { key: 4 })) : e.activeScreen === "settings" ? (I(), C(h, { key: 5 })) : e.activeScreen === "dashboard" ? (I(), C(g, {
+				key: 6,
+				name: e.activeDashboard
+			}, null, 8, ["name"])) : e.activeScreen === "dashboard-import" ? (I(), C(_, {
+				key: 7,
+				onImportComplete: e.handleImportComplete
+			}, null, 8, ["onImportComplete"])) : e.activeScreen === "asset-import" ? (I(), C(v, {
+				key: 8,
+				onImportComplete: e.handleAssetImportComplete
+			}, null, 8, ["onImportComplete"])) : e.activeScreen === "community-models" ? (I(), C(y, {
+				key: 9,
+				activeCommunityModelKey: e.activeCommunityModelKey
+			}, null, 8, ["activeCommunityModelKey"])) : e.activeScreen === "jobs" ? (I(), C(b, {
+				key: 10,
+				activeJobsKey: e.activeJobsKey
+			}, null, 8, ["activeJobsKey"])) : e.activeScreen === "llms" ? (I(), C(x, {
+				key: 11,
+				initialTab: e.llmInitialTab
+			}, null, 8, ["initialTab"])) : (I(), C(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 We = /*#__PURE__*/ e(He, [["render", Ue], ["__scopeId", "data-v-b94c270c"]]);
+//#endregion
+export { We as default };