@trilogy-data/trilogy-studio-components 0.1.4 → 0.1.5

package/dist/{useDashboard-DwNI2E0x.js → useDashboard-DyjtNooA.js}

@@ -1,5 +1,5 @@
 import { defineComponent as X, ref as b, watch as ne, createElementBlock as p, createCommentVNode as R, openBlock as m, createElementVNode as t, toDisplayString as N, computed as C, onMounted as pe, onBeforeUnmount as We, normalizeStyle as Ie, Fragment as ce, renderList as we, normalizeClass as H, createTextVNode as G, createBlock as Z, unref as Y, createVNode as z, withCtx as ie, withDirectives as te, withKeys as Ce, vModelText as ye, onUnmounted as $e, inject as j, resolveComponent as J, Teleport as Ue, withModifiers as Pe, createStaticVNode as rt, resolveDynamicComponent as lt, nextTick as Ae, vModelRadio as Te, vShow as at } from "vue";
-import { a as ee, N as st, T as ke, P as je, Q as ze, u as Ge, B as ut, L as dt, U as ct, x as De, w as Le, V as mt, W as ht, M as ft, X as vt, Y as de, J as $, Z as Ee, $ as ae, a0 as ve, a1 as yt, a2 as pt, a3 as Ne, a4 as gt, a5 as Ye, a6 as Je, r as bt, a7 as Ke } from "./main-Dd5lVGEz.js";
+import { a as ee, I as st, T as ke, J as je, N as ze, u as Ge, y as ut, L as dt, P as ct, v as De, Q as Le, V as mt, U as ht, M as ft, W as vt, X as de, F as $, Y as Ee, Z as ae, $ as ve, a0 as yt, a1 as pt, a2 as Ne, a3 as gt, a4 as Ye, a5 as Je, q as bt, a6 as Ke } from "./main-CMnVPECM.js";
 const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class: "json-container" }, It = { "data-testid": "dashboard-json" }, Dt = { class: "popup-footer" }, St = /* @__PURE__ */ X({
   __name: "DashboardSharePopup",
   props: {
@@ -34,7 +34,7 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
       },
       { immediate: !0 }
     );
-    const r = b(!1), h = () => {
+    const r = b(!1), f = () => {
       navigator.clipboard.writeText(i.value).then(() => {
         r.value = !0, setTimeout(() => {
           r.value = !1;
@@ -42,8 +42,8 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
       }).catch((y) => {
         console.error("Could not copy text: ", y);
       });
-    }, f = b(null), v = (y) => {
-      f.value && !f.value.contains(y.target) && a("close");
+    }, h = b(null), v = (y) => {
+      h.value && !h.value.contains(y.target) && a("close");
     };
     return (y, g) => e.isOpen ? (m(), p("div", {
       key: 0,
@@ -53,7 +53,7 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
       t("div", {
         class: "popup-content",
         ref_key: "popupContent",
-        ref: f,
+        ref: h,
         "data-testid": "dashboard-share-popup"
       }, [
         t("div", Ct, [
@@ -71,7 +71,7 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
         ]),
         t("div", Dt, [
           t("button", {
-            onClick: h,
+            onClick: f,
             class: "dashboard-copy-button",
             "data-testid": "copy-json-button"
           }, N(r.value ? "Copied!" : "Copy"), 1)
@@ -97,7 +97,7 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
   },
   emits: ["select-completion"],
   setup(e, { emit: o }) {
-    const n = e, a = o, i = b(!1), l = b(0), r = b(0), h = b(""), f = b(0), v = b(null), y = C(() => {
+    const n = e, a = o, i = b(!1), l = b(0), r = b(0), f = b(""), h = b(0), v = b(null), y = C(() => {
       if (!n.inputElement) return {};
       const E = n.inputElement.getBoundingClientRect();
       return {
@@ -116,10 +116,10 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
       let I = r.value;
       for (; I < E.length && !/\s/.test(E.charAt(I)); )
         I++;
-      f.value = M, h.value = E.substring(M, I);
+      h.value = M, f.value = E.substring(M, I);
     }, k = C(() => {
-      if (!h.value.trim()) return [];
-      const E = h.value.toLowerCase();
+      if (!f.value.trim()) return [];
+      const E = f.value.toLowerCase();
       return n.completionItems.filter((M) => M.label.toLowerCase().includes(E)).sort((M, I) => {
         const B = M.label.toLowerCase().startsWith(E), x = I.label.toLowerCase().startsWith(E);
         return B && !x ? -1 : !B && x ? 1 : M.label.localeCompare(I.label);
@@ -129,10 +129,10 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
       i.value = E.length > 0, l.value = 0;
     });
     const T = (E) => {
-      const M = n.inputValue.substring(0, f.value), I = n.inputValue.substring(r.value);
+      const M = n.inputValue.substring(0, h.value), I = n.inputValue.substring(r.value);
       a("select-completion", {
         text: M + E.label + I,
-        cursorPosition: f.value + E.label.length
+        cursorPosition: h.value + E.label.length
       }), i.value = !1;
     }, F = (E) => {
       v.value && !v.value.contains(E.target) && n.inputElement !== E.target && (i.value = !1);
@@ -219,25 +219,25 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
   },
   emits: ["filter-change", "filter-apply", "clear-filter"],
   setup(e, { emit: o }) {
-    const n = e, a = o, i = st(), l = b(n.isLoading), r = b(null), h = b(null), f = b(n.filterValue || ""), v = b(!1), y = b(!1), g = C(() => f.value.replace(/\n/g, " ")), k = C(() => !0);
+    const n = e, a = o, i = st(), l = b(n.isLoading), r = b(null), f = b(null), h = b(n.filterValue || ""), v = b(!1), y = b(!1), g = C(() => h.value.replace(/\n/g, " ")), k = C(() => !0);
     function T() {
-      a("filter-apply", f.value), v.value = !1, M();
+      a("filter-apply", h.value), v.value = !1, M();
     }
     function F() {
-      f.value = "", v.value = !0, a("filter-change", ""), a("filter-apply", ""), a("clear-filter", ""), setTimeout(() => {
-        h.value && h.value.focus();
+      h.value = "", v.value = !0, a("filter-change", ""), a("filter-apply", ""), a("clear-filter", ""), setTimeout(() => {
+        f.value && f.value.focus();
       }, 0);
     }
     function _(w) {
       const u = w.target;
-      f.value = u.value, v.value = !0, a("filter-change", f.value);
+      h.value = u.value, v.value = !0, a("filter-change", h.value);
     }
     function E() {
       y.value = !0, setTimeout(() => {
-        if (h.value) {
-          h.value.focus();
-          const w = f.value.length;
-          h.value.setSelectionRange(w, w);
+        if (f.value) {
+          f.value.focus();
+          const w = h.value.length;
+          f.value.setSelectionRange(w, w);
         }
       }, 0);
     }
@@ -255,8 +255,8 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
         type: u.datatype,
         description: u.description
       }));
-      i.generateFilterQuery(f.value, w, n.validateFilter).then((u) => {
-        u && u.length > 0 && (f.value = u.replace(/^\s*where\s+/i, ""), v.value = !0, a("filter-apply", f.value)), l.value = !1;
+      i.generateFilterQuery(h.value, w, n.validateFilter).then((u) => {
+        u && u.length > 0 && (h.value = u.replace(/^\s*where\s+/i, ""), v.value = !0, a("filter-apply", h.value)), l.value = !1;
       }).catch(() => {
         l.value = !1;
       });
@@ -267,16 +267,16 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
     function A(w) {
       (w.ctrlKey || w.metaKey) && w.key === "Enter" && !w.shiftKey ? (w.preventDefault(), T()) : (w.ctrlKey || w.metaKey) && w.shiftKey && w.key === "Enter" ? (w.preventDefault(), B()) : w.key === "Escape" && (w.preventDefault(), M());
     }
-    const D = C(() => (n.filterError || "").length > 0 ? "error" : f.value ? "valid" : "neutral");
+    const D = C(() => (n.filterError || "").length > 0 ? "error" : h.value ? "valid" : "neutral");
     function U(w) {
-      f.value = w.text, v.value = !0, a("filter-change", f.value);
-      const u = y.value ? h.value : r.value;
+      h.value = w.text, v.value = !0, a("filter-change", h.value);
+      const u = y.value ? f.value : r.value;
       u && (u.focus(), u.setSelectionRange(w.cursorPosition, w.cursorPosition));
     }
     return ne(
       () => n.filterValue,
       (w) => {
-        w !== f.value && (f.value = w || "", v.value = !1);
+        w !== h.value && (h.value = w || "", v.value = !1);
       }
     ), ne(
       () => n.isLoading,
@@ -314,9 +314,9 @@ const Ct = { class: "popup-header" }, wt = { class: "popup-body" }, kt = { class
           ]),
           t("textarea", {
             ref_key: "filterTextareaRef",
-            ref: h,
+            ref: f,
             class: H(["filter-textarea", { "filter-error": D.value === "error" }]),
-            value: f.value,
+            value: h.value,
             onInput: _,
             onKeydown: A,
             placeholder: Y(i).hasActiveDefaultConnection ? `Use a SQL condition (ex color='blue' or color='red') or text to filter.
@@ -365,11 +365,11 @@ Use Ctrl+Enter to apply`,
             ])], 8, Kt)
           ])
         ])) : R("", !0),
-        (y.value ? h.value : r.value) ? (m(), Z(At, {
+        (y.value ? f.value : r.value) ? (m(), Z(At, {
           key: 1,
-          "input-value": f.value,
+          "input-value": h.value,
           "completion-items": e.globalCompletion,
-          "input-element": y.value ? h.value : r.value,
+          "input-element": y.value ? f.value : r.value,
           onSelectCompletion: U
         }, null, 8, ["input-value", "completion-items", "input-element"])) : R("", !0),
         t("button", {
@@ -532,12 +532,12 @@ Use Ctrl+Enter to apply`,
     "export-image"
   ],
   setup(e, { emit: o }) {
-    const n = e, a = o, i = je(), l = ze(), r = Ge(), h = b(!1), f = b(!1), v = b(!1), y = b(""), g = b(null);
+    const n = e, a = o, i = je(), l = ze(), r = Ge(), f = b(!1), h = b(!1), v = b(!1), y = b(""), g = b(null);
     function k() {
-      f.value = !f.value;
+      h.value = !h.value;
     }
     function T() {
-      f.value = !1;
+      h.value = !1;
     }
     function F(u) {
       a("filter-change", u);
@@ -684,7 +684,7 @@ Use Ctrl+Enter to apply`,
           z(tn, {
             "filter-value": ((Q = e.dashboard) == null ? void 0 : Q.filter) || "",
             "filter-error": e.filterError,
-            "is-loading": h.value,
+            "is-loading": f.value,
             "global-completion": e.globalCompletion,
             "validate-filter": e.validateFilter,
             onFilterApply: F,
@@ -745,7 +745,7 @@ Use Ctrl+Enter to apply`,
         ]),
         z(Tt, {
           dashboard: e.dashboard,
-          "is-open": f.value,
+          "is-open": h.value,
           onClose: T
         }, null, 8, ["dashboard", "is-open"])
       ]);
@@ -792,7 +792,7 @@ Use Ctrl+Enter to apply`,
     }
   },
   setup(e, { emit: o }) {
-    const n = b(!1), a = b(null), i = b(null), l = b(!1), r = b(null), h = b(null), f = C(() => e.getItemData(e.itemId, e.dashboardId)), v = () => {
+    const n = b(!1), a = b(null), i = b(null), l = b(!1), r = b(null), f = b(null), h = C(() => e.getItemData(e.itemId, e.dashboardId)), v = () => {
       if (!a.value) return 0;
       const W = a.value.getBoundingClientRect(), oe = window.scrollY || document.documentElement.scrollTop, se = W.top + oe, fe = Math.floor(se / 200) * 10;
       return Math.min(fe, 100);
@@ -807,7 +807,7 @@ Use Ctrl+Enter to apply`,
     }), $e(() => {
       r.value && (clearTimeout(r.value), r.value = null);
     });
-    const y = C(() => f.value.structured_content.query), g = C(() => f.value.results || null), k = C(() => f.value.name || ""), T = C(() => (f.value.height || 300) - 75), F = C(() => f.value.width || 300), _ = C(() => f.value.chartConfig || null), E = C(() => f.value.loading || !1), M = C(() => f.value.error || null), I = C(() => f.value.loadStartTime || null), B = C(() => (f.value.chartFilters || []).map((W) => W.value)), x = C(() => f.value.hasDrilldown), A = C(() => f.value.onRefresh || null);
+    const y = C(() => h.value.structured_content.query), g = C(() => h.value.results || null), k = C(() => h.value.name || ""), T = C(() => (h.value.height || 300) - 75), F = C(() => h.value.width || 300), _ = C(() => h.value.chartConfig || null), E = C(() => h.value.loading || !1), M = C(() => h.value.error || null), I = C(() => h.value.loadStartTime || null), B = C(() => (h.value.chartFilters || []).map((W) => W.value)), x = C(() => h.value.hasDrilldown), A = C(() => h.value.onRefresh || null);
     ne(
       E,
       (W, oe) => {
@@ -854,7 +854,7 @@ Use Ctrl+Enter to apply`,
       o("background-click");
     }, Q = (W) => {
       let oe = W.filters, se = Object.keys(oe)[0], fe = ht(W.filters);
-      se && (h.value = { remove: se, filter: fe });
+      se && (f.value = { remove: se, filter: fe });
     }, K = async () => {
       e.setItemData(e.itemId, e.dashboardId, {
         drilldown: null,
@@ -865,14 +865,14 @@ Use Ctrl+Enter to apply`,
       let se = await e.getDashboardQueryExecutor(e.dashboardId).createDrilldownQuery(
         y.value,
         W,
-        h.value.remove,
-        h.value.filter
+        f.value.remove,
+        f.value.filter
       );
       e.setItemData(e.itemId, e.dashboardId, {
         drilldown: se,
         drilldownChartConfig: null,
         loading: !0
-      }), n.value = !1, l.value = !0, h.value = null, await u().then(() => {
+      }), n.value = !1, l.value = !0, f.value = null, await u().then(() => {
         n.value = !0;
       }).catch((fe) => {
         console.error("Error executing drilldown query:", fe), n.value = !0;
@@ -899,7 +899,7 @@ Use Ctrl+Enter to apply`,
       startTime: I,
       handleDimensionClick: S,
       handleBackgroundClick: L,
-      activeDrilldown: h,
+      activeDrilldown: f,
       activateDrilldown: Q,
       submitDrilldown: me,
       controlsVisible: he,
@@ -918,7 +918,7 @@ Use Ctrl+Enter to apply`,
   class: "loading-overlay"
 };
 function In(e, o, n, a, i, l) {
-  const r = J("drilldown-pane"), h = J("ErrorMessage"), f = J("VegaLiteChart"), v = J("LoadingView");
+  const r = J("drilldown-pane"), f = J("ErrorMessage"), h = J("VegaLiteChart"), v = J("LoadingView");
   return m(), p("div", {
     ref: "chartContainer",
     class: H(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
@@ -932,7 +932,7 @@ function In(e, o, n, a, i, l) {
       onClose: o[0] || (o[0] = (y) => e.activeDrilldown = null),
       symbols: e.symbols,
       onSubmit: e.submitDrilldown
-    }, null, 8, ["drilldown-remove", "drilldown-filter", "symbols", "onSubmit"])) : e.error && !e.loading ? (m(), Z(h, {
+    }, null, 8, ["drilldown-remove", "drilldown-filter", "symbols", "onSubmit"])) : e.error && !e.loading ? (m(), Z(f, {
       key: 1,
       class: "chart-placeholder"
     }, {
@@ -940,7 +940,7 @@ function In(e, o, n, a, i, l) {
         G(N(e.error), 1)
       ]),
       _: 1
-    })) : e.results && e.ready && !e.loading ? (m(), Z(f, {
+    })) : e.results && e.ready && !e.loading ? (m(), Z(h, {
       key: 2,
       id: `${e.itemId}-${e.dashboardId}`,
       columns: e.results.headers,
@@ -1028,20 +1028,20 @@ const Dn = /* @__PURE__ */ ee(wn, [["render", In], ["__scopeId", "data-v-973d480
       i.value = !0;
     }, r = () => {
       i.value = !1;
-    }, h = () => {
+    }, f = () => {
       if (!n.value) return 0;
       const x = n.value.getBoundingClientRect(), A = window.scrollY || document.documentElement.scrollTop, D = x.top + A, U = Math.floor(D / 200) * 10;
       return Math.min(U, 100);
     };
     pe(() => {
       setTimeout(() => {
-        const x = h();
+        const x = f();
         g.value ? setTimeout(() => {
           o.value = !0;
         }, x) : o.value = !0;
       }, 0);
     });
-    const f = C(() => e.getItemData(e.itemId, e.dashboardId).structured_content || { markdown: "", query: "" }), v = C(() => f.value.markdown || ""), y = C(() => f.value.query || ""), g = C(() => e.getItemData(e.itemId, e.dashboardId).results || null), k = C(() => e.getItemData(e.itemId, e.dashboardId).loading || !1), T = C(() => e.getItemData(e.itemId, e.dashboardId).error || null), F = C(() => e.getItemData(e.itemId, e.dashboardId).loadStartTime || null), _ = C(() => e.getItemData(e.itemId, e.dashboardId).onRefresh || null), E = j("connectionStore"), M = j("analyticsStore");
+    const h = C(() => e.getItemData(e.itemId, e.dashboardId).structured_content || { markdown: "", query: "" }), v = C(() => h.value.markdown || ""), y = C(() => h.value.query || ""), g = C(() => e.getItemData(e.itemId, e.dashboardId).results || null), k = C(() => e.getItemData(e.itemId, e.dashboardId).loading || !1), T = C(() => e.getItemData(e.itemId, e.dashboardId).error || null), F = C(() => e.getItemData(e.itemId, e.dashboardId).loadStartTime || null), _ = C(() => e.getItemData(e.itemId, e.dashboardId).onRefresh || null), E = j("connectionStore"), M = j("analyticsStore");
     if (!E)
       throw new Error("Connection store not found!");
     const I = async () => {
@@ -1078,12 +1078,12 @@ const Dn = /* @__PURE__ */ ee(wn, [["render", In], ["__scopeId", "data-v-973d480
   }
 });
 function Tn(e, o, n, a, i, l) {
-  const r = J("ErrorMessage"), h = J("MarkdownRenderer");
+  const r = J("ErrorMessage"), f = J("MarkdownRenderer");
   return m(), p("div", {
     ref: "chartContainer",
     class: H(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
-    onMouseenter: o[1] || (o[1] = (...f) => e.onChartMouseEnter && e.onChartMouseEnter(...f)),
-    onMouseleave: o[2] || (o[2] = (...f) => e.onChartMouseLeave && e.onChartMouseLeave(...f))
+    onMouseenter: o[1] || (o[1] = (...h) => e.onChartMouseEnter && e.onChartMouseEnter(...h)),
+    onMouseleave: o[2] || (o[2] = (...h) => e.onChartMouseLeave && e.onChartMouseLeave(...h))
   }, [
     e.error && !e.loading ? (m(), Z(r, {
       key: 0,
@@ -1093,7 +1093,7 @@ function Tn(e, o, n, a, i, l) {
         G(N(e.error), 1)
       ]),
       _: 1
-    })) : e.ready ? (m(), Z(h, {
+    })) : e.ready ? (m(), Z(f, {
       key: 1,
       markdown: e.markdown,
       results: e.results,
@@ -1104,7 +1104,7 @@ function Tn(e, o, n, a, i, l) {
       class: H(["controls-toggle", { "controls-visible": e.controlsVisible }])
     }, [
       t("button", {
-        onClick: o[0] || (o[0] = (...f) => e.handleLocalRefresh && e.handleLocalRefresh(...f)),
+        onClick: o[0] || (o[0] = (...h) => e.handleLocalRefresh && e.handleLocalRefresh(...h)),
         class: "control-btn",
         "data-testid": "refresh-chart-btn",
         title: "Refresh text"
@@ -1150,10 +1150,10 @@ const En = /* @__PURE__ */ ee(Sn, [["render", Tn], ["__scopeId", "data-v-b4abaf1
     }
   },
   setup(e, { emit: o }) {
-    const n = b(!1), a = b(null), i = b(null), l = b(!1), r = b(null), h = b(!1), f = () => {
-      h.value = !0;
+    const n = b(!1), a = b(null), i = b(null), l = b(!1), r = b(null), f = b(!1), h = () => {
+      f.value = !0;
     }, v = () => {
-      h.value = !1;
+      f.value = !1;
     }, y = () => {
       if (!a.value) return 0;
       const d = a.value.getBoundingClientRect(), S = window.scrollY || document.documentElement.scrollTop, L = d.top + S, Q = Math.floor(L / 200) * 10;
@@ -1222,8 +1222,8 @@ const En = /* @__PURE__ */ ee(Sn, [["render", Tn], ["__scopeId", "data-v-b4abaf1
       handleBackgroundClick: () => {
         o("background-click");
       },
-      controlsVisible: h,
-      onChartMouseEnter: f,
+      controlsVisible: f,
+      onChartMouseEnter: h,
       onChartMouseLeave: v
     };
   }
@@ -1232,7 +1232,7 @@ const En = /* @__PURE__ */ ee(Sn, [["render", Tn], ["__scopeId", "data-v-b4abaf1
   class: "loading-overlay"
 };
 function Mn(e, o, n, a, i, l) {
-  const r = J("ErrorMessage"), h = J("data-table"), f = J("LoadingView");
+  const r = J("ErrorMessage"), f = J("data-table"), h = J("LoadingView");
   return m(), p("div", {
     ref: "chartContainer",
     class: H(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
@@ -1247,7 +1247,7 @@ function Mn(e, o, n, a, i, l) {
         G(N(e.error), 1)
       ]),
       _: 1
-    })) : e.ready && e.results ? (m(), Z(h, {
+    })) : e.ready && e.results ? (m(), Z(f, {
       key: 1,
       id: `${e.itemId}-${e.dashboardId}`,
       headers: e.results.headers,
@@ -1259,7 +1259,7 @@ function Mn(e, o, n, a, i, l) {
       onBackgroundClick: e.handleBackgroundClick
     }, null, 8, ["id", "headers", "results", "containerHeight", "onCellClick", "onBackgroundClick"])) : R("", !0),
     e.loading && e.showLoading ? (m(), p("div", Ln, [
-      z(f, {
+      z(h, {
         startTime: e.startTime,
         text: "Loading"
       }, null, 8, ["startTime"])
@@ -1507,10 +1507,10 @@ function On(e, o, n, a, i, l) {
             class: H(["dropdown-item select-all", { selected: !i.selectedValue }]),
             onMousedown: o[4] || (o[4] = Pe((...r) => l.selectAll && l.selectAll(...r), ["prevent"]))
           }, " Select All ", 34),
-          (m(!0), p(ce, null, we(l.filteredOptions, (r, h) => (m(), p("div", {
-            key: h,
+          (m(!0), p(ce, null, we(l.filteredOptions, (r, f) => (m(), p("div", {
+            key: f,
             class: H(["dropdown-item", { selected: i.selectedValue === r.value }]),
-            onMousedown: Pe((f) => l.selectOption(r), ["prevent"]),
+            onMousedown: Pe((h) => l.selectOption(r), ["prevent"]),
             innerHTML: l.highlightMatch(r.label)
           }, null, 42, Bn))), 128))
         ], 4)) : R("", !0),
@@ -1561,10 +1561,10 @@ const Hn = /* @__PURE__ */ ee(An, [["render", On], ["__scopeId", "data-v-db5bbc3
     }
   },
   setup(e, { emit: o }) {
-    const n = b(!1), a = b(null), i = b(null), l = b(!1), r = b(null), h = b(!1), f = () => {
-      h.value = !0;
+    const n = b(!1), a = b(null), i = b(null), l = b(!1), r = b(null), f = b(!1), h = () => {
+      f.value = !0;
     }, v = () => {
-      h.value = !1;
+      f.value = !1;
     }, y = () => {
       if (!a.value) return 0;
       const d = a.value.getBoundingClientRect(), S = window.scrollY || document.documentElement.scrollTop, L = d.top + S, Q = Math.floor(L / 200) * 10;
@@ -1633,8 +1633,8 @@ const Hn = /* @__PURE__ */ ee(An, [["render", On], ["__scopeId", "data-v-db5bbc3
       handleBackgroundClick: () => {
         o("background-click");
       },
-      controlsVisible: h,
-      onChartMouseEnter: f,
+      controlsVisible: f,
+      onChartMouseEnter: h,
       onChartMouseLeave: v
     };
   }
@@ -1643,7 +1643,7 @@ const Hn = /* @__PURE__ */ ee(An, [["render", On], ["__scopeId", "data-v-db5bbc3
   class: "loading-overlay"
 };
 function Kn(e, o, n, a, i, l) {
-  const r = J("ErrorMessage"), h = J("dashboard-data-selector"), f = J("LoadingView");
+  const r = J("ErrorMessage"), f = J("dashboard-data-selector"), h = J("LoadingView");
   return m(), p("div", {
     ref: "chartContainer",
     class: H(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
@@ -1658,7 +1658,7 @@ function Kn(e, o, n, a, i, l) {
         G(N(e.error), 1)
       ]),
       _: 1
-    })) : e.ready && e.results ? (m(), Z(h, {
+    })) : e.ready && e.results ? (m(), Z(f, {
       key: 1,
       id: `${e.itemId}-${e.dashboardId}`,
       headers: e.results.headers,
@@ -1670,7 +1670,7 @@ function Kn(e, o, n, a, i, l) {
       onBackgroundClick: e.handleBackgroundClick
     }, null, 8, ["id", "headers", "results", "containerHeight", "onCellClick", "onBackgroundClick"])) : R("", !0),
     e.loading && e.showLoading ? (m(), p("div", Nn, [
-      z(f, {
+      z(h, {
         startTime: e.startTime,
         text: "Loading"
       }, null, 8, ["startTime"])
@@ -1711,12 +1711,12 @@ const _n = /* @__PURE__ */ ee(Pn, [["render", Kn], ["__scopeId", "data-v-2e938e5
   },
   emits: ["edit-content", "update-dimensions", "dimension-click", "background-click", "remove-filter", "remove-item", "copy-item"],
   setup(e, { emit: o }) {
-    const n = e, a = o, i = b(!1), l = b(""), r = b(!1), h = b(!1);
-    function f(S) {
+    const n = e, a = o, i = b(!1), l = b(""), r = b(!1), f = b(!1);
+    function h(S) {
       return S.replace(/'''/g, "'").replace("local.", "");
     }
     function v(S, L = 1e3) {
-      const Q = f(S);
+      const Q = h(S);
       return Q.length <= L ? Q : Q.substring(0, L) + "...";
     }
     function y() {
@@ -1813,10 +1813,10 @@ const _n = /* @__PURE__ */ ee(Pn, [["render", Kn], ["__scopeId", "data-v-2e938e5
       }]),
       "data-testid": `dashboard-component-${e.item.i}`,
       onMouseenter: L[1] || (L[1] = () => {
-        r.value = !0, h.value = !0;
+        r.value = !0, f.value = !0;
       }),
       onMouseleave: L[2] || (L[2] = () => {
-        r.value = !1, h.value = !1;
+        r.value = !1, f.value = !1;
       })
     }, [
       e.editMode ? (m(), p("div", {
@@ -1921,7 +1921,7 @@ const _n = /* @__PURE__ */ ee(Pn, [["render", Kn], ["__scopeId", "data-v-2e938e5
           (m(!0), p(ce, null, we(D.value.filters, (Q, K) => (m(), p("div", {
             class: "filter-tag",
             key: `${Q.source}-${Q.value}-${K}`,
-            title: f(Q.value)
+            title: h(Q.value)
           }, [
             t("span", lo, [
               t("span", ao, N(Q.source === "global" ? Q.source : "cross") + ": ", 1),
@@ -1936,14 +1936,14 @@ const _n = /* @__PURE__ */ ee(Pn, [["render", Kn], ["__scopeId", "data-v-2e938e5
           ], 8, ro))), 128))
         ])) : (m(), p(ce, { key: 1 }, [
           d.value > 0 ? (m(), p("div", co, [
-            h.value ? R("", !0) : (m(), p("div", mo, [...L[10] || (L[10] = [
+            f.value ? R("", !0) : (m(), p("div", mo, [...L[10] || (L[10] = [
               t("i", { class: "mdi mdi-filter-outline filter-icon" }, null, -1)
             ])])),
-            h.value ? (m(), p("div", ho, [
+            f.value ? (m(), p("div", ho, [
               (m(!0), p(ce, null, we(D.value.filters, (Q, K) => (m(), p("div", {
                 class: "filter-tag",
                 key: `${Q.source}-${Q.value}-${K}`,
-                title: f(Q.value)
+                title: h(Q.value)
               }, [
                 t("span", vo, [
                   t("span", yo, N(Q.source === "global" ? Q.source : "cross") + ": ", 1),
@@ -1976,17 +1976,17 @@ const _n = /* @__PURE__ */ ee(Pn, [["render", Kn], ["__scopeId", "data-v-2e938e5
     function r() {
       a("close");
     }
-    function h(f) {
+    function f(h) {
       const v = document.querySelector(".content-editor");
-      v && !v.contains(f.target) && n.show && a("close");
+      v && !v.contains(h.target) && n.show && a("close");
     }
     return pe(() => {
       Ae(() => {
-        document.addEventListener("click", h);
+        document.addEventListener("click", f);
       });
     }), $e(() => {
-      document.removeEventListener("click", h);
-    }), (f, v) => e.show ? (m(), Z(Ue, {
+      document.removeEventListener("click", f);
+    }), (h, v) => e.show ? (m(), Z(Ue, {
       key: 0,
       to: "body"
     }, [
@@ -2106,8 +2106,8 @@ function Mo(e, o = {}) {
     e.onDidChangeModelContent(() => {
       var r;
       (r = o.onContentChange) == null || r.call(o, e.getValue()), l && clearTimeout(l), l = setTimeout(() => {
-        var h;
-        e.hasTextFocus() && !((h = e.getSelection()) != null && h.isEmpty()) && e.trigger("completion", "editor.action.triggerSuggest", { auto: !0 });
+        var f;
+        e.hasTextFocus() && !((f = e.getSelection()) != null && f.isEmpty()) && e.trigger("completion", "editor.action.triggerSuggest", { auto: !0 });
       }, 200);
     });
   }
@@ -2265,8 +2265,8 @@ const qo = X({
           l
         );
         if (r && e) {
-          const h = V.getModel();
-          h && Ee.setModelMarkers(h, "owner", r.data.items || []), r.data.completion_items && (this.editor.completionSymbols = r.data.completion_items);
+          const f = V.getModel();
+          f && Ee.setModelMarkers(f, "owner", r.data.items || []), r.data.completion_items && (this.editor.completionSymbols = r.data.completion_items);
         }
         return r ? r.data.imports : [];
       } catch (a) {
@@ -2303,14 +2303,14 @@ const qo = X({
       if (!(this.editor.loading || !a))
         try {
           this.analyticsStore && this.analyticsStore.log("studio-query-execution", this.editor.type, !0), this.editor.loading = !0, this.lastOperation = null, this.editor.startTime = Date.now();
-          const h = o.connections[this.editor.connection], f = _e(a, this.editor.contents);
-          if (!f) {
+          const f = o.connections[this.editor.connection], h = _e(a, this.editor.contents);
+          if (!h) {
             this.editor.results = new Ne(/* @__PURE__ */ new Map(), []), this.editor.loading = !1;
             return;
           }
           const v = {
-            text: f,
-            queryType: h ? h.query_type : "",
+            text: h,
+            queryType: f ? f.query_type : "",
             editorType: this.editor.type,
             imports: this.imports,
             extraContent: this.rootContent
@@ -2333,9 +2333,9 @@ const qo = X({
             duration: k.executionTime,
             rows: (i = k.results) != null && i.data ? (r = (l = k.results) == null ? void 0 : l.data) == null ? void 0 : r.length : void 0,
             type: this.editor.type
-          }, k.success ? (k.generatedSql && (this.editor.generated_sql = k.generatedSql), k.results && (this.editor.results = k.results, this.editor.duration = k.executionTime)) : k.error && this.editor.setError(k.error);
-        } catch (h) {
-          h instanceof Error && this.editor.setError(h.message || "Query execution failed"), this.lastOperation = {
+          }, k.success ? (this.editor.executed_contents = h, k.generatedSql && (this.editor.generated_sql = k.generatedSql), k.results && (this.editor.results = k.results, this.editor.duration = k.executionTime)) : k.error && (this.editor.executed_contents = h, this.editor.setError(k.error));
+        } catch (f) {
+          f instanceof Error && this.editor.setError(f.message || "Query execution failed"), this.lastOperation = {
             success: !1,
             duration: 0,
             type: this.editor.type
@@ -2357,15 +2357,15 @@ const qo = X({
         const a = V.getValue();
         if (await this.validateQuery(!1), !this.editor.completionSymbols || this.editor.completionSymbols.length === 0)
           throw new Error("There are no imported concepts for LLM generation");
-        const i = this.editor.completionSymbols.map((h) => ({
-          name: h.label,
-          type: h.datatype,
-          description: h.description,
-          calculation: h.calculation
-        })), l = async (h) => {
-          const f = n.connections[this.editor.connection], v = {
-            text: h,
-            queryType: f ? f.query_type : "",
+        const i = this.editor.completionSymbols.map((f) => ({
+          name: f.label,
+          type: f.datatype,
+          description: f.description,
+          calculation: f.calculation
+        })), l = async (f) => {
+          const h = n.connections[this.editor.connection], v = {
+            text: f,
+            queryType: h ? h.query_type : "",
             editorType: this.editor.type,
             imports: this.imports,
             extraContent: this.rootContent
@@ -2432,13 +2432,13 @@ const qo = X({
   class: "operation-type"
 };
 function Uo(e, o, n, a, i, l) {
-  const r = J("SymbolsPane"), h = J("loading-view");
+  const r = J("SymbolsPane"), f = J("loading-view");
   return m(), p("div", Ao, [
     t("div", Ro, [
       t("div", Fo, [
         t("button", {
           class: "action-item",
-          onClick: o[0] || (o[0] = (...f) => e.generateLLMQuery && e.generateLLMQuery(...f)),
+          onClick: o[0] || (o[0] = (...h) => e.generateLLMQuery && e.generateLLMQuery(...h)),
           title: "Generate query using AI",
           "data-testid": "editor-generate-button"
         }, " Generate "),
@@ -2450,11 +2450,11 @@ function Uo(e, o, n, a, i, l) {
         e.editor.type !== "sql" ? (m(), p("button", {
           key: 1,
           class: "action-item",
-          onClick: o[2] || (o[2] = (...f) => e.formatQuery && e.formatQuery(...f)),
+          onClick: o[2] || (o[2] = (...h) => e.formatQuery && e.formatQuery(...h)),
           title: "Format query"
         }, " Format ")) : R("", !0),
         t("button", {
-          onClick: o[3] || (o[3] = (f) => e.editor.loading ? e.cancelQuery() : e.runQuery()),
+          onClick: o[3] || (o[3] = (h) => e.editor.loading ? e.cancelQuery() : e.runQuery()),
           class: H(["action-item", { "button-cancel": e.editor.loading }]),
           "data-testid": "editor-run-button"
         }, N(e.editor.loading ? "Cancel" : "Test"), 3)
@@ -2482,7 +2482,7 @@ function Uo(e, o, n, a, i, l) {
         t("div", Bo, [
           t("button", {
             class: H(["sidebar-icon-button", { active: e.isPanelVisible }]),
-            onClick: o[4] || (o[4] = (f) => e.togglePanel("symbols")),
+            onClick: o[4] || (o[4] = (h) => e.togglePanel("symbols")),
             title: "Symbols"
           }, [...o[5] || (o[5] = [
             t("i", { class: "mdi mdi-tag-search-outline" }, null, -1)
@@ -2491,7 +2491,7 @@ function Uo(e, o, n, a, i, l) {
       ])
     ]),
     t("div", Oo, [
-      e.editor.loading ? (m(), Z(h, {
+      e.editor.loading ? (m(), Z(f, {
         key: 0,
         class: "loading-view",
         text: "Loading...",
@@ -2509,7 +2509,7 @@ function Uo(e, o, n, a, i, l) {
     ])
   ]);
 }
-const Ze = /* @__PURE__ */ ee(qo, [["render", Uo], ["__scopeId", "data-v-7695715f"]]), jo = { class: "editor-overlay" }, zo = { class: "editor-body" }, Go = /* @__PURE__ */ X({
+const Ze = /* @__PURE__ */ ee(qo, [["render", Uo], ["__scopeId", "data-v-b071d1f7"]]), jo = { class: "editor-overlay" }, zo = { class: "editor-body" }, Go = /* @__PURE__ */ X({
   __name: "DashboardChartEditor",
   props: {
     content: {},
@@ -2522,7 +2522,7 @@ const Ze = /* @__PURE__ */ ee(qo, [["render", Uo], ["__scopeId", "data-v-7695715
   },
   emits: ["save", "cancel"],
   setup(e, { emit: o }) {
-    const n = e, a = o, i = b(n.content), l = b(n.imports), r = b(null), { editorElement: h, dialogStyle: f, startResize: v } = Ye(() => a("cancel"), {
+    const n = e, a = o, i = b(n.content), l = b(n.imports), r = b(null), { editorElement: f, dialogStyle: h, startResize: v } = Ye(() => a("cancel"), {
       initialWidth: n.initialWidth,
       initialHeight: n.initialHeight
     });
@@ -2539,8 +2539,8 @@ const Ze = /* @__PURE__ */ ee(qo, [["render", Uo], ["__scopeId", "data-v-7695715
       t("div", {
         class: "content-editor",
         ref_key: "editorElement",
-        ref: h,
-        style: Ie(Y(f))
+        ref: f,
+        style: Ie(Y(h))
       }, [
         t("div", zo, [
           z(Ze, {
@@ -2586,7 +2586,7 @@ const Ze = /* @__PURE__ */ ee(qo, [["render", Uo], ["__scopeId", "data-v-7695715
   },
   emits: ["save", "cancel"],
   setup(e, { emit: o }) {
-    const n = e, a = o, i = C(() => typeof n.content == "string" ? { markdown: n.content, query: "" } : { markdown: n.content.markdown || "", query: n.content.query || "" }), l = b(i.value.markdown), r = b(i.value.query), h = b(i.value.query), f = b(n.imports), v = b(null), y = b("markdown"), { editorElement: g, dialogStyle: k, startResize: T } = Ye(() => a("cancel"), {
+    const n = e, a = o, i = C(() => typeof n.content == "string" ? { markdown: n.content, query: "" } : { markdown: n.content.markdown || "", query: n.content.query || "" }), l = b(i.value.markdown), r = b(i.value.query), f = b(i.value.query), h = b(n.imports), v = b(null), y = b("markdown"), { editorElement: g, dialogStyle: k, startResize: T } = Ye(() => a("cancel"), {
       initialWidth: n.initialWidth,
       initialHeight: n.initialHeight
     });
@@ -2594,16 +2594,16 @@ const Ze = /* @__PURE__ */ ee(qo, [["render", Uo], ["__scopeId", "data-v-7695715
       () => n.content,
       (u) => {
         const d = typeof u == "string" ? { markdown: u, query: "" } : { markdown: u.markdown || "", query: u.query || "" };
-        l.value = d.markdown, r.value = d.query, h.value = d.query;
+        l.value = d.markdown, r.value = d.query, f.value = d.query;
       }
     ), ne(y, (u, d) => {
-      d === "query" && v.value && (h.value = v.value.getContent());
+      d === "query" && v.value && (f.value = v.value.getContent());
     });
     function F() {
-      y.value === "query" && v.value && (h.value = v.value.getContent());
+      y.value === "query" && v.value && (f.value = v.value.getContent());
       const u = {
         markdown: l.value,
-        query: h.value
+        query: f.value
       };
       a("save", u);
     }
@@ -2611,7 +2611,7 @@ const Ze = /* @__PURE__ */ ee(qo, [["render", Uo], ["__scopeId", "data-v-7695715
       a("cancel");
     }
     function E(u) {
-      y.value === "query" && v.value && (h.value = v.value.getContent()), y.value = u;
+      y.value === "query" && v.value && (f.value = v.value.getContent()), y.value = u;
     }
     function M(u, d = "") {
       const S = document.querySelector(".markdown-editor");
@@ -2721,9 +2721,9 @@ Template examples:
             ], -1)),
             z(Ze, {
               class: "editor-content",
-              initContent: h.value,
+              initContent: f.value,
               connectionName: e.connectionName,
-              imports: f.value,
+              imports: h.value,
               rootContent: e.rootContent,
               ref_key: "editor",
               ref: v
@@ -2763,7 +2763,7 @@ Template examples:
     ), r = j("saveDashboards");
     if (!n || !i || !l || !r)
       throw new Error("DashboardStore, LLMConnectionStore, or QueryExecutionService not provided");
-    const h = e, f = C(() => i.activeConnection), v = o, y = b(""), g = b(""), k = b(!1), T = b(""), F = b(null), _ = P / 4, E = [
+    const f = e, h = C(() => i.activeConnection), v = o, y = b(""), g = b(""), k = b(!1), T = b(""), F = b(null), _ = P / 4, E = [
       {
         id: "summary",
         name: "Summary Dashboard",
@@ -2831,10 +2831,10 @@ Template examples:
     function M(x) {
       F.value = x;
       const A = E.find((D) => D.id === x);
-      if (A && h.dashboardId) {
+      if (A && f.dashboardId) {
         for (const D of A.layout)
           n.addItemToDashboard(
-            h.dashboardId,
+            f.dashboardId,
             D.type,
             D.x,
             D.y,
@@ -2845,7 +2845,7 @@ Template examples:
       }
     }
     function I() {
-      h.dashboardId && y.value && (n.updateDashboardDescription(h.dashboardId, y.value), v("description-updated", y.value));
+      f.dashboardId && y.value && (n.updateDashboardDescription(f.dashboardId, y.value), v("description-updated", y.value));
     }
     async function B() {
       if (!g.value.trim()) {
@@ -2861,7 +2861,7 @@ Template examples:
           a
         );
         console.log("Prompt spec generated:", x), x ? (await n.populateFromPromptSpec(
-          h.dashboardId,
+          f.dashboardId,
           x,
           i,
           l,
@@ -2897,7 +2897,7 @@ Template examples:
           G(" Save ", -1)
         ])])
       ]),
-      f.value ? (m(), p("div", ii, [
+      h.value ? (m(), p("div", ii, [
         A[4] || (A[4] = t("h3", { class: "section-title" }, "AI Copilot", -1)),
         A[5] || (A[5] = t("p", { class: "section-desc" }, " Let AI help build your dashboard based on your data and description ", -1)),
         te(t("textarea", {
@@ -2953,7 +2953,7 @@ function Ii(e, o, n, a) {
     throw new Error("Dashboard computed reference is required");
   const i = bt(), l = ze();
   let r = j("queryExecutionService");
-  const h = je(), { setActiveDashboard: f } = Ge();
+  const f = je(), { setActiveDashboard: h } = Ge();
   if (!r)
     throw new Error("QueryExecutionService not provided");
   const v = b(""), y = b(""), g = b(""), k = b(null), T = b(null), F = b(!1), _ = b(!1), E = b(!1), M = b([]), I = C(() => o.maxWidth || "100vw"), B = C(() => e.value ? e.value.layout : []), x = C(() => e.value ? [...e.value.layout].sort((c, q) => (c.y + c.y + c.h) / 2 - (q.y + q.y + q.h) / 2) : []), A = C(() => e.value ? e.value.connection : ""), D = C(() => o.viewMode ? !1 : e.value ? e.value.state === "editing" : !1), U = C(() => e.value ? e.value.imports.map((c) => {
@@ -3231,11 +3231,11 @@ function Ii(e, o, n, a) {
     if (!e.value || !e.value.id)
       throw new Error("Dashboard not found or not initialized");
     if (!r) throw new Error("Query execution service not found");
-    if (!h) throw new Error("Connection store not found");
+    if (!f) throw new Error("Connection store not found");
     let q = i.dashboards[c];
     const s = i.getOrCreateQueryExecutor(c, {
       queryExecutionService: r,
-      connectionStore: h,
+      connectionStore: f,
       editorStore: l,
       connectionName: q.connection,
       dashboardId: c,
@@ -3295,7 +3295,7 @@ function Ii(e, o, n, a) {
     (s = i.getQueryExecutor(e.value.id)) == null || s.runBatch(q);
   }
   function it(c) {
-    f(c);
+    h(c);
   }
   return {
     // State