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

package/dist/{IDE-BRMLxTfP.js → IDE-T8PmyAQ_.js}

@@ -1,14 +1,11 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import "./editorRefinementToolExecutor-mX8ClQ63.js";
-import { i as t } from "./stores-C1wUWiFm.js";
-import { i as n } from "./editorRefinementRuntime-C_YmXRy4.js";
-import { r, t as i } from "./editorStore-Ch7k-gse.js";
-import { i as a, n as o, t as s } from "./urlStore-Dgmwx1YI.js";
-import { n as c, t as l } from "./useResizableDialog-B0ePSts4.js";
-import { t as u } from "./useGlobalChatPanel-CIeUyZba.js";
-import { a as d, i as f, n as p, r as m, s as h, t as g } from "./PageLoading-I6mr-7NB.js";
-import { t as _ } from "./demoSetup-DiW3ROFQ.js";
-import { Fragment as v, Teleport as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as ee, createStaticVNode as T, createVNode as E, defineAsyncComponent as D, defineComponent as O, inject as k, nextTick as A, normalizeClass as j, normalizeStyle as te, onBeforeUnmount as M, onMounted as ne, onUnmounted as re, openBlock as N, provide as ie, ref as P, renderList as F, renderSlot as I, resolveComponent as L, toDisplayString as R, unref as ae, watch as z, withCtx as B, withModifiers as oe } from "vue";
+import { t as e } from "./_plugin-vue_export-helper-f9Rw-Il4.js";
+import "./llm-ClU-2rgk.js";
+import { a as t, l as n, o as r, s as i } from "./stores-LlyiwSbK.js";
+import { S as a, i as o, t as s } from "./editorStore-CAlMJftt.js";
+import { t as c } from "./useGlobalChatPanel-DuP1q7_f.js";
+import { n as l, t as u } from "./useResizableDialog-Cs90WJdF.js";
+import { a as d, f, i as p, n as m, o as h, r as g, t as _ } from "./PageLoading-BAvKGo9h.js";
+import { Fragment as v, Teleport as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as T, createStaticVNode as E, createVNode as D, defineAsyncComponent as O, defineComponent as k, inject as A, nextTick as j, normalizeClass as M, normalizeStyle as ee, onBeforeUnmount as N, onMounted as te, onUnmounted as ne, openBlock as P, provide as re, ref as F, renderList as I, renderSlot as L, resolveComponent as R, toDisplayString as z, unref as ie, watch as ae, withCtx as B, withModifiers as oe } from "vue";
 //#region node_modules/.pnpm/split.js@1.6.5/node_modules/split.js/dist/split.es.js
 var V = typeof window < "u" ? window : null, se = V === null, H = se ? void 0 : V.document, U = "addEventListener", W = "removeEventListener", G = "getBoundingClientRect", K = "_a", q = "_b", J = "_c", Y = "horizontal", X = function() {
 	return !1;
@@ -46,10 +43,10 @@ var V = typeof window < "u" ? window : null, se = V === null, H = se ? void 0 :
 	return n.className = "gutter gutter-" + t, n;
 }, fe = function(e, t, n) {
 	var r = {};
-	return le(t) ? r[e] = t : r[e] = ce + "(" + t + "% - " + n + "px)", r;
+	return r[e] = le(t) ? t : ce + "(" + t + "% - " + n + "px)", r;
 }, pe = function(e, t) {
-	var n;
-	return n = {}, n[e] = t + "px", n;
+	var n = {};
+	return n[e] = t + "px", n;
 }, me = function(e, t) {
 	if (t === void 0 && (t = {}), se) return {};
 	var n = e, r, i, a, o, s, c;
@@ -62,49 +59,49 @@ var V = typeof window < "u" ? window : null, se = V === null, H = se ? void 0 :
 		return h;
 	}), _ = Z(t, "expandToMin", !1), v = Z(t, "gutterSize", 10), y = Z(t, "gutterAlign", "center"), b = Z(t, "snapOffset", 30), x = Array.isArray(b) ? b : n.map(function() {
 		return b;
-	}), S = Z(t, "dragInterval", 1), C = Z(t, "direction", Y), w = Z(t, "cursor", C === Y ? "col-resize" : "row-resize"), ee = Z(t, "gutter", Q), T = Z(t, "elementStyle", fe), E = Z(t, "gutterStyle", pe);
+	}), S = Z(t, "dragInterval", 1), C = Z(t, "direction", Y), w = Z(t, "cursor", C === Y ? "col-resize" : "row-resize"), T = Z(t, "gutter", Q), E = Z(t, "elementStyle", fe), D = Z(t, "gutterStyle", pe);
 	C === Y ? (r = "width", i = "clientX", a = "left", o = "right", s = "clientWidth") : C === "vertical" && (r = "height", i = "clientY", a = "top", o = "bottom", s = "clientHeight");
-	function D(e, t, n, i) {
-		var a = T(r, t, n, i);
+	function O(e, t, n, i) {
+		var a = E(r, t, n, i);
 		Object.keys(a).forEach(function(t) {
 			e.style[t] = a[t];
 		});
 	}
-	function O(e, t, n) {
-		var i = E(r, t, n);
+	function k(e, t, n) {
+		var i = D(r, t, n);
 		Object.keys(i).forEach(function(t) {
 			e.style[t] = i[t];
 		});
 	}
-	function k() {
+	function A() {
 		return c.map(function(e) {
 			return e.size;
 		});
 	}
-	function A(e) {
+	function j(e) {
 		return "touches" in e ? e.touches[0][i] : e[i];
 	}
-	function j(e) {
+	function M(e) {
 		var t = c[this.a], n = c[this.b], r = t.size + n.size;
-		t.size = e / this.size * r, n.size = r - e / this.size * r, D(t.element, t.size, this[q], t.i), D(n.element, n.size, this[J], n.i);
+		t.size = e / this.size * r, n.size = r - e / this.size * r, O(t.element, t.size, this[q], t.i), O(n.element, n.size, this[J], n.i);
 	}
-	function te(e) {
+	function ee(e) {
 		var n, r = c[this.a], i = c[this.b];
-		this.dragging && (n = A(e) - this.start + (this[q] - this.dragOffset), S > 1 && (n = Math.round(n / S) * S), n <= r.minSize + r.snapOffset + this[q] ? n = r.minSize + this[q] : n >= this.size - (i.minSize + i.snapOffset + this[J]) && (n = this.size - (i.minSize + this[J])), n >= r.maxSize - r.snapOffset + this[q] ? n = r.maxSize + this[q] : n <= this.size - (i.maxSize - i.snapOffset + this[J]) && (n = this.size - (i.maxSize + this[J])), j.call(this, n), Z(t, "onDrag", X)(k()));
+		this.dragging && (n = j(e) - this.start + (this[q] - this.dragOffset), S > 1 && (n = Math.round(n / S) * S), n <= r.minSize + r.snapOffset + this[q] ? n = r.minSize + this[q] : n >= this.size - (i.minSize + i.snapOffset + this[J]) && (n = this.size - (i.minSize + this[J])), n >= r.maxSize - r.snapOffset + this[q] ? n = r.maxSize + this[q] : n <= this.size - (i.maxSize - i.snapOffset + this[J]) && (n = this.size - (i.maxSize + this[J])), M.call(this, n), Z(t, "onDrag", X)(A()));
 	}
-	function M() {
+	function N() {
 		var e = c[this.a].element, t = c[this.b].element, n = e[G](), i = t[G]();
 		this.size = n[r] + i[r] + this[q] + this[J], this.start = n[a], this.end = n[o];
 	}
-	function ne(e) {
+	function te(e) {
 		if (!getComputedStyle) return null;
 		var t = getComputedStyle(e);
 		if (!t) return null;
 		var n = e[s];
-		return n === 0 ? null : (C === Y ? n -= parseFloat(t.paddingLeft) + parseFloat(t.paddingRight) : n -= parseFloat(t.paddingTop) + parseFloat(t.paddingBottom), n);
+		return n === 0 ? null : (n -= C === Y ? parseFloat(t.paddingLeft) + parseFloat(t.paddingRight) : parseFloat(t.paddingTop) + parseFloat(t.paddingBottom), n);
 	}
-	function re(e) {
-		var t = ne(l);
+	function ne(e) {
+		var t = te(l);
 		if (t === null || m.reduce(function(e, t) {
 			return e + t;
 		}, 0) > t) return e;
@@ -121,18 +118,18 @@ var V = typeof window < "u" ? window : null, se = V === null, H = se ? void 0 :
 			return a / t * 100;
 		});
 	}
-	function N() {
+	function P() {
 		var e = this, n = c[e.a].element, r = c[e.b].element;
-		e.dragging && Z(t, "onDragEnd", X)(k()), e.dragging = !1, V[W]("mouseup", e.stop), V[W]("touchend", e.stop), V[W]("touchcancel", e.stop), V[W]("mousemove", e.move), V[W]("touchmove", e.move), e.stop = null, e.move = null, n[W]("selectstart", X), n[W]("dragstart", X), r[W]("selectstart", X), r[W]("dragstart", X), n.style.userSelect = "", n.style.webkitUserSelect = "", n.style.MozUserSelect = "", n.style.pointerEvents = "", r.style.userSelect = "", r.style.webkitUserSelect = "", r.style.MozUserSelect = "", r.style.pointerEvents = "", e.gutter.style.cursor = "", e.parent.style.cursor = "", H.body.style.cursor = "";
+		e.dragging && Z(t, "onDragEnd", X)(A()), e.dragging = !1, V[W]("mouseup", e.stop), V[W]("touchend", e.stop), V[W]("touchcancel", e.stop), V[W]("mousemove", e.move), V[W]("touchmove", e.move), e.stop = null, e.move = null, n[W]("selectstart", X), n[W]("dragstart", X), r[W]("selectstart", X), r[W]("dragstart", X), n.style.userSelect = "", n.style.webkitUserSelect = "", n.style.MozUserSelect = "", n.style.pointerEvents = "", r.style.userSelect = "", r.style.webkitUserSelect = "", r.style.MozUserSelect = "", r.style.pointerEvents = "", e.gutter.style.cursor = "", e.parent.style.cursor = "", H.body.style.cursor = "";
 	}
-	function ie(e) {
+	function re(e) {
 		if (!("button" in e && e.button !== 0)) {
 			var n = this, r = c[n.a].element, i = c[n.b].element;
-			n.dragging || Z(t, "onDragStart", X)(k()), e.preventDefault(), n.dragging = !0, n.move = te.bind(n), n.stop = N.bind(n), V[U]("mouseup", n.stop), V[U]("touchend", n.stop), V[U]("touchcancel", n.stop), V[U]("mousemove", n.move), V[U]("touchmove", n.move), r[U]("selectstart", X), r[U]("dragstart", X), i[U]("selectstart", X), i[U]("dragstart", X), r.style.userSelect = "none", r.style.webkitUserSelect = "none", r.style.MozUserSelect = "none", r.style.pointerEvents = "none", i.style.userSelect = "none", i.style.webkitUserSelect = "none", i.style.MozUserSelect = "none", i.style.pointerEvents = "none", n.gutter.style.cursor = w, n.parent.style.cursor = w, H.body.style.cursor = w, M.call(n), n.dragOffset = A(e) - n.end;
+			n.dragging || Z(t, "onDragStart", X)(A()), e.preventDefault(), n.dragging = !0, n.move = ee.bind(n), n.stop = P.bind(n), V[U]("mouseup", n.stop), V[U]("touchend", n.stop), V[U]("touchcancel", n.stop), V[U]("mousemove", n.move), V[U]("touchmove", n.move), r[U]("selectstart", X), r[U]("dragstart", X), i[U]("selectstart", X), i[U]("dragstart", X), r.style.userSelect = "none", r.style.webkitUserSelect = "none", r.style.MozUserSelect = "none", r.style.pointerEvents = "none", i.style.userSelect = "none", i.style.webkitUserSelect = "none", i.style.MozUserSelect = "none", i.style.pointerEvents = "none", n.gutter.style.cursor = w, n.parent.style.cursor = w, H.body.style.cursor = w, N.call(n), n.dragOffset = j(e) - n.end;
 		}
 	}
-	f = re(f);
-	var P = [];
+	f = ne(f);
+	var F = [];
 	c = n.map(function(e, t) {
 		var r = {
 			element: ue(e),
@@ -153,34 +150,34 @@ var V = typeof window < "u" ? window : null, se = V === null, H = se ? void 0 :
 			i.a = i.b, i.b = a;
 		}
 		if (t > 0) {
-			var o = ee(t, C, r.element);
-			O(o, v, t), i[K] = ie.bind(i), o[U]("mousedown", i[K]), o[U]("touchstart", i[K]), l.insertBefore(o, r.element), i.gutter = o;
+			var o = T(t, C, r.element);
+			k(o, v, t), i[K] = re.bind(i), o[U]("mousedown", i[K]), o[U]("touchstart", i[K]), l.insertBefore(o, r.element), i.gutter = o;
 		}
-		return D(r.element, r.size, de(v, t === 0, t === n.length - 1, y), t), t > 0 && P.push(i), r;
+		return O(r.element, r.size, de(v, t === 0, t === n.length - 1, y), t), t > 0 && F.push(i), r;
 	});
-	function F(e) {
-		var t = e.i === P.length, n = t ? P[e.i - 1] : P[e.i];
-		M.call(n);
+	function I(e) {
+		var t = e.i === F.length, n = t ? F[e.i - 1] : F[e.i];
+		N.call(n);
 		var r = t ? n.size - e.minSize - n[J] : e.minSize + n[q];
-		j.call(n, r);
+		M.call(n, r);
 	}
 	c.forEach(function(e) {
 		var t = e.element[G]()[r];
-		t < e.minSize && (_ ? F(e) : e.minSize = t);
+		t < e.minSize && (_ ? I(e) : e.minSize = t);
 	});
-	function I(e) {
-		var t = re(e);
+	function L(e) {
+		var t = ne(e);
 		t.forEach(function(e, n) {
 			if (n > 0) {
-				var r = P[n - 1], i = c[r.a], a = c[r.b];
-				i.size = t[n - 1], a.size = e, D(i.element, i.size, r[q], i.i), D(a.element, a.size, r[J], a.i);
+				var r = F[n - 1], i = c[r.a], a = c[r.b];
+				i.size = t[n - 1], a.size = e, O(i.element, i.size, r[q], i.i), O(a.element, a.size, r[J], a.i);
 			}
 		});
 	}
-	function L(e, t) {
-		P.forEach(function(n) {
+	function R(e, t) {
+		F.forEach(function(n) {
 			if (t === !0 ? (n.gutter[W]("mousedown", n[K]), n.gutter[W]("touchstart", n[K])) : n.parent.removeChild(n.gutter), e !== !0) {
-				var i = T(r, n.a.size, n[q]);
+				var i = E(r, n.a.size, n[q]);
 				Object.keys(i).forEach(function(e) {
 					c[n.a].element.style[e] = "", c[n.b].element.style[e] = "";
 				});
@@ -188,14 +185,14 @@ var V = typeof window < "u" ? window : null, se = V === null, H = se ? void 0 :
 		});
 	}
 	return {
-		setSizes: I,
-		getSizes: k,
+		setSizes: L,
+		getSizes: A,
 		collapse: function(e) {
-			F(c[e]);
+			I(c[e]);
 		},
-		destroy: L,
+		destroy: R,
 		parent: l,
-		pairs: P
+		pairs: F
 	};
 }, he = {
 	name: "StudioView",
@@ -258,16 +255,16 @@ var V = typeof window < "u" ? window : null, se = V === null, H = se ? void 0 :
 	class: "right-panel"
 };
 function be(e, t, n, r, i, a) {
-	return N(), C("div", ge, [w("div", _e, [
+	return P(), C("div", ge, [w("div", _e, [
 		w("div", {
 			ref: "sidebar",
-			class: j(["sidebar", { "sidebar-icon-only": n.sidebarCollapsed }])
-		}, [I(e.$slots, "sidebar", { containerWidth: i.sidebarWidth }, void 0, !0)], 2),
-		w("div", ve, [I(e.$slots, "default", {}, void 0, !0)], 512),
-		e.$slots["right-panel"] ? (N(), C("div", ye, [I(e.$slots, "right-panel", {}, void 0, !0)])) : S("", !0)
+			class: M(["sidebar", { "sidebar-icon-only": n.sidebarCollapsed }])
+		}, [L(e.$slots, "sidebar", { containerWidth: i.sidebarWidth }, void 0, !0)], 2),
+		w("div", ve, [L(e.$slots, "default", {}, void 0, !0)], 512),
+		e.$slots["right-panel"] ? (P(), C("div", ye, [L(e.$slots, "right-panel", {}, void 0, !0)])) : S("", !0)
 	])], 512);
 }
-var xe = /*#__PURE__*/ e(he, [["render", be], ["__scopeId", "data-v-877a08bc"]]), Se = O({
+var xe = /*#__PURE__*/ e(he, [["render", be], ["__scopeId", "data-v-877a08bc"]]), Se = k({
 	name: "TabbedLayout",
 	emits: [
 		"new-tab",
@@ -277,7 +274,7 @@ var xe = /*#__PURE__*/ e(he, [["render", be], ["__scopeId", "data-v-877a08bc"]])
 		"tabs-reordered"
 	],
 	setup() {
-		let e = t(), a = i(), o = r(), s = n(), { activeTab: c, tabs: l, openTab: u, closeTab: d, setActiveTab: f, closeOtherTabsExcept: p, closeTabsToRightOf: m } = e;
+		let e = t(), n = s(), r = a(), i = o(), { activeTab: c, tabs: l, openTab: u, closeTab: d, setActiveTab: f, closeOtherTabsExcept: p, closeTabsToRightOf: m } = e;
 		return {
 			activeTab: c,
 			tabs: l,
@@ -288,12 +285,12 @@ var xe = /*#__PURE__*/ e(he, [["render", be], ["__scopeId", "data-v-877a08bc"]])
 			closeTabsToRightOf: m,
 			getTabStatus: (e) => {
 				if (e.screen === "editors") {
-					let t = a.editors[e.address];
-					return t ? t.loading ? "running" : (t.connectionId && o.connections[t.connectionId] || o.connectionByName(t.connection))?.connected ? "connected" : "idle" : null;
+					let t = n.editors[e.address];
+					return t ? t.loading ? "running" : (t.connectionId && r.connections[t.connectionId] || r.connectionByName(t.connection))?.connected ? "connected" : "idle" : null;
 				}
 				if (e.screen === "llms") {
 					let t = e.address.split("::"), n = t.length > 1 ? t[1] : null;
-					return n && s.isChatExecuting(n) ? s.getChatActiveToolName(n) === "run_query" ? "running" : "waiting" : "connected";
+					return n && i.isChatExecuting(n) ? i.getChatActiveToolName(n) === "run_query" ? "running" : "waiting" : "connected";
 				}
 				return null;
 			}
@@ -316,7 +313,7 @@ var xe = /*#__PURE__*/ e(he, [["render", be], ["__scopeId", "data-v-877a08bc"]])
 		return this.contextMenu.targetTabIndex < this.tabs.length - 1;
 	} },
 	methods: {
-		getTabIcon: h,
+		getTabIcon: f,
 		selectTab(e) {
 			this.setActiveTab(e);
 		},
@@ -362,10 +359,10 @@ var xe = /*#__PURE__*/ e(he, [["render", be], ["__scopeId", "data-v-877a08bc"]])
 	"data-testid"
 ], Ee = { class: "tab-title truncate-text" }, De = ["onClick"], Oe = { class: "tab-content" };
 function ke(e, t, n, r, i, a) {
-	return N(), C("div", Ce, [
-		w("div", we, [(N(!0), C(v, null, F(e.tabs, (n, r) => (N(), C("div", {
+	return P(), C("div", Ce, [
+		w("div", we, [(P(!0), C(v, null, I(e.tabs, (n, r) => (P(), C("div", {
 			key: n.id,
-			class: j(["tab", { "tab-active": e.activeTab === n.id }]),
+			class: M(["tab", { "tab-active": e.activeTab === n.id }]),
 			onClick: (t) => e.selectTab(n.id),
 			onDragstart: (t) => e.handleDragStart(r, t),
 			onDragover: t[0] ||= (t) => e.handleDragOver(t),
@@ -374,42 +371,42 @@ function ke(e, t, n, r, i, a) {
 			draggable: "true",
 			"data-testid": `tab-${n.address}`
 		}, [
-			w("i", { class: j([
+			w("i", { class: M([
 				e.getTabIcon(n.screen),
 				"tab-icon",
 				`tab-icon-status-${e.getTabStatus(n) || "none"}`
 			]) }, null, 2),
-			w("span", Ee, R(n.title), 1),
-			e.tabs.length > 1 ? (N(), C("button", {
+			w("span", Ee, z(n.title), 1),
+			e.tabs.length > 1 ? (P(), C("button", {
 				key: 0,
 				class: "tab-close-btn",
 				onClick: oe((t) => e.closeTab(n.id, null), ["stop"])
 			}, [...t[5] ||= [w("i", { class: "mdi mdi-close" }, null, -1)]], 8, De)) : S("", !0)
 		], 42, Te))), 128))]),
-		w("div", Oe, [I(e.$slots, "default", {}, void 0, !0)]),
-		e.contextMenu.visible ? (N(), C("div", {
+		w("div", Oe, [L(e.$slots, "default", {}, void 0, !0)]),
+		e.contextMenu.visible ? (P(), C("div", {
 			key: 0,
 			class: "context-menu",
-			style: te({
+			style: ee({
 				left: e.contextMenu.x + "px",
 				top: e.contextMenu.y + "px"
 			}),
 			onClick: t[3] ||= oe(() => {}, ["stop"])
 		}, [w("div", {
-			class: j(["context-menu-item", { disabled: e.tabs.length <= 1 }]),
+			class: M(["context-menu-item", { disabled: e.tabs.length <= 1 }]),
 			onClick: t[1] ||= (...t) => e.closeOtherTabs && e.closeOtherTabs(...t)
 		}, " Close Other Tabs ", 2), w("div", {
-			class: j(["context-menu-item", { disabled: !e.canCloseTabsToRight }]),
+			class: M(["context-menu-item", { disabled: !e.canCloseTabsToRight }]),
 			onClick: t[2] ||= (...t) => e.closeTabsToRight && e.closeTabsToRight(...t)
 		}, " Close Tabs to the Right ", 2)], 4)) : S("", !0),
-		e.contextMenu.visible ? (N(), C("div", {
+		e.contextMenu.visible ? (P(), C("div", {
 			key: 1,
 			class: "context-menu-overlay",
 			onClick: t[4] ||= (...t) => e.hideContextMenu && e.hideContextMenu(...t)
 		})) : S("", !0)
 	]);
 }
-var Ae = /*#__PURE__*/ e(Se, [["render", ke], ["__scopeId", "data-v-34e7a50b"]]), je = [68, 32], Me = O({
+var Ae = /*#__PURE__*/ e(Se, [["render", ke], ["__scopeId", "data-v-34e7a50b"]]), je = [68, 32], Me = k({
 	name: "VerticalSplitLayout",
 	data() {
 		return {
@@ -420,8 +417,8 @@ var Ae = /*#__PURE__*/ e(Se, [["render", ke], ["__scopeId", "data-v-34e7a50b"]])
 	},
 	setup() {
 		return {
-			editor: P(null),
-			results: P(null)
+			editor: F(null),
+			results: F(null)
 		};
 	},
 	mounted() {
@@ -456,11 +453,11 @@ var Ae = /*#__PURE__*/ e(Se, [["render", ke], ["__scopeId", "data-v-34e7a50b"]])
 	ref: "results"
 };
 function Ie(e, t, n, r, i, a) {
-	return N(), C("div", Ne, [w("div", Pe, [I(e.$slots, "editor", { containerHeight: e.editorHeight })], 512), w("div", Fe, [I(e.$slots, "results", { containerHeight: e.resultsHeight })], 512)], 512);
+	return P(), C("div", Ne, [w("div", Pe, [L(e.$slots, "editor", { containerHeight: e.editorHeight })], 512), w("div", Fe, [L(e.$slots, "results", { containerHeight: e.resultsHeight })], 512)], 512);
 }
 var Le = /*#__PURE__*/ e(Me, [["render", Ie]]), Re = {}, ze = { class: "credentials-prompt" };
 function Be(e, t) {
-	return N(), C("div", ze, [...t[0] ||= [T("<div class=\"credentials-card\" data-v-919983af><div class=\"credentials-icon\" data-v-919983af><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" data-v-919983af><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" data-v-919983af></rect><circle cx=\"12\" cy=\"16\" r=\"1\" data-v-919983af></circle><path d=\"m7 11 V7a5 5 0 0 1 10 0v4\" data-v-919983af></path></svg></div><h2 class=\"credentials-title\" data-v-919983af>Credential response required</h2><p class=\"credentials-message\" data-v-919983af>Complete credential prompt to continue.</p><div class=\"credentials-loading\" data-v-919983af><div class=\"spinner\" data-v-919983af></div><span data-v-919983af>Waiting for authentication...</span></div></div>", 1)]]);
+	return P(), C("div", ze, [...t[0] ||= [E("<div class=\"credentials-card\" data-v-919983af><div class=\"credentials-icon\" data-v-919983af><svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" data-v-919983af><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" data-v-919983af></rect><circle cx=\"12\" cy=\"16\" r=\"1\" data-v-919983af></circle><path d=\"m7 11 V7a5 5 0 0 1 10 0v4\" data-v-919983af></path></svg></div><h2 class=\"credentials-title\" data-v-919983af>Credential response required</h2><p class=\"credentials-message\" data-v-919983af>Complete credential prompt to continue.</p><div class=\"credentials-loading\" data-v-919983af><div class=\"spinner\" data-v-919983af></div><span data-v-919983af>Waiting for authentication...</span></div></div>", 1)]]);
 }
 var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]]), He = {
 	class: "confirmation-overlay",
@@ -468,7 +465,7 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 }, Ue = { class: "modal-header" }, We = { "data-testid": "tutorial-popup-title" }, Ge = { class: "modal-content" }, Ke = {
 	key: 0,
 	class: "progress-section"
-}, qe = { class: "progress-indicator" }, Je = { class: "button-container" }, Ye = 50, Xe = 100, Ze = /*#__PURE__*/ e(/* @__PURE__ */ O({
+}, qe = { class: "progress-indicator" }, Je = { class: "button-container" }, Ye = 50, Xe = 100, Ze = /*#__PURE__*/ e(/* @__PURE__ */ k({
 	__name: "PopupModal",
 	props: {
 		showModal: {
@@ -490,7 +487,7 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 	},
 	emits: ["mark-item-read", "close-modal"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = k("userSettingsStore", null), a = P(0), o = P(null), s = P(null), u = P(0), { editorElement: d, dialogStyle: f, startResize: p, canCloseOnClickOutside: m } = l(() => r("close-modal"), {
+		let n = e, r = t, i = A("userSettingsStore", null), a = F(0), o = F(null), s = F(null), c = F(0), { editorElement: d, dialogStyle: f, startResize: p, canCloseOnClickOutside: m } = u(() => r("close-modal"), {
 			initialWidth: n.initialWidth,
 			initialHeight: n.initialHeight,
 			minWidth: 400,
@@ -502,24 +499,24 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 			let e = document.getElementById("tutorial-highlight-styles");
 			e && e.remove();
 		}, v = async (e) => {
-			await A(), s.value = e, u.value = 0, ee(e);
-		}, ee = async (e) => {
+			await j(), s.value = e, c.value = 0, T(e);
+		}, T = async (e) => {
 			if (s.value !== e || !n.showModal) return;
 			let t = document.querySelector(`[data-testid="${e}"]`);
 			if (t) {
-				await T(t, e);
+				await E(t, e);
 				return;
 			}
-			if (u.value++, u.value >= Ye) {
+			if (c.value++, c.value >= Ye) {
 				console.warn(`Element with data-testid="${e}" not found after ${Ye} attempts`), s.value = null;
 				return;
 			}
 			setTimeout(() => {
-				ee(e);
+				T(e);
 			}, Xe);
-		}, T = async (e, t) => {
+		}, E = async (e, t) => {
 			if (s.value !== t || !n.showModal) return;
-			D();
+			O();
 			let r = m?.value;
 			m && (m.value = !1), e.classList.add("tutorial-highlight", "tutorial-highlight-transition", "tutorial-scroll-target"), e.getBoundingClientRect().top < 100 && e.classList.add("arrow-bottom"), e.scrollIntoView({
 				behavior: "smooth",
@@ -528,92 +525,92 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 			}), o.value = e, s.value = null, setTimeout(() => {
 				m && (m.value = r ?? !0);
 			}, 1e3);
-		}, D = () => {
+		}, O = () => {
 			s.value = null, o.value &&= (o.value.classList.remove("tutorial-highlight", "tutorial-highlight-transition", "tutorial-scroll-target", "arrow-bottom"), null), document.querySelectorAll(".tutorial-highlight").forEach((e) => {
 				e.classList.remove("tutorial-highlight", "tutorial-highlight-transition", "tutorial-scroll-target", "arrow-bottom");
 			});
-		}, O = async () => {
+		}, k = async () => {
 			h.value && r("mark-item-read", h.value.id), g.value ? a.value++ : r("close-modal");
-		}, j = () => {
-			h.value && r("mark-item-read", h.value.id), r("close-modal");
 		}, M = () => {
+			h.value && r("mark-item-read", h.value.id), r("close-modal");
+		}, N = () => {
 			for (let e of n.activeItems) r("mark-item-read", e.id);
 			r("close-modal");
-		}, ie = async () => {
+		}, re = async () => {
 			if (!i) {
 				r("close-modal");
 				return;
 			}
 			i.updateSetting("skipAllTips", !0), await i.saveSettings(), r("close-modal");
 		};
-		z(() => n.activeItems, () => {
+		ae(() => n.activeItems, () => {
 			a.value = 0;
-		}), z(h, async (e) => {
-			e?.highlightDataTestId ? await v(e.highlightDataTestId) : D();
-		}, { immediate: !0 }), z(() => n.showModal, (e) => {
-			e ? h.value?.highlightDataTestId && A(() => {
+		}), ae(h, async (e) => {
+			e?.highlightDataTestId ? await v(e.highlightDataTestId) : O();
+		}, { immediate: !0 }), ae(() => n.showModal, (e) => {
+			e ? h.value?.highlightDataTestId && j(() => {
 				v(h.value.highlightDataTestId);
-			}) : (D(), setTimeout(() => {
+			}) : (O(), setTimeout(() => {
 				n.showModal || _();
 			}, 300));
-		}), ne(() => {}), re(() => {
-			D(), _();
+		}), te(() => {}), ne(() => {
+			O(), _();
 		});
-		let F = (e) => {
-			e.key === "Escape" && n.showModal && M();
+		let I = (e) => {
+			e.key === "Escape" && n.showModal && N();
 		};
-		return ne(() => {
-			document.addEventListener("keydown", F);
-		}), re(() => {
-			document.removeEventListener("keydown", F);
-		}), (t, n) => (N(), C("div", null, [e.showModal && h.value ? (N(), x(y, {
+		return te(() => {
+			document.addEventListener("keydown", I);
+		}), ne(() => {
+			document.removeEventListener("keydown", I);
+		}), (t, n) => (P(), C("div", null, [e.showModal && h.value ? (P(), x(y, {
 			key: 0,
 			to: "body"
 		}, [w("div", He, [w("div", {
 			class: "confirmation-dialog",
 			ref: (e) => d.value = e,
-			style: te(ae(f)),
+			style: ee(ie(f)),
 			"data-testid": "tutorial-popup-dialog"
 		}, [
-			w("div", Ue, [w("h2", We, R(h.value.title), 1), w("button", {
-				onClick: M,
+			w("div", Ue, [w("h2", We, z(h.value.title), 1), w("button", {
+				onClick: N,
 				class: "exit-button",
 				"data-testid": "exit-modal",
 				"aria-label": "Close modal"
 			}, " × ")]),
-			w("div", Ge, [w("p", null, R(h.value.content), 1)]),
-			e.activeItems.length > 1 ? (N(), C("div", Ke, [w("span", qe, R(a.value + 1) + " of " + R(e.activeItems.length), 1)])) : S("", !0),
+			w("div", Ge, [w("p", null, z(h.value.content), 1)]),
+			e.activeItems.length > 1 ? (P(), C("div", Ke, [w("span", qe, z(a.value + 1) + " of " + z(e.activeItems.length), 1)])) : S("", !0),
 			w("div", Je, [
-				g.value ? (N(), C("button", {
+				g.value ? (P(), C("button", {
 					key: 0,
-					onClick: O,
+					onClick: k,
 					class: "primary-button",
 					"data-testid": "next-item"
-				}, " Next → ")) : (N(), C("button", {
+				}, " Next → ")) : (P(), C("button", {
 					key: 1,
-					onClick: j,
+					onClick: M,
 					class: "primary-button",
 					"data-testid": "complete-sequence"
 				}, " Got it! ")),
 				w("button", {
-					onClick: ie,
+					onClick: re,
 					class: "secondary-button",
 					"data-testid": "disable-all-hints"
 				}, " Disable All Hints "),
 				w("button", {
-					onClick: M,
+					onClick: N,
 					class: "cancel-btn",
 					"data-testid": "skip-sequence"
 				}, " Skip ")
 			]),
-			E(c, { onStartResize: ae(p) }, null, 8, ["onStartResize"])
+			D(l, { onStartResize: ie(p) }, null, 8, ["onStartResize"])
 		], 4)])])) : S("", !0)]));
 	}
 }), [["__scopeId", "data-v-e4361b9a"]]), Qe = {
 	key: 0,
 	class: "tips-count",
 	"data-testid": "tips-cta-count"
-}, $e = /*#__PURE__*/ e(/* @__PURE__ */ O({
+}, $e = /*#__PURE__*/ e(/* @__PURE__ */ k({
 	__name: "TipsCTA",
 	props: {
 		pulsing: {
@@ -628,8 +625,8 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 	emits: ["expand"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (N(), C("button", {
-			class: j(["tips-cta", { pulsing: e.pulsing }]),
+		return (t, r) => (P(), C("button", {
+			class: M(["tips-cta", { pulsing: e.pulsing }]),
 			"data-testid": "tips-cta-button",
 			"aria-label": "Show tips",
 			title: "Show tips",
@@ -646,13 +643,13 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 			w("path", { d: "M9 18h6" }),
 			w("path", { d: "M10 22h4" }),
 			w("path", { d: "M12 2a7 7 0 0 0-4 12.7c.6.5 1 1.4 1 2.3h6c0-.9.4-1.8 1-2.3A7 7 0 0 0 12 2z" })
-		], -1), e.count > 0 ? (N(), C("span", Qe, R(e.count), 1)) : S("", !0)], 2));
+		], -1), e.count > 0 ? (P(), C("span", Qe, z(e.count), 1)) : S("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-347266f4"]]), $ = (e) => D({
+}), [["__scopeId", "data-v-347266f4"]]), $ = (e) => O({
 	loader: e,
-	loadingComponent: g,
+	loadingComponent: _,
 	delay: 0
-}), et = $(() => import("./TutorialPage-CZGBRJdq.js")), tt = $(() => import("./Editor-DhsP18KE.js").then((e) => e.n)), nt = $(() => import("./WelcomePage-CLKvAvk-.js")), rt = $(() => import("./Dashboard-D1ZCTw5r.js").then((e) => e.n)), it = D(() => import("./ResultComponent-_-1qZCfv.js").then((e) => e.n)), at = $(() => import("./ModelView-rAurf9n8.js").then((e) => e.n)), ot = $(() => import("./CommunityModels-D7zWnHgG.js").then((e) => e.n)), st = $(() => import("./JobsView-C9PYS6pZ.js").then((e) => e.n)), ct = $(() => import("./ConnectionView-COnTTuA4.js").then((e) => e.n)), lt = $(() => import("./LLMView-VkJpP-49.js")), ut = D(() => import("./AssetAutoImporter-DfMd_DSk.js").then((e) => e.n)), dt = D(() => import("./ChatCreatorModal-BTqY06B6.js")), ft = D(() => import("./ConnectionErrorPopup-FSs7U-Yl.js")), pt = D(() => import("./GlobalChatPanel-DFx9A4yP.js")), mt = D(() => import("./ErrorMessage-XMn_08gJ.js").then((e) => e.n)), ht = D(() => import("./LoadingButton-OH3frQuO.js").then((e) => e.n)), gt = D(() => import("./DataTable-DoRDynP1.js").then((e) => e.n)), _t = O({
+}), et = $(() => import("./TutorialPage-BtEJG7cT.js")), tt = $(() => import("./Editor-D6tdutTm.js").then((e) => e.n)), nt = $(() => import("./WelcomePage-BoqzYBLr.js")), rt = $(() => import("./Dashboard-DxSi9W6Q.js").then((e) => e.n)), it = O(() => import("./ResultComponent-zoOSoRLe.js").then((e) => e.n)), at = $(() => import("./ModelView-DomyhN8g.js").then((e) => e.n)), ot = $(() => import("./CommunityModels-CIQQhO-y.js").then((e) => e.n)), st = $(() => import("./JobsView-Ca97MiSd.js").then((e) => e.n)), ct = $(() => import("./ConnectionView-7Jj_Ggdi.js").then((e) => e.n)), lt = $(() => import("./LLMView-BDb6wD74.js")), ut = O(() => import("./AssetAutoImporter-OHphsfW9.js").then((e) => e.n)), dt = O(() => import("./ChatCreatorModal-CuXha6Dg.js")), ft = O(() => import("./ConnectionErrorPopup-7vpqgF0s.js")), pt = O(() => import("./GlobalChatPanel-BXZh0sdD.js")), mt = O(() => import("./ErrorMessage-D5JeF3Iz.js").then((e) => e.n)), ht = O(() => import("./useGlobalChatPanel-DuP1q7_f.js").then((e) => e.d)), gt = O(() => import("./useGlobalChatPanel-DuP1q7_f.js").then((e) => e.i)), _t = k({
 	name: "IDEComponent",
 	data() {
 		return {
@@ -673,12 +670,12 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 		CredentialBackgroundPage: Ve,
 		PopupModal: Ze,
 		TipsCTA: $e,
-		sidebar: f,
+		sidebar: d,
 		editor: tt,
 		"tutorial-page": et,
 		"model-view": at,
-		"user-settings": m,
-		"user-profile": p,
+		"user-settings": g,
+		"user-profile": m,
 		"welcome-page": nt,
 		dashboard: rt,
 		"community-models": ot,
@@ -696,26 +693,26 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 		"data-table": gt
 	},
 	setup() {
-		let e = P(null), n = k("connectionStore"), r = k("editorStore"), i = k("userSettingsStore"), a = k("llmConnectionStore", null), o = k("storesLoaded", P(!0)), s = k("modelStore"), c = k("dashboardStore"), l = k("trilogyResolver"), f = k("queryExecutionService"), p = k("saveEditors"), m = k("saveConnections"), h = k("saveModels"), g = k("saveDashboards"), _ = k("saveAll");
-		if (!r || !n || !c || !i || !l || !s || !m || !g || !p || !h || !_) throw Error("Requires injection of connection store, editor store, model store, editors, connections, and models saving.");
-		p ||= () => {};
-		let v = t(), { activeScreen: y, activeEditor: x, activeModelKey: S, activeDocumentationKey: C, activeConnectionKey: w, activeLLMConnectionKey: ee, activeCommunityModelKey: T, activeJobsKey: E, activeDashboard: D, setActiveScreen: O, setActiveSidebarScreen: A, activeSidebarScreen: j, setActiveEditor: te, setActiveModelKey: re, setActiveCommunityModelKey: N, setActiveJobsKey: F, setActiveDocumentationKey: I, setActiveConnectionKey: L, setActiveLLMConnectionKey: R, setActiveDashboard: ae, onInitialLoad: B, showTipModal: oe, displayedTips: V, fullScreen: se, toggleFullScreen: H, addBackListeners: U, removeBacklisteners: W } = v;
+		let e = F(null), n = A("connectionStore"), r = A("editorStore"), i = A("userSettingsStore"), a = A("llmConnectionStore", null), o = A("storesLoaded", F(!0)), s = A("modelStore"), l = A("dashboardStore"), u = A("trilogyResolver"), d = A("queryExecutionService"), f = A("saveEditors"), p = A("saveConnections"), m = A("saveModels"), g = A("saveDashboards"), _ = A("saveAll");
+		if (!r || !n || !l || !i || !u || !s || !p || !g || !f || !m || !_) throw Error("Requires injection of connection store, editor store, model store, editors, connections, and models saving.");
+		f ||= () => {};
+		let v = t(), { activeScreen: y, activeEditor: x, activeModelKey: S, activeDocumentationKey: C, activeConnectionKey: w, activeLLMConnectionKey: T, activeCommunityModelKey: E, activeJobsKey: D, activeDashboard: O, setActiveScreen: k, setActiveSidebarScreen: j, activeSidebarScreen: M, setActiveEditor: ee, setActiveModelKey: ne, setActiveCommunityModelKey: P, setActiveJobsKey: I, setActiveDocumentationKey: L, setActiveConnectionKey: R, setActiveLLMConnectionKey: z, setActiveDashboard: ie, onInitialLoad: B, showTipModal: oe, displayedTips: V, fullScreen: se, toggleFullScreen: H, addBackListeners: U, removeBacklisteners: W } = v;
 		B(), U();
-		let G = u(), K = () => !!a && Object.keys(a.connections || {}).length > 0;
+		let G = c(), K = () => !!a && Object.keys(a.connections || {}).length > 0;
 		if (G.onInitialLoad(), G.addKeyListener(K), o.value) G.applyDefaultOpenState(K());
 		else {
-			let e = z(o, (t) => {
+			let e = ae(o, (t) => {
 				t && (e(), G.applyDefaultOpenState(K()));
 			});
 		}
-		ne(() => {
-			d();
-		}), M(() => {
+		te(() => {
+			h();
+		}), N(() => {
 			W(), G.removeKeyListener();
-		}), ie("navigationStore", v), ie("hasGlobalChatPanel", !0);
+		}), re("navigationStore", v), re("hasGlobalChatPanel", !0);
 		let q = i.markTipRead, J = (e) => {
 			q(e);
-		}, Y = P(!1), X = P([]), ce = b(() => {
+		}, Y = F(!1), X = F([]), ce = b(() => {
 			if (i.settings.skipAllTips) return [];
 			let e = i.settings.tipsRead || [];
 			return V.value.filter((t) => !e.includes(t.id));
@@ -723,44 +720,44 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 			X.value = ce.value, Y.value = !0, oe.value = !1;
 		}, de = () => {
 			Y.value = !1;
-		}, Q = P(""), fe = (e, t, n) => {
+		}, Q = F(""), fe = (e, t, n) => {
 			let r = n ? `${e}+${n}` : e;
-			R(r), Q.value = t, O("llms"), setTimeout(() => {
+			z(r), Q.value = t, k("llms"), setTimeout(() => {
 				Q.value = "";
 			}, 100);
-		}, pe = P(!1), me = P("");
+		}, pe = F(!1), me = F("");
 		return {
 			connectionStore: n,
 			editorStore: r,
-			dashboardStore: c,
-			trilogyResolver: l,
-			queryExecutionService: f,
-			saveEditors: p,
-			saveConnections: m,
-			saveModels: h,
+			dashboardStore: l,
+			trilogyResolver: u,
+			queryExecutionService: d,
+			saveEditors: f,
+			saveConnections: p,
+			saveModels: m,
 			saveDashboards: g,
 			saveAll: _,
 			modelStore: s,
 			activeScreen: y,
 			activeModelKey: S,
-			setActiveModelKey: re,
-			activeCommunityModelKey: T,
-			activeJobsKey: E,
-			setActiveCommunityModelKey: N,
-			setActiveJobsKey: F,
+			setActiveModelKey: ne,
+			activeCommunityModelKey: E,
+			activeJobsKey: D,
+			setActiveCommunityModelKey: P,
+			setActiveJobsKey: I,
 			activeDocumentationKey: C,
-			setActiveDocumentationKey: I,
+			setActiveDocumentationKey: L,
 			activeConnectionKey: w,
-			setActiveConnectionKey: L,
-			activeLLMConnectionKey: ee,
-			setActiveLLMConnectionKey: R,
-			setActiveScreen: O,
-			activeSidebarScreen: j,
-			setActiveSidebarScreen: A,
+			setActiveConnectionKey: R,
+			activeLLMConnectionKey: T,
+			setActiveLLMConnectionKey: z,
+			setActiveScreen: k,
+			activeSidebarScreen: M,
+			setActiveSidebarScreen: j,
 			activeEditor: x,
-			setActiveEditor: te,
-			activeDashboard: D,
-			setActiveDashboard: ae,
+			setActiveEditor: ee,
+			activeDashboard: O,
+			setActiveDashboard: ie,
 			editorRef: e,
 			llmConnectionStore: a,
 			displayedTips: V,
@@ -784,12 +781,12 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 			},
 			handleChatCreated: (e) => {
 				let t = `${e.llmConnectionName}+${e.id}`;
-				R(t), Q.value = "chat", O("llms"), setTimeout(() => {
+				z(t), Q.value = "chat", k("llms"), setTimeout(() => {
 					Q.value = "";
 				}, 100);
 			},
 			storesLoaded: o,
-			sidebarCollapsed: P(!1),
+			sidebarCollapsed: F(!1),
 			globalChatOpen: G.isOpen
 		};
 	},
@@ -819,19 +816,19 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 		},
 		waitForStoresLoaded() {
 			return this.storesLoaded ? Promise.resolve() : new Promise((e) => {
-				let t = z(() => this.storesLoaded, (n) => {
+				let t = ae(() => this.storesLoaded, (n) => {
 					n && (t(), e());
 				});
 			});
 		},
 		maybeStartDemoFromHash() {
-			return o(s.DEMO, "") === "true" ? this.launchDemo() : Promise.resolve();
+			return i(r.DEMO, "") === "true" ? this.launchDemo() : Promise.resolve();
 		},
 		async launchDemo() {
 			if (!this.demoLaunchInFlight) {
 				this.demoLaunchInFlight = !0, this.demoLaunchError = "";
 				try {
-					await this.waitForStoresLoaded(), await this.startDemo(), a(s.DEMO);
+					await this.waitForStoresLoaded(), await this.startDemo(), n(r.DEMO);
 				} catch (e) {
 					console.error("Demo setup failed:", e), this.demoLaunchError = e instanceof Error ? e.message : String(e);
 				} finally {
@@ -840,7 +837,7 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 			}
 		},
 		async startDemo() {
-			let e = await _(this.editorStore, this.connectionStore, this.modelStore, this.dashboardStore, this.saveEditors, this.saveConnections, this.saveModels, this.saveDashboards, this.queryExecutionService);
+			let e = await p(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) {
@@ -866,9 +863,9 @@ var Ve = /*#__PURE__*/ e(Re, [["render", Be], ["__scopeId", "data-v-919983af"]])
 	class: "full-screen-container"
 };
 function bt(e, t, n, r, i, a) {
-	let o = L("PopupModal"), s = L("TipsCTA"), c = L("ChatCreatorModal"), l = L("connection-error-popup"), u = L("dashboard"), d = L("dashboard-auto-importer"), f = L("asset-auto-importer"), p = L("sidebar"), m = L("global-chat-panel"), h = L("CredentialBackgroundPage"), g = L("editor"), _ = L("results-view"), v = L("vertical-split-layout"), y = L("connection-view"), b = L("tutorial-page"), w = L("model-view"), T = L("user-profile"), D = L("user-settings"), O = L("community-models"), k = L("jobs-view"), A = L("llm-view"), j = L("welcome-page"), te = L("TabbedBrowser"), M = L("sidebar-layout");
-	return N(), C("div", vt, [
-		e.tipsExpanded && e.expandedTips.length > 0 ? (N(), x(o, {
+	let o = R("PopupModal"), s = R("TipsCTA"), c = R("ChatCreatorModal"), l = R("connection-error-popup"), u = R("dashboard"), d = R("dashboard-auto-importer"), f = R("asset-auto-importer"), p = R("sidebar"), m = R("global-chat-panel"), h = R("CredentialBackgroundPage"), g = R("editor"), _ = R("results-view"), v = R("vertical-split-layout"), y = R("connection-view"), b = R("tutorial-page"), w = R("model-view"), E = R("user-profile"), O = R("user-settings"), k = R("community-models"), A = R("jobs-view"), j = R("llm-view"), M = R("welcome-page"), ee = R("TabbedBrowser"), N = R("sidebar-layout");
+	return P(), C("div", vt, [
+		e.tipsExpanded && e.expandedTips.length > 0 ? (P(), x(o, {
 			key: 0,
 			title: "Tips",
 			showModal: e.tipsExpanded,
@@ -881,7 +878,7 @@ function bt(e, t, n, r, i, a) {
 			"onMarkItemRead",
 			"onCloseModal"
 		])) : S("", !0),
-		e.hasUnreadTips && !e.tipsExpanded ? (N(), x(s, {
+		e.hasUnreadTips && !e.tipsExpanded ? (P(), x(s, {
 			key: 1,
 			pulsing: e.showTipModal,
 			count: e.unreadTipCount,
@@ -891,7 +888,7 @@ function bt(e, t, n, r, i, a) {
 			"count",
 			"onExpand"
 		])) : S("", !0),
-		E(c, {
+		D(c, {
 			visible: e.showChatCreatorModal,
 			preselectedConnection: e.chatCreatorPreselectedConnection,
 			activeDataConnection: e.activeConnectionKey,
@@ -903,24 +900,24 @@ function bt(e, t, n, r, i, a) {
 			"activeDataConnection",
 			"onChatCreated"
 		]),
-		E(l),
-		e.fullScreen ? (N(), C("div", yt, [e.activeScreen === "dashboard" ? (N(), x(u, {
+		D(l),
+		e.fullScreen ? (P(), C("div", yt, [e.activeScreen === "dashboard" ? (P(), x(u, {
 			key: 0,
 			name: e.activeDashboard,
 			onFullScreen: e.toggleFullScreen
-		}, null, 8, ["name", "onFullScreen"])) : e.activeScreen === "dashboard-import" ? (N(), x(d, {
+		}, null, 8, ["name", "onFullScreen"])) : e.activeScreen === "dashboard-import" ? (P(), x(d, {
 			key: 1,
 			onImportComplete: e.handleImportComplete,
 			onFullScreen: e.toggleFullScreen
-		}, null, 8, ["onImportComplete", "onFullScreen"])) : e.activeScreen === "asset-import" ? (N(), x(f, {
+		}, null, 8, ["onImportComplete", "onFullScreen"])) : e.activeScreen === "asset-import" ? (P(), x(f, {
 			key: 2,
 			onImportComplete: e.handleAssetImportComplete,
 			onFullScreen: e.toggleFullScreen
-		}, null, 8, ["onImportComplete", "onFullScreen"])) : S("", !0)])) : (N(), x(M, {
+		}, null, 8, ["onImportComplete", "onFullScreen"])) : S("", !0)])) : (P(), x(N, {
 			key: 3,
 			"sidebar-collapsed": e.sidebarCollapsed
 		}, {
-			sidebar: B(({ containerWidth: n }) => [E(p, {
+			sidebar: B(({ containerWidth: n }) => [D(p, {
 				onEditorSelected: e.setActiveEditor,
 				onScreenSelected: e.setActiveSidebarScreen,
 				onContentCollapsed: t[1] ||= (t) => e.sidebarCollapsed = t,
@@ -964,11 +961,11 @@ function bt(e, t, n, r, i, a) {
 				"containerWidth",
 				"activeDashboardKey"
 			])]),
-			"right-panel": B(() => [e.globalChatOpen ? (N(), x(m, { key: 0 })) : S("", !0)]),
-			default: B(() => [e.showingCredentialPrompt ? (N(), x(h, { key: 0 })) : (N(), x(te, { key: 1 }, {
-				default: B(() => [e.activeScreen && ["editors"].includes(e.activeScreen) ? (N(), x(v, { key: 0 }, ee({ _: 2 }, [e.activeEditor && e.activeEditorData ? {
+			"right-panel": B(() => [e.globalChatOpen ? (P(), x(m, { key: 0 })) : S("", !0)]),
+			default: B(() => [e.showingCredentialPrompt ? (P(), x(h, { key: 0 })) : (P(), x(ee, { key: 1 }, {
+				default: B(() => [e.activeScreen && ["editors"].includes(e.activeScreen) ? (P(), x(v, { key: 0 }, T({ _: 2 }, [e.activeEditor && e.activeEditorData ? {
 					name: "editor",
-					fn: B(({ containerHeight: t }) => [e.activeEditorData.type == "preql" ? (N(), x(g, {
+					fn: B(({ containerHeight: t }) => [e.activeEditorData.type == "preql" ? (P(), x(g, {
 						key: 0,
 						context: "main-trilogy",
 						editorId: e.activeEditor,
@@ -981,7 +978,7 @@ function bt(e, t, n, r, i, a) {
 						"containerHeight",
 						"onSaveEditors",
 						"onSaveModels"
-					])) : (N(), x(g, {
+					])) : (P(), x(g, {
 						key: 1,
 						context: "main-sql",
 						containerHeight: t,
@@ -996,7 +993,7 @@ function bt(e, t, n, r, i, a) {
 					key: "0"
 				} : void 0, e.activeEditorData ? {
 					name: "results",
-					fn: B(({ containerHeight: t }) => [E(_, {
+					fn: B(({ containerHeight: t }) => [D(_, {
 						editorData: e.activeEditorData,
 						containerHeight: t,
 						runEditorQuery: e.runQuery,
@@ -1015,39 +1012,39 @@ function bt(e, t, n, r, i, a) {
 						"onContentChange"
 					])]),
 					key: "1"
-				} : void 0]), 1024)) : e.activeScreen === "connections" ? (N(), x(y, {
+				} : void 0]), 1024)) : e.activeScreen === "connections" ? (P(), x(y, {
 					key: 1,
 					activeConnectionKey: e.activeConnectionKey,
 					onSaveEditors: e.saveEditorsCall
-				}, null, 8, ["activeConnectionKey", "onSaveEditors"])) : e.activeScreen === "tutorial" ? (N(), x(b, {
+				}, null, 8, ["activeConnectionKey", "onSaveEditors"])) : e.activeScreen === "tutorial" ? (P(), x(b, {
 					key: 2,
 					activeDocumentationKey: e.activeDocumentationKey
-				}, null, 8, ["activeDocumentationKey"])) : e.activeScreen === "models" ? (N(), x(w, {
+				}, null, 8, ["activeDocumentationKey"])) : e.activeScreen === "models" ? (P(), x(w, {
 					key: 3,
 					activeModelKey: e.activeModelKey,
 					onSaveEditors: e.saveEditorsCall
-				}, null, 8, ["activeModelKey", "onSaveEditors"])) : e.activeScreen === "profile" ? (N(), x(T, { key: 4 })) : e.activeScreen === "settings" ? (N(), x(D, { key: 5 })) : e.activeScreen === "dashboard" ? (N(), x(u, {
+				}, null, 8, ["activeModelKey", "onSaveEditors"])) : e.activeScreen === "profile" ? (P(), x(E, { key: 4 })) : e.activeScreen === "settings" ? (P(), x(O, { key: 5 })) : e.activeScreen === "dashboard" ? (P(), x(u, {
 					key: 6,
 					name: e.activeDashboard,
 					onFullScreen: e.toggleFullScreen
-				}, null, 8, ["name", "onFullScreen"])) : e.activeScreen === "dashboard-import" ? (N(), x(d, {
+				}, null, 8, ["name", "onFullScreen"])) : e.activeScreen === "dashboard-import" ? (P(), x(d, {
 					key: 7,
 					onImportComplete: e.handleImportComplete,
 					onFullScreen: e.toggleFullScreen
-				}, null, 8, ["onImportComplete", "onFullScreen"])) : e.activeScreen === "asset-import" ? (N(), x(f, {
+				}, null, 8, ["onImportComplete", "onFullScreen"])) : e.activeScreen === "asset-import" ? (P(), x(f, {
 					key: 8,
 					onImportComplete: e.handleAssetImportComplete,
 					onFullScreen: e.toggleFullScreen
-				}, null, 8, ["onImportComplete", "onFullScreen"])) : e.activeScreen === "community-models" ? (N(), x(O, {
+				}, null, 8, ["onImportComplete", "onFullScreen"])) : e.activeScreen === "community-models" ? (P(), x(k, {
 					key: 9,
 					activeCommunityModelKey: e.activeCommunityModelKey
-				}, null, 8, ["activeCommunityModelKey"])) : e.activeScreen === "jobs" ? (N(), x(k, {
+				}, null, 8, ["activeCommunityModelKey"])) : e.activeScreen === "jobs" ? (P(), x(A, {
 					key: 10,
 					activeJobsKey: e.activeJobsKey
-				}, null, 8, ["activeJobsKey"])) : e.activeScreen === "llms" ? (N(), x(A, {
+				}, null, 8, ["activeJobsKey"])) : e.activeScreen === "llms" ? (P(), x(j, {
 					key: 11,
 					initialTab: e.llmInitialTab
-				}, null, 8, ["initialTab"])) : (N(), x(j, {
+				}, null, 8, ["initialTab"])) : (P(), x(M, {
 					key: 12,
 					"demo-error": e.demoLaunchError,
 					onScreenSelected: e.setActiveScreen,