@trilogy-data/trilogy-studio-components 0.1.18 → 0.1.20

package/dist/{useDashboard-CtX3sEag.js → useDashboard-Cl_8almf.js}

@@ -1,20 +1,20 @@
-import { defineComponent as J, ref as S, watch as de, createBlock as G, openBlock as m, withCtx as ne, createElementVNode as t, toDisplayString as N, normalizeClass as A, computed as p, createElementBlock as y, createCommentVNode as R, normalizeStyle as Ee, Fragment as me, renderList as be, createTextVNode as ge, unref as ie, createVNode as z, withDirectives as ue, withKeys as ye, vModelText as fe, onMounted as je, onUnmounted as nt, inject as j, resolveComponent as X, Teleport as ot, withModifiers as Be, resolveDynamicComponent as it, vModelRadio as rt, vShow as lt, renderSlot as Ne, onBeforeUnmount as at, nextTick as Pe } from "vue";
-import { a as st, u as Ge, j as dt } from "./editorStore-BTPcljeQ.js";
+import { defineComponent as J, ref as D, watch as de, createBlock as _, openBlock as m, withCtx as ee, createElementVNode as t, toDisplayString as N, normalizeClass as q, computed as p, createElementBlock as y, createCommentVNode as R, normalizeStyle as De, Fragment as me, renderList as Ce, createTextVNode as be, unref as ie, createVNode as z, withDirectives as ue, withKeys as ye, vModelText as ve, onMounted as je, onUnmounted as ot, inject as j, resolveComponent as Z, Teleport as nt, withModifiers as Be, resolveDynamicComponent as it, vModelRadio as rt, vShow as lt, renderSlot as Ne, onBeforeUnmount as at, nextTick as Pe } from "vue";
+import { a as st, u as _e, j as dt } from "./editorStore-BTPcljeQ.js";
 import { u as ut } from "./toolLoopCore-CK_KVuAS.js";
-import { u as ct, e as _e, w as mt, h as w, a as ht, p as ft, q as vt, O as Ke } from "./queryExecutionService-KrjL0UCa.js";
-import { u as xe, D as pt } from "./DashboardImportSelector-YRySr7k3.js";
+import { u as ct, e as Ge, w as mt, h as w, a as ht, p as ft, q as vt, O as Ke } from "./queryExecutionService-BxU16oNE.js";
+import { u as Fe, D as pt } from "./DashboardImportSelector-YRySr7k3.js";
 import { M as ze } from "./ModalDialog-D-yprLG4.js";
 import { _ as Y } from "./_plugin-vue_export-helper-BzkwV_Yn.js";
-import { T as De } from "./Tooltip-D4kSH91A.js";
-import yt from "./LoadingButton-BdM3Rygq.js";
-import Ie from "./ErrorMessage-QW4GXCEn.js";
-import { D as gt, V as bt } from "./DrilldownPane-OZMttRBx.js";
-import { L as $e } from "./LoadingView-DXMQWonY.js";
+import { T as ge } from "./Tooltip-CDt1VNAs.js";
+import yt from "./LoadingButton--jhQCgPi.js";
+import Te from "./ErrorMessage-QW4GXCEn.js";
+import { D as gt, V as bt } from "./DrilldownPane-iReKVNZE.js";
+import { L as Ie } from "./LoadingView-DXMQWonY.js";
 import { M as Ct } from "./MarkdownRenderer-cdaHKql1.js";
 import { D as wt } from "./DataTable-Bf7xeKSf.js";
 import { C as ce, R as We } from "./snowflake-CY1Gnu3y.js";
 import { u as kt } from "./config-AzVcp1pU.js";
-import { e as Te, K as se, a as he, R as St } from "./toggleHighContrast-q6tdBRv8.js";
+import { e as Ee, K as se, a as fe, R as St } from "./toggleHighContrast-q6tdBRv8.js";
 import { S as Dt } from "./SymbolsPane-CZaqqs5e.js";
 import { u as Et, R as Tt } from "./useResizableDialog-BZgmdwim.js";
 const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt = {
@@ -27,25 +27,25 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
     isOpen: { type: Boolean }
   },
   emits: ["close"],
-  setup(e, { emit: o }) {
-    const n = e, l = o, r = S(""), i = S(!1), s = (c) => {
+  setup(e, { emit: n }) {
+    const o = e, l = n, r = D(""), i = D(!1), s = (c) => {
       if (!c) return null;
       const a = JSON.parse(JSON.stringify(c));
       if (delete a.id, delete a.connection, delete a.storage, delete a.changed, delete a.deleted, a.layout && Array.isArray(a.layout) && (a.layout = a.layout.map((v) => {
-        const E = { ...v };
-        return delete E.static, delete E.moved, delete E.state, E;
+        const k = { ...v };
+        return delete k.static, delete k.moved, delete k.state, k;
       })), a.gridItems && typeof a.gridItems == "object")
-        for (const [v, E] of Object.entries(a.gridItems)) {
-          const C = { ...E };
-          delete C.results, delete C.loading, delete C.loadStartTime, delete C.error, C.filters || delete C.filters, C.crossFilters || delete C.crossFilters, C.chartFilters || delete C.chartFilters, C.conceptFilters || delete C.conceptFilters, C.chartConfig && delete C.chartConfig.showDebug, a.gridItems[v] = C;
+        for (const [v, k] of Object.entries(a.gridItems)) {
+          const b = { ...k };
+          delete b.results, delete b.loading, delete b.loadStartTime, delete b.error, b.filters || delete b.filters, b.crossFilters || delete b.crossFilters, b.chartFilters || delete b.chartFilters, b.conceptFilters || delete b.conceptFilters, b.chartConfig && delete b.chartConfig.showDebug, a.gridItems[v] = b;
         }
       return a.imports && Array.isArray(a.imports) && (a.imports = a.imports.map((v) => {
-        const E = { ...v };
-        return delete E.id, E;
+        const k = { ...v };
+        return delete k.id, k;
       })), a;
     };
     de(
-      [() => n.dashboard, () => n.isOpen],
+      [() => o.dashboard, () => o.isOpen],
       ([c, a]) => {
         if (a && c) {
           const v = s(c);
@@ -54,7 +54,7 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
       },
       { immediate: !0 }
     );
-    const f = () => {
+    const h = () => {
       navigator.clipboard.writeText(r.value).then(() => {
         i.value = !0, setTimeout(() => {
           i.value = !1;
@@ -63,31 +63,31 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
         console.error("Could not copy text: ", c);
       });
     };
-    return (c, a) => (m(), G(ze, {
+    return (c, a) => (m(), _(ze, {
       show: e.isOpen,
       title: "Export Definition",
       "max-width": "860px",
       "test-id": "dashboard-share-popup",
       onClose: a[1] || (a[1] = (v) => l("close"))
     }, {
-      footer: ne(() => [
+      footer: ee(() => [
         t("button", {
           class: "secondary-button",
           onClick: a[0] || (a[0] = (v) => l("close"))
         }, "Close"),
         t("button", {
-          onClick: f,
+          onClick: h,
           class: "dashboard-copy-button",
           "data-testid": "copy-json-button"
         }, [
           t("i", {
-            class: A(["mdi", i.value ? "mdi-check-circle-outline" : "mdi-content-copy"]),
+            class: q(["mdi", i.value ? "mdi-check-circle-outline" : "mdi-content-copy"]),
             "aria-hidden": "true"
           }, null, 2),
           t("span", null, N(i.value ? "Copied" : "Copy JSON"), 1)
         ])
       ]),
-      default: ne(() => [
+      default: ee(() => [
         t("div", It, [
           a[3] || (a[3] = t("p", { class: "share-popup-description" }, " Copy a definition of this dashboard; it can be imported by others with the same model defined. Existing runtime/results info is removed automatically. ", -1)),
           t("div", $t, [
@@ -118,52 +118,52 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
     }
   },
   emits: ["select-completion"],
-  setup(e, { emit: o }) {
-    const n = e, l = o, r = S(!1), i = S(0), s = S(0), f = S(""), c = S(0), a = S(null), v = p(() => {
-      if (!n.inputElement) return {};
-      const k = n.inputElement.getBoundingClientRect();
+  setup(e, { emit: n }) {
+    const o = e, l = n, r = D(!1), i = D(0), s = D(0), h = D(""), c = D(0), a = D(null), v = p(() => {
+      if (!o.inputElement) return {};
+      const S = o.inputElement.getBoundingClientRect();
       return {
-        top: `${k.bottom + 50}px`,
-        left: `${k.left}px`,
-        width: `${k.width}px`,
+        top: `${S.bottom + 50}px`,
+        left: `${S.left}px`,
+        width: `${S.width}px`,
         maxHeight: "200px"
       };
-    }), E = () => {
-      if (!n.inputElement) return;
-      s.value = n.inputElement.selectionStart || 0;
-      const k = n.inputValue;
+    }), k = () => {
+      if (!o.inputElement) return;
+      s.value = o.inputElement.selectionStart || 0;
+      const S = o.inputValue;
       let M = s.value;
-      for (; M > 0 && !/\s/.test(k.charAt(M - 1)); )
+      for (; M > 0 && !/\s/.test(S.charAt(M - 1)); )
         M--;
-      let T = s.value;
-      for (; T < k.length && !/\s/.test(k.charAt(T)); )
-        T++;
-      c.value = M, f.value = k.substring(M, T);
-    }, C = p(() => {
-      if (!f.value.trim()) return [];
-      const k = f.value.toLowerCase();
-      return n.completionItems.filter((M) => M.label.toLowerCase().includes(k)).sort((M, T) => {
-        const H = M.label.toLowerCase().startsWith(k), K = T.label.toLowerCase().startsWith(k);
-        return H && !K ? -1 : !H && K ? 1 : M.label.localeCompare(T.label);
+      let I = s.value;
+      for (; I < S.length && !/\s/.test(S.charAt(I)); )
+        I++;
+      c.value = M, h.value = S.substring(M, I);
+    }, b = p(() => {
+      if (!h.value.trim()) return [];
+      const S = h.value.toLowerCase();
+      return o.completionItems.filter((M) => M.label.toLowerCase().includes(S)).sort((M, I) => {
+        const O = M.label.toLowerCase().startsWith(S), P = I.label.toLowerCase().startsWith(S);
+        return O && !P ? -1 : !O && P ? 1 : M.label.localeCompare(I.label);
       }).slice(0, 10);
     });
-    de(C, (k) => {
-      r.value = k.length > 0, i.value = 0;
+    de(b, (S) => {
+      r.value = S.length > 0, i.value = 0;
     });
-    const D = (k) => {
-      const M = n.inputValue.substring(0, c.value), T = n.inputValue.substring(s.value);
+    const E = (S) => {
+      const M = o.inputValue.substring(0, c.value), I = o.inputValue.substring(s.value);
       l("select-completion", {
-        text: M + k.label + T,
-        cursorPosition: c.value + k.label.length
+        text: M + S.label + I,
+        cursorPosition: c.value + S.label.length
       }), r.value = !1;
-    }, V = (k) => k.trilogySubType ? k.trilogySubType.toLowerCase() : k.type.toLowerCase();
+    }, V = (S) => S.trilogySubType ? S.trilogySubType.toLowerCase() : S.type.toLowerCase();
     return de(
-      () => n.inputValue,
+      () => o.inputValue,
       () => {
-        E();
+        k();
       }
-    ), xe(
-      () => [a.value, n.inputElement],
+    ), Fe(
+      () => [a.value, o.inputElement],
       () => {
         r.value = !1;
       },
@@ -171,50 +171,50 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
         enabled: () => r.value,
         eventName: "mousedown"
       }
-    ), E(), (k, M) => r.value ? (m(), y("div", {
+    ), k(), (S, M) => r.value ? (m(), y("div", {
       key: 0,
       ref_key: "dropdown",
       ref: a,
       class: "autocomplete-dropdown",
-      style: Ee(v.value)
+      style: De(v.value)
     }, [
-      (m(!0), y(me, null, be(C.value, (T, H) => (m(), y("div", {
-        key: H,
-        class: A(["completion-item", { selected: H === i.value }]),
-        onClick: (K) => D(T)
+      (m(!0), y(me, null, Ce(b.value, (I, O) => (m(), y("div", {
+        key: O,
+        class: q(["completion-item", { selected: O === i.value }]),
+        onClick: (P) => E(I)
       }, [
         t("div", {
-          class: A(["symbol-icon", V(T)])
+          class: q(["symbol-icon", V(I)])
         }, [
-          T.trilogySubType ? (m(), y("i", {
+          I.trilogySubType ? (m(), y("i", {
             key: 0,
-            class: A(`mdi ${T.trilogySubType === "key" ? "mdi-key-outline" : T.trilogySubType === "property" ? "mdi-tag-outline" : "mdi-cube-outline"}`)
+            class: q(`mdi ${I.trilogySubType === "key" ? "mdi-key-outline" : I.trilogySubType === "property" ? "mdi-tag-outline" : "mdi-cube-outline"}`)
           }, null, 2)) : (m(), y(me, { key: 1 }, [
-            ge(N(T.type === "function" ? "ƒ" : T.type === "variable" ? "V" : T.type === "class" ? "C" : T.type === "interface" ? "I" : T.type === "method" ? "M" : T.type === "property" ? "P" : T.type === "field" ? "F" : T.type === "constant" ? "K" : T.type === "enum" ? "E" : T.type === "keyword" ? "K" : "S"), 1)
+            be(N(I.type === "function" ? "ƒ" : I.type === "variable" ? "V" : I.type === "class" ? "C" : I.type === "interface" ? "I" : I.type === "method" ? "M" : I.type === "property" ? "P" : I.type === "field" ? "F" : I.type === "constant" ? "K" : I.type === "enum" ? "E" : I.type === "keyword" ? "K" : "S"), 1)
           ], 64))
         ], 2),
         t("div", qt, [
-          t("div", Ft, N(T.label), 1),
-          t("div", xt, N(T.description), 1)
+          t("div", Ft, N(I.label), 1),
+          t("div", xt, N(I.description), 1)
         ])
       ], 10, At))), 128))
     ], 4)) : R("", !0);
   }
-}), Vt = /* @__PURE__ */ Y(Ht, [["__scopeId", "data-v-89468628"]]), Ot = { class: "filter-container" }, Qt = { class: "filter-input-wrapper" }, Bt = ["value", "disabled"], Nt = ["value", "placeholder", "disabled"], Pt = {
+}), Ot = /* @__PURE__ */ Y(Ht, [["__scopeId", "data-v-89468628"]]), Vt = { class: "filter-container" }, Qt = { class: "filter-input-wrapper" }, Bt = ["value", "disabled"], Nt = ["value", "placeholder", "disabled"], Pt = {
   key: 0,
   class: "dropdown-error-message",
   "data-testid": "dropdown-error-message"
 }, Kt = { class: "dropdown-actions" }, Wt = ["disabled"], Ut = ["disabled"], jt = {
   key: 0,
   class: "loader-container"
-}, Gt = ["disabled"], _t = { class: "filter-inline-actions" }, zt = {
+}, _t = ["disabled"], Gt = { class: "filter-inline-actions" }, zt = {
   key: 0,
   class: "filter-status error",
   "data-testid": "filter-error-icon"
-}, Jt = ["disabled"], Yt = { class: "button-content" }, Zt = ["disabled"], Xt = { class: "button-content" }, en = {
+}, Jt = ["disabled"], Yt = { class: "button-content" }, Zt = ["disabled"], Xt = { class: "button-content" }, eo = {
   key: 0,
   class: "loader-container"
-}, tn = ["disabled"], nn = { class: "button-content" }, on = /* @__PURE__ */ J({
+}, to = ["disabled"], oo = { class: "button-content" }, no = /* @__PURE__ */ J({
   __name: "DashboardHeaderFilterInput",
   props: {
     filterValue: {
@@ -233,76 +233,76 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
     }
   },
   emits: ["filter-change", "filter-apply", "clear-filter"],
-  setup(e, { emit: o }) {
-    const n = e, l = o, r = ct(), i = S(n.isLoading), s = S(null), f = S(null), c = S(null), a = S(n.filterValue || ""), v = S(!1), E = S(!1), C = p(() => a.value.replace(/\n/g, " ")), D = p(() => a.value.trim().length > 0);
+  setup(e, { emit: n }) {
+    const o = e, l = n, r = ct(), i = D(o.isLoading), s = D(null), h = D(null), c = D(null), a = D(o.filterValue || ""), v = D(!1), k = D(!1), b = p(() => a.value.replace(/\n/g, " ")), E = p(() => a.value.trim().length > 0);
     function V() {
-      l("filter-apply", a.value), v.value = !1, H();
+      l("filter-apply", a.value), v.value = !1, O();
     }
-    function k() {
+    function S() {
       a.value = "", v.value = !0, l("filter-change", ""), l("filter-apply", ""), l("clear-filter", ""), setTimeout(() => {
-        f.value && f.value.focus();
+        h.value && h.value.focus();
       }, 0);
     }
-    function M(b) {
-      const h = b.target;
-      a.value = h.value, v.value = !0, l("filter-change", a.value);
+    function M(C) {
+      const f = C.target;
+      a.value = f.value, v.value = !0, l("filter-change", a.value);
     }
-    function T() {
-      E.value = !0, setTimeout(() => {
-        if (f.value) {
-          f.value.focus();
-          const b = a.value.length;
-          f.value.setSelectionRange(b, b);
+    function I() {
+      k.value = !0, setTimeout(() => {
+        if (h.value) {
+          h.value.focus();
+          const C = a.value.length;
+          h.value.setSelectionRange(C, C);
         }
       }, 0);
     }
-    function H() {
-      E.value = !1;
+    function O() {
+      k.value = !1;
     }
-    const K = () => {
+    const P = () => {
       i.value = !0;
-      const b = n.globalCompletion.map((h) => ({
-        name: h.label,
-        type: h.datatype,
-        description: h.description
+      const C = o.globalCompletion.map((f) => ({
+        name: f.label,
+        type: f.datatype,
+        description: f.description
       }));
-      r.generateFilterQuery(a.value, b, n.validateFilter).then((h) => {
-        h && h.length > 0 && (a.value = h.replace(/^\s*where\s+/i, ""), v.value = !0, l("filter-apply", a.value)), i.value = !1;
+      r.generateFilterQuery(a.value, C, o.validateFilter).then((f) => {
+        f && f.length > 0 && (a.value = f.replace(/^\s*where\s+/i, ""), v.value = !0, l("filter-apply", a.value)), i.value = !1;
       }).catch(() => {
         i.value = !1;
       });
     };
-    function O(b) {
-      b.key === "Enter" && !b.shiftKey && !b.ctrlKey && !b.altKey ? E.value || (b.preventDefault(), V()) : (b.ctrlKey || b.metaKey) && b.shiftKey && b.key === "Enter" ? (b.preventDefault(), K()) : b.key === "Escape" && E.value && (b.preventDefault(), H());
+    function B(C) {
+      C.key === "Enter" && !C.shiftKey && !C.ctrlKey && !C.altKey ? k.value || (C.preventDefault(), V()) : (C.ctrlKey || C.metaKey) && C.shiftKey && C.key === "Enter" ? (C.preventDefault(), P()) : C.key === "Escape" && k.value && (C.preventDefault(), O());
     }
-    function $(b) {
-      (b.ctrlKey || b.metaKey) && b.key === "Enter" && !b.shiftKey ? (b.preventDefault(), V()) : (b.ctrlKey || b.metaKey) && b.shiftKey && b.key === "Enter" ? (b.preventDefault(), K()) : b.key === "Escape" && (b.preventDefault(), H());
+    function L(C) {
+      (C.ctrlKey || C.metaKey) && C.key === "Enter" && !C.shiftKey ? (C.preventDefault(), V()) : (C.ctrlKey || C.metaKey) && C.shiftKey && C.key === "Enter" ? (C.preventDefault(), P()) : C.key === "Escape" && (C.preventDefault(), O());
     }
-    const g = p(() => (n.filterError || "").length > 0 ? "error" : a.value ? "valid" : "neutral");
-    function B(b) {
-      a.value = b.text, v.value = !0, l("filter-change", a.value);
-      const h = E.value ? f.value : s.value;
-      h && (h.focus(), h.setSelectionRange(b.cursorPosition, b.cursorPosition));
+    const g = p(() => (o.filterError || "").length > 0 ? "error" : a.value ? "valid" : "neutral");
+    function A(C) {
+      a.value = C.text, v.value = !0, l("filter-change", a.value);
+      const f = k.value ? h.value : s.value;
+      f && (f.focus(), f.setSelectionRange(C.cursorPosition, C.cursorPosition));
     }
     return de(
-      () => n.filterValue,
-      (b) => {
-        b !== a.value && (a.value = b || "", v.value = !1);
+      () => o.filterValue,
+      (C) => {
+        C !== a.value && (a.value = C || "", v.value = !1);
       }
     ), de(
-      () => n.isLoading,
-      (b) => {
-        i.value = b;
+      () => o.isLoading,
+      (C) => {
+        i.value = C;
       }
-    ), xe(
+    ), Fe(
       () => [c.value, s.value],
       () => {
-        H();
+        O();
       },
       {
-        enabled: () => E.value
+        enabled: () => k.value
       }
-    ), (b, h) => (m(), y("div", Ot, [
+    ), (C, f) => (m(), y("div", Vt, [
       t("div", Qt, [
         t("input", {
           id: "filter",
@@ -310,37 +310,37 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
           ref: s,
           "data-testid": "filter-input",
           type: "text",
-          value: C.value,
+          value: b.value,
           onInput: M,
-          onKeydown: O,
-          onFocus: T,
+          onKeydown: B,
+          onFocus: I,
           placeholder: "Add a global filter...",
-          class: A({ "filter-error": g.value === "error" }),
+          class: q({ "filter-error": g.value === "error" }),
           disabled: i.value
         }, null, 42, Bt),
-        E.value ? (m(), y("div", {
+        k.value ? (m(), y("div", {
           key: 0,
           ref_key: "filterDropdownRef",
           ref: c,
           class: "filter-dropdown"
         }, [
           t("div", { class: "dropdown-header" }, [
-            h[1] || (h[1] = t("span", null, "Global Filters", -1)),
+            f[1] || (f[1] = t("span", null, "Global Filters", -1)),
             t("button", {
-              onClick: H,
+              onClick: O,
               class: "close-button",
               title: "Close (Esc)"
-            }, [...h[0] || (h[0] = [
+            }, [...f[0] || (f[0] = [
               t("i", { class: "mdi mdi-close" }, null, -1)
             ])])
           ]),
           t("textarea", {
             ref_key: "filterTextareaRef",
-            ref: f,
-            class: A(["filter-textarea", { "filter-error": g.value === "error" }]),
+            ref: h,
+            class: q(["filter-textarea", { "filter-error": g.value === "error" }]),
             value: a.value,
             onInput: M,
-            onKeydown: $,
+            onKeydown: L,
             placeholder: ie(r).hasActiveDefaultConnection ? `Use a SQL condition (ex color='blue' or color='red') or text to filter.
 Use Ctrl+Enter to apply, Ctrl+Shift+Enter for text to SQL` : `Use a SQL condition (ex color='blue') to filter.
 Use Ctrl+Enter to apply`,
@@ -348,60 +348,60 @@ Use Ctrl+Enter to apply`,
             rows: "4"
           }, null, 42, Nt),
           e.filterError ? (m(), y("div", Pt, [
-            h[2] || (h[2] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
+            f[2] || (f[2] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
             t("span", null, N(e.filterError), 1)
           ])) : R("", !0),
           t("div", Kt, [
             t("button", {
               onClick: V,
-              class: A(["apply-button", { "has-changes": v.value }]),
+              class: q(["apply-button", { "has-changes": v.value }]),
               disabled: i.value,
               title: "Apply filter (Ctrl+Enter)"
-            }, [...h[3] || (h[3] = [
+            }, [...f[3] || (f[3] = [
               t("i", { class: "mdi mdi-check" }, null, -1),
-              ge(" Apply ", -1)
+              be(" Apply ", -1)
             ])], 10, Wt),
             ie(r).hasActiveDefaultConnection ? (m(), y("button", {
               key: 0,
-              onClick: K,
+              onClick: P,
               class: "llm-button",
               disabled: i.value,
               title: "Text to filter (Ctrl+Shift+Enter)"
             }, [
               t("i", {
-                class: A(["mdi mdi-auto-fix", { hidden: i.value }])
+                class: q(["mdi mdi-auto-fix", { hidden: i.value }])
               }, null, 2),
-              i.value ? (m(), y("div", jt, [...h[4] || (h[4] = [
+              i.value ? (m(), y("div", jt, [...f[4] || (f[4] = [
                 t("div", { class: "loader" }, null, -1)
               ])])) : R("", !0),
-              h[5] || (h[5] = ge(" Text to Filter ", -1))
+              f[5] || (f[5] = be(" Text to Filter ", -1))
             ], 8, Ut)) : R("", !0),
             t("button", {
-              onClick: k,
+              onClick: S,
               class: "clear-button",
               disabled: i.value,
               title: "Clear filter"
-            }, [...h[6] || (h[6] = [
+            }, [...f[6] || (f[6] = [
               t("i", { class: "mdi mdi-close-circle-outline" }, null, -1),
-              ge(" Clear ", -1)
-            ])], 8, Gt)
+              be(" Clear ", -1)
+            ])], 8, _t)
           ])
         ], 512)) : R("", !0),
-        (E.value ? f.value : s.value) ? (m(), G(Vt, {
+        (k.value ? h.value : s.value) ? (m(), _(Ot, {
           key: 1,
           "input-value": a.value,
           "completion-items": e.globalCompletion,
-          "input-element": E.value ? f.value : s.value,
-          onSelectCompletion: B
+          "input-element": k.value ? h.value : s.value,
+          onSelectCompletion: A
         }, null, 8, ["input-value", "completion-items", "input-element"])) : R("", !0),
-        t("div", _t, [
+        t("div", Gt, [
           g.value === "error" ? (m(), y("div", zt, [
-            h[8] || (h[8] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
-            z(De, {
+            f[8] || (f[8] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
+            z(ge, {
               content: e.filterError || "Unknown Error",
               position: "bottom"
             }, {
-              default: ne(() => [...h[7] || (h[7] = [
+              default: ee(() => [...f[7] || (f[7] = [
                 t("span", {
                   class: "tooltip-trigger",
                   "data-testid": "filter-error-tooltip-trigger"
@@ -412,18 +412,18 @@ Use Ctrl+Enter to apply`,
           ])) : R("", !0),
           t("button", {
             onClick: V,
-            class: A(["input-icon-button", { "has-changes": v.value }]),
+            class: q(["input-icon-button", { "has-changes": v.value }]),
             "data-testid": "filter-search-button",
             disabled: i.value,
             title: "Apply filter (Enter)"
           }, [
             t("div", Yt, [
-              h[10] || (h[10] = t("i", { class: "mdi mdi-magnify" }, null, -1)),
-              z(De, {
+              f[10] || (f[10] = t("i", { class: "mdi mdi-magnify" }, null, -1)),
+              z(ge, {
                 content: v.value ? "Apply changes (Enter)" : "Search (Enter)",
                 position: "top"
               }, {
-                default: ne(() => [...h[9] || (h[9] = [
+                default: ee(() => [...f[9] || (f[9] = [
                   t("span", { class: "tooltip-trigger" }, null, -1)
                 ])]),
                 _: 1
@@ -432,7 +432,7 @@ Use Ctrl+Enter to apply`,
           ], 10, Jt),
           ie(r).hasActiveDefaultConnection ? (m(), y("button", {
             key: 1,
-            onClick: K,
+            onClick: P,
             class: "input-icon-button",
             "data-testid": "filter-llm-button",
             disabled: i.value,
@@ -440,67 +440,67 @@ Use Ctrl+Enter to apply`,
           }, [
             t("div", Xt, [
               t("i", {
-                class: A(["mdi mdi-auto-fix", { hidden: i.value }])
+                class: q(["mdi mdi-auto-fix", { hidden: i.value }])
               }, null, 2),
-              i.value ? (m(), y("div", en, [...h[11] || (h[11] = [
+              i.value ? (m(), y("div", eo, [...f[11] || (f[11] = [
                 t("div", { class: "loader" }, null, -1)
               ])])) : R("", !0),
-              z(De, {
+              z(ge, {
                 content: i.value ? "Processing..." : "Text to filter (Ctrl+Shift+Enter)",
                 position: "top"
               }, {
-                default: ne(() => [...h[12] || (h[12] = [
+                default: ee(() => [...f[12] || (f[12] = [
                   t("span", { class: "tooltip-trigger" }, null, -1)
                 ])]),
                 _: 1
               }, 8, ["content"])
             ])
           ], 8, Zt)) : R("", !0),
-          D.value ? (m(), y("button", {
+          E.value ? (m(), y("button", {
             key: 2,
-            onClick: k,
+            onClick: S,
             class: "input-icon-button clear-icon-button",
             "data-testid": "clear-filters-button",
             disabled: i.value,
             title: "Clear all filters"
           }, [
-            t("div", nn, [
-              h[14] || (h[14] = t("i", { class: "mdi mdi-close" }, null, -1)),
-              z(De, {
+            t("div", oo, [
+              f[14] || (f[14] = t("i", { class: "mdi mdi-close" }, null, -1)),
+              z(ge, {
                 content: "Clear all filters",
                 position: "top"
               }, {
-                default: ne(() => [...h[13] || (h[13] = [
+                default: ee(() => [...f[13] || (f[13] = [
                   t("span", { class: "tooltip-trigger" }, null, -1)
                 ])]),
                 _: 1
               })
             ])
-          ], 8, tn)) : R("", !0)
+          ], 8, to)) : R("", !0)
         ])
       ])
     ]));
   }
-}), rn = /* @__PURE__ */ Y(on, [["__scopeId", "data-v-ff037c5f"]]), ln = {
+}), io = /* @__PURE__ */ Y(no, [["__scopeId", "data-v-ff037c5f"]]), ro = {
   class: "dashboard-controls",
   "data-testid": "dashboard-controls"
-}, an = {
+}, lo = {
   key: 0,
   class: "editable-text"
-}, sn = { class: "title-text" }, dn = {
+}, ao = { class: "title-text" }, so = {
   key: 0,
   class: "edit-indicator",
   "data-testid": "edit-dashboard-title"
-}, un = {
+}, uo = {
   key: 0,
   class: "dashboard-right-controls"
-}, cn = {
+}, co = {
   class: "connection-selector",
   "data-testid": "connection-selector-wrapper"
-}, mn = { class: "select-wrapper" }, hn = ["value", "title"], fn = ["value"], vn = { class: "grid-actions top-actions" }, pn = { class: "controls-row filter-row" }, yn = { class: "grid-actions filter-actions" }, gn = {
+}, mo = { class: "select-wrapper" }, ho = ["value", "title"], fo = ["value"], vo = { class: "grid-actions top-actions" }, po = { class: "controls-row filter-row" }, yo = { class: "grid-actions filter-actions" }, go = {
   class: "mode-selector",
   "data-testid": "mode-selector-wrapper"
-}, bn = { class: "select-wrapper" }, Cn = ["value", "disabled"], wn = /* @__PURE__ */ J({
+}, bo = { class: "select-wrapper" }, Co = ["value", "disabled"], wo = /* @__PURE__ */ J({
   __name: "DashboardHeader",
   props: {
     dashboard: {
@@ -534,55 +534,55 @@ Use Ctrl+Enter to apply`,
     "title-update",
     "export-image"
   ],
-  setup(e, { emit: o }) {
-    const n = e, l = o, r = st(), i = Ge(), s = _e(), f = S(!1), c = S(!1), a = S(!1), v = S(""), E = S(null);
-    function C() {
+  setup(e, { emit: n }) {
+    const o = e, l = n, r = st(), i = _e(), s = Ge(), h = D(!1), c = D(!1), a = D(!1), v = D(""), k = D(null);
+    function b() {
       c.value = !c.value;
     }
-    function D() {
+    function E() {
       c.value = !1;
     }
-    function V(h) {
-      l("filter-change", h);
+    function V(f) {
+      l("filter-change", f);
     }
-    async function k() {
-      return l("export-image"), await new Promise((h) => setTimeout(h, 5e3)), Promise.resolve();
+    async function S() {
+      return l("export-image"), await new Promise((f) => setTimeout(f, 5e3)), Promise.resolve();
     }
-    function M(h) {
-      const I = h.target;
-      l("mode-change", I.value);
+    function M(f) {
+      const T = f.target;
+      l("mode-change", T.value);
     }
-    function T() {
-      var h;
-      n.editsLocked || (a.value = !0, v.value = ((h = n.dashboard) == null ? void 0 : h.name) || "Untitled Dashboard", setTimeout(() => {
-        var I;
-        (I = E.value) == null || I.focus();
+    function I() {
+      var f;
+      o.editsLocked || (a.value = !0, v.value = ((f = o.dashboard) == null ? void 0 : f.name) || "Untitled Dashboard", setTimeout(() => {
+        var T;
+        (T = k.value) == null || T.focus();
       }, 0));
     }
-    function H() {
+    function O() {
       a.value = !1, l("title-update", v.value);
     }
-    function K() {
-      var h;
-      a.value = !1, v.value = ((h = n.dashboard) == null ? void 0 : h.name) || "Untitled Dashboard";
+    function P() {
+      var f;
+      a.value = !1, v.value = ((f = o.dashboard) == null ? void 0 : f.name) || "Untitled Dashboard";
     }
-    const O = p(() => Object.values(i.editors).filter((I) => I.connection === n.selectedConnection).sort((I, Z) => I.name.localeCompare(Z.name)).map((I) => ({
-      id: I.id,
-      name: I.name.replace(/\//g, "."),
+    const B = p(() => Object.values(i.editors).filter((T) => T.connection === o.selectedConnection).sort((T, te) => T.name.localeCompare(te.name)).map((T) => ({
+      id: T.id,
+      name: T.name.replace(/\//g, "."),
       alias: ""
-    }))), $ = p(() => {
-      var h;
-      return ((h = n.dashboard) == null ? void 0 : h.imports) || [];
+    }))), L = p(() => {
+      var f;
+      return ((f = o.dashboard) == null ? void 0 : f.imports) || [];
     });
-    function g(h) {
-      l("import-change", h);
+    function g(f) {
+      l("import-change", f);
     }
-    function B() {
+    function A() {
       l("refresh");
     }
-    const b = p(() => {
-      var h;
-      switch ((h = n.dashboard) == null ? void 0 : h.state) {
+    const C = p(() => {
+      var f;
+      switch ((f = o.dashboard) == null ? void 0 : f.state) {
         case "editing":
           return "mdi mdi-pencil-outline";
         case "published":
@@ -593,71 +593,71 @@ Use Ctrl+Enter to apply`,
           return "mdi mdi-eye-outline";
       }
     });
-    return (h, I) => {
-      var Z, re;
-      return m(), y("div", ln, [
+    return (f, T) => {
+      var te, ne;
+      return m(), y("div", ro, [
         t("div", {
-          class: A(["controls-row title-row", { "view-title-row": e.dashboard.state !== "editing" }])
+          class: q(["controls-row title-row", { "view-title-row": e.dashboard.state !== "editing" }])
         }, [
           t("div", {
             class: "dashboard-title",
-            onClick: T
+            onClick: I
           }, [
             a.value ? ue((m(), y("input", {
               key: 1,
               ref_key: "titleInput",
-              ref: E,
+              ref: k,
               "data-testid": "dashboard-title-input",
-              "onUpdate:modelValue": I[0] || (I[0] = (U) => v.value = U),
-              onBlur: H,
+              "onUpdate:modelValue": T[0] || (T[0] = (U) => v.value = U),
+              onBlur: O,
               onKeyup: [
-                ye(H, ["enter"]),
-                ye(K, ["esc"])
+                ye(O, ["enter"]),
+                ye(P, ["esc"])
               ],
               class: "title-input",
               type: "text"
             }, null, 544)), [
-              [fe, v.value]
-            ]) : (m(), y("span", an, [
-              t("span", sn, N(((Z = e.dashboard) == null ? void 0 : Z.name) || "Untitled Dashboard"), 1),
-              e.editsLocked ? R("", !0) : (m(), y("span", dn, [...I[6] || (I[6] = [
+              [ve, v.value]
+            ]) : (m(), y("span", lo, [
+              t("span", ao, N(((te = e.dashboard) == null ? void 0 : te.name) || "Untitled Dashboard"), 1),
+              e.editsLocked ? R("", !0) : (m(), y("span", so, [...T[6] || (T[6] = [
                 t("i", { class: "mdi mdi-pencil-outline" }, null, -1)
               ])]))
             ]))
           ]),
-          e.dashboard.state === "editing" ? (m(), y("div", un, [
-            t("div", cn, [
-              t("div", mn, [
-                I[7] || (I[7] = t("i", { class: "mdi mdi-database-outline select-icon" }, null, -1)),
+          e.dashboard.state === "editing" ? (m(), y("div", uo, [
+            t("div", co, [
+              t("div", mo, [
+                T[7] || (T[7] = t("i", { class: "mdi mdi-database-outline select-icon" }, null, -1)),
                 t("select", {
                   id: "connection",
                   "data-testid": "connection-selector",
-                  onChange: I[1] || (I[1] = (U) => h.$emit("connection-change", U)),
+                  onChange: T[1] || (T[1] = (U) => f.$emit("connection-change", U)),
                   value: e.selectedConnection,
                   title: e.selectedConnection
                 }, [
-                  (m(!0), y(me, null, be(Object.values(ie(r).connections).filter(
+                  (m(!0), y(me, null, Ce(Object.values(ie(r).connections).filter(
                     (U) => U.model
                   ), (U) => (m(), y("option", {
                     key: U.name,
                     value: U.name
-                  }, N(U.name), 9, fn))), 128))
-                ], 40, hn)
+                  }, N(U.name), 9, fo))), 128))
+                ], 40, ho)
               ])
             ]),
             z(pt, {
-              "available-imports": O.value,
-              "active-imports": $.value,
+              "available-imports": B.value,
+              "active-imports": L.value,
               "onUpdate:imports": g,
-              onExplore: I[2] || (I[2] = (U) => ie(s).openTab("editors", null, U.id))
+              onExplore: T[2] || (T[2] = (U) => ie(s).openTab("editors", null, U.id))
             }, null, 8, ["available-imports", "active-imports"]),
-            t("div", vn, [
+            t("div", vo, [
               t("button", {
-                onClick: I[3] || (I[3] = (U) => h.$emit("add-item")),
+                onClick: T[3] || (T[3] = (U) => f.$emit("add-item")),
                 class: "btn btn-success",
                 "data-testid": "add-item-button",
                 title: "Add Item"
-              }, [...I[8] || (I[8] = [
+              }, [...T[8] || (T[8] = [
                 t("i", {
                   class: "mdi mdi-plus top-action-icon",
                   "aria-hidden": "true"
@@ -665,11 +665,11 @@ Use Ctrl+Enter to apply`,
                 t("span", { class: "top-action-label" }, "Add", -1)
               ])]),
               t("button", {
-                onClick: I[4] || (I[4] = (U) => h.$emit("clear-items")),
+                onClick: T[4] || (T[4] = (U) => f.$emit("clear-items")),
                 class: "btn btn-danger",
                 "data-testid": "clear-items-button",
                 title: "Clear All"
-              }, [...I[9] || (I[9] = [
+              }, [...T[9] || (T[9] = [
                 t("i", {
                   class: "mdi mdi-delete-outline top-action-icon",
                   "aria-hidden": "true"
@@ -679,19 +679,19 @@ Use Ctrl+Enter to apply`,
             ])
           ])) : R("", !0)
         ], 2),
-        t("div", pn, [
-          z(rn, {
-            "filter-value": ((re = e.dashboard) == null ? void 0 : re.filter) || "",
+        t("div", po, [
+          z(io, {
+            "filter-value": ((ne = e.dashboard) == null ? void 0 : ne.filter) || "",
             "filter-error": e.filterError,
-            "is-loading": f.value,
+            "is-loading": h.value,
             "global-completion": e.globalCompletion,
             "validate-filter": e.validateFilter,
             onFilterApply: V,
-            onClearFilter: I[5] || (I[5] = (U) => h.$emit("clear-filter", ""))
+            onClearFilter: T[5] || (T[5] = (U) => f.$emit("clear-filter", ""))
           }, null, 8, ["filter-value", "filter-error", "is-loading", "global-completion", "validate-filter"]),
-          t("div", yn, [
+          t("div", yo, [
             z(yt, {
-              action: k,
+              action: S,
               "use-default-style": !1,
               class: "btn btn-secondary filter-action-btn",
               "data-testid": "download-button",
@@ -699,7 +699,7 @@ Use Ctrl+Enter to apply`,
               title: "Download dashboard image",
               "aria-label": "Download dashboard image"
             }, {
-              default: ne(() => [...I[10] || (I[10] = [
+              default: ee(() => [...T[10] || (T[10] = [
                 t("i", {
                   class: "mdi mdi-download-outline filter-action-icon",
                   "aria-hidden": "true"
@@ -709,12 +709,12 @@ Use Ctrl+Enter to apply`,
               _: 1
             }),
             t("button", {
-              onClick: C,
+              onClick: b,
               class: "btn btn-secondary filter-action-btn",
               "data-testid": "share-dashboard-button",
               title: "Export dashboard",
               "aria-label": "Export dashboard"
-            }, [...I[11] || (I[11] = [
+            }, [...T[11] || (T[11] = [
               t("i", {
                 class: "mdi mdi-export-variant filter-action-icon",
                 "aria-hidden": "true"
@@ -722,22 +722,22 @@ Use Ctrl+Enter to apply`,
               t("span", { class: "filter-action-label" }, "Export", -1)
             ])]),
             t("button", {
-              onClick: B,
+              onClick: A,
               class: "btn btn-primary filter-action-btn",
               "data-testid": "refresh-button",
               title: "Refresh dashboard",
               "aria-label": "Refresh dashboard"
-            }, [...I[12] || (I[12] = [
+            }, [...T[12] || (T[12] = [
               t("i", {
                 class: "mdi mdi-refresh filter-action-icon",
                 "aria-hidden": "true"
               }, null, -1),
               t("span", { class: "filter-action-label" }, "Refresh", -1)
             ])]),
-            t("div", gn, [
-              t("div", bn, [
+            t("div", go, [
+              t("div", bo, [
                 t("i", {
-                  class: A(b.value + " select-icon")
+                  class: q(C.value + " select-icon")
                 }, null, 2),
                 t("select", {
                   id: "viewMode",
@@ -746,7 +746,7 @@ Use Ctrl+Enter to apply`,
                   value: e.dashboard.state,
                   disabled: e.editsLocked,
                   class: "mode-select"
-                }, [...I[13] || (I[13] = [
+                }, [...T[13] || (T[13] = [
                   t("option", {
                     value: "editing",
                     "data-testid": "edit-mode-option"
@@ -759,7 +759,7 @@ Use Ctrl+Enter to apply`,
                     value: "fullscreen",
                     "data-testid": "fullscreen-mode-option"
                   }, "Fullscreen", -1)
-                ])], 40, Cn)
+                ])], 40, Co)
               ])
             ])
           ])
@@ -767,37 +767,37 @@ Use Ctrl+Enter to apply`,
         z(Rt, {
           dashboard: e.dashboard,
           "is-open": c.value,
-          onClose: D
+          onClose: E
         }, null, 8, ["dashboard", "is-open"])
       ]);
     };
   }
-}), Ki = /* @__PURE__ */ Y(wn, [["__scopeId", "data-v-4c51e2bc"]]);
-function Le(e) {
-  const o = S(null), n = S(!1), l = S(null), r = S(!1), i = S(null), s = S(!1), f = () => {
+}), Ki = /* @__PURE__ */ Y(wo, [["__scopeId", "data-v-4c51e2bc"]]);
+function $e(e) {
+  const n = D(null), o = D(!1), l = D(null), r = D(!1), i = D(null), s = D(!1), h = () => {
     i.value && (clearTimeout(i.value), i.value = null);
   }, c = () => {
-    if (!o.value) return 0;
-    const D = o.value.getBoundingClientRect(), V = window.scrollY || document.documentElement.scrollTop, k = D.top + V, M = Math.floor(k / 200) * 10;
+    if (!n.value) return 0;
+    const E = n.value.getBoundingClientRect(), V = window.scrollY || document.documentElement.scrollTop, S = E.top + V, M = Math.floor(S / 200) * 10;
     return Math.min(M, 100);
   };
   je(() => {
     setTimeout(() => {
-      const D = c();
+      const E = c();
       if (!e.results.value) {
-        n.value = !0;
+        o.value = !0;
         return;
       }
       setTimeout(() => {
-        n.value = !0;
-      }, D);
+        o.value = !0;
+      }, E);
     }, 0);
-  }), nt(() => {
-    f();
+  }), ot(() => {
+    h();
   }), de(
     e.loading,
-    (D) => {
-      if (f(), D) {
+    (E) => {
+      if (h(), E) {
         i.value = setTimeout(() => {
           r.value = !0, i.value = null;
         }, e.loadingDelayMs ?? 150);
@@ -810,25 +810,25 @@ function Le(e) {
   const a = async () => {
     var M;
     if (!e.query.value) return;
-    const D = e.dashboardId(), V = e.itemId(), k = e.getDashboardQueryExecutor(D);
-    if (!k)
+    const E = e.dashboardId(), V = e.itemId(), S = e.getDashboardQueryExecutor(E);
+    if (!S)
       throw new Error("Dashboard query executor not found!");
     try {
-      (M = e.analyticsStore) == null || M.log(e.analyticsEvent, e.analyticsType, !0), l.value && k.cancelQuery(l.value), l.value = await k.runSingle(V), await k.waitForQuery(l.value);
-    } catch (T) {
-      console.error("Error setting up query:", T), l.value = null;
+      (M = e.analyticsStore) == null || M.log(e.analyticsEvent, e.analyticsType, !0), l.value && S.cancelQuery(l.value), l.value = await S.runSingle(V), await S.waitForQuery(l.value);
+    } catch (I) {
+      console.error("Error setting up query:", I), l.value = null;
     }
   };
   return {
-    chartContainer: o,
-    ready: n,
+    chartContainer: n,
+    ready: o,
     showLoading: r,
     controlsVisible: s,
     executeQuery: a,
     handleLocalRefresh: () => {
-      const D = e.onRefresh.value;
-      if (D) {
-        D(e.itemId());
+      const E = e.onRefresh.value;
+      if (E) {
+        E(e.itemId());
         return;
       }
       a();
@@ -841,12 +841,12 @@ function Le(e) {
     }
   };
 }
-const kn = J({
+const ko = J({
   name: "DashboardChart",
   components: {
     VegaLiteChart: bt,
-    ErrorMessage: Ie,
-    LoadingView: $e,
+    ErrorMessage: Te,
+    LoadingView: Ie,
     DrilldownPane: gt
   },
   props: {
@@ -881,22 +881,22 @@ const kn = J({
       required: !0
     }
   },
-  setup(e, { emit: o }) {
-    const n = S(null), l = p(() => e.getItemData(e.itemId, e.dashboardId)), r = p(() => l.value.structured_content.query), i = p(() => l.value.results || null), s = p(() => l.value.name || ""), f = p(() => (l.value.height || 300) - 75), c = p(() => l.value.width || 300), a = p(() => {
+  setup(e, { emit: n }) {
+    const o = D(null), l = p(() => e.getItemData(e.itemId, e.dashboardId)), r = p(() => l.value.structured_content.query), i = p(() => l.value.results || null), s = p(() => l.value.name || ""), h = p(() => (l.value.height || 300) - 75), c = p(() => l.value.width || 300), a = p(() => {
       if (l.value.chartConfig)
         return {
           ...l.value.chartConfig,
           showTitle: !1
         };
-    }), v = p(() => l.value.loading || !1), E = p(() => l.value.error || null), C = p(() => l.value.filters || []), D = p(() => l.value.loadStartTime || null), V = p(() => (l.value.chartFilters || []).map((_) => _.value)), k = p(() => l.value.hasDrilldown), M = p(() => l.value.onRefresh || null), T = j(
+    }), v = p(() => l.value.loading || !1), k = p(() => l.value.error || null), b = p(() => l.value.filters || []), E = p(() => l.value.loadStartTime || null), V = p(() => (l.value.chartFilters || []).map((G) => G.value)), S = p(() => l.value.hasDrilldown), M = p(() => l.value.onRefresh || null), I = j(
       "analyticsStore",
       null
-    ), H = (_) => {
+    ), O = (G) => {
       const oe = {
-        ..._,
+        ...G,
         showTitle: !1
       };
-      if (k.value) {
+      if (S.value) {
         e.setItemData(e.itemId, e.dashboardId, {
           drilldownChartConfig: oe
         });
@@ -904,15 +904,15 @@ const kn = J({
       }
       e.setItemData(e.itemId, e.dashboardId, { chartConfig: oe });
     }, {
-      chartContainer: K,
-      ready: O,
-      showLoading: $,
+      chartContainer: P,
+      ready: B,
+      showLoading: L,
       controlsVisible: g,
-      executeQuery: B,
-      handleLocalRefresh: b,
-      onChartMouseEnter: h,
-      onChartMouseLeave: I
-    } = Le({
+      executeQuery: A,
+      handleLocalRefresh: C,
+      onChartMouseEnter: f,
+      onChartMouseLeave: T
+    } = $e({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: r,
@@ -920,105 +920,105 @@ const kn = J({
       loading: v,
       onRefresh: M,
       getDashboardQueryExecutor: e.getDashboardQueryExecutor,
-      analyticsStore: T,
+      analyticsStore: I,
       analyticsEvent: "dashboard-chart-execution",
       analyticsType: "CHART",
       loadingDelayMs: 250
     });
     return {
-      chartContainer: K,
+      chartContainer: P,
       results: i,
-      ready: O,
+      ready: B,
       loading: v,
-      showLoading: $,
-      error: E,
-      filters: C,
+      showLoading: L,
+      error: k,
+      filters: b,
       query: r,
-      chartHeight: f,
+      chartHeight: h,
       chartWidth: c,
       chartConfig: a,
       chartTitle: s,
-      onChartConfigChange: H,
+      onChartConfigChange: O,
       onRefresh: M,
-      handleLocalRefresh: b,
+      handleLocalRefresh: C,
       chartSelection: V,
-      startTime: D,
-      handleDimensionClick: (_) => {
-        o("dimension-click", {
+      startTime: E,
+      handleDimensionClick: (G) => {
+        n("dimension-click", {
           source: e.itemId,
-          filters: _.filters,
-          chart: _.chart,
-          append: _.append
+          filters: G.filters,
+          chart: G.chart,
+          append: G.append
         });
       },
       handleBackgroundClick: () => {
-        o("background-click");
+        n("background-click");
       },
-      activeDrilldown: n,
-      activateDrilldown: (_) => {
-        let oe = _.filters, ee = Object.keys(oe)[0], te = mt(_.filters);
-        ee && (n.value = { remove: ee, filter: te });
+      activeDrilldown: o,
+      activateDrilldown: (G) => {
+        let oe = G.filters, re = Object.keys(oe)[0], X = mt(G.filters);
+        re && (o.value = { remove: re, filter: X });
       },
-      submitDrilldown: async (_) => {
-        let ee = await e.getDashboardQueryExecutor(e.dashboardId).createDrilldownQuery(
+      submitDrilldown: async (G) => {
+        let re = await e.getDashboardQueryExecutor(e.dashboardId).createDrilldownQuery(
           r.value,
-          _,
-          n.value.remove,
-          n.value.filter,
+          G,
+          o.value.remove,
+          o.value.filter,
           l.value.rootContent || [],
-          (l.value.imports || []).map((te) => ({ name: te.name, alias: te.alias }))
+          (l.value.imports || []).map((X) => ({ name: X.name, alias: X.alias }))
         );
         e.setItemData(e.itemId, e.dashboardId, {
-          drilldown: ee,
+          drilldown: re,
           drilldownChartConfig: null,
           loading: !0
-        }), $.value = !0, n.value = null, await B().then(() => {
-          O.value = !0;
-        }).catch((te) => {
-          console.error("Error executing drilldown query:", te), O.value = !0;
+        }), L.value = !0, o.value = null, await A().then(() => {
+          B.value = !0;
+        }).catch((X) => {
+          console.error("Error executing drilldown query:", X), B.value = !0;
         }).finally(() => {
-          $.value = !1;
+          L.value = !1;
         });
       },
       controlsVisible: g,
-      onChartMouseEnter: h,
-      onChartMouseLeave: I,
+      onChartMouseEnter: f,
+      onChartMouseLeave: T,
       revertDrilldown: async () => {
         e.setItemData(e.itemId, e.dashboardId, {
           drilldown: null,
           drilldownChartConfig: null,
           loading: !0
-        }), await B();
+        }), await A();
       },
-      hasDrilldown: k
+      hasDrilldown: S
     };
   }
-}), Sn = {
+}), So = {
   key: 3,
   class: "loading-overlay"
 };
-function Dn(e, o, n, l, r, i) {
-  const s = X("drilldown-pane"), f = X("ErrorMessage"), c = X("VegaLiteChart"), a = X("LoadingView");
+function Do(e, n, o, l, r, i) {
+  const s = Z("drilldown-pane"), h = Z("ErrorMessage"), c = Z("VegaLiteChart"), a = Z("LoadingView");
   return m(), y("div", {
     ref: "chartContainer",
-    class: A(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
-    onMouseenter: o[3] || (o[3] = (...v) => e.onChartMouseEnter && e.onChartMouseEnter(...v)),
-    onMouseleave: o[4] || (o[4] = (...v) => e.onChartMouseLeave && e.onChartMouseLeave(...v))
+    class: q(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
+    onMouseenter: n[3] || (n[3] = (...v) => e.onChartMouseEnter && e.onChartMouseEnter(...v)),
+    onMouseleave: n[4] || (n[4] = (...v) => e.onChartMouseLeave && e.onChartMouseLeave(...v))
   }, [
-    e.activeDrilldown ? (m(), G(s, {
+    e.activeDrilldown ? (m(), _(s, {
       key: 0,
       "drilldown-remove": e.activeDrilldown.remove,
       "drilldown-filter": e.activeDrilldown.filter,
-      onClose: o[0] || (o[0] = (v) => e.activeDrilldown = null),
+      onClose: n[0] || (n[0] = (v) => e.activeDrilldown = null),
       symbols: e.symbols,
       onSubmit: e.submitDrilldown
-    }, null, 8, ["drilldown-remove", "drilldown-filter", "symbols", "onSubmit"])) : e.error && !e.loading ? (m(), G(f, {
+    }, null, 8, ["drilldown-remove", "drilldown-filter", "symbols", "onSubmit"])) : e.error && !e.loading ? (m(), _(h, {
       key: 1,
       compact: !0,
       details: e.error,
       query: e.query,
       filters: e.filters
-    }, null, 8, ["details", "query", "filters"])) : e.results && e.ready ? (m(), G(c, {
+    }, null, 8, ["details", "query", "filters"])) : e.results && e.ready ? (m(), _(c, {
       key: 2,
       id: `${e.itemId}-${e.dashboardId}`,
       columns: e.results.headers,
@@ -1037,7 +1037,7 @@ function Dn(e, o, n, l, r, i) {
       onDrilldownClick: e.activateDrilldown,
       onRevertDrilldown: e.revertDrilldown
     }, null, 8, ["id", "columns", "data", "showControls", "initialConfig", "containerHeight", "container-width", "onChartConfigChange", "chartSelection", "chartTitle", "drilldown-active", "onDimensionClick", "onBackgroundClick", "onRefreshClick", "onDrilldownClick", "onRevertDrilldown"])) : R("", !0),
-    e.loading && e.showLoading ? (m(), y("div", Sn, [
+    e.loading && e.showLoading ? (m(), y("div", So, [
       z(a, {
         startTime: e.startTime,
         text: "",
@@ -1046,31 +1046,31 @@ function Dn(e, o, n, l, r, i) {
     ])) : R("", !0),
     !e.editMode || !(e.results && e.ready) ? (m(), y("div", {
       key: 4,
-      class: A(["controls-toggle", { "controls-visible": e.controlsVisible }])
+      class: q(["controls-toggle", { "controls-visible": e.controlsVisible }])
     }, [
       t("button", {
-        onClick: o[1] || (o[1] = (...v) => e.handleLocalRefresh && e.handleLocalRefresh(...v)),
+        onClick: n[1] || (n[1] = (...v) => e.handleLocalRefresh && e.handleLocalRefresh(...v)),
         class: "control-btn",
         "data-testid": "refresh-chart-btn",
         title: "Refresh table"
-      }, [...o[5] || (o[5] = [
+      }, [...n[5] || (n[5] = [
         t("i", { class: "mdi mdi-refresh icon" }, null, -1)
       ])]),
       t("button", {
-        onClick: o[2] || (o[2] = (...v) => e.revertDrilldown && e.revertDrilldown(...v)),
+        onClick: n[2] || (n[2] = (...v) => e.revertDrilldown && e.revertDrilldown(...v)),
         class: "control-btn",
         "data-testid": "refresh-chart-btn",
         title: "Clear Drilldown"
-      }, [...o[6] || (o[6] = [
+      }, [...n[6] || (n[6] = [
         t("i", { class: "mdi mdi-undo icon" }, null, -1)
       ])])
     ], 2)) : R("", !0)
   ], 34);
 }
-const En = /* @__PURE__ */ Y(kn, [["render", Dn], ["__scopeId", "data-v-36046d80"]]), Tn = J({
+const Eo = /* @__PURE__ */ Y(ko, [["render", Do], ["__scopeId", "data-v-36046d80"]]), To = J({
   name: "DynamicMarkdownChart",
   components: {
-    ErrorMessage: Ie,
+    ErrorMessage: Te,
     MarkdownRenderer: Ct
   },
   props: {
@@ -1102,17 +1102,17 @@ const En = /* @__PURE__ */ Y(kn, [["render", Dn], ["__scopeId", "data-v-36046d80
     }
   },
   setup(e) {
-    const o = p(() => e.getItemData(e.itemId, e.dashboardId)), n = p(() => o.value.structured_content || { markdown: "", query: "" }), l = p(() => n.value.markdown || ""), r = p(() => n.value.query || ""), i = p(() => o.value.results || null), s = p(() => o.value.loading || !1), f = p(() => o.value.error || null), c = p(() => o.value.filters || []), a = p(() => o.value.loadStartTime || null), v = p(() => o.value.onRefresh || null), E = j("connectionStore"), C = j("analyticsStore");
-    if (!E)
+    const n = p(() => e.getItemData(e.itemId, e.dashboardId)), o = p(() => n.value.structured_content || { markdown: "", query: "" }), l = p(() => o.value.markdown || ""), r = p(() => o.value.query || ""), i = p(() => n.value.results || null), s = p(() => n.value.loading || !1), h = p(() => n.value.error || null), c = p(() => n.value.filters || []), a = p(() => n.value.loadStartTime || null), v = p(() => n.value.onRefresh || null), k = j("connectionStore"), b = j("analyticsStore");
+    if (!k)
       throw new Error("Connection store not found!");
     const {
-      chartContainer: D,
+      chartContainer: E,
       ready: V,
-      controlsVisible: k,
+      controlsVisible: S,
       handleLocalRefresh: M,
-      onChartMouseEnter: T,
-      onChartMouseLeave: H
-    } = Le({
+      onChartMouseEnter: I,
+      onChartMouseLeave: O
+    } = $e({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: r,
@@ -1120,42 +1120,42 @@ const En = /* @__PURE__ */ Y(kn, [["render", Dn], ["__scopeId", "data-v-36046d80
       loading: s,
       onRefresh: v,
       getDashboardQueryExecutor: e.getDashboardQueryExecutor,
-      analyticsStore: C,
+      analyticsStore: b,
       analyticsEvent: "dashboard-markdown-execution",
       analyticsType: "MARKDOWN"
     });
     return {
-      chartContainer: D,
+      chartContainer: E,
       results: i,
       ready: V,
       loading: s,
-      error: f,
+      error: h,
       filters: c,
       query: r,
       markdown: l,
       handleLocalRefresh: M,
       startTime: a,
-      controlsVisible: k,
-      onChartMouseEnter: T,
-      onChartMouseLeave: H
+      controlsVisible: S,
+      onChartMouseEnter: I,
+      onChartMouseLeave: O
     };
   }
 });
-function In(e, o, n, l, r, i) {
-  const s = X("ErrorMessage"), f = X("MarkdownRenderer");
+function Io(e, n, o, l, r, i) {
+  const s = Z("ErrorMessage"), h = Z("MarkdownRenderer");
   return m(), y("div", {
     ref: "chartContainer",
-    class: A(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
-    onMouseenter: o[1] || (o[1] = (...c) => e.onChartMouseEnter && e.onChartMouseEnter(...c)),
-    onMouseleave: o[2] || (o[2] = (...c) => e.onChartMouseLeave && e.onChartMouseLeave(...c))
+    class: q(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
+    onMouseenter: n[1] || (n[1] = (...c) => e.onChartMouseEnter && e.onChartMouseEnter(...c)),
+    onMouseleave: n[2] || (n[2] = (...c) => e.onChartMouseLeave && e.onChartMouseLeave(...c))
   }, [
-    e.error && !e.loading ? (m(), G(s, {
+    e.error && !e.loading ? (m(), _(s, {
       key: 0,
       compact: !0,
       details: e.error,
       query: e.query,
       filters: e.filters
-    }, null, 8, ["details", "query", "filters"])) : e.ready ? (m(), G(f, {
+    }, null, 8, ["details", "query", "filters"])) : e.ready ? (m(), _(h, {
       key: 1,
       markdown: e.markdown,
       results: e.results,
@@ -1163,25 +1163,25 @@ function In(e, o, n, l, r, i) {
     }, null, 8, ["markdown", "results", "loading"])) : R("", !0),
     !e.loading && e.editMode ? (m(), y("div", {
       key: 2,
-      class: A(["controls-toggle", { "controls-visible": e.controlsVisible }])
+      class: q(["controls-toggle", { "controls-visible": e.controlsVisible }])
     }, [
       t("button", {
-        onClick: o[0] || (o[0] = (...c) => e.handleLocalRefresh && e.handleLocalRefresh(...c)),
+        onClick: n[0] || (n[0] = (...c) => e.handleLocalRefresh && e.handleLocalRefresh(...c)),
         class: "control-btn",
         "data-testid": "refresh-chart-btn",
         title: "Refresh text"
-      }, [...o[3] || (o[3] = [
+      }, [...n[3] || (n[3] = [
         t("i", { class: "mdi mdi-refresh icon" }, null, -1)
       ])])
     ], 2)) : R("", !0)
   ], 34);
 }
-const $n = /* @__PURE__ */ Y(Tn, [["render", In], ["__scopeId", "data-v-ffafce48"]]), Ln = J({
+const $o = /* @__PURE__ */ Y(To, [["render", Io], ["__scopeId", "data-v-ffafce48"]]), Lo = J({
   name: "DashboardTable",
   components: {
     DataTable: wt,
-    ErrorMessage: Ie,
-    LoadingView: $e
+    ErrorMessage: Te,
+    LoadingView: Ie
   },
   props: {
     dashboardId: {
@@ -1211,79 +1211,79 @@ const $n = /* @__PURE__ */ Y(Tn, [["render", In], ["__scopeId", "data-v-ffafce48
       required: !0
     }
   },
-  setup(e, { emit: o }) {
-    const n = p(() => e.getItemData(e.itemId, e.dashboardId)), l = p(() => n.value.content), r = p(() => n.value.results || null), i = p(() => n.value.loading || !1), s = p(() => n.value.error || null), f = p(() => n.value.filters || []), c = p(() => n.value.loadStartTime || null), a = p(() => (n.value.height || 300) - 75), v = p(() => (n.value.width || 300) - 100), E = p(() => n.value.onRefresh || null), C = j("connectionStore"), D = j("analyticsStore");
-    if (!C)
+  setup(e, { emit: n }) {
+    const o = p(() => e.getItemData(e.itemId, e.dashboardId)), l = p(() => o.value.content), r = p(() => o.value.results || null), i = p(() => o.value.loading || !1), s = p(() => o.value.error || null), h = p(() => o.value.filters || []), c = p(() => o.value.loadStartTime || null), a = p(() => (o.value.height || 300) - 75), v = p(() => (o.value.width || 300) - 100), k = p(() => o.value.onRefresh || null), b = j("connectionStore"), E = j("analyticsStore");
+    if (!b)
       throw new Error("Connection store not found!");
     const {
       chartContainer: V,
-      ready: k,
+      ready: S,
       showLoading: M,
-      controlsVisible: T,
-      handleLocalRefresh: H,
-      onChartMouseEnter: K,
-      onChartMouseLeave: O
-    } = Le({
+      controlsVisible: I,
+      handleLocalRefresh: O,
+      onChartMouseEnter: P,
+      onChartMouseLeave: B
+    } = $e({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: l,
       results: r,
       loading: i,
-      onRefresh: E,
+      onRefresh: k,
       getDashboardQueryExecutor: e.getDashboardQueryExecutor,
-      analyticsStore: D,
+      analyticsStore: E,
       analyticsEvent: "dashboard-table-execution",
       analyticsType: "TABLE"
     });
     return {
       chartContainer: V,
       results: r,
-      ready: k,
+      ready: S,
       loading: i,
       showLoading: M,
       error: s,
-      filters: f,
+      filters: h,
       query: l,
       chartHeight: a,
       chartWidth: v,
-      onRefresh: E,
-      handleLocalRefresh: H,
+      onRefresh: k,
+      handleLocalRefresh: O,
       startTime: c,
-      handleDimensionClick: (B) => {
-        o("dimension-click", {
+      handleDimensionClick: (A) => {
+        n("dimension-click", {
           source: e.itemId,
-          filters: B.filters,
-          chart: B.chart,
-          append: B.append
+          filters: A.filters,
+          chart: A.chart,
+          append: A.append
         });
       },
       handleBackgroundClick: () => {
-        o("background-click");
+        n("background-click");
       },
-      controlsVisible: T,
-      onChartMouseEnter: K,
-      onChartMouseLeave: O
+      controlsVisible: I,
+      onChartMouseEnter: P,
+      onChartMouseLeave: B
     };
   }
-}), Mn = {
+}), Mo = {
   key: 2,
   class: "loading-overlay"
 };
-function Rn(e, o, n, l, r, i) {
-  const s = X("ErrorMessage"), f = X("data-table"), c = X("LoadingView");
+function Ro(e, n, o, l, r, i) {
+  const s = Z("ErrorMessage"), h = Z("data-table"), c = Z("LoadingView");
   return m(), y("div", {
     ref: "chartContainer",
-    class: A(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
-    onMouseenter: o[1] || (o[1] = (...a) => e.onChartMouseEnter && e.onChartMouseEnter(...a)),
-    onMouseleave: o[2] || (o[2] = (...a) => e.onChartMouseLeave && e.onChartMouseLeave(...a))
+    class: q(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
+    onMouseenter: n[1] || (n[1] = (...a) => e.onChartMouseEnter && e.onChartMouseEnter(...a)),
+    onMouseleave: n[2] || (n[2] = (...a) => e.onChartMouseLeave && e.onChartMouseLeave(...a))
   }, [
-    e.error && !e.loading ? (m(), G(s, {
+    e.error && !e.loading ? (m(), _(s, {
       key: 0,
       compact: !0,
       details: e.error,
       query: e.query,
       filters: e.filters
-    }, null, 8, ["details", "query", "filters"])) : e.results && e.ready ? (m(), G(f, {
+    }, null, 8, ["details", "query", "filters"])) : e.results && e.ready ? (m(), _(h, {
       key: 1,
       id: `${e.itemId}-${e.dashboardId}`,
       headers: e.results.headers,
@@ -1295,7 +1295,7 @@ function Rn(e, o, n, l, r, i) {
       onCellClick: e.handleDimensionClick,
       onBackgroundClick: e.handleBackgroundClick
     }, null, 8, ["id", "headers", "results", "containerHeight", "onCellClick", "onBackgroundClick"])) : R("", !0),
-    e.loading && e.showLoading ? (m(), y("div", Mn, [
+    e.loading && e.showLoading ? (m(), y("div", Mo, [
       z(c, {
         startTime: e.startTime,
         text: "",
@@ -1304,20 +1304,20 @@ function Rn(e, o, n, l, r, i) {
     ])) : R("", !0),
     !e.loading && e.editMode ? (m(), y("div", {
       key: 3,
-      class: A(["controls-toggle", { "controls-visible": e.controlsVisible }])
+      class: q(["controls-toggle", { "controls-visible": e.controlsVisible }])
     }, [
       t("button", {
-        onClick: o[0] || (o[0] = (...a) => e.handleLocalRefresh && e.handleLocalRefresh(...a)),
+        onClick: n[0] || (n[0] = (...a) => e.handleLocalRefresh && e.handleLocalRefresh(...a)),
         class: "control-btn",
         "data-testid": "refresh-chart-btn",
         title: "Refresh table"
-      }, [...o[3] || (o[3] = [
+      }, [...n[3] || (n[3] = [
         t("i", { class: "mdi mdi-refresh icon" }, null, -1)
       ])])
     ], 2)) : R("", !0)
   ], 34);
 }
-const An = /* @__PURE__ */ Y(Ln, [["render", Rn], ["__scopeId", "data-v-2fa93a82"]]), qn = {
+const Ao = /* @__PURE__ */ Y(Lo, [["render", Ro], ["__scopeId", "data-v-2fa93a82"]]), qo = {
   data() {
     return {
       selectedValue: "",
@@ -1357,10 +1357,10 @@ const An = /* @__PURE__ */ Y(Ln, [["render", Rn], ["__scopeId", "data-v-2fa93a82
     }
   },
   setup() {
-    const e = j("userSettingsStore", null), o = kt(e);
+    const e = j("userSettingsStore", null), n = kt(e);
     return {
       settingsStore: e,
-      currentTheme: o
+      currentTheme: n
     };
   },
   computed: {
@@ -1382,23 +1382,23 @@ const An = /* @__PURE__ */ Y(Ln, [["render", Rn], ["__scopeId", "data-v-2fa93a82
     selectOptions() {
       if (!this.displayColumn || !this.valueColumn || !this.results || this.results.length === 0)
         return [];
-      const e = this.displayColumn.name, o = this.valueColumn.name, n = [];
+      const e = this.displayColumn.name, n = this.valueColumn.name, o = [];
       return this.results.forEach((l) => {
-        const r = l[e], i = l[o];
+        const r = l[e], i = l[n];
         if (r != null && i !== null && i !== void 0) {
           const s = this.formatValue(r, this.displayColumn);
-          n.push({
+          o.push({
             label: s,
             value: i
           });
         }
-      }), n;
+      }), o;
     },
     filteredOptions() {
       if (!this.searchText)
         return this.selectOptions;
       const e = this.searchText.toLowerCase();
-      return this.selectOptions.filter((o) => o.label.toLowerCase().includes(e));
+      return this.selectOptions.filter((n) => n.label.toLowerCase().includes(e));
     },
     placeholderText() {
       return this.hasSelection ? this.selectedLabel || "Type to search..." : !this.selectOptions || this.selectOptions.length === 0 ? "No data available" : "All";
@@ -1432,11 +1432,11 @@ const An = /* @__PURE__ */ Y(Ln, [["render", Rn], ["__scopeId", "data-v-2fa93a82
     }
   },
   methods: {
-    formatValue(e, o) {
-      var n, l;
-      switch (o.type) {
+    formatValue(e, n) {
+      var o, l;
+      switch (n.type) {
         case ce.FLOAT:
-          return (n = o.traits) != null && n.includes("usd") ? `$${Number(e).toFixed(o.scale || 2)}` : (l = o.traits) != null && l.includes("percent") ? `${(Number(e) * 100).toFixed(2)}%` : Number(e).toFixed(o.scale || 2);
+          return (o = n.traits) != null && o.includes("usd") ? `$${Number(e).toFixed(n.scale || 2)}` : (l = n.traits) != null && l.includes("percent") ? `${(Number(e) * 100).toFixed(2)}%` : Number(e).toFixed(n.scale || 2);
         case ce.DATETIME:
         case ce.TIMESTAMP:
         case ce.DATE:
@@ -1454,7 +1454,7 @@ const An = /* @__PURE__ */ Y(Ln, [["render", Rn], ["__scopeId", "data-v-2fa93a82
     highlightMatch(e) {
       if (!this.searchText)
         return e;
-      const o = this.searchText.toLowerCase(), l = e.toLowerCase().indexOf(o);
+      const n = this.searchText.toLowerCase(), l = e.toLowerCase().indexOf(n);
       if (l === -1)
         return e;
       const r = e.slice(0, l), i = e.slice(l, l + this.searchText.length), s = e.slice(l + this.searchText.length);
@@ -1490,29 +1490,29 @@ const An = /* @__PURE__ */ Y(Ln, [["render", Rn], ["__scopeId", "data-v-2fa93a82
       });
     }
   }
-}, Fn = { class: "result-select row pa-0 ba-0" }, xn = { class: "select-container" }, Hn = { class: "search-input-wrapper" }, Vn = {
+}, Fo = { class: "result-select row pa-0 ba-0" }, xo = { class: "select-container" }, Ho = { class: "search-input-wrapper" }, Oo = {
   key: 0,
   class: "inline-label"
-}, On = ["placeholder", "disabled"], Qn = ["onMousedown", "innerHTML"];
-function Bn(e, o, n, l, r, i) {
-  return m(), y("div", Fn, [
-    t("div", xn, [
-      t("div", Hn, [
-        i.hasSelection ? (m(), y("span", Vn, N(i.fieldLabel) + ": ", 1)) : R("", !0),
+}, Vo = ["placeholder", "disabled"], Qo = ["onMousedown", "innerHTML"];
+function Bo(e, n, o, l, r, i) {
+  return m(), y("div", Fo, [
+    t("div", xo, [
+      t("div", Ho, [
+        i.hasSelection ? (m(), y("span", Oo, N(i.fieldLabel) + ": ", 1)) : R("", !0),
         ue(t("input", {
           ref: "searchInput",
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => r.searchText = s),
+          "onUpdate:modelValue": n[0] || (n[0] = (s) => r.searchText = s),
           type: "text",
-          class: A(["search-input", { "has-inline-label": i.hasSelection }]),
+          class: q(["search-input", { "has-inline-label": i.hasSelection }]),
           placeholder: i.placeholderText,
           disabled: !i.selectOptions || i.selectOptions.length === 0,
-          onFocus: o[1] || (o[1] = (...s) => i.handleFocus && i.handleFocus(...s)),
-          onInput: o[2] || (o[2] = (...s) => i.onSearchInput && i.onSearchInput(...s)),
-          onBlur: o[3] || (o[3] = (...s) => i.handleBlur && i.handleBlur(...s))
-        }, null, 42, On), [
-          [fe, r.searchText]
+          onFocus: n[1] || (n[1] = (...s) => i.handleFocus && i.handleFocus(...s)),
+          onInput: n[2] || (n[2] = (...s) => i.onSearchInput && i.onSearchInput(...s)),
+          onBlur: n[3] || (n[3] = (...s) => i.handleBlur && i.handleBlur(...s))
+        }, null, 42, Vo), [
+          [ve, r.searchText]
         ]),
-        o[5] || (o[5] = t("span", { class: "search-icon" }, [
+        n[5] || (n[5] = t("span", { class: "search-icon" }, [
           t("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 24 24",
@@ -1531,40 +1531,40 @@ function Bn(e, o, n, l, r, i) {
           ])
         ], -1))
       ]),
-      (m(), G(ot, { to: "body" }, [
+      (m(), _(nt, { to: "body" }, [
         r.showDropdown && i.filteredOptions.length > 0 ? (m(), y("div", {
           key: 0,
           class: "dropdown-list",
-          style: Ee(i.dropdownStyle)
+          style: De(i.dropdownStyle)
         }, [
           t("div", {
-            class: A(["dropdown-item select-all", { selected: !r.selectedValue }]),
-            onMousedown: o[4] || (o[4] = Be((...s) => i.selectAll && i.selectAll(...s), ["prevent"]))
+            class: q(["dropdown-item select-all", { selected: !r.selectedValue }]),
+            onMousedown: n[4] || (n[4] = Be((...s) => i.selectAll && i.selectAll(...s), ["prevent"]))
           }, " All ", 34),
-          (m(!0), y(me, null, be(i.filteredOptions, (s, f) => (m(), y("div", {
-            key: f,
-            class: A(["dropdown-item", { selected: r.selectedValue === s.value }]),
+          (m(!0), y(me, null, Ce(i.filteredOptions, (s, h) => (m(), y("div", {
+            key: h,
+            class: q(["dropdown-item", { selected: r.selectedValue === s.value }]),
             onMousedown: Be((c) => i.selectOption(s), ["prevent"]),
             innerHTML: i.highlightMatch(s.label)
-          }, null, 42, Qn))), 128))
+          }, null, 42, Qo))), 128))
         ], 4)) : R("", !0),
         r.showDropdown && r.searchText && i.filteredOptions.length === 0 ? (m(), y("div", {
           key: 1,
           class: "dropdown-list",
-          style: Ee(i.dropdownStyle)
-        }, [...o[6] || (o[6] = [
+          style: De(i.dropdownStyle)
+        }, [...n[6] || (n[6] = [
           t("div", { class: "dropdown-item no-results" }, "No matches found", -1)
         ])], 4)) : R("", !0)
       ]))
     ])
   ]);
 }
-const Nn = /* @__PURE__ */ Y(qn, [["render", Bn], ["__scopeId", "data-v-660a47c4"]]), Pn = J({
+const No = /* @__PURE__ */ Y(qo, [["render", Bo], ["__scopeId", "data-v-660a47c4"]]), Po = J({
   name: "DashboardFilter",
   components: {
-    DashboardDataSelector: Nn,
-    ErrorMessage: Ie,
-    LoadingView: $e
+    DashboardDataSelector: No,
+    ErrorMessage: Te,
+    LoadingView: Ie
   },
   props: {
     dashboardId: {
@@ -1594,79 +1594,79 @@ const Nn = /* @__PURE__ */ Y(qn, [["render", Bn], ["__scopeId", "data-v-660a47c4
       required: !0
     }
   },
-  setup(e, { emit: o }) {
-    const n = p(() => e.getItemData(e.itemId, e.dashboardId)), l = p(() => n.value.content), r = p(() => n.value.results || null), i = p(() => n.value.loading || !1), s = p(() => n.value.error || null), f = p(() => n.value.filters || []), c = p(() => n.value.loadStartTime || null), a = p(() => (n.value.height || 300) - 75), v = p(() => (n.value.width || 300) - 100), E = p(() => n.value.onRefresh || null), C = j("connectionStore"), D = j("analyticsStore");
-    if (!C)
+  setup(e, { emit: n }) {
+    const o = p(() => e.getItemData(e.itemId, e.dashboardId)), l = p(() => o.value.content), r = p(() => o.value.results || null), i = p(() => o.value.loading || !1), s = p(() => o.value.error || null), h = p(() => o.value.filters || []), c = p(() => o.value.loadStartTime || null), a = p(() => (o.value.height || 300) - 75), v = p(() => (o.value.width || 300) - 100), k = p(() => o.value.onRefresh || null), b = j("connectionStore"), E = j("analyticsStore");
+    if (!b)
       throw new Error("Connection store not found!");
     const {
       chartContainer: V,
-      ready: k,
+      ready: S,
       showLoading: M,
-      controlsVisible: T,
-      handleLocalRefresh: H,
-      onChartMouseEnter: K,
-      onChartMouseLeave: O
-    } = Le({
+      controlsVisible: I,
+      handleLocalRefresh: O,
+      onChartMouseEnter: P,
+      onChartMouseLeave: B
+    } = $e({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: l,
       results: r,
       loading: i,
-      onRefresh: E,
+      onRefresh: k,
       getDashboardQueryExecutor: e.getDashboardQueryExecutor,
-      analyticsStore: D,
+      analyticsStore: E,
       analyticsEvent: "dashboard-filter-execution",
       analyticsType: "FILTER"
     });
     return {
       chartContainer: V,
       results: r,
-      ready: k,
+      ready: S,
       loading: i,
       showLoading: M,
       error: s,
-      filters: f,
+      filters: h,
       query: l,
       chartHeight: a,
       chartWidth: v,
-      onRefresh: E,
-      handleLocalRefresh: H,
+      onRefresh: k,
+      handleLocalRefresh: O,
       startTime: c,
-      handleDimensionClick: (B) => {
-        o("dimension-click", {
+      handleDimensionClick: (A) => {
+        n("dimension-click", {
           source: e.itemId,
-          filters: B.filters,
-          chart: B.chart,
-          append: B.append
+          filters: A.filters,
+          chart: A.chart,
+          append: A.append
         });
       },
       handleBackgroundClick: () => {
-        o("background-click");
+        n("background-click");
       },
-      controlsVisible: T,
-      onChartMouseEnter: K,
-      onChartMouseLeave: O
+      controlsVisible: I,
+      onChartMouseEnter: P,
+      onChartMouseLeave: B
     };
   }
-}), Kn = {
+}), Ko = {
   key: 2,
   class: "loading-overlay"
 };
-function Wn(e, o, n, l, r, i) {
-  const s = X("ErrorMessage"), f = X("dashboard-data-selector"), c = X("LoadingView");
+function Wo(e, n, o, l, r, i) {
+  const s = Z("ErrorMessage"), h = Z("dashboard-data-selector"), c = Z("LoadingView");
   return m(), y("div", {
     ref: "chartContainer",
-    class: A(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
-    onMouseenter: o[0] || (o[0] = (...a) => e.onChartMouseEnter && e.onChartMouseEnter(...a)),
-    onMouseleave: o[1] || (o[1] = (...a) => e.onChartMouseLeave && e.onChartMouseLeave(...a))
+    class: q(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
+    onMouseenter: n[0] || (n[0] = (...a) => e.onChartMouseEnter && e.onChartMouseEnter(...a)),
+    onMouseleave: n[1] || (n[1] = (...a) => e.onChartMouseLeave && e.onChartMouseLeave(...a))
   }, [
-    e.error && !e.loading ? (m(), G(s, {
+    e.error && !e.loading ? (m(), _(s, {
       key: 0,
       compact: !0,
       details: e.error,
       query: e.query,
       filters: e.filters
-    }, null, 8, ["details", "query", "filters"])) : e.results && e.ready ? (m(), G(f, {
+    }, null, 8, ["details", "query", "filters"])) : e.results && e.ready ? (m(), _(h, {
       key: 1,
       id: `${e.itemId}-${e.dashboardId}`,
       headers: e.results.headers,
@@ -1677,7 +1677,7 @@ function Wn(e, o, n, l, r, i) {
       onCellClick: e.handleDimensionClick,
       onBackgroundClick: e.handleBackgroundClick
     }, null, 8, ["id", "headers", "results", "containerHeight", "onCellClick", "onBackgroundClick"])) : R("", !0),
-    e.loading && e.showLoading ? (m(), y("div", Kn, [
+    e.loading && e.showLoading ? (m(), y("div", Ko, [
       z(c, {
         startTime: e.startTime,
         text: "",
@@ -1686,25 +1686,25 @@ function Wn(e, o, n, l, r, i) {
     ])) : R("", !0)
   ], 34);
 }
-const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e"]]), jn = ["data-testid"], Gn = ["data-testid"], _n = ["data-testid"], zn = ["data-testid"], Jn = {
+const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e"]]), jo = ["data-testid"], _o = ["data-testid"], Go = ["data-testid"], zo = ["data-testid"], Jo = {
   key: 1,
   class: "grid-item-header"
-}, Yn = { class: "grid-item-header-left" }, Zn = {
+}, Yo = { class: "grid-item-header-left" }, Zo = {
   key: 0,
   class: "drag-handle-icon grid-item-drag-handle"
-}, Xn = { class: "item-title-container no-drag" }, eo = ["title"], to = { class: "item-title-text" }, no = {
+}, Xo = { class: "item-title-container no-drag" }, en = ["title"], tn = { class: "item-title-text" }, on = {
   key: 0,
   class: "mdi mdi-pencil-outline edit-indicator"
-}, oo = ["id", "placeholder"], io = { class: "grid-item-header-right" }, ro = {
+}, nn = ["id", "placeholder"], rn = { class: "grid-item-header-right" }, ln = {
   key: 0,
   class: "header-filters no-drag"
-}, lo = ["title"], ao = { class: "filter-content" }, so = { class: "filter-source" }, uo = { class: "filter-value" }, co = ["onClick", "title"], mo = ["title"], ho = ["title"], fo = { class: "section-header-text" }, vo = ["id", "placeholder"], po = ["data-testid"], yo = ["data-testid"], go = ["data-testid"], bo = ["data-testid", "title"], Co = {
+}, an = { class: "header-filter-chip" }, sn = { class: "filter-content" }, dn = { class: "filter-source" }, un = { class: "filter-value" }, cn = ["onClick", "title"], mn = { class: "header-filter-chip filter-overflow" }, hn = ["title"], fn = { class: "section-header-text" }, vn = ["id", "placeholder"], pn = ["data-testid"], yn = ["data-testid"], gn = ["data-testid"], bn = ["data-testid", "title"], Cn = {
   key: 0,
   class: "mdi mdi-filter-remove-outline icon"
-}, wo = {
+}, wn = {
   key: 1,
   class: "mdi mdi-filter-outline icon"
-}, ko = ["data-testid"], So = ["data-testid"], Do = /* @__PURE__ */ J({
+}, kn = ["data-testid"], Sn = ["data-testid"], Dn = /* @__PURE__ */ J({
   __name: "DashboardGridItem",
   props: {
     dashboardId: {},
@@ -1716,94 +1716,90 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
     setItemData: { type: Function }
   },
   emits: ["edit-content", "update-dimensions", "dimension-click", "background-click", "remove-filter", "remove-item", "copy-item"],
-  setup(e, { emit: o }) {
-    const n = e, l = o, r = S(!1), i = S(""), s = S(!1), f = S(!1), c = S(null), a = S(null);
-    function v(W) {
-      return W.replace(/'''/g, "'").replace("local.", "");
-    }
-    function E(W, q = 1e3) {
-      const P = v(W);
-      return P.length <= q ? P : P.substring(0, q) + "...";
-    }
-    function C() {
-      if (!n.editMode) return;
-      const W = n.getItemData(n.item.i, n.dashboardId);
-      s.value = !1, f.value = !1, r.value = !0, i.value = W.name, setTimeout(() => {
-        const q = document.getElementById(`title-input-${n.item.i}`);
-        q && q.focus();
+  setup(e, { emit: n }) {
+    const o = e, l = n, r = D(!1), i = D(""), s = D(!1), h = D(!1), c = D(null), a = D(null);
+    function v(K) {
+      return K.replace(/'''/g, "'").replace("local.", "");
+    }
+    function k() {
+      if (!o.editMode) return;
+      const K = o.getItemData(o.item.i, o.dashboardId);
+      s.value = !1, h.value = !1, r.value = !0, i.value = K.name, setTimeout(() => {
+        const x = document.getElementById(`title-input-${o.item.i}`);
+        x && x.focus();
       }, 0);
     }
-    function D() {
+    function b() {
       if (r.value) {
-        const W = n.getItemData(n.item.i, n.dashboardId), q = i.value.trim() || W.name;
-        n.setItemData(n.item.i, n.dashboardId, { name: q }), r.value = !1;
+        const K = o.getItemData(o.item.i, o.dashboardId), x = i.value.trim() || K.name;
+        o.setItemData(o.item.i, o.dashboardId, { name: x }), r.value = !1;
       }
     }
-    function V() {
-      const q = !n.getItemData(n.item.i, n.dashboardId).allowCrossFilter;
-      n.setItemData(n.item.i, n.dashboardId, {
-        allowCrossFilter: q
+    function E() {
+      const x = !o.getItemData(o.item.i, o.dashboardId).allowCrossFilter;
+      o.setItemData(o.item.i, o.dashboardId, {
+        allowCrossFilter: x
       });
     }
-    function k() {
-      const W = n.item.h + 1;
-      n.setItemData(n.item.i, n.dashboardId, {
+    function V() {
+      const K = o.item.h + 1;
+      o.setItemData(o.item.i, o.dashboardId, {
         dimensions: {
-          width: n.item.w,
-          height: W
+          width: o.item.w,
+          height: K
         }
       });
     }
-    function M() {
-      const W = Math.max(1, n.item.h - 1);
-      n.setItemData(n.item.i, n.dashboardId, {
+    function S() {
+      const K = Math.max(1, o.item.h - 1);
+      o.setItemData(o.item.i, o.dashboardId, {
         dimensions: {
-          width: n.item.w,
-          height: W
+          width: o.item.w,
+          height: K
         }
       });
     }
-    function T() {
+    function M() {
       r.value = !1;
     }
-    function H() {
-      if (h.value) {
-        C();
+    function I() {
+      if (C.value) {
+        k();
         return;
       }
-      l("edit-content", n.item);
-    }
-    function K() {
-      confirm(`Are you sure you want to remove "${b.value.name}"?`) && l("remove-item", n.item.i);
+      l("edit-content", o.item);
     }
     function O() {
-      l("copy-item", n.item.i);
+      confirm(`Are you sure you want to remove "${A.value.name}"?`) && l("remove-item", o.item.i);
+    }
+    function P() {
+      l("copy-item", o.item.i);
     }
-    function $(W) {
-      l("dimension-click", W);
+    function B(K) {
+      l("dimension-click", K);
     }
-    function g() {
-      l("background-click", n.item.i);
+    function L() {
+      l("background-click", o.item.i);
     }
-    function B(W) {
-      l("remove-filter", n.item.i, W);
+    function g(K) {
+      l("remove-filter", o.item.i, K);
     }
-    const b = p(() => n.getItemData(n.item.i, n.dashboardId)), h = p(() => b.value.type === w.SECTION_HEADER), I = p(() => {
-      switch (b.value.type) {
+    const A = p(() => o.getItemData(o.item.i, o.dashboardId)), C = p(() => A.value.type === w.SECTION_HEADER), f = p(() => {
+      switch (A.value.type) {
         case w.CHART:
-          return En;
+          return Eo;
         case w.TABLE:
-          return An;
+          return Ao;
         case w.FILTER:
-          return Un;
+          return Uo;
         case w.SECTION_HEADER:
           return null;
         case w.MARKDOWN:
         default:
-          return $n;
+          return $o;
       }
-    }), Z = p(() => {
-      switch (b.value.type) {
+    }), T = p(() => {
+      switch (A.value.type) {
         case w.CHART:
           return "Chart Name";
         case w.TABLE:
@@ -1816,50 +1812,50 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
         default:
           return "Note Name";
       }
-    }), re = p(() => [w.CHART, w.TABLE, w.MARKDOWN].includes(b.value.type)), U = p(() => b.value.filters ? b.value.filters.length : 0), Ce = p(() => (b.value.filters || []).slice(0, 2)), ve = p(() => Math.max(0, U.value - Ce.value.length));
-    function _(W, q) {
-      var ke;
-      const P = W == null ? void 0 : W.trim();
-      if (!P)
-        return { text: q, level: 3 };
-      const le = P.match(/^(#{1,3})\s*(.+)$/);
+    }), te = p(() => [w.CHART, w.TABLE, w.MARKDOWN].includes(A.value.type)), ne = p(() => A.value.filters ? A.value.filters.length : 0), U = p(() => (A.value.filters || []).slice(0, 2)), pe = p(() => Math.max(0, ne.value - U.value.length));
+    function ke(K, x) {
+      var Se;
+      const W = K == null ? void 0 : K.trim();
+      if (!W)
+        return { text: x, level: 3 };
+      const le = W.match(/^(#{1,3})\s*(.+)$/);
       if (!le)
-        return { text: P, level: 3 };
-      const we = (ke = le[2]) == null ? void 0 : ke.trim();
-      return we ? {
-        text: we,
+        return { text: W, level: 3 };
+      const he = (Se = le[2]) == null ? void 0 : Se.trim();
+      return he ? {
+        text: he,
         level: le[1].length
-      } : { text: P, level: 3 };
+      } : { text: W, level: 3 };
+    }
+    const G = p(() => ke(A.value.name, T.value)), oe = p(() => G.value.text), re = p(() => `item-title-level-${G.value.level}`), X = p(() => s.value && !r.value && !h.value);
+    function Le() {
+      X.value && (h.value = !0, s.value = !1);
     }
-    const oe = p(() => _(b.value.name, Z.value)), ee = p(() => oe.value.text), te = p(() => `item-title-level-${oe.value.level}`), pe = p(() => s.value && !r.value && !f.value);
     function Me() {
-      pe.value && (f.value = !0, s.value = !1);
+      s.value = !0, h.value = !1;
     }
     function Re() {
-      s.value = !0, f.value = !1;
+      s.value = !1, h.value = !1;
     }
-    function Ae() {
-      s.value = !1, f.value = !1;
-    }
-    return xe([c, a], Me, {
-      enabled: () => pe.value,
+    return Fe([c, a], Le, {
+      enabled: () => X.value,
       eventName: "mousedown"
-    }), (W, q) => (m(), y("div", {
-      class: A(["grid-item-content", {
+    }), (K, x) => (m(), y("div", {
+      class: q(["grid-item-content", {
         "grid-item-chart-style": [ie(w).CHART, ie(w).TABLE, ie(w).FILTER].includes(
           //@ts-ignore
-          b.value.type
+          A.value.type
         ),
-        "grid-item-section-header-style": h.value,
+        "grid-item-section-header-style": C.value,
         "grid-item-edit-style": e.editMode
       }]),
       "data-testid": `dashboard-component-${e.item.i}`,
-      onMouseenter: Re,
-      onMouseleave: Ae
+      onMouseenter: Me,
+      onMouseleave: Re
     }, [
-      e.editMode && h.value ? (m(), y("div", {
+      e.editMode && C.value ? (m(), y("div", {
         key: 0,
-        class: A(["dev-toolbar-shell", { "dev-toolbar-visible": pe.value }])
+        class: q(["dev-toolbar-shell", { "dev-toolbar-visible": X.value }])
       }, [
         t("div", {
           ref_key: "devToolbarRef",
@@ -1868,34 +1864,34 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
           "data-testid": "dashboard-item-header-controls"
         }, [
           t("button", {
-            onClick: H,
+            onClick: I,
             class: "control-btn",
             "data-testid": `edit-dashboard-item-content-${e.item.i}`,
             title: "Edit title"
-          }, [...q[2] || (q[2] = [
+          }, [...x[2] || (x[2] = [
             t("i", { class: "mdi mdi-pencil-outline icon" }, null, -1)
-          ])], 8, Gn),
+          ])], 8, _o),
           t("button", {
-            onClick: O,
+            onClick: P,
             class: "control-btn",
             "data-testid": `copy-dashboard-item-${e.item.i}`,
             title: "Copy item"
-          }, [...q[3] || (q[3] = [
+          }, [...x[3] || (x[3] = [
             t("i", { class: "mdi mdi-content-copy icon" }, null, -1)
-          ])], 8, _n),
+          ])], 8, Go),
           t("button", {
-            onClick: K,
+            onClick: O,
             class: "control-btn dashboard-remove-btn",
             "data-testid": `remove-dashboard-item-${e.item.i}`,
             title: "Remove item"
-          }, [...q[4] || (q[4] = [
+          }, [...x[4] || (x[4] = [
             t("i", { class: "mdi mdi-delete-outline icon" }, null, -1)
-          ])], 8, zn)
+          ])], 8, zo)
         ], 512)
       ], 2)) : R("", !0),
-      h.value ? R("", !0) : (m(), y("div", Jn, [
-        t("div", Yn, [
-          e.editMode ? (m(), y("div", Zn, [...q[5] || (q[5] = [
+      C.value ? R("", !0) : (m(), y("div", Jo, [
+        t("div", Yo, [
+          e.editMode ? (m(), y("div", Zo, [...x[5] || (x[5] = [
             t("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "16",
@@ -1928,99 +1924,109 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
               })
             ], -1)
           ])])) : R("", !0),
-          t("div", Xn, [
+          t("div", Xo, [
             r.value ? ue((m(), y("input", {
               key: 1,
               id: `title-input-${e.item.i}`,
-              "onUpdate:modelValue": q[0] || (q[0] = (P) => i.value = P),
-              onBlur: D,
+              "onUpdate:modelValue": x[0] || (x[0] = (W) => i.value = W),
+              onBlur: b,
               onKeyup: [
-                ye(D, ["enter"]),
-                ye(T, ["esc"])
+                ye(b, ["enter"]),
+                ye(M, ["esc"])
               ],
               class: "title-input",
               type: "text",
-              placeholder: Z.value
-            }, null, 40, oo)), [
-              [fe, i.value]
+              placeholder: T.value
+            }, null, 40, nn)), [
+              [ve, i.value]
             ]) : (m(), y("div", {
               key: 0,
-              class: A(["item-title editable-title", [te.value, { "item-title-static": !e.editMode }]]),
-              title: ee.value,
-              onClick: C
+              class: q(["item-title editable-title", [re.value, { "item-title-static": !e.editMode }]]),
+              title: oe.value,
+              onClick: k
             }, [
-              t("span", to, N(ee.value), 1),
-              e.editMode ? (m(), y("i", no)) : R("", !0)
-            ], 10, eo))
+              t("span", tn, N(oe.value), 1),
+              e.editMode ? (m(), y("i", on)) : R("", !0)
+            ], 10, en))
           ])
         ]),
-        t("div", io, [
-          re.value && U.value > 0 ? (m(), y("div", ro, [
-            (m(!0), y(me, null, be(Ce.value, (P, le) => (m(), y("div", {
-              key: `${P.source}-${P.value}-${le}`,
-              class: "header-filter-chip",
-              title: v(P.value)
-            }, [
-              t("span", ao, [
-                t("span", so, N(P.source === "global" ? P.source : "cross") + ": ", 1),
-                t("span", uo, N(E(P.value, 40)), 1)
+        t("div", rn, [
+          te.value && ne.value > 0 ? (m(), y("div", ln, [
+            (m(!0), y(me, null, Ce(U.value, (W, le) => (m(), _(ge, {
+              key: `${W.source}-${W.value}-${le}`,
+              content: v(W.value),
+              position: "bottom"
+            }, {
+              default: ee(() => [
+                t("div", an, [
+                  t("span", sn, [
+                    t("span", dn, N(W.source === "global" ? W.source : "cross") + ": ", 1),
+                    t("span", un, N(W.value), 1)
+                  ]),
+                  e.editMode && W.source !== "global" ? (m(), y("button", {
+                    key: 0,
+                    class: "filter-remove-btn",
+                    onClick: (he) => g(W.source),
+                    title: `Remove ${W.source} filter`
+                  }, " x ", 8, cn)) : R("", !0)
+                ])
               ]),
-              e.editMode && P.source !== "global" ? (m(), y("button", {
-                key: 0,
-                class: "filter-remove-btn",
-                onClick: (we) => B(P.source),
-                title: `Remove ${P.source} filter`
-              }, " x ", 8, co)) : R("", !0)
-            ], 8, lo))), 128)),
-            ve.value > 0 ? (m(), y("div", {
+              _: 2
+            }, 1032, ["content"]))), 128)),
+            pe.value > 0 ? (m(), _(ge, {
               key: 0,
-              class: "header-filter-chip filter-overflow",
-              title: `${ve.value} more filter(s)`
-            }, " +" + N(ve.value), 9, mo)) : R("", !0)
+              content: `${pe.value} more filter(s)`,
+              position: "bottom"
+            }, {
+              default: ee(() => [
+                t("div", mn, " +" + N(pe.value), 1)
+              ]),
+              _: 1
+            }, 8, ["content"])) : R("", !0)
           ])) : R("", !0)
         ])
       ])),
       t("div", {
-        class: A(["content-area", { "section-header-content": h.value }])
+        class: q(["content-area", { "section-header-content": C.value }])
       }, [
-        h.value ? (m(), y(me, { key: 0 }, [
+        C.value ? (m(), y(me, { key: 0 }, [
           r.value ? ue((m(), y("input", {
             key: 1,
             id: `title-input-${e.item.i}`,
-            "onUpdate:modelValue": q[1] || (q[1] = (P) => i.value = P),
-            onBlur: D,
+            "onUpdate:modelValue": x[1] || (x[1] = (W) => i.value = W),
+            onBlur: b,
             onKeyup: [
-              ye(D, ["enter"]),
-              ye(T, ["esc"])
+              ye(b, ["enter"]),
+              ye(M, ["esc"])
             ],
             class: "title-input section-header-input no-drag",
             type: "text",
-            placeholder: Z.value
-          }, null, 40, vo)), [
-            [fe, i.value]
+            placeholder: T.value
+          }, null, 40, vn)), [
+            [ve, i.value]
           ]) : (m(), y("div", {
             key: 0,
-            class: A(["section-header-display no-drag", [te.value, { "section-header-editable": e.editMode }]]),
-            title: ee.value,
-            onClick: C
+            class: q(["section-header-display no-drag", [re.value, { "section-header-editable": e.editMode }]]),
+            title: oe.value,
+            onClick: k
           }, [
-            t("span", fo, N(ee.value), 1)
-          ], 10, ho))
-        ], 64)) : (m(), G(it(I.value), {
+            t("span", fn, N(oe.value), 1)
+          ], 10, hn))
+        ], 64)) : (m(), _(it(f.value), {
           key: 1,
-          dashboardId: n.dashboardId,
+          dashboardId: o.dashboardId,
           itemId: e.item.i,
           setItemData: e.setItemData,
           getItemData: e.getItemData,
           getDashboardQueryExecutor: e.getDashboardQueryExecutor,
           editMode: e.editMode,
-          symbols: n.symbols || [],
-          onDimensionClick: $,
-          onBackgroundClick: g
+          symbols: o.symbols || [],
+          onDimensionClick: B,
+          onBackgroundClick: L
         }, null, 40, ["dashboardId", "itemId", "setItemData", "getItemData", "getDashboardQueryExecutor", "editMode", "symbols"])),
-        e.editMode && !h.value ? (m(), y("div", {
+        e.editMode && !C.value ? (m(), y("div", {
           key: 2,
-          class: A(["content-edit-overlay no-drag", { "content-edit-overlay-visible": pe.value }])
+          class: q(["content-edit-overlay no-drag", { "content-edit-overlay-visible": X.value }])
         }, [
           t("div", {
             ref_key: "contentEditToolbarRef",
@@ -2029,73 +2035,73 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
             "data-testid": "dashboard-item-header-controls"
           }, [
             t("button", {
-              onClick: k,
+              onClick: V,
               class: "control-btn",
               "data-testid": `increase-height-item-${e.item.i}`,
               title: "Increase height"
-            }, [...q[6] || (q[6] = [
+            }, [...x[6] || (x[6] = [
               t("i", { class: "mdi mdi-plus icon" }, null, -1)
-            ])], 8, po),
+            ])], 8, pn),
             t("button", {
-              onClick: M,
+              onClick: S,
               class: "control-btn",
               "data-testid": `decrease-height-item-${e.item.i}`,
               title: "Decrease height"
-            }, [...q[7] || (q[7] = [
+            }, [...x[7] || (x[7] = [
               t("i", { class: "mdi mdi-minus icon" }, null, -1)
-            ])], 8, yo),
+            ])], 8, yn),
             t("button", {
-              onClick: H,
+              onClick: I,
               class: "control-btn",
               "data-testid": `edit-dashboard-item-content-${e.item.i}`,
               title: "Edit data"
-            }, [...q[8] || (q[8] = [
+            }, [...x[8] || (x[8] = [
               t("i", { class: "mdi mdi-database-edit-outline icon" }, null, -1)
-            ])], 8, go),
+            ])], 8, gn),
             t("button", {
-              onClick: V,
+              onClick: E,
               class: "control-btn",
               "data-testid": `toggle-crossfilter-item-content-${e.item.i}`,
-              title: b.value.allowCrossFilter ? "Toggle cross-filtering OFF" : "Toggle cross-filtering ON"
+              title: A.value.allowCrossFilter ? "Toggle cross-filtering OFF" : "Toggle cross-filtering ON"
             }, [
-              b.value.allowCrossFilter ? (m(), y("i", Co)) : (m(), y("i", wo))
-            ], 8, bo),
+              A.value.allowCrossFilter ? (m(), y("i", Cn)) : (m(), y("i", wn))
+            ], 8, bn),
             t("button", {
-              onClick: O,
+              onClick: P,
               class: "control-btn",
               "data-testid": `copy-dashboard-item-${e.item.i}`,
               title: "Copy item"
-            }, [...q[9] || (q[9] = [
+            }, [...x[9] || (x[9] = [
               t("i", { class: "mdi mdi-content-copy icon" }, null, -1)
-            ])], 8, ko),
+            ])], 8, kn),
             t("button", {
-              onClick: K,
+              onClick: O,
               class: "control-btn dashboard-remove-btn",
               "data-testid": `remove-dashboard-item-${e.item.i}`,
               title: "Remove item"
-            }, [...q[10] || (q[10] = [
+            }, [...x[10] || (x[10] = [
               t("i", { class: "mdi mdi-delete-outline icon" }, null, -1)
-            ])], 8, So)
+            ])], 8, Sn)
           ], 512)
         ], 2)) : R("", !0)
       ], 2)
-    ], 42, jn));
+    ], 42, jo));
   }
-}), Wi = /* @__PURE__ */ Y(Do, [["__scopeId", "data-v-354fb06e"]]), Eo = { class: "add-item-content" }, To = {
+}), Wi = /* @__PURE__ */ Y(Dn, [["__scopeId", "data-v-e9a214db"]]), En = { class: "add-item-content" }, Tn = {
   class: "item-type-grid",
   role: "radiogroup",
   "aria-label": "Dashboard item type"
-}, Io = ["data-testid"], $o = ["value", "data-testid"], Lo = { class: "item-option-card" }, Mo = {
+}, In = ["data-testid"], $n = ["value", "data-testid"], Ln = { class: "item-option-card" }, Mn = {
   class: "item-option-icon",
   "aria-hidden": "true"
-}, Ro = { class: "item-option-text" }, Ao = { class: "item-option-label" }, qo = { class: "item-option-help" }, Fo = /* @__PURE__ */ J({
+}, Rn = { class: "item-option-text" }, An = { class: "item-option-label" }, qn = { class: "item-option-help" }, Fn = /* @__PURE__ */ J({
   __name: "DashboardAddItemModal",
   props: {
     show: { type: Boolean }
   },
   emits: ["add", "close"],
-  setup(e, { emit: o }) {
-    const n = o, l = S(w.CHART), r = [
+  setup(e, { emit: n }) {
+    const o = n, l = D(w.CHART), r = [
       {
         value: w.CHART,
         label: "Chart",
@@ -2133,19 +2139,19 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
       }
     ];
     function i() {
-      n("add", l.value);
+      o("add", l.value);
     }
     function s() {
-      n("close");
+      o("close");
     }
-    return (f, c) => (m(), G(ze, {
+    return (h, c) => (m(), _(ze, {
       show: e.show,
       title: "Add New Item",
       "max-width": "680px",
       "test-id": "dashboard-add-item-modal",
       onClose: s
     }, {
-      footer: ne(() => [
+      footer: ee(() => [
         t("button", {
           class: "cancel-button",
           onClick: s
@@ -2156,13 +2162,13 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
           "data-testid": "dashboard-add-item-confirm"
         }, " Add Item ")
       ]),
-      default: ne(() => [
-        t("div", Eo, [
+      default: ee(() => [
+        t("div", En, [
           c[1] || (c[1] = t("p", { class: "add-item-description" }, "Choose the kind of block you want to add to the dashboard.", -1)),
-          t("div", To, [
-            (m(), y(me, null, be(r, (a) => t("label", {
+          t("div", Tn, [
+            (m(), y(me, null, Ce(r, (a) => t("label", {
               key: a.value,
-              class: A(["item-option", { selected: l.value === a.value }]),
+              class: q(["item-option", { selected: l.value === a.value }]),
               "data-testid": `${a.testId}-option`
             }, [
               ue(t("input", {
@@ -2172,32 +2178,32 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
                 name: "dashboard-add-item-type",
                 value: a.value,
                 "data-testid": a.testId
-              }, null, 8, $o), [
+              }, null, 8, $n), [
                 [rt, l.value]
               ]),
-              t("span", Lo, [
-                t("span", Mo, [
+              t("span", Ln, [
+                t("span", Mn, [
                   t("i", {
-                    class: A(["mdi", a.icon])
+                    class: q(["mdi", a.icon])
                   }, null, 2)
                 ]),
-                t("span", Ro, [
-                  t("span", Ao, N(a.label), 1),
-                  t("span", qo, N(a.description), 1)
+                t("span", Rn, [
+                  t("span", An, N(a.label), 1),
+                  t("span", qn, N(a.description), 1)
                 ])
               ])
-            ], 10, Io)), 64))
+            ], 10, In)), 64))
           ])
         ])
       ]),
       _: 1
     }, 8, ["show"]));
   }
-}), Ui = /* @__PURE__ */ Y(Fo, [["__scopeId", "data-v-ee048740"]]);
-function xo(e = "dark") {
-  const o = e === "light";
-  Te.defineTheme("trilogyStudio", {
-    base: o ? "vs" : "vs-dark",
+}), Ui = /* @__PURE__ */ Y(Fn, [["__scopeId", "data-v-ee048740"]]);
+function xn(e = "dark") {
+  const n = e === "light";
+  Ee.defineTheme("trilogyStudio", {
+    base: n ? "vs" : "vs-dark",
     inherit: !0,
     rules: [
       { token: "comment", foreground: "#6A9955", fontStyle: "italic" },
@@ -2213,25 +2219,25 @@ function xo(e = "dark") {
       { token: "property", foreground: "#BFBFBF" }
     ],
     colors: {
-      "editor.background": o ? "#ffffff" : "#111318",
-      "editor.foreground": o ? "#1f2937" : "#e5e7eb",
-      "editorLineNumber.foreground": o ? "#94a3b8" : "#64748b",
-      "editorLineNumber.activeForeground": o ? "#475569" : "#cbd5e1",
-      "editorGutter.background": o ? "#ffffff" : "#111318",
-      editorLineHighlightBackground: o ? "#f6f8fb" : "#181c22",
-      "editor.selectionBackground": o ? "#dbeafe" : "#1d4ed833",
-      "editor.inactiveSelectionBackground": o ? "#e2e8f0" : "#33415555",
-      "editorCursor.foreground": o ? "#334155" : "#ffffff",
-      "editorCursor.background": o ? "#ffffff" : "#111318",
-      "editorIndentGuide.background1": o ? "#e2e8f0" : "#2a2f37",
-      "editorIndentGuide.activeBackground1": o ? "#cbd5e1" : "#475569",
-      "editorWhitespace.foreground": o ? "#cbd5e1" : "#334155",
-      "editorWidget.background": o ? "#ffffff" : "#111318",
-      "editorWidget.border": o ? "#d6dde6" : "#2a2f37"
-    }
-  }), Te.setTheme("trilogyStudio");
+      "editor.background": n ? "#ffffff" : "#111318",
+      "editor.foreground": n ? "#1f2937" : "#e5e7eb",
+      "editorLineNumber.foreground": n ? "#94a3b8" : "#64748b",
+      "editorLineNumber.activeForeground": n ? "#475569" : "#cbd5e1",
+      "editorGutter.background": n ? "#ffffff" : "#111318",
+      editorLineHighlightBackground: n ? "#f6f8fb" : "#181c22",
+      "editor.selectionBackground": n ? "#dbeafe" : "#1d4ed833",
+      "editor.inactiveSelectionBackground": n ? "#e2e8f0" : "#33415555",
+      "editorCursor.foreground": n ? "#334155" : "#ffffff",
+      "editorCursor.background": n ? "#ffffff" : "#111318",
+      "editorIndentGuide.background1": n ? "#e2e8f0" : "#2a2f37",
+      "editorIndentGuide.activeBackground1": n ? "#cbd5e1" : "#475569",
+      "editorWhitespace.foreground": n ? "#cbd5e1" : "#334155",
+      "editorWidget.background": n ? "#ffffff" : "#111318",
+      "editorWidget.border": n ? "#d6dde6" : "#2a2f37"
+    }
+  }), Ee.setTheme("trilogyStudio");
 }
-function Ho(e, o = {}) {
+function Hn(e, n = {}) {
   const l = { ...{
     automaticLayout: !0,
     autoClosingBrackets: "always",
@@ -2240,37 +2246,37 @@ function Ho(e, o = {}) {
     acceptSuggestionOnEnter: "off",
     tabCompletion: "on",
     theme: "trilogyStudio"
-  }, ...o };
-  return Te.create(e, l);
+  }, ...n };
+  return Ee.create(e, l);
 }
-function Ue(e, o = "") {
+function Ue(e, n = "") {
   var r;
-  if (!e) return o;
-  const n = e.getSelection();
-  let l = n && !(n.startColumn === n.endColumn && n.startLineNumber === n.endLineNumber) ? ((r = e.getModel()) == null ? void 0 : r.getValueInRange(n)) || "" : e.getValue();
-  return l || (l = o), l;
+  if (!e) return n;
+  const o = e.getSelection();
+  let l = o && !(o.startColumn === o.endColumn && o.startLineNumber === o.endLineNumber) ? ((r = e.getModel()) == null ? void 0 : r.getValueInRange(o)) || "" : e.getValue();
+  return l || (l = n), l;
 }
-function Vo(e, o = {}) {
-  const { onValidate: n, onRun: l, onSave: r } = o;
-  if (n && e.addCommand(se.CtrlCmd | se.Shift | he.KeyV, n), l && e.addCommand(se.CtrlCmd | he.Enter, l), r && e.addCommand(se.CtrlCmd | he.KeyS, r), e.addCommand(se.CtrlCmd | he.KeyZ, () => {
+function On(e, n = {}) {
+  const { onValidate: o, onRun: l, onSave: r } = n;
+  if (o && e.addCommand(se.CtrlCmd | se.Shift | fe.KeyV, o), l && e.addCommand(se.CtrlCmd | fe.Enter, l), r && e.addCommand(se.CtrlCmd | fe.KeyS, r), e.addCommand(se.CtrlCmd | fe.KeyZ, () => {
     e.trigger("ide", "undo", {});
-  }), o.onContentChange) {
+  }), n.onContentChange) {
     let i = null;
     e.onDidChangeModelContent(() => {
       var s;
-      (s = o.onContentChange) == null || s.call(o, e.getValue()), i && clearTimeout(i), i = setTimeout(() => {
-        var f;
-        e.hasTextFocus() && !((f = e.getSelection()) != null && f.isEmpty()) && e.trigger("completion", "editor.action.triggerSuggest", { auto: !0 });
+      (s = n.onContentChange) == null || s.call(n, e.getValue()), i && clearTimeout(i), i = setTimeout(() => {
+        var h;
+        e.hasTextFocus() && !((h = e.getSelection()) != null && h.isEmpty()) && e.trigger("completion", "editor.action.triggerSuggest", { auto: !0 });
       }, 200);
     });
   }
 }
 let F = null;
-const Oo = J({
+const Vn = J({
   name: "EnhancedEditor",
   components: {
     SymbolsPane: Dt,
-    LoadingView: $e
+    LoadingView: Ie
   },
   props: {
     onSave: {
@@ -2320,11 +2326,11 @@ const Oo = J({
     };
   },
   setup() {
-    const e = j("queryExecutionService"), o = j("connectionStore"), n = j("isMobile"), l = j("llmConnectionStore"), r = j("analyticsStore"), i = ut();
+    const e = j("queryExecutionService"), n = j("connectionStore"), o = j("isMobile"), l = j("llmConnectionStore"), r = j("analyticsStore"), i = ut();
     return {
       queryExecutionService: e,
-      connectionStore: o,
-      isMobile: n,
+      connectionStore: n,
+      isMobile: o,
       llmConnectionStore: l,
       analyticsStore: r,
       userSettingsStore: i
@@ -2351,12 +2357,12 @@ const Oo = J({
   },
   methods: {
     getResolvedTheme() {
-      var n;
-      const e = this.theme === "light" || this.theme === "dark" ? this.theme : "", o = ((n = this.userSettingsStore) == null ? void 0 : n.settings.theme) || "";
-      return (e || o || "dark") === "light" ? "light" : "dark";
+      var o;
+      const e = this.theme === "light" || this.theme === "dark" ? this.theme : "", n = ((o = this.userSettingsStore) == null ? void 0 : o.settings.theme) || "";
+      return (e || n || "dark") === "light" ? "light" : "dark";
     },
     applyEditorTheme() {
-      xo(this.getResolvedTheme());
+      xn(this.getResolvedTheme());
     },
     // New methods for panel management
     togglePanel(e) {
@@ -2380,19 +2386,19 @@ const Oo = J({
       }
     },
     createEditor() {
-      this.applyEditorTheme(), F = Ho(this.$refs.editorElement, {
+      this.applyEditorTheme(), F = Hn(this.$refs.editorElement, {
         value: this.editor.contents || "",
         language: this.editor.type === "sql" ? "sql" : "trilogy"
-      }), Vo(F, {
+      }), On(F, {
         onValidate: () => this.validateQuery(),
         onRun: () => this.runQuery(),
         onGenerateLLM: () => this.generateLLMQuery()
         // Add LLM generation shortcut
-      }), F.addCommand(se.CtrlCmd | he.Space, () => {
+      }), F.addCommand(se.CtrlCmd | fe.Space, () => {
         this.togglePanel("symbols");
-      }), F.addCommand(se.CtrlCmd | se.Shift | he.Enter, () => {
+      }), F.addCommand(se.CtrlCmd | se.Shift | fe.Enter, () => {
         this.generateLLMQuery();
-      }), this.editor.type !== "sql" && (F.addCommand(se.CtrlCmd | he.KeyK, () => {
+      }), this.editor.type !== "sql" && (F.addCommand(se.CtrlCmd | fe.KeyK, () => {
         this.formatQuery();
       }), F.addAction({
         id: "trilogy.simple-editor.format-query",
@@ -2413,14 +2419,14 @@ const Oo = J({
     },
     insertSymbol(e) {
       if (!F) return;
-      const o = F.getPosition();
-      o && e.insertText && (F.executeEdits("", [
+      const n = F.getPosition();
+      n && e.insertText && (F.executeEdits("", [
         {
           range: new St(
-            o.lineNumber,
-            o.column,
-            o.lineNumber,
-            o.column
+            n.lineNumber,
+            n.column,
+            n.lineNumber,
+            n.column
           ),
           text: e.insertText
         }
@@ -2428,23 +2434,23 @@ const Oo = J({
     },
     async validateQuery(e = !0) {
       if (!F) return [];
-      const o = this.connectionStore, n = this.queryExecutionService;
+      const n = this.connectionStore, o = this.queryExecutionService;
       try {
         this.editor.setError(null);
-        const l = F.getValue(), r = o.connections[this.editor.connection], i = {
+        const l = F.getValue(), r = n.connections[this.editor.connection], i = {
           text: l,
           queryType: r ? r.query_type : "trilogy",
           editorType: this.editor.type,
           sources: [],
           imports: this.imports,
           extraContent: this.rootContent
-        }, s = await n.validateQuery(
+        }, s = await o.validateQuery(
           this.editor.connection,
           i
         );
         if (s && e) {
-          const f = F.getModel();
-          f && Te.setModelMarkers(f, "owner", s.data.items || []), s.data.completion_items && (this.editor.completionSymbols = s.data.completion_items);
+          const h = F.getModel();
+          h && Ee.setModelMarkers(h, "owner", s.data.items || []), s.data.completion_items && (this.editor.completionSymbols = s.data.completion_items);
         }
         return s ? s.data.imports : [];
       } catch (l) {
@@ -2453,14 +2459,14 @@ const Oo = J({
     },
     async formatQuery() {
       var r;
-      const e = F, o = Ue(e, this.editor.contents);
-      if (!o || !e) return;
-      let n = (r = this.connectionStore) == null ? void 0 : r.connections[this.editor.connection], l = this.queryExecutionService;
+      const e = F, n = Ue(e, this.editor.contents);
+      if (!n || !e) return;
+      let o = (r = this.connectionStore) == null ? void 0 : r.connections[this.editor.connection], l = this.queryExecutionService;
       if (l)
         try {
           const i = await l.formatQuery(
-            o,
-            n ? n.query_type : "",
+            n,
+            o ? o.query_type : "",
             this.editor.type,
             this.imports,
             this.rootContent
@@ -2477,43 +2483,43 @@ const Oo = J({
       var r, i, s;
       this.$emit("query-started"), this.editor.setError(null);
       let e = !1;
-      const o = this.connectionStore, n = this.queryExecutionService, l = F;
+      const n = this.connectionStore, o = this.queryExecutionService, l = F;
       if (!(this.editor.loading || !l))
         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 f = o.connections[this.editor.connection], c = Ue(l, this.editor.contents);
+          const h = n.connections[this.editor.connection], c = Ue(l, this.editor.contents);
           if (!c) {
             this.editor.results = new We(/* @__PURE__ */ new Map(), []), this.editor.loading = !1;
             return;
           }
           const a = {
             text: c,
-            queryType: f ? f.query_type : "",
+            queryType: h ? h.query_type : "",
             editorType: this.editor.type,
             imports: this.imports,
             extraContent: this.rootContent
-          }, { resultPromise: v, cancellation: E } = await n.executeQuery(
+          }, { resultPromise: v, cancellation: k } = await o.executeQuery(
             this.editor.connection,
             a,
             // Progress callback for connection issues
             () => {
             },
-            (D) => {
-              !e && D.error && (this.editor.loading = !1, D.message && this.editor.setError(D.message)), !e && D.running && (this.editor.error = null, this.editor.loading = !0);
+            (E) => {
+              !e && E.error && (this.editor.loading = !1, E.message && this.editor.setError(E.message)), !e && E.running && (this.editor.error = null, this.editor.loading = !0);
             }
           );
           this.editor.cancelCallback = () => {
-            E.isActive() && E.cancel(), this.editor.loading = !1, this.editor.cancelCallback = null;
+            k.isActive() && k.cancel(), this.editor.loading = !1, this.editor.cancelCallback = null;
           };
-          const C = await v;
+          const b = await v;
           e = !0, this.lastOperation = {
-            success: C.success,
-            duration: C.executionTime,
-            rows: (r = C.results) != null && r.data ? (s = (i = C.results) == null ? void 0 : i.data) == null ? void 0 : s.length : void 0,
+            success: b.success,
+            duration: b.executionTime,
+            rows: (r = b.results) != null && r.data ? (s = (i = b.results) == null ? void 0 : i.data) == null ? void 0 : s.length : void 0,
             type: this.editor.type
-          }, C.success ? (this.editor.executed_contents = c, C.generatedSql && (this.editor.generated_sql = C.generatedSql), C.results && (this.editor.results = C.results, this.editor.duration = C.executionTime)) : C.error && (this.editor.executed_contents = c, this.editor.setError(C.error));
-        } catch (f) {
-          f instanceof Error && this.editor.setError(f.message || "Query execution failed"), this.lastOperation = {
+          }, b.success ? (this.editor.executed_contents = c, b.generatedSql && (this.editor.generated_sql = b.generatedSql), b.results && (this.editor.results = b.results, this.editor.duration = b.executionTime)) : b.error && (this.editor.executed_contents = c, this.editor.setError(b.error));
+        } catch (h) {
+          h instanceof Error && this.editor.setError(h.message || "Query execution failed"), this.lastOperation = {
             success: !1,
             duration: 0,
             type: this.editor.type
@@ -2525,7 +2531,7 @@ const Oo = J({
     // Add the LLM query generation method
     async generateLLMQuery() {
       if (this.editor.loading || !F) return;
-      const e = this.llmConnectionStore, o = this.queryExecutionService, n = this.connectionStore;
+      const e = this.llmConnectionStore, n = this.queryExecutionService, o = this.connectionStore;
       if (!e) {
         this.editor.setError("LLM connection store not available");
         return;
@@ -2535,29 +2541,29 @@ const Oo = J({
         const l = F.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 r = this.editor.completionSymbols.map((f) => ({
-          name: f.label,
-          type: f.datatype,
-          description: f.description,
-          calculation: f.calculation
-        })), i = async (f) => {
-          const c = n.connections[this.editor.connection], a = {
-            text: f,
+        const r = this.editor.completionSymbols.map((h) => ({
+          name: h.label,
+          type: h.datatype,
+          description: h.description,
+          calculation: h.calculation
+        })), i = async (h) => {
+          const c = o.connections[this.editor.connection], a = {
+            text: h,
             queryType: c ? c.query_type : "",
             editorType: this.editor.type,
             imports: this.imports,
             extraContent: this.rootContent
           };
           try {
-            const { resultPromise: v } = await o.executeQuery(
+            const { resultPromise: v } = await n.executeQuery(
               this.editor.connection,
               a,
               () => {
               },
               () => {
               },
-              (E) => {
-                throw E;
+              (k) => {
+                throw k;
               },
               () => !0,
               !0
@@ -2592,62 +2598,62 @@ const Oo = J({
       return F ? F.getValue() : this.editor.contents || "";
     }
   }
-}), Qo = { class: "editor-container" }, Bo = { class: "menu-bar" }, No = { class: "menu-actions" }, Po = { class: "editor-content" }, Ko = { class: "sidebar-panel" }, Wo = { class: "be-sidebar-container" }, Uo = { class: "be-sidebar-icons" }, jo = { class: "result-wrapper" }, Go = {
+}), Qn = { class: "editor-container" }, Bn = { class: "menu-bar" }, Nn = { class: "menu-actions" }, Pn = { class: "editor-content" }, Kn = { class: "sidebar-panel" }, Wn = { class: "be-sidebar-container" }, Un = { class: "be-sidebar-icons" }, jn = { class: "result-wrapper" }, _n = {
   key: 1,
   class: "error-message"
-}, _o = {
+}, Gn = {
   key: 2,
   class: "results-summary",
   "data-testid": "simple-editor-results"
-}, zo = { class: "results-details" }, Jo = {
+}, zn = { class: "results-details" }, Jn = {
   key: 0,
   class: "timing"
-}, Yo = {
+}, Yn = {
   key: 1,
   class: "row-count"
-}, Zo = {
+}, Zn = {
   key: 2,
   class: "operation-type"
 };
-function Xo(e, o, n, l, r, i) {
-  const s = X("SymbolsPane"), f = X("loading-view");
-  return m(), y("div", Qo, [
-    t("div", Bo, [
-      t("div", No, [
+function Xn(e, n, o, l, r, i) {
+  const s = Z("SymbolsPane"), h = Z("loading-view");
+  return m(), y("div", Qn, [
+    t("div", Bn, [
+      t("div", Nn, [
         t("button", {
           class: "action-item",
-          onClick: o[0] || (o[0] = (...c) => e.generateLLMQuery && e.generateLLMQuery(...c)),
+          onClick: n[0] || (n[0] = (...c) => e.generateLLMQuery && e.generateLLMQuery(...c)),
           title: "Generate query using AI",
           "data-testid": "editor-generate-button"
         }, " Generate "),
         e.editor.type !== "sql" ? (m(), y("button", {
           key: 0,
           class: "action-item",
-          onClick: o[1] || (o[1] = () => e.validateQuery())
+          onClick: n[1] || (n[1] = () => e.validateQuery())
         }, " Parse ")) : R("", !0),
         e.editor.type !== "sql" ? (m(), y("button", {
           key: 1,
           class: "action-item",
-          onClick: o[2] || (o[2] = (...c) => e.formatQuery && e.formatQuery(...c)),
+          onClick: n[2] || (n[2] = (...c) => e.formatQuery && e.formatQuery(...c)),
           title: "Format query"
         }, " Format ")) : R("", !0),
         t("button", {
-          onClick: o[3] || (o[3] = (c) => e.editor.loading ? e.cancelQuery() : e.runQuery()),
-          class: A(["action-item", { "button-cancel": e.editor.loading, "button-run": !e.editor.loading }]),
+          onClick: n[3] || (n[3] = (c) => e.editor.loading ? e.cancelQuery() : e.runQuery()),
+          class: q(["action-item", { "button-cancel": e.editor.loading, "button-run": !e.editor.loading }]),
           "data-testid": "editor-run-button"
         }, N(e.editor.loading ? "Cancel" : "Test"), 3)
       ])
     ]),
-    t("div", Po, [
+    t("div", Pn, [
       t("div", {
         ref: "editorElement",
-        class: A(["editor-obj", {
+        class: q(["editor-obj", {
           "monaco-width-with-panel": e.isPanelVisible,
           "monaco-width-no-panel": !e.isPanelVisible
         }]),
         "data-testid": "simple-editor-content"
       }, null, 2),
-      ue(t("div", Ko, [
+      ue(t("div", Kn, [
         z(s, {
           symbols: e.editor.completionSymbols || [],
           onSelectSymbol: e.insertSymbol,
@@ -2656,38 +2662,38 @@ function Xo(e, o, n, l, r, i) {
       ], 512), [
         [lt, e.isPanelVisible]
       ]),
-      t("div", Wo, [
-        t("div", Uo, [
+      t("div", Wn, [
+        t("div", Un, [
           t("button", {
-            class: A(["sidebar-icon-button", { active: e.isPanelVisible }]),
-            onClick: o[4] || (o[4] = (c) => e.togglePanel("symbols")),
+            class: q(["sidebar-icon-button", { active: e.isPanelVisible }]),
+            onClick: n[4] || (n[4] = (c) => e.togglePanel("symbols")),
             title: "Symbols"
-          }, [...o[5] || (o[5] = [
+          }, [...n[5] || (n[5] = [
             t("i", { class: "mdi mdi-tag-search-outline" }, null, -1)
           ])], 2)
         ])
       ])
     ]),
-    t("div", jo, [
-      e.editor.loading ? (m(), G(f, {
+    t("div", jn, [
+      e.editor.loading ? (m(), _(h, {
         key: 0,
         class: "loading-view",
         text: "Loading...",
         startTime: e.editor.startTime
-      }, null, 8, ["startTime"])) : e.editor.error ? (m(), y("div", Go, N(e.editor.error), 1)) : e.lastOperation ? (m(), y("div", _o, [
+      }, null, 8, ["startTime"])) : e.editor.error ? (m(), y("div", _n, N(e.editor.error), 1)) : e.lastOperation ? (m(), y("div", Gn, [
         t("div", {
-          class: A(["status-badge", e.lastOperation.success ? "success" : "error"])
+          class: q(["status-badge", e.lastOperation.success ? "success" : "error"])
         }, N(e.lastOperation.success ? "SUCCESS" : "FAILED"), 3),
-        t("div", zo, [
-          e.lastOperation.duration ? (m(), y("div", Jo, N(e.lastOperation.duration) + "ms", 1)) : R("", !0),
-          e.lastOperation.rows !== void 0 ? (m(), y("div", Yo, N(e.lastOperation.rows) + " " + N(e.lastOperation.rows === 1 ? "row" : "rows"), 1)) : R("", !0),
-          e.lastOperation.type ? (m(), y("div", Zo, N(e.lastOperation.type), 1)) : R("", !0)
+        t("div", zn, [
+          e.lastOperation.duration ? (m(), y("div", Jn, N(e.lastOperation.duration) + "ms", 1)) : R("", !0),
+          e.lastOperation.rows !== void 0 ? (m(), y("div", Yn, N(e.lastOperation.rows) + " " + N(e.lastOperation.rows === 1 ? "row" : "rows"), 1)) : R("", !0),
+          e.lastOperation.type ? (m(), y("div", Zn, N(e.lastOperation.type), 1)) : R("", !0)
         ])
       ])) : R("", !0)
     ])
   ]);
 }
-const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff"]]), ei = { class: "editor-overlay" }, ti = { class: "editor-actions" }, ni = ["data-testid"], oi = /* @__PURE__ */ J({
+const Je = /* @__PURE__ */ Y(Vn, [["render", Xn], ["__scopeId", "data-v-e4c72cff"]]), ei = { class: "editor-overlay" }, ti = { class: "editor-actions" }, oi = ["data-testid"], ni = /* @__PURE__ */ J({
   __name: "DashboardEditorDialog",
   props: {
     initialWidth: {},
@@ -2698,28 +2704,28 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
     saveTestId: { default: "" }
   },
   emits: ["save", "cancel"],
-  setup(e, { emit: o }) {
-    const n = e, l = o, { editorElement: r, dialogStyle: i, startResize: s } = Et(() => l("cancel"), {
-      initialWidth: n.initialWidth,
-      initialHeight: n.initialHeight,
-      minWidth: n.minWidth,
-      minHeight: n.minHeight
+  setup(e, { emit: n }) {
+    const o = e, l = n, { editorElement: r, dialogStyle: i, startResize: s } = Et(() => l("cancel"), {
+      initialWidth: o.initialWidth,
+      initialHeight: o.initialHeight,
+      minWidth: o.minWidth,
+      minHeight: o.minHeight
     });
-    return (f, c) => (m(), y("div", ei, [
+    return (h, c) => (m(), y("div", ei, [
       t("div", {
         ref_key: "editorElement",
         ref: r,
         class: "content-editor",
-        style: Ee(ie(i))
+        style: De(ie(i))
       }, [
-        Ne(f.$slots, "default", {}, void 0, !0),
+        Ne(h.$slots, "default", {}, void 0, !0),
         t("div", ti, [
-          Ne(f.$slots, "actions", {}, () => [
+          Ne(h.$slots, "actions", {}, () => [
             t("button", {
               class: "save-button",
-              "data-testid": n.saveTestId || void 0,
+              "data-testid": o.saveTestId || void 0,
               onClick: c[0] || (c[0] = (a) => l("save"))
-            }, N(n.saveLabel), 9, ni),
+            }, N(o.saveLabel), 9, oi),
             t("button", {
               class: "cancel-button",
               onClick: c[1] || (c[1] = (a) => l("cancel"))
@@ -2730,7 +2736,7 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
       ], 4)
     ]));
   }
-}), Ye = /* @__PURE__ */ Y(oi, [["__scopeId", "data-v-580721a8"]]), ii = { class: "editor-body" }, ri = /* @__PURE__ */ J({
+}), Ye = /* @__PURE__ */ Y(ni, [["__scopeId", "data-v-580721a8"]]), ii = { class: "editor-body" }, ri = /* @__PURE__ */ J({
   __name: "DashboardChartEditor",
   props: {
     content: {},
@@ -2741,23 +2747,23 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
     initialHeight: {}
   },
   emits: ["save", "cancel"],
-  setup(e, { emit: o }) {
-    const n = e, l = o, r = S(n.content), i = S(n.imports), s = S(null);
-    function f() {
+  setup(e, { emit: n }) {
+    const o = e, l = n, r = D(o.content), i = D(o.imports), s = D(null);
+    function h() {
       s.value && l("save", s.value.getContent());
     }
     function c() {
       l("cancel");
     }
-    return (a, v) => (m(), G(Ye, {
-      initialWidth: n.initialWidth,
-      initialHeight: n.initialHeight,
+    return (a, v) => (m(), _(Ye, {
+      initialWidth: o.initialWidth,
+      initialHeight: o.initialHeight,
       saveLabel: "Save Query",
       saveTestId: "save-dashboard-chart",
-      onSave: f,
+      onSave: h,
       onCancel: c
     }, {
-      default: ne(() => [
+      default: ee(() => [
         t("div", ii, [
           z(Je, {
             class: "editor-content",
@@ -2790,15 +2796,15 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
     initialHeight: {}
   },
   emits: ["save", "cancel"],
-  setup(e, { emit: o }) {
-    const n = e, l = o, r = p(() => typeof n.content == "string" ? { markdown: n.content, query: "" } : { markdown: n.content.markdown || "", query: n.content.query || "" }), i = S(r.value.markdown), s = S(r.value.query), f = S(n.imports), c = S(null), a = S("markdown");
+  setup(e, { emit: n }) {
+    const o = e, l = n, r = p(() => typeof o.content == "string" ? { markdown: o.content, query: "" } : { markdown: o.content.markdown || "", query: o.content.query || "" }), i = D(r.value.markdown), s = D(r.value.query), h = D(o.imports), c = D(null), a = D("markdown");
     de(
-      () => n.content,
-      ($) => {
-        const g = typeof $ == "string" ? { markdown: $, query: "" } : { markdown: $.markdown || "", query: $.query || "" };
+      () => o.content,
+      (L) => {
+        const g = typeof L == "string" ? { markdown: L, query: "" } : { markdown: L.markdown || "", query: L.query || "" };
         i.value = g.markdown, s.value = g.query;
       }
-    ), de(a, ($, g) => {
+    ), de(a, (L, g) => {
       g === "query" && c.value && (s.value = c.value.getContent());
     });
     function v() {
@@ -2807,63 +2813,63 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
         query: s.value
       });
     }
-    function E() {
+    function k() {
       l("cancel");
     }
-    function C($) {
-      a.value === "query" && c.value && (s.value = c.value.getContent()), a.value = $;
+    function b(L) {
+      a.value === "query" && c.value && (s.value = c.value.getContent()), a.value = L;
     }
-    function D($, g = "") {
-      const B = document.querySelector(".markdown-editor");
-      if (!B) return;
-      const b = B.selectionStart, h = B.selectionEnd, I = i.value.substring(b, h), Z = i.value.substring(0, b), re = i.value.substring(h);
-      i.value = Z + $ + I + g + re, setTimeout(() => {
-        B.focus(), B.setSelectionRange(b + $.length, b + $.length + I.length);
+    function E(L, g = "") {
+      const A = document.querySelector(".markdown-editor");
+      if (!A) return;
+      const C = A.selectionStart, f = A.selectionEnd, T = i.value.substring(C, f), te = i.value.substring(0, C), ne = i.value.substring(f);
+      i.value = te + L + T + g + ne, setTimeout(() => {
+        A.focus(), A.setSelectionRange(C + L.length, C + L.length + T.length);
       }, 0);
     }
     function V() {
-      D("**", "**");
+      E("**", "**");
     }
-    function k() {
-      D("*", "*");
+    function S() {
+      E("*", "*");
     }
     function M() {
-      D("## ");
+      E("## ");
     }
-    function T() {
-      D("- ");
+    function I() {
+      E("- ");
     }
-    function H() {
-      D("[", "](url)");
+    function O() {
+      E("[", "](url)");
     }
-    function K() {
-      D("{data[0].field_name}");
+    function P() {
+      E("{data[0].field_name}");
     }
-    function O() {
-      D(`{{#each data}}
+    function B() {
+      E(`{{#each data}}
 - {{field_name}}
 {{/each}}`);
     }
-    return ($, g) => (m(), G(Ye, {
-      initialWidth: n.initialWidth,
-      initialHeight: n.initialHeight,
+    return (L, g) => (m(), _(Ye, {
+      initialWidth: o.initialWidth,
+      initialHeight: o.initialHeight,
       saveLabel: "Save Content",
       saveTestId: "save-dashboard-markdown",
       onSave: v,
-      onCancel: E
+      onCancel: k
     }, {
-      default: ne(() => [
+      default: ee(() => [
         t("div", li, [
           t("button", {
-            onClick: g[0] || (g[0] = (B) => C("markdown")),
-            class: A([{ active: a.value === "markdown" }, "tab-button"])
+            onClick: g[0] || (g[0] = (A) => b("markdown")),
+            class: q([{ active: a.value === "markdown" }, "tab-button"])
           }, [...g[3] || (g[3] = [
             t("i", { class: "mdi mdi-note-text-outline" }, null, -1),
             t("span", null, "Markdown Template", -1)
           ])], 2),
           t("button", {
-            onClick: g[1] || (g[1] = (B) => C("query")),
-            class: A([{ active: a.value === "query" }, "tab-button"])
+            onClick: g[1] || (g[1] = (A) => b("query")),
+            class: q([{ active: a.value === "query" }, "tab-button"])
           }, [...g[4] || (g[4] = [
             t("i", { class: "mdi mdi-magnify" }, null, -1),
             t("span", null, "Data Query", -1)
@@ -2879,7 +2885,7 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
                 t("strong", null, "B", -1)
               ])]),
               t("button", {
-                onClick: k,
+                onClick: S,
                 title: "Italic"
               }, [...g[6] || (g[6] = [
                 t("em", null, "I", -1)
@@ -2889,25 +2895,25 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
                 title: "Heading"
               }, "H"),
               t("button", {
-                onClick: T,
+                onClick: I,
                 title: "List"
               }, [...g[7] || (g[7] = [
                 t("i", { class: "mdi mdi-format-list-bulleted" }, null, -1)
               ])]),
               t("button", {
-                onClick: H,
+                onClick: O,
                 title: "Link"
               }, [...g[8] || (g[8] = [
                 t("i", { class: "mdi mdi-link-variant" }, null, -1)
               ])]),
               g[10] || (g[10] = t("div", { class: "toolbar-separator" }, null, -1)),
               t("button", {
-                onClick: K,
+                onClick: P,
                 title: "Insert data reference",
                 class: "data-button"
               }, " {} "),
               t("button", {
-                onClick: O,
+                onClick: B,
                 title: "Insert loop",
                 class: "data-button"
               }, [...g[9] || (g[9] = [
@@ -2915,7 +2921,7 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
               ])])
             ]),
             ue(t("textarea", {
-              "onUpdate:modelValue": g[2] || (g[2] = (B) => i.value = B),
+              "onUpdate:modelValue": g[2] || (g[2] = (A) => i.value = A),
               placeholder: `Enter markdown content here...
 
 Template examples:
@@ -2926,7 +2932,7 @@ Template examples:
 - {{#each data limit=5}} {{field_name}} {{/each}} - Loop first 5`,
               class: "markdown-editor"
             }, null, 512), [
-              [fe, i.value]
+              [ve, i.value]
             ])
           ])) : R("", !0),
           a.value === "query" ? (m(), y("div", di, [
@@ -2937,7 +2943,7 @@ Template examples:
               class: "editor-content",
               initContent: s.value,
               connectionName: e.connectionName,
-              imports: f.value,
+              imports: h.value,
               rootContent: e.rootContent,
               ref_key: "editor",
               ref: c
@@ -2948,25 +2954,25 @@ Template examples:
       _: 1
     }, 8, ["initialWidth", "initialHeight"]));
   }
-}), Gi = /* @__PURE__ */ Y(ui, [["__scopeId", "data-v-d2f32030"]]), ci = { class: "dashboard-setup" }, mi = { class: "setup-section" }, hi = {
+}), _i = /* @__PURE__ */ Y(ui, [["__scopeId", "data-v-d2f32030"]]), ci = { class: "dashboard-setup" }, mi = { class: "setup-section" }, hi = {
   key: 0,
   class: "setup-section"
 }, fi = { class: "action-row" }, vi = ["disabled"], pi = {
   key: 0,
   class: "error-message"
-}, yi = { class: "setup-section" }, gi = { class: "templates-grid" }, bi = ["onClick", "data-testid"], Ci = { class: "template-icon" }, wi = { class: "template-info" }, ki = { class: "template-title" }, Si = { class: "template-desc" }, Q = 20, _i = /* @__PURE__ */ J({
+}, yi = { class: "setup-section" }, gi = { class: "templates-grid" }, bi = ["onClick", "data-testid"], Ci = { class: "template-icon" }, wi = { class: "template-info" }, ki = { class: "template-title" }, Si = { class: "template-desc" }, Q = 20, Gi = /* @__PURE__ */ J({
   __name: "DashboardCTA",
   props: {
     dashboardId: {}
   },
   emits: ["template-selected", "description-updated"],
-  setup(e, { emit: o }) {
-    const n = j("dashboardStore"), l = j("editorStore"), r = j("llmConnectionStore"), i = j(
+  setup(e, { emit: n }) {
+    const o = j("dashboardStore"), l = j("editorStore"), r = j("llmConnectionStore"), i = j(
       "queryExecutionService"
     ), s = j("saveDashboards");
-    if (!n || !r || !i || !s)
+    if (!o || !r || !i || !s)
       throw new Error("DashboardStore, LLMConnectionStore, or QueryExecutionService not provided");
-    const f = e, c = p(() => r.activeConnection), a = o, v = S(""), E = S(""), C = S(!1), D = S(""), V = S(null), k = Q / 4, M = [
+    const h = e, c = p(() => r.activeConnection), a = n, v = D(""), k = D(""), b = D(!1), E = D(""), V = D(null), S = Q / 4, M = [
       {
         id: "summary",
         name: "Summary Dashboard",
@@ -2975,9 +2981,9 @@ Template examples:
         layout: [
           { i: "title", x: 0, y: 0, w: Q, h: 3, type: w.MARKDOWN },
           { i: "kpi1", x: 0, y: 3, w: Q / 4, h: 4, type: w.CHART },
-          { i: "kpi2", x: k, y: 3, w: Q / 4, h: 4, type: w.CHART },
-          { i: "kpi3", x: k * 2, y: 3, w: Q / 4, h: 4, type: w.CHART },
-          { i: "kpi4", x: k * 3, y: 3, w: Q / 4, h: 4, type: w.CHART },
+          { i: "kpi2", x: S, y: 3, w: Q / 4, h: 4, type: w.CHART },
+          { i: "kpi3", x: S * 2, y: 3, w: Q / 4, h: 4, type: w.CHART },
+          { i: "kpi4", x: S * 3, y: 3, w: Q / 4, h: 4, type: w.CHART },
           { i: "trend", x: 0, y: 7, w: Q / 2, h: 8, type: w.CHART },
           { i: "breakdown", x: Q / 2, y: 7, w: Q / 2, h: 8, type: w.CHART }
         ]
@@ -3031,114 +3037,114 @@ Template examples:
       //     layout: []
       //   }
     ];
-    function T(O) {
-      V.value = O;
-      const $ = M.find((g) => g.id === O);
-      if ($ && f.dashboardId) {
-        for (const g of $.layout)
-          n.addItemToDashboard(
-            f.dashboardId,
+    function I(B) {
+      V.value = B;
+      const L = M.find((g) => g.id === B);
+      if (L && h.dashboardId) {
+        for (const g of L.layout)
+          o.addItemToDashboard(
+            h.dashboardId,
             g.type,
             g.x,
             g.y,
             g.w,
             g.h
           );
-        a("template-selected", O);
+        a("template-selected", B);
       }
     }
-    function H() {
-      f.dashboardId && v.value && (n.updateDashboardDescription(f.dashboardId, v.value), a("description-updated", v.value));
+    function O() {
+      h.dashboardId && v.value && (o.updateDashboardDescription(h.dashboardId, v.value), a("description-updated", v.value));
     }
-    async function K() {
-      if (!E.value.trim()) {
-        D.value = "Please provide a prompt for the dashboard generation.";
+    async function P() {
+      if (!k.value.trim()) {
+        E.value = "Please provide a prompt for the dashboard generation.";
         return;
       }
       try {
-        C.value = !0, D.value = "";
-        const O = await n.generatePromptSpec(
-          E.value,
+        b.value = !0, E.value = "";
+        const B = await o.generatePromptSpec(
+          k.value,
           r,
           i,
           l
         );
-        console.log("Prompt spec generated:", O), O ? (await n.populateFromPromptSpec(
-          f.dashboardId,
-          O,
+        console.log("Prompt spec generated:", B), B ? (await o.populateFromPromptSpec(
+          h.dashboardId,
+          B,
           r,
           i,
           l
-        ), !v.value && O.description && (v.value = O.description, H()), s()) : D.value = "Failed to generate dashboard specification.";
-      } catch (O) {
-        console.error("Error generating dashboard with LLM:", O), D.value = "An error occurred while generating the dashboard.";
+        ), !v.value && B.description && (v.value = B.description, O()), s()) : E.value = "Failed to generate dashboard specification.";
+      } catch (B) {
+        console.error("Error generating dashboard with LLM:", B), E.value = "An error occurred while generating the dashboard.";
       } finally {
-        C.value = !1;
+        b.value = !1;
       }
     }
-    return (O, $) => (m(), y("div", ci, [
-      $[7] || ($[7] = t("div", { class: "setup-header" }, [
+    return (B, L) => (m(), y("div", ci, [
+      L[7] || (L[7] = t("div", { class: "setup-header" }, [
         t("h2", { class: "setup-title" }, "An Empty Dashboard"),
         t("p", { class: "setup-subtitle" }, " Choose a template or start from scratch by using the 'add item' button to add charts, tables, and more. ")
       ], -1)),
       t("div", mi, [
-        $[3] || ($[3] = t("h3", { class: "section-title" }, "Description", -1)),
+        L[3] || (L[3] = t("h3", { class: "section-title" }, "Description", -1)),
         ue(t("textarea", {
-          "onUpdate:modelValue": $[0] || ($[0] = (g) => v.value = g),
+          "onUpdate:modelValue": L[0] || (L[0] = (g) => v.value = g),
           placeholder: "What is this dashboard for? Add context to help viewers understand the data...",
           rows: "3",
           class: "description-input"
         }, null, 512), [
-          [fe, v.value]
+          [ve, v.value]
         ]),
         t("button", {
-          onClick: H,
+          onClick: O,
           class: "action-button save-button",
           "data-testid": "dashboard-description-save"
-        }, [...$[2] || ($[2] = [
+        }, [...L[2] || (L[2] = [
           t("i", { class: "mdi mdi-content-save" }, null, -1),
-          ge(" Save ", -1)
+          be(" Save ", -1)
         ])])
       ]),
       c.value ? (m(), y("div", hi, [
-        $[4] || ($[4] = t("h3", { class: "section-title" }, "AI Copilot", -1)),
-        $[5] || ($[5] = t("p", { class: "section-desc" }, " Let AI help build your dashboard based on your data and description ", -1)),
+        L[4] || (L[4] = t("h3", { class: "section-title" }, "AI Copilot", -1)),
+        L[5] || (L[5] = t("p", { class: "section-desc" }, " Let AI help build your dashboard based on your data and description ", -1)),
         ue(t("textarea", {
-          "onUpdate:modelValue": $[1] || ($[1] = (g) => E.value = g),
+          "onUpdate:modelValue": L[1] || (L[1] = (g) => k.value = g),
           placeholder: "Describe the dashboard you want to create. For example: 'Create a sales performance dashboard with monthly trends, regional breakdown, and top product metrics.'",
           rows: "4",
           class: "description-input",
           "data-testid": "dashboard-prompt-input"
         }, null, 512), [
-          [fe, E.value]
+          [ve, k.value]
         ]),
         t("div", fi, [
           t("button", {
-            onClick: K,
+            onClick: P,
             class: "action-button llm-button",
-            disabled: C.value || !E.value.trim(),
+            disabled: b.value || !k.value.trim(),
             "data-testid": "generate-with-llm-button"
           }, [
             t("i", {
-              class: A(["mdi", C.value ? "mdi-loading mdi-spin" : "mdi-creation"])
+              class: q(["mdi", b.value ? "mdi-loading mdi-spin" : "mdi-creation"])
             }, null, 2),
-            ge(" " + N(C.value ? "Generating..." : "Generate with AI"), 1)
+            be(" " + N(b.value ? "Generating..." : "Generate with AI"), 1)
           ], 8, vi),
-          D.value ? (m(), y("div", pi, N(D.value), 1)) : R("", !0)
+          E.value ? (m(), y("div", pi, N(E.value), 1)) : R("", !0)
         ])
       ])) : R("", !0),
       t("div", yi, [
-        $[6] || ($[6] = t("h3", { class: "section-title" }, "Templates", -1)),
+        L[6] || (L[6] = t("h3", { class: "section-title" }, "Templates", -1)),
         t("div", gi, [
-          (m(), y(me, null, be(M, (g) => t("div", {
+          (m(), y(me, null, Ce(M, (g) => t("div", {
             key: g.id,
-            class: A(["template-card", { selected: V.value === g.id }]),
-            onClick: (B) => T(g.id),
+            class: q(["template-card", { selected: V.value === g.id }]),
+            onClick: (A) => I(g.id),
             "data-testid": `template-card-${g.id}`
           }, [
             t("div", Ci, [
               t("i", {
-                class: A(["mdi", g.icon])
+                class: q(["mdi", g.icon])
               }, null, 2)
             ]),
             t("div", wi, [
@@ -3151,62 +3157,62 @@ Template examples:
     ]));
   }
 });
-function zi(e, o, n, l) {
-  const r = ht(), i = Ge();
+function zi(e, n, o, l) {
+  const r = ht(), i = _e();
   let s = j("queryExecutionService");
-  const { setActiveDashboard: f } = _e();
+  const { setActiveDashboard: h } = Ge();
   if (!s)
     throw new Error("QueryExecutionService not provided");
-  const c = S(""), a = S(""), v = S(""), E = S(null), C = S(null), D = S(!1), V = S(!1), k = S(!1), M = S([]), T = p(() => o.maxWidth || "100vw"), H = p(() => e.value ? e.value.layout : []), K = p(() => e.value ? [...e.value.layout].sort((u, L) => (u.y + u.y + u.h) / 2 - (L.y + L.y + L.h) / 2) : []), O = p(() => e.value ? e.value.connection : ""), $ = p(() => o.viewMode ? !1 : e.value ? e.value.state === "editing" : !1), g = p(() => e.value ? e.value.imports.map((u) => {
-    var L, d;
+  const c = D(""), a = D(""), v = D(""), k = D(null), b = D(null), E = D(!1), V = D(!1), S = D(!1), M = D([]), I = p(() => n.maxWidth || "100vw"), O = p(() => e.value ? e.value.layout : []), P = p(() => e.value ? [...e.value.layout].sort((u, $) => (u.y + u.y + u.h) / 2 - ($.y + $.y + $.h) / 2) : []), B = p(() => e.value ? e.value.connection : ""), L = p(() => n.viewMode ? !1 : e.value ? e.value.state === "editing" : !1), g = p(() => e.value ? e.value.imports.map((u) => {
+    var $, d;
     return {
       alias: u.name,
       // legacy handling
-      contents: ((L = i.editors[u.id]) == null ? void 0 : L.contents) || ((d = i.editors[u.name]) == null ? void 0 : d.contents) || ""
+      contents: (($ = i.editors[u.id]) == null ? void 0 : $.contents) || ((d = i.editors[u.name]) == null ? void 0 : d.contents) || ""
     };
   }) : []);
-  function B(u) {
+  function A(u) {
     if (!(u != null && u.id)) return;
-    u.state === "fullscreen" && n.fullScreen(!0), r.setActiveDashboard(u.id), v.value = "", c.value = "", a.value = "", M.value = [], u.filter && (c.value = u.filter, a.value = u.filter);
-    const L = le(u.id), d = Object.keys(u.gridItems).filter(
-      (x) => u.gridItems[x].type !== w.SECTION_HEADER && !u.gridItems[x].results
+    u.state === "fullscreen" && o.fullScreen(!0), r.setActiveDashboard(u.id), v.value = "", c.value = "", a.value = "", M.value = [], u.filter && (c.value = u.filter, a.value = u.filter);
+    const $ = he(u.id), d = Object.keys(u.gridItems).filter(
+      (H) => u.gridItems[H].type !== w.SECTION_HEADER && !u.gridItems[H].results
     );
-    L == null || L.runBatch(d), Z();
+    $ == null || $.runBatch(d), te();
   }
   de(
     () => {
       var u;
       return (u = e.value) == null ? void 0 : u.id;
     },
-    (u, L) => {
-      u && u !== L && e.value && B(e.value);
+    (u, $) => {
+      u && u !== $ && e.value && A(e.value);
     }
   ), je(() => {
-    e.value && B(e.value);
+    e.value && A(e.value);
     const u = new ResizeObserver(() => {
-      n.triggerResize();
-    }), L = o.isMobile ? ".mobile-container" : ".grid-container", d = document.querySelector(L);
+      o.triggerResize();
+    }), $ = n.isMobile ? ".mobile-container" : ".grid-container", d = document.querySelector($);
     d && u.observe(d);
   }), at(() => {
-    E.value !== null && clearTimeout(E.value);
+    k.value !== null && clearTimeout(k.value);
   });
-  async function b() {
+  async function C() {
     var u;
     if (e.value && e.value.id) {
       c.value = "", a.value = "", v.value = "";
-      let L = r.removeAllFilters(e.value.id);
-      await ((u = r.getQueryExecutor(e.value.id)) == null ? void 0 : u.runBatch(L));
+      let $ = r.removeAllFilters(e.value.id);
+      await ((u = r.getQueryExecutor(e.value.id)) == null ? void 0 : u.runBatch($));
     }
   }
-  async function h(u) {
-    var L;
+  async function f(u) {
+    var $;
     if (!u || Ke(u) === "") {
       if (v.value = "", e.value && e.value.id) {
         let d = r.updateDashboardFilter(
           e.value.id,
           Ke(u)
         );
-        await ((L = r.getQueryExecutor(e.value.id)) == null ? void 0 : L.runBatch(d));
+        await (($ = r.getQueryExecutor(e.value.id)) == null ? void 0 : $.runBatch(d));
       }
       return;
     }
@@ -3219,13 +3225,13 @@ function zi(e, o, n, l) {
     }).then(() => {
       var d;
       if (v.value = "", e.value && e.value.id) {
-        let x = r.updateDashboardFilter(e.value.id, u);
-        (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch(x);
+        let H = r.updateDashboardFilter(e.value.id, u);
+        (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch(H);
       }
     }).catch((d) => (v.value = d.message, !1))));
   }
-  const I = async (u) => {
-    let L = u.replace(/^\s*where\s+/i, "");
+  const T = async (u) => {
+    let $ = u.replace(/^\s*where\s+/i, "");
     if (e.value && e.value.id) {
       let d = await (s == null ? void 0 : s.executeQuery(
         e.value.connection,
@@ -3233,7 +3239,7 @@ function zi(e, o, n, l) {
           text: "select 1 as test;",
           editorType: "trilogy",
           imports: e.value.imports,
-          extraFilters: [L],
+          extraFilters: [$],
           extraContent: g.value
         },
         () => {
@@ -3248,15 +3254,15 @@ function zi(e, o, n, l) {
       ));
       if (!d)
         throw new Error("No promises returned from query execution service");
-      let x = await d.resultPromise;
-      if (!x.success)
+      let H = await d.resultPromise;
+      if (!H.success)
         throw new Error(
-          `Validation of "select 1 as test ${L}" resulted in ${x.error}`
+          `Validation of "select 1 as test ${$}" resulted in ${H.error}`
         );
     } else
       throw new Error("Dashboard not found");
   };
-  async function Z() {
+  async function te() {
     if (e.value && e.value.id && s) {
       let u = await r.populateCompletion(
         e.value.id,
@@ -3266,56 +3272,56 @@ function zi(e, o, n, l) {
       u && (M.value = u), v.value = "";
     }
   }
-  async function re(u) {
-    e.value && e.value.id && (r.updateDashboardImports(e.value.id, u), await Z());
+  async function ne(u) {
+    e.value && e.value.id && (r.updateDashboardImports(e.value.id, u), await te());
   }
   const U = (u) => {
     e.value && (r.setState(e.value.id, u), Pe(() => {
-      n.triggerResize();
+      o.triggerResize();
     }));
-  }, Ce = (u) => {
+  }, pe = (u) => {
     e.value && e.value.id && r.updateDashboardLayout(e.value.id, u);
   };
-  function ve() {
-    k.value = !0;
+  function ke() {
+    S.value = !0;
   }
-  function _(u = w.CHART) {
+  function G(u = w.CHART) {
     if (!e.value || !e.value.id) return;
-    const L = u === w.SECTION_HEADER ? r.addItemToDashboard(e.value.id, u, 0, 0, 20, 1) : r.addItemToDashboard(e.value.id, u);
-    k.value = !1, Pe(() => {
-      n.dimensionsUpdate(L);
+    const $ = u === w.SECTION_HEADER ? r.addItemToDashboard(e.value.id, u, 0, 0, 20, 1) : r.addItemToDashboard(e.value.id, u);
+    S.value = !1, Pe(() => {
+      o.dimensionsUpdate($);
     });
   }
   function oe(u) {
     !e.value || !e.value.id || r.updateDashboardTitle(e.value.id, u);
   }
-  function ee() {
+  function re() {
     !e.value || !e.value.id || r.clearDashboardItems(e.value.id);
   }
-  function te(u) {
+  function X(u) {
     !e.value || !e.value.id || r.removeItemFromDashboard(e.value.id, u);
   }
-  function pe(u) {
+  function Le(u) {
     !e.value || !e.value.id || r.copyItemInDashboard(e.value.id, u);
   }
   function Me() {
-    k.value = !1;
+    S.value = !1;
   }
   function Re(u) {
-    if (C.value = u, !e.value || !e.value.id) return;
+    if (b.value = u, !e.value || !e.value.id) return;
     const d = e.value.gridItems[u.i];
-    d && (d.type === w.CHART ? D.value = !0 : d.type === w.MARKDOWN ? V.value = !0 : d.type === w.TABLE || d.type === w.FILTER ? D.value = !0 : d.type === w.SECTION_HEADER && (C.value = null));
+    d && (d.type === w.CHART ? E.value = !0 : d.type === w.MARKDOWN ? V.value = !0 : d.type === w.TABLE || d.type === w.FILTER ? E.value = !0 : d.type === w.SECTION_HEADER && (b.value = null));
   }
-  function Ae(u) {
-    if (!e.value || !e.value.id || !C.value) return;
-    const L = C.value.i;
-    P(L, e.value.id, { content: u }), W();
+  function K(u) {
+    if (!e.value || !e.value.id || !b.value) return;
+    const $ = b.value.i;
+    le($, e.value.id, { content: u }), x();
   }
-  function W() {
-    D.value = !1, V.value = !1, C.value = null;
+  function x() {
+    E.value = !1, V.value = !1, b.value = null;
   }
-  function q(u, L) {
-    if (L && e.value && e.value.id !== L)
+  function W(u, $) {
+    if ($ && e.value && e.value.id !== $)
       return {
         type: w.CHART,
         content: "",
@@ -3359,31 +3365,31 @@ function zi(e, o, n, l) {
         connectionName: e.value.connection || "",
         hasDrilldown: !1
       };
-    const x = d.filters || [];
-    let ae = x;
-    e.value.filter && (x.some(
-      (Oe) => {
+    const H = d.filters || [];
+    let ae = H;
+    e.value.filter && (H.some(
+      (Ve) => {
         var Qe;
-        return Oe.source === "global" && Oe.value === ((Qe = e.value) == null ? void 0 : Qe.filter);
+        return Ve.source === "global" && Ve.value === ((Qe = e.value) == null ? void 0 : Qe.filter);
       }
-    ) || (ae = [{ value: e.value.filter, source: "global" }, ...x]));
-    function qe(Se) {
-      return Se && typeof Se == "object" && typeof Se.markdown == "string" && typeof Se.query == "string";
+    ) || (ae = [{ value: e.value.filter, source: "global" }, ...H]));
+    function Ae(we) {
+      return we && typeof we == "object" && typeof we.markdown == "string" && typeof we.query == "string";
     }
-    let Fe = !1, He = qe(d.content) ? d.content : {
+    let qe = !1, He = Ae(d.content) ? d.content : {
       markdown: d.type === "markdown" ? d.content : "",
       query: d.type !== "markdown" ? d.content : ""
     };
-    d.drilldown && (Fe = !0, He = qe(d.drilldown) ? d.drilldown : {
+    d.drilldown && (qe = !0, He = Ae(d.drilldown) ? d.drilldown : {
       markdown: d.type === "markdown" ? d.drilldown : "",
       query: d.type !== "markdown" ? d.drilldown : ""
     });
-    let Ve = d.chartConfig;
-    return Fe && (Ve = d.drilldownChartConfig || void 0), {
+    let Oe = d.chartConfig;
+    return qe && (Oe = d.drilldownChartConfig || void 0), {
       type: d.type,
       // check if it's MarkdownData, and if so, extract markdown
       //
-      content: qe(d.content) ? d.content.markdown : d.content || "",
+      content: Ae(d.content) ? d.content.markdown : d.content || "",
       // display the drilldown of set
       structured_content: He,
       name: d.name,
@@ -3391,12 +3397,12 @@ function zi(e, o, n, l) {
       // Default to true if not explicitly false
       width: d.width || 0,
       height: d.height || 0,
-      chartConfig: Ve,
+      chartConfig: Oe,
       filters: ae,
       chartFilters: d.chartFilters || [],
       conceptFilters: d.conceptFilters || [],
       parameters: d.parameters || {},
-      onRefresh: ke,
+      onRefresh: xe,
       rootContent: g.value,
       results: d.results || null,
       connectionName: e.value.connection || "",
@@ -3405,54 +3411,54 @@ function zi(e, o, n, l) {
       loading: d.loading || !1,
       loadStartTime: d.loadStartTime || null,
       // Include load start time if available
-      hasDrilldown: Fe
+      hasDrilldown: qe
     };
   }
-  function P(u, L, d) {
+  function le(u, $, d) {
     if (!e.value || !e.value.id) return;
-    if (!L || e.value.id !== L) {
+    if (!$ || e.value.id !== $) {
       console.warn(
         "Dashboard ID mismatch. Cannot set item data. Given:",
-        L,
+        $,
         "Expected:",
         e.value.id
       );
       return;
     }
-    const x = {};
-    if (d.name && (x.name = d.name), d.chartConfig && (x.chartConfig = d.chartConfig), d.content && (x.content = d.content), d.dimensions && (x.layoutDimensions = {
+    const H = {};
+    if (d.name && (H.name = d.name), d.chartConfig && (H.chartConfig = d.chartConfig), d.content && (H.content = d.content), d.dimensions && (H.layoutDimensions = {
       w: d.dimensions.width,
       h: d.dimensions.height
-    }), d.width && d.height && (x.width = d.width, x.height = d.height), d.loading !== void 0 && (x.loading = d.loading), d.results !== void 0 && (x.results = d.results), d.error !== void 0 && (x.error = d.error), d.drilldown !== void 0 && (x.drilldown = d.drilldown), d.drilldownChartConfig !== void 0 && (x.drilldownChartConfig = d.drilldownChartConfig), d.allowCrossFilter !== void 0 && (x.allowCrossFilter = d.allowCrossFilter), Object.keys(x).length > 0 && r.updateMultipleItemProperties(e.value.id, u, x), d.content) {
-      let ae = le(e.value.id);
+    }), d.width && d.height && (H.width = d.width, H.height = d.height), d.loading !== void 0 && (H.loading = d.loading), d.results !== void 0 && (H.results = d.results), d.error !== void 0 && (H.error = d.error), d.drilldown !== void 0 && (H.drilldown = d.drilldown), d.drilldownChartConfig !== void 0 && (H.drilldownChartConfig = d.drilldownChartConfig), d.allowCrossFilter !== void 0 && (H.allowCrossFilter = d.allowCrossFilter), Object.keys(H).length > 0 && r.updateMultipleItemProperties(e.value.id, u, H), d.content) {
+      let ae = he(e.value.id);
       ae == null || ae.runSingle(u);
     }
   }
-  function le(u) {
+  function he(u) {
     if (!e.value || !e.value.id)
       throw new Error("Dashboard not found or not initialized");
     if (!s) throw new Error("Query execution service not found");
-    let L = r.dashboards[u];
+    let $ = r.dashboards[u];
     const d = r.getOrCreateQueryExecutor(u, {
       queryExecutionService: s,
-      connectionName: L.connection,
+      connectionName: $.connection,
       dashboardId: u,
-      getDashboardData: (x) => r.dashboards[x],
-      getItemData: q,
-      setItemData: P
+      getDashboardData: (H) => r.dashboards[H],
+      getItemData: W,
+      setItemData: le
     });
     return d || console.warn("No query executor found for dashboard:", e.value.id), d;
   }
-  function we(u) {
-    var x;
+  function Se(u) {
+    var H;
     const d = u.target.value;
-    e.value && e.value.id && (r.updateDashboardConnection(e.value.id, d), (x = r.getQueryExecutor(e.value.id)) == null || x.setConnection(d));
+    e.value && e.value.id && (r.updateDashboardConnection(e.value.id, d), (H = r.getQueryExecutor(e.value.id)) == null || H.setConnection(d));
   }
-  function ke(u) {
-    var L, d;
+  function xe(u) {
+    var $, d;
     if (e.value) {
       if (u) {
-        (L = r.getQueryExecutor(e.value.id)) == null || L.runSingle(u), n.dimensionsUpdate(u);
+        ($ = r.getQueryExecutor(e.value.id)) == null || $.runSingle(u), o.dimensionsUpdate(u);
         return;
       }
       (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch(Object.keys(e.value.gridItems));
@@ -3461,70 +3467,70 @@ function zi(e, o, n, l) {
   function Ze(u) {
     var ae;
     if (!e.value || !e.value.id) return;
-    const L = ft(M.value), d = vt(u.filters, L);
+    const $ = ft(M.value), d = vt(u.filters, $);
     if (!d || Object.keys(d).length === 0) {
-      console.log("No valid filters to apply from cross-filter event, given ", u.filters);
+      console.log("No valid filters to apply from cross-filter event, given ", u.filters, $);
       return;
     }
-    let x = r.updateItemCrossFilters(
+    let H = r.updateItemCrossFilters(
       e.value.id,
       u.source,
       d,
       u.chart,
       u.append ? "append" : "add"
     );
-    (ae = r.getQueryExecutor(e.value.id)) == null || ae.runBatch(x);
+    (ae = r.getQueryExecutor(e.value.id)) == null || ae.runBatch(H);
   }
-  function Xe(u, L) {
+  function Xe(u, $) {
     var d;
-    !e.value || !e.value.id || (r.removeItemCrossFilter(e.value.id, u, L), (d = r.getQueryExecutor(e.value.id)) == null || d.runSingle(u));
+    !e.value || !e.value.id || (r.removeItemCrossFilter(e.value.id, u, $), (d = r.getQueryExecutor(e.value.id)) == null || d.runSingle(u));
   }
   function et(u) {
     var d;
     if (!e.value || !e.value.id) return;
-    let L = r.removeItemCrossFilterSource(e.value.id, u);
-    (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch(L);
+    let $ = r.removeItemCrossFilterSource(e.value.id, u);
+    (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch($);
   }
   function tt(u) {
-    f(u);
+    h(u);
   }
   return {
     // State
     dashboard: e,
-    layout: H,
-    sortedLayout: K,
-    editMode: $,
-    selectedConnection: O,
+    layout: O,
+    sortedLayout: P,
+    editMode: L,
+    selectedConnection: B,
     filter: c,
     filterError: v,
     globalCompletion: M,
-    showAddItemModal: k,
-    showQueryEditor: D,
+    showAddItemModal: S,
+    showQueryEditor: E,
     showMarkdownEditor: V,
-    editingItem: C,
-    dashboardMaxWidth: T,
+    editingItem: b,
+    dashboardMaxWidth: I,
     rootContent: g,
     // Methods
-    handleFilterChange: h,
-    handleFilterClear: b,
-    handleImportChange: re,
-    validateFilter: I,
-    onConnectionChange: we,
+    handleFilterChange: f,
+    handleFilterClear: C,
+    handleImportChange: ne,
+    validateFilter: T,
+    onConnectionChange: Se,
     toggleMode: U,
-    onLayoutUpdated: Ce,
-    openAddItemModal: ve,
-    addItem: _,
-    clearItems: ee,
-    removeItem: te,
-    copyItem: pe,
+    onLayoutUpdated: pe,
+    openAddItemModal: ke,
+    addItem: G,
+    clearItems: re,
+    removeItem: X,
+    copyItem: Le,
     closeAddModal: Me,
     openEditor: Re,
-    saveContent: Ae,
-    closeEditors: W,
-    getDashboardQueryExecutor: le,
-    getItemData: q,
-    setItemData: P,
-    handleRefresh: ke,
+    saveContent: K,
+    closeEditors: x,
+    getDashboardQueryExecutor: he,
+    getItemData: W,
+    setItemData: le,
+    handleRefresh: xe,
     setCrossFilter: Ze,
     removeFilter: Xe,
     unSelect: et,
@@ -3535,14 +3541,14 @@ function zi(e, o, n, l) {
 export {
   ji as C,
   Ki as D,
-  Gi as M,
-  _i as _,
+  _i as M,
+  Gi as _,
   Wi as a,
   Ui as b,
-  En as c,
-  An as d,
-  Un as e,
-  $n as f,
-  Nn as g,
+  Eo as c,
+  Ao as d,
+  Uo as e,
+  $o as f,
+  No as g,
   zi as u
 };