@trilogy-data/trilogy-studio-components 0.1.19 → 0.1.21

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

@@ -1,23 +1,23 @@
-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 S, watch as ue, createBlock as _, openBlock as h, withCtx as ee, createElementVNode as t, toDisplayString as P, normalizeClass as q, computed as p, createElementBlock as y, createCommentVNode as R, normalizeStyle as Te, Fragment as fe, renderList as we, createTextVNode as Ce, unref as ie, createVNode as z, withDirectives as ce, withKeys as ge, vModelText as pe, onMounted as Ge, onUnmounted as ot, inject as j, resolveComponent as Z, Teleport as nt, withModifiers as Oe, resolveDynamicComponent as it, vModelRadio as rt, vShow as lt, renderSlot as Ke, onBeforeUnmount as at, nextTick as We } from "vue";
+import { a as st, u as ze, j as dt } from "./editorStore-CHHdik0L.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 { 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 { 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 ct, e as Je, w as mt, h as C, a as ht, p as ft, q as vt, O as Ue } from "./queryExecutionService-D1ynkTop.js";
+import { u as Ve, D as pt } from "./DashboardImportSelector-8mxsOld1.js";
+import { M as Ye } from "./ModalDialog-DUjJI7a8.js";
+import { _ as Y } from "./_plugin-vue_export-helper-Ckr1Vx8X.js";
+import { T as be } from "./Tooltip-Du2RDSUJ.js";
+import yt from "./LoadingButton-3lCHccOe.js";
+import Le from "./ErrorMessage-BcAwiBgc.js";
+import { D as gt, V as bt } from "./DrilldownPane-oN6u9FSj.js";
+import { L as Me } from "./LoadingView-CCvQjQXB.js";
+import { M as Ct } from "./MarkdownRenderer-ToJ3ndVO.js";
+import { D as wt } from "./DataTable-CcALeEBZ.js";
+import { C as he, R as je } from "./snowflake-BUHnLz1S.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 { 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 = {
+import { e as $e, K as de, a as ve, R as St } from "./toggleHighContrast-q6tdBRv8.js";
+import { S as Et } from "./SymbolsPane-BrwZzMNn.js";
+import { u as Dt, R as It } from "./useResizableDialog-B6WRQMxc.js";
+const Tt = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt = {
   "data-testid": "dashboard-json",
   class: "json-code"
 }, Mt = /* @__PURE__ */ J({
@@ -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 = S(""), i = S(!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 w = { ...v };
+        return delete w.static, delete w.moved, delete w.state, w;
       })), 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, w] of Object.entries(a.gridItems)) {
+          const b = { ...w };
+          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 w = { ...v };
+        return delete w.id, w;
       })), a;
     };
-    de(
-      [() => n.dashboard, () => n.isOpen],
+    ue(
+      [() => o.dashboard, () => o.isOpen],
       ([c, a]) => {
         if (a && c) {
           const v = s(c);
@@ -63,14 +63,14 @@ 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) => (h(), _(Ye, {
       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"))
@@ -81,20 +81,20 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
           "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)
+          t("span", null, P(i.value ? "Copied" : "Copy JSON"), 1)
         ])
       ]),
-      default: ne(() => [
-        t("div", It, [
+      default: ee(() => [
+        t("div", Tt, [
           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, [
             a[2] || (a[2] = t("div", { class: "json-toolbar" }, [
               t("span", { class: "json-toolbar-label" }, "dashboard.json")
             ], -1)),
-            t("pre", Lt, N(r.value), 1)
+            t("pre", Lt, P(r.value), 1)
           ])
         ])
       ]),
@@ -118,20 +118,20 @@ 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 = S(!1), i = S(0), s = S(0), f = S(""), c = S(0), a = S(null), v = p(() => {
+      if (!o.inputElement) return {};
+      const k = o.inputElement.getBoundingClientRect();
       return {
         top: `${k.bottom + 50}px`,
         left: `${k.left}px`,
         width: `${k.width}px`,
         maxHeight: "200px"
       };
-    }), E = () => {
-      if (!n.inputElement) return;
-      s.value = n.inputElement.selectionStart || 0;
-      const k = n.inputValue;
+    }), w = () => {
+      if (!o.inputElement) return;
+      s.value = o.inputElement.selectionStart || 0;
+      const k = o.inputValue;
       let M = s.value;
       for (; M > 0 && !/\s/.test(k.charAt(M - 1)); )
         M--;
@@ -139,31 +139,31 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
       for (; T < k.length && !/\s/.test(k.charAt(T)); )
         T++;
       c.value = M, f.value = k.substring(M, T);
-    }, C = p(() => {
+    }, b = 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);
+      return o.completionItems.filter((M) => M.label.toLowerCase().includes(k)).sort((M, T) => {
+        const O = M.label.toLowerCase().startsWith(k), W = T.label.toLowerCase().startsWith(k);
+        return O && !W ? -1 : !O && W ? 1 : M.label.localeCompare(T.label);
       }).slice(0, 10);
     });
-    de(C, (k) => {
+    ue(b, (k) => {
       r.value = k.length > 0, i.value = 0;
     });
-    const D = (k) => {
-      const M = n.inputValue.substring(0, c.value), T = n.inputValue.substring(s.value);
+    const I = (k) => {
+      const M = o.inputValue.substring(0, c.value), T = o.inputValue.substring(s.value);
       l("select-completion", {
         text: M + k.label + T,
         cursorPosition: c.value + k.label.length
       }), r.value = !1;
-    }, V = (k) => k.trilogySubType ? k.trilogySubType.toLowerCase() : k.type.toLowerCase();
-    return de(
-      () => n.inputValue,
+    }, x = (k) => k.trilogySubType ? k.trilogySubType.toLowerCase() : k.type.toLowerCase();
+    return ue(
+      () => o.inputValue,
       () => {
-        E();
+        w();
       }
-    ), xe(
-      () => [a.value, n.inputElement],
+    ), Ve(
+      () => [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", {
+    ), w(), (k, M) => r.value ? (h(), y("div", {
       key: 0,
       ref_key: "dropdown",
       ref: a,
       class: "autocomplete-dropdown",
-      style: Ee(v.value)
+      style: Te(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)
+      (h(!0), y(fe, null, we(b.value, (T, O) => (h(), y("div", {
+        key: O,
+        class: q(["completion-item", { selected: O === i.value }]),
+        onClick: (W) => I(T)
       }, [
         t("div", {
-          class: A(["symbol-icon", V(T)])
+          class: q(["symbol-icon", x(T)])
         }, [
-          T.trilogySubType ? (m(), y("i", {
+          T.trilogySubType ? (h(), y("i", {
             key: 0,
-            class: A(`mdi ${T.trilogySubType === "key" ? "mdi-key-outline" : T.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)
+            class: q(`mdi ${T.trilogySubType === "key" ? "mdi-key-outline" : T.trilogySubType === "property" ? "mdi-tag-outline" : "mdi-cube-outline"}`)
+          }, null, 2)) : (h(), y(fe, { key: 1 }, [
+            Ce(P(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)
           ], 64))
         ], 2),
         t("div", qt, [
-          t("div", Ft, N(T.label), 1),
-          t("div", xt, N(T.description), 1)
+          t("div", Ft, P(T.label), 1),
+          t("div", xt, P(T.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);
-    function V() {
-      l("filter-apply", a.value), v.value = !1, H();
+  setup(e, { emit: n }) {
+    const o = e, l = n, r = ct(), i = S(o.isLoading), s = S(null), f = S(null), c = S(null), a = S(o.filterValue || ""), v = S(!1), w = S(!1), b = p(() => a.value.replace(/\n/g, " ")), I = p(() => a.value.trim().length > 0);
+    function x() {
+      l("filter-apply", a.value), v.value = !1, O();
     }
     function k() {
       a.value = "", v.value = !0, l("filter-change", ""), l("filter-apply", ""), l("clear-filter", ""), setTimeout(() => {
         f.value && f.value.focus();
       }, 0);
     }
-    function M(b) {
-      const h = b.target;
-      a.value = h.value, v.value = !0, l("filter-change", a.value);
+    function M(E) {
+      const m = E.target;
+      a.value = m.value, v.value = !0, l("filter-change", a.value);
     }
     function T() {
-      E.value = !0, setTimeout(() => {
+      w.value = !0, setTimeout(() => {
         if (f.value) {
           f.value.focus();
-          const b = a.value.length;
-          f.value.setSelectionRange(b, b);
+          const E = a.value.length;
+          f.value.setSelectionRange(E, E);
         }
       }, 0);
     }
-    function H() {
-      E.value = !1;
+    function O() {
+      w.value = !1;
     }
-    const K = () => {
+    const W = () => {
       i.value = !0;
-      const b = n.globalCompletion.map((h) => ({
-        name: h.label,
-        type: h.datatype,
-        description: h.description
+      const E = o.globalCompletion.map((m) => ({
+        name: m.label,
+        type: m.datatype,
+        description: m.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, E, o.validateFilter).then((m) => {
+        m && m.length > 0 && (a.value = m.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) {
-      (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());
-    }
-    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));
-    }
-    return de(
-      () => n.filterValue,
-      (b) => {
-        b !== a.value && (a.value = b || "", v.value = !1);
+    function V(E) {
+      E.key === "Enter" && !E.shiftKey && !E.ctrlKey && !E.altKey ? w.value || (E.preventDefault(), x()) : (E.ctrlKey || E.metaKey) && E.shiftKey && E.key === "Enter" ? (E.preventDefault(), W()) : E.key === "Escape" && w.value && (E.preventDefault(), O());
+    }
+    function $(E) {
+      (E.ctrlKey || E.metaKey) && E.key === "Enter" && !E.shiftKey ? (E.preventDefault(), x()) : (E.ctrlKey || E.metaKey) && E.shiftKey && E.key === "Enter" ? (E.preventDefault(), W()) : E.key === "Escape" && (E.preventDefault(), O());
+    }
+    const g = p(() => (o.filterError || "").length > 0 ? "error" : a.value ? "valid" : "neutral");
+    function B(E) {
+      a.value = E.text, v.value = !0, l("filter-change", a.value);
+      const m = w.value ? f.value : s.value;
+      m && (m.focus(), m.setSelectionRange(E.cursorPosition, E.cursorPosition));
+    }
+    return ue(
+      () => o.filterValue,
+      (E) => {
+        E !== a.value && (a.value = E || "", v.value = !1);
       }
-    ), de(
-      () => n.isLoading,
-      (b) => {
-        i.value = b;
+    ), ue(
+      () => o.isLoading,
+      (E) => {
+        i.value = E;
       }
-    ), xe(
+    ), Ve(
       () => [c.value, s.value],
       () => {
-        H();
+        O();
       },
       {
-        enabled: () => E.value
+        enabled: () => w.value
       }
-    ), (b, h) => (m(), y("div", Ot, [
+    ), (E, m) => (h(), y("div", Vt, [
       t("div", Qt, [
         t("input", {
           id: "filter",
@@ -310,34 +310,34 @@ 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,
+          onKeydown: V,
           onFocus: T,
           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", {
+        w.value ? (h(), 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)),
+            m[1] || (m[1] = t("span", null, "Global Filters", -1)),
             t("button", {
-              onClick: H,
+              onClick: O,
               class: "close-button",
               title: "Close (Esc)"
-            }, [...h[0] || (h[0] = [
+            }, [...m[0] || (m[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" }]),
+            class: q(["filter-textarea", { "filter-error": g.value === "error" }]),
             value: a.value,
             onInput: M,
             onKeydown: $,
@@ -347,61 +347,61 @@ Use Ctrl+Enter to apply`,
             disabled: i.value,
             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)),
-            t("span", null, N(e.filterError), 1)
+          e.filterError ? (h(), y("div", Pt, [
+            m[2] || (m[2] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
+            t("span", null, P(e.filterError), 1)
           ])) : R("", !0),
           t("div", Kt, [
             t("button", {
-              onClick: V,
-              class: A(["apply-button", { "has-changes": v.value }]),
+              onClick: x,
+              class: q(["apply-button", { "has-changes": v.value }]),
               disabled: i.value,
               title: "Apply filter (Ctrl+Enter)"
-            }, [...h[3] || (h[3] = [
+            }, [...m[3] || (m[3] = [
               t("i", { class: "mdi mdi-check" }, null, -1),
-              ge(" Apply ", -1)
+              Ce(" Apply ", -1)
             ])], 10, Wt),
-            ie(r).hasActiveDefaultConnection ? (m(), y("button", {
+            ie(r).hasActiveDefaultConnection ? (h(), y("button", {
               key: 0,
-              onClick: K,
+              onClick: W,
               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 ? (h(), y("div", jt, [...m[4] || (m[4] = [
                 t("div", { class: "loader" }, null, -1)
               ])])) : R("", !0),
-              h[5] || (h[5] = ge(" Text to Filter ", -1))
+              m[5] || (m[5] = Ce(" Text to Filter ", -1))
             ], 8, Ut)) : R("", !0),
             t("button", {
               onClick: k,
               class: "clear-button",
               disabled: i.value,
               title: "Clear filter"
-            }, [...h[6] || (h[6] = [
+            }, [...m[6] || (m[6] = [
               t("i", { class: "mdi mdi-close-circle-outline" }, null, -1),
-              ge(" Clear ", -1)
-            ])], 8, Gt)
+              Ce(" Clear ", -1)
+            ])], 8, _t)
           ])
         ], 512)) : R("", !0),
-        (E.value ? f.value : s.value) ? (m(), G(Vt, {
+        (w.value ? f.value : s.value) ? (h(), _(Ot, {
           key: 1,
           "input-value": a.value,
           "completion-items": e.globalCompletion,
-          "input-element": E.value ? f.value : s.value,
+          "input-element": w.value ? f.value : s.value,
           onSelectCompletion: B
         }, null, 8, ["input-value", "completion-items", "input-element"])) : R("", !0),
-        t("div", _t, [
-          g.value === "error" ? (m(), y("div", zt, [
-            h[8] || (h[8] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
-            z(De, {
+        t("div", Gt, [
+          g.value === "error" ? (h(), y("div", zt, [
+            m[8] || (m[8] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
+            z(be, {
               content: e.filterError || "Unknown Error",
               position: "bottom"
             }, {
-              default: ne(() => [...h[7] || (h[7] = [
+              default: ee(() => [...m[7] || (m[7] = [
                 t("span", {
                   class: "tooltip-trigger",
                   "data-testid": "filter-error-tooltip-trigger"
@@ -411,28 +411,28 @@ Use Ctrl+Enter to apply`,
             }, 8, ["content"])
           ])) : R("", !0),
           t("button", {
-            onClick: V,
-            class: A(["input-icon-button", { "has-changes": v.value }]),
+            onClick: x,
+            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, {
+              m[10] || (m[10] = t("i", { class: "mdi mdi-magnify" }, null, -1)),
+              z(be, {
                 content: v.value ? "Apply changes (Enter)" : "Search (Enter)",
                 position: "top"
               }, {
-                default: ne(() => [...h[9] || (h[9] = [
+                default: ee(() => [...m[9] || (m[9] = [
                   t("span", { class: "tooltip-trigger" }, null, -1)
                 ])]),
                 _: 1
               }, 8, ["content"])
             ])
           ], 10, Jt),
-          ie(r).hasActiveDefaultConnection ? (m(), y("button", {
+          ie(r).hasActiveDefaultConnection ? (h(), y("button", {
             key: 1,
-            onClick: K,
+            onClick: W,
             class: "input-icon-button",
             "data-testid": "filter-llm-button",
             disabled: i.value,
@@ -440,23 +440,23 @@ 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 ? (h(), y("div", eo, [...m[11] || (m[11] = [
                 t("div", { class: "loader" }, null, -1)
               ])])) : R("", !0),
-              z(De, {
+              z(be, {
                 content: i.value ? "Processing..." : "Text to filter (Ctrl+Shift+Enter)",
                 position: "top"
               }, {
-                default: ne(() => [...h[12] || (h[12] = [
+                default: ee(() => [...m[12] || (m[12] = [
                   t("span", { class: "tooltip-trigger" }, null, -1)
                 ])]),
                 _: 1
               }, 8, ["content"])
             ])
           ], 8, Zt)) : R("", !0),
-          D.value ? (m(), y("button", {
+          I.value ? (h(), y("button", {
             key: 2,
             onClick: k,
             class: "input-icon-button clear-icon-button",
@@ -464,43 +464,43 @@ Use Ctrl+Enter to apply`,
             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, [
+              m[14] || (m[14] = t("i", { class: "mdi mdi-close" }, null, -1)),
+              z(be, {
                 content: "Clear all filters",
                 position: "top"
               }, {
-                default: ne(() => [...h[13] || (h[13] = [
+                default: ee(() => [...m[13] || (m[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: {
@@ -520,6 +520,10 @@ Use Ctrl+Enter to apply`,
     validateFilter: {
       type: Function,
       default: () => !0
+    },
+    exportImageAction: {
+      type: Function,
+      default: null
     }
   },
   emits: [
@@ -534,55 +538,59 @@ 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 = ze(), s = Je(), f = S(!1), c = S(!1), a = S(!1), v = S(""), w = S(null);
+    function b() {
       c.value = !c.value;
     }
-    function D() {
+    function I() {
       c.value = !1;
     }
-    function V(h) {
-      l("filter-change", h);
+    function x(m) {
+      l("filter-change", m);
     }
     async function k() {
-      return l("export-image"), await new Promise((h) => setTimeout(h, 5e3)), Promise.resolve();
+      if (o.exportImageAction) {
+        await o.exportImageAction();
+        return;
+      }
+      l("export-image");
     }
-    function M(h) {
-      const I = h.target;
-      l("mode-change", I.value);
+    function M(m) {
+      const D = m.target;
+      l("mode-change", D.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();
+      var m;
+      o.editsLocked || (a.value = !0, v.value = ((m = o.dashboard) == null ? void 0 : m.name) || "Untitled Dashboard", setTimeout(() => {
+        var D;
+        (D = w.value) == null || D.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 W() {
+      var m;
+      a.value = !1, v.value = ((m = o.dashboard) == null ? void 0 : m.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 V = p(() => Object.values(i.editors).filter((D) => D.connection === o.selectedConnection).sort((D, te) => D.name.localeCompare(te.name)).map((D) => ({
+      id: D.id,
+      name: D.name.replace(/\//g, "."),
       alias: ""
     }))), $ = p(() => {
-      var h;
-      return ((h = n.dashboard) == null ? void 0 : h.imports) || [];
+      var m;
+      return ((m = o.dashboard) == null ? void 0 : m.imports) || [];
     });
-    function g(h) {
-      l("import-change", h);
+    function g(m) {
+      l("import-change", m);
     }
     function B() {
       l("refresh");
     }
-    const b = p(() => {
-      var h;
-      switch ((h = n.dashboard) == null ? void 0 : h.state) {
+    const E = p(() => {
+      var m;
+      switch ((m = o.dashboard) == null ? void 0 : m.state) {
         case "editing":
           return "mdi mdi-pencil-outline";
         case "published":
@@ -593,71 +601,71 @@ Use Ctrl+Enter to apply`,
           return "mdi mdi-eye-outline";
       }
     });
-    return (h, I) => {
-      var Z, re;
-      return m(), y("div", ln, [
+    return (m, D) => {
+      var te, ne;
+      return h(), 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
           }, [
-            a.value ? ue((m(), y("input", {
+            a.value ? ce((h(), y("input", {
               key: 1,
               ref_key: "titleInput",
-              ref: E,
+              ref: w,
               "data-testid": "dashboard-title-input",
-              "onUpdate:modelValue": I[0] || (I[0] = (U) => v.value = U),
-              onBlur: H,
+              "onUpdate:modelValue": D[0] || (D[0] = (U) => v.value = U),
+              onBlur: O,
               onKeyup: [
-                ye(H, ["enter"]),
-                ye(K, ["esc"])
+                ge(O, ["enter"]),
+                ge(W, ["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] = [
+              [pe, v.value]
+            ]) : (h(), y("span", lo, [
+              t("span", ao, P(((te = e.dashboard) == null ? void 0 : te.name) || "Untitled Dashboard"), 1),
+              e.editsLocked ? R("", !0) : (h(), y("span", so, [...D[6] || (D[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" ? (h(), y("div", uo, [
+            t("div", co, [
+              t("div", mo, [
+                D[7] || (D[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: D[1] || (D[1] = (U) => m.$emit("connection-change", U)),
                   value: e.selectedConnection,
                   title: e.selectedConnection
                 }, [
-                  (m(!0), y(me, null, be(Object.values(ie(r).connections).filter(
+                  (h(!0), y(fe, null, we(Object.values(ie(r).connections).filter(
                     (U) => U.model
-                  ), (U) => (m(), y("option", {
+                  ), (U) => (h(), y("option", {
                     key: U.name,
                     value: U.name
-                  }, N(U.name), 9, fn))), 128))
-                ], 40, hn)
+                  }, P(U.name), 9, fo))), 128))
+                ], 40, ho)
               ])
             ]),
             z(pt, {
-              "available-imports": O.value,
+              "available-imports": V.value,
               "active-imports": $.value,
               "onUpdate:imports": g,
-              onExplore: I[2] || (I[2] = (U) => ie(s).openTab("editors", null, U.id))
+              onExplore: D[2] || (D[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: D[3] || (D[3] = (U) => m.$emit("add-item")),
                 class: "btn btn-success",
                 "data-testid": "add-item-button",
                 title: "Add Item"
-              }, [...I[8] || (I[8] = [
+              }, [...D[8] || (D[8] = [
                 t("i", {
                   class: "mdi mdi-plus top-action-icon",
                   "aria-hidden": "true"
@@ -665,11 +673,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: D[4] || (D[4] = (U) => m.$emit("clear-items")),
                 class: "btn btn-danger",
                 "data-testid": "clear-items-button",
                 title: "Clear All"
-              }, [...I[9] || (I[9] = [
+              }, [...D[9] || (D[9] = [
                 t("i", {
                   class: "mdi mdi-delete-outline top-action-icon",
                   "aria-hidden": "true"
@@ -679,17 +687,17 @@ 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,
             "global-completion": e.globalCompletion,
             "validate-filter": e.validateFilter,
-            onFilterApply: V,
-            onClearFilter: I[5] || (I[5] = (U) => h.$emit("clear-filter", ""))
+            onFilterApply: x,
+            onClearFilter: D[5] || (D[5] = (U) => m.$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,
               "use-default-style": !1,
@@ -699,7 +707,7 @@ Use Ctrl+Enter to apply`,
               title: "Download dashboard image",
               "aria-label": "Download dashboard image"
             }, {
-              default: ne(() => [...I[10] || (I[10] = [
+              default: ee(() => [...D[10] || (D[10] = [
                 t("i", {
                   class: "mdi mdi-download-outline filter-action-icon",
                   "aria-hidden": "true"
@@ -709,12 +717,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] = [
+            }, [...D[11] || (D[11] = [
               t("i", {
                 class: "mdi mdi-export-variant filter-action-icon",
                 "aria-hidden": "true"
@@ -727,17 +735,17 @@ Use Ctrl+Enter to apply`,
               "data-testid": "refresh-button",
               title: "Refresh dashboard",
               "aria-label": "Refresh dashboard"
-            }, [...I[12] || (I[12] = [
+            }, [...D[12] || (D[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(E.value + " select-icon")
                 }, null, 2),
                 t("select", {
                   id: "viewMode",
@@ -746,7 +754,7 @@ Use Ctrl+Enter to apply`,
                   value: e.dashboard.state,
                   disabled: e.editsLocked,
                   class: "mode-select"
-                }, [...I[13] || (I[13] = [
+                }, [...D[13] || (D[13] = [
                   t("option", {
                     value: "editing",
                     "data-testid": "edit-mode-option"
@@ -759,7 +767,7 @@ Use Ctrl+Enter to apply`,
                     value: "fullscreen",
                     "data-testid": "fullscreen-mode-option"
                   }, "Fullscreen", -1)
-                ])], 40, Cn)
+                ])], 40, Co)
               ])
             ])
           ])
@@ -767,37 +775,37 @@ Use Ctrl+Enter to apply`,
         z(Rt, {
           dashboard: e.dashboard,
           "is-open": c.value,
-          onClose: D
+          onClose: I
         }, 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 = () => {
+}), Wi = /* @__PURE__ */ Y(wo, [["__scopeId", "data-v-b0dab49c"]]);
+function Re(e) {
+  const n = S(null), o = S(!1), l = S(null), r = S(!1), i = S(null), s = S(!1), f = () => {
     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 I = n.value.getBoundingClientRect(), x = window.scrollY || document.documentElement.scrollTop, k = I.top + x, M = Math.floor(k / 200) * 10;
     return Math.min(M, 100);
   };
-  je(() => {
+  Ge(() => {
     setTimeout(() => {
-      const D = c();
+      const I = c();
       if (!e.results.value) {
-        n.value = !0;
+        o.value = !0;
         return;
       }
       setTimeout(() => {
-        n.value = !0;
-      }, D);
+        o.value = !0;
+      }, I);
     }, 0);
-  }), nt(() => {
+  }), ot(() => {
     f();
-  }), de(
+  }), ue(
     e.loading,
-    (D) => {
-      if (f(), D) {
+    (I) => {
+      if (f(), I) {
         i.value = setTimeout(() => {
           r.value = !0, i.value = null;
         }, e.loadingDelayMs ?? 150);
@@ -810,25 +818,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);
+    const I = e.dashboardId(), x = e.itemId(), k = e.getDashboardQueryExecutor(I);
     if (!k)
       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);
+      (M = e.analyticsStore) == null || M.log(e.analyticsEvent, e.analyticsType, !0), l.value && k.cancelQuery(l.value), l.value = await k.runSingle(x), await k.waitForQuery(l.value);
     } catch (T) {
       console.error("Error setting up query:", T), 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 I = e.onRefresh.value;
+      if (I) {
+        I(e.itemId());
         return;
       }
       a();
@@ -841,12 +849,12 @@ function Le(e) {
     }
   };
 }
-const kn = J({
+const ko = J({
   name: "DashboardChart",
   components: {
     VegaLiteChart: bt,
-    ErrorMessage: Ie,
-    LoadingView: $e,
+    ErrorMessage: Le,
+    LoadingView: Me,
     DrilldownPane: gt
   },
   props: {
@@ -881,38 +889,38 @@ 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 = 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(() => {
       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), w = p(() => l.value.error || null), b = p(() => l.value.filters || []), I = p(() => l.value.loadStartTime || null), x = p(() => (l.value.chartFilters || []).map((G) => G.value)), k = p(() => l.value.hasDrilldown), M = p(() => l.value.onRefresh || null), T = j(
       "analyticsStore",
       null
-    ), H = (_) => {
-      const oe = {
-        ..._,
+    ), O = (G) => {
+      const re = {
+        ...G,
         showTitle: !1
       };
       if (k.value) {
         e.setItemData(e.itemId, e.dashboardId, {
-          drilldownChartConfig: oe
+          drilldownChartConfig: re
         });
         return;
       }
-      e.setItemData(e.itemId, e.dashboardId, { chartConfig: oe });
+      e.setItemData(e.itemId, e.dashboardId, { chartConfig: re });
     }, {
-      chartContainer: K,
-      ready: O,
+      chartContainer: W,
+      ready: V,
       showLoading: $,
       controlsVisible: g,
       executeQuery: B,
-      handleLocalRefresh: b,
-      onChartMouseEnter: h,
-      onChartMouseLeave: I
-    } = Le({
+      handleLocalRefresh: E,
+      onChartMouseEnter: m,
+      onChartMouseLeave: D
+    } = Re({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: r,
@@ -926,63 +934,63 @@ const kn = J({
       loadingDelayMs: 250
     });
     return {
-      chartContainer: K,
+      chartContainer: W,
       results: i,
-      ready: O,
+      ready: V,
       loading: v,
       showLoading: $,
-      error: E,
-      filters: C,
+      error: w,
+      filters: b,
       query: r,
       chartHeight: f,
       chartWidth: c,
       chartConfig: a,
       chartTitle: s,
-      onChartConfigChange: H,
+      onChartConfigChange: O,
       onRefresh: M,
-      handleLocalRefresh: b,
-      chartSelection: V,
-      startTime: D,
-      handleDimensionClick: (_) => {
-        o("dimension-click", {
+      handleLocalRefresh: E,
+      chartSelection: x,
+      startTime: I,
+      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 re = G.filters, le = Object.keys(re)[0], X = mt(G.filters);
+        le && (o.value = { remove: le, filter: X });
       },
-      submitDrilldown: async (_) => {
-        let ee = await e.getDashboardQueryExecutor(e.dashboardId).createDrilldownQuery(
+      submitDrilldown: async (G) => {
+        let le = 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: le,
           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;
+        }), $.value = !0, o.value = null, await B().then(() => {
+          V.value = !0;
+        }).catch((X) => {
+          console.error("Error executing drilldown query:", X), V.value = !0;
         }).finally(() => {
           $.value = !1;
         });
       },
       controlsVisible: g,
-      onChartMouseEnter: h,
-      onChartMouseLeave: I,
+      onChartMouseEnter: m,
+      onChartMouseLeave: D,
       revertDrilldown: async () => {
         e.setItemData(e.itemId, e.dashboardId, {
           drilldown: null,
@@ -993,32 +1001,32 @@ const kn = J({
       hasDrilldown: k
     };
   }
-}), 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");
-  return m(), y("div", {
+function Eo(e, n, o, l, r, i) {
+  const s = Z("drilldown-pane"), f = Z("ErrorMessage"), c = Z("VegaLiteChart"), a = Z("LoadingView");
+  return h(), 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 ? (h(), _(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 ? (h(), _(f, {
       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 ? (h(), _(c, {
       key: 2,
       id: `${e.itemId}-${e.dashboardId}`,
       columns: e.results.headers,
@@ -1037,40 +1045,40 @@ 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 ? (h(), y("div", So, [
       z(a, {
         startTime: e.startTime,
         text: "",
         subtle: ""
       }, null, 8, ["startTime"])
     ])) : R("", !0),
-    !e.editMode || !(e.results && e.ready) ? (m(), y("div", {
+    !e.editMode || !(e.results && e.ready) ? (h(), 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 Do = /* @__PURE__ */ Y(ko, [["render", Eo], ["__scopeId", "data-v-36046d80"]]), Io = J({
   name: "DynamicMarkdownChart",
   components: {
-    ErrorMessage: Ie,
+    ErrorMessage: Le,
     MarkdownRenderer: Ct
   },
   props: {
@@ -1102,17 +1110,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), f = p(() => n.value.error || null), c = p(() => n.value.filters || []), a = p(() => n.value.loadStartTime || null), v = p(() => n.value.onRefresh || null), w = j("connectionStore"), b = j("analyticsStore");
+    if (!w)
       throw new Error("Connection store not found!");
     const {
-      chartContainer: D,
-      ready: V,
+      chartContainer: I,
+      ready: x,
       controlsVisible: k,
       handleLocalRefresh: M,
       onChartMouseEnter: T,
-      onChartMouseLeave: H
-    } = Le({
+      onChartMouseLeave: O
+    } = Re({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: r,
@@ -1120,14 +1128,14 @@ 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: I,
       results: i,
-      ready: V,
+      ready: x,
       loading: s,
       error: f,
       filters: c,
@@ -1137,51 +1145,51 @@ const En = /* @__PURE__ */ Y(kn, [["render", Dn], ["__scopeId", "data-v-36046d80
       startTime: a,
       controlsVisible: k,
       onChartMouseEnter: T,
-      onChartMouseLeave: H
+      onChartMouseLeave: O
     };
   }
 });
-function In(e, o, n, l, r, i) {
-  const s = X("ErrorMessage"), f = X("MarkdownRenderer");
-  return m(), y("div", {
+function To(e, n, o, l, r, i) {
+  const s = Z("ErrorMessage"), f = Z("MarkdownRenderer");
+  return h(), 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 ? (h(), _(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 ? (h(), _(f, {
       key: 1,
       markdown: e.markdown,
       results: e.results,
       loading: e.loading
     }, null, 8, ["markdown", "results", "loading"])) : R("", !0),
-    !e.loading && e.editMode ? (m(), y("div", {
+    !e.loading && e.editMode ? (h(), 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(Io, [["render", To], ["__scopeId", "data-v-ffafce48"]]), Lo = J({
   name: "DashboardTable",
   components: {
     DataTable: wt,
-    ErrorMessage: Ie,
-    LoadingView: $e
+    ErrorMessage: Le,
+    LoadingView: Me
   },
   props: {
     dashboardId: {
@@ -1211,32 +1219,32 @@ 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), f = p(() => o.value.filters || []), c = p(() => o.value.loadStartTime || null), a = p(() => (o.value.height || 300) - 75), v = p(() => (o.value.width || 300) - 100), w = p(() => o.value.onRefresh || null), b = j("connectionStore"), I = j("analyticsStore");
+    if (!b)
       throw new Error("Connection store not found!");
     const {
-      chartContainer: V,
+      chartContainer: x,
       ready: k,
       showLoading: M,
       controlsVisible: T,
-      handleLocalRefresh: H,
-      onChartMouseEnter: K,
-      onChartMouseLeave: O
-    } = Le({
+      handleLocalRefresh: O,
+      onChartMouseEnter: W,
+      onChartMouseLeave: V
+    } = Re({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: l,
       results: r,
       loading: i,
-      onRefresh: E,
+      onRefresh: w,
       getDashboardQueryExecutor: e.getDashboardQueryExecutor,
-      analyticsStore: D,
+      analyticsStore: I,
       analyticsEvent: "dashboard-table-execution",
       analyticsType: "TABLE"
     });
     return {
-      chartContainer: V,
+      chartContainer: x,
       results: r,
       ready: k,
       loading: i,
@@ -1246,11 +1254,11 @@ const $n = /* @__PURE__ */ Y(Tn, [["render", In], ["__scopeId", "data-v-ffafce48
       query: l,
       chartHeight: a,
       chartWidth: v,
-      onRefresh: E,
-      handleLocalRefresh: H,
+      onRefresh: w,
+      handleLocalRefresh: O,
       startTime: c,
       handleDimensionClick: (B) => {
-        o("dimension-click", {
+        n("dimension-click", {
           source: e.itemId,
           filters: B.filters,
           chart: B.chart,
@@ -1258,32 +1266,32 @@ const $n = /* @__PURE__ */ Y(Tn, [["render", In], ["__scopeId", "data-v-ffafce48
         });
       },
       handleBackgroundClick: () => {
-        o("background-click");
+        n("background-click");
       },
       controlsVisible: T,
-      onChartMouseEnter: K,
-      onChartMouseLeave: O
+      onChartMouseEnter: W,
+      onChartMouseLeave: V
     };
   }
-}), 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");
-  return m(), y("div", {
+function Ro(e, n, o, l, r, i) {
+  const s = Z("ErrorMessage"), f = Z("data-table"), c = Z("LoadingView");
+  return h(), 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 ? (h(), _(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 ? (h(), _(f, {
       key: 1,
       id: `${e.itemId}-${e.dashboardId}`,
       headers: e.results.headers,
@@ -1295,29 +1303,29 @@ 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 ? (h(), y("div", Mo, [
       z(c, {
         startTime: e.startTime,
         text: "",
         subtle: ""
       }, null, 8, ["startTime"])
     ])) : R("", !0),
-    !e.loading && e.editMode ? (m(), y("div", {
+    !e.loading && e.editMode ? (h(), 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 +1365,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 +1390,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,20 +1440,20 @@ const An = /* @__PURE__ */ Y(Ln, [["render", Rn], ["__scopeId", "data-v-2fa93a82
     }
   },
   methods: {
-    formatValue(e, o) {
-      var n, l;
-      switch (o.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);
-        case ce.DATETIME:
-        case ce.TIMESTAMP:
-        case ce.DATE:
-        case ce.TIME:
+    formatValue(e, n) {
+      var o, l;
+      switch (n.type) {
+        case he.FLOAT:
+          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 he.DATETIME:
+        case he.TIMESTAMP:
+        case he.DATE:
+        case he.TIME:
           return e instanceof Date ? e.toLocaleString() : String(e);
-        case ce.BOOLEAN:
+        case he.BOOLEAN:
           return e ? "✓" : "✗";
-        case ce.ARRAY:
-        case ce.STRUCT:
+        case he.ARRAY:
+        case he.STRUCT:
           return JSON.stringify(e);
         default:
           return String(e);
@@ -1454,7 +1462,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 +1498,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),
-        ue(t("input", {
+}, Vo = ["placeholder", "disabled"], Qo = ["onMousedown", "innerHTML"];
+function Bo(e, n, o, l, r, i) {
+  return h(), y("div", Fo, [
+    t("div", xo, [
+      t("div", Ho, [
+        i.hasSelection ? (h(), y("span", Oo, P(i.fieldLabel) + ": ", 1)) : R("", !0),
+        ce(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), [
+          [pe, 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 +1539,40 @@ function Bn(e, o, n, l, r, i) {
           ])
         ], -1))
       ]),
-      (m(), G(ot, { to: "body" }, [
-        r.showDropdown && i.filteredOptions.length > 0 ? (m(), y("div", {
+      (h(), _(nt, { to: "body" }, [
+        r.showDropdown && i.filteredOptions.length > 0 ? (h(), y("div", {
           key: 0,
           class: "dropdown-list",
-          style: Ee(i.dropdownStyle)
+          style: Te(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] = Oe((...s) => i.selectAll && i.selectAll(...s), ["prevent"]))
           }, " All ", 34),
-          (m(!0), y(me, null, be(i.filteredOptions, (s, f) => (m(), y("div", {
+          (h(!0), y(fe, null, we(i.filteredOptions, (s, f) => (h(), y("div", {
             key: f,
-            class: A(["dropdown-item", { selected: r.selectedValue === s.value }]),
-            onMousedown: Be((c) => i.selectOption(s), ["prevent"]),
+            class: q(["dropdown-item", { selected: r.selectedValue === s.value }]),
+            onMousedown: Oe((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", {
+        r.showDropdown && r.searchText && i.filteredOptions.length === 0 ? (h(), y("div", {
           key: 1,
           class: "dropdown-list",
-          style: Ee(i.dropdownStyle)
-        }, [...o[6] || (o[6] = [
+          style: Te(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: Le,
+    LoadingView: Me
   },
   props: {
     dashboardId: {
@@ -1594,32 +1602,32 @@ 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), f = p(() => o.value.filters || []), c = p(() => o.value.loadStartTime || null), a = p(() => (o.value.height || 300) - 75), v = p(() => (o.value.width || 300) - 100), w = p(() => o.value.onRefresh || null), b = j("connectionStore"), I = j("analyticsStore");
+    if (!b)
       throw new Error("Connection store not found!");
     const {
-      chartContainer: V,
+      chartContainer: x,
       ready: k,
       showLoading: M,
       controlsVisible: T,
-      handleLocalRefresh: H,
-      onChartMouseEnter: K,
-      onChartMouseLeave: O
-    } = Le({
+      handleLocalRefresh: O,
+      onChartMouseEnter: W,
+      onChartMouseLeave: V
+    } = Re({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: l,
       results: r,
       loading: i,
-      onRefresh: E,
+      onRefresh: w,
       getDashboardQueryExecutor: e.getDashboardQueryExecutor,
-      analyticsStore: D,
+      analyticsStore: I,
       analyticsEvent: "dashboard-filter-execution",
       analyticsType: "FILTER"
     });
     return {
-      chartContainer: V,
+      chartContainer: x,
       results: r,
       ready: k,
       loading: i,
@@ -1629,11 +1637,11 @@ const Nn = /* @__PURE__ */ Y(qn, [["render", Bn], ["__scopeId", "data-v-660a47c4
       query: l,
       chartHeight: a,
       chartWidth: v,
-      onRefresh: E,
-      handleLocalRefresh: H,
+      onRefresh: w,
+      handleLocalRefresh: O,
       startTime: c,
       handleDimensionClick: (B) => {
-        o("dimension-click", {
+        n("dimension-click", {
           source: e.itemId,
           filters: B.filters,
           chart: B.chart,
@@ -1641,32 +1649,32 @@ const Nn = /* @__PURE__ */ Y(qn, [["render", Bn], ["__scopeId", "data-v-660a47c4
         });
       },
       handleBackgroundClick: () => {
-        o("background-click");
+        n("background-click");
       },
       controlsVisible: T,
-      onChartMouseEnter: K,
-      onChartMouseLeave: O
+      onChartMouseEnter: W,
+      onChartMouseLeave: V
     };
   }
-}), 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");
-  return m(), y("div", {
+function Wo(e, n, o, l, r, i) {
+  const s = Z("ErrorMessage"), f = Z("dashboard-data-selector"), c = Z("LoadingView");
+  return h(), 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 ? (h(), _(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 ? (h(), _(f, {
       key: 1,
       id: `${e.itemId}-${e.dashboardId}`,
       headers: e.results.headers,
@@ -1677,7 +1685,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 ? (h(), y("div", Ko, [
       z(c, {
         startTime: e.startTime,
         text: "",
@@ -1686,25 +1694,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"], mn = ["onClick", "title"], hn = { class: "header-filter-chip filter-overflow" }, fn = ["title"], vn = { class: "section-header-text" }, pn = ["id", "placeholder"], yn = ["data-testid"], gn = ["data-testid"], bn = ["data-testid"], Cn = ["data-testid", "title"], wn = {
   key: 0,
   class: "mdi mdi-filter-remove-outline icon"
-}, wo = {
+}, kn = {
   key: 1,
   class: "mdi mdi-filter-outline icon"
-}, ko = ["data-testid"], So = ["data-testid"], Do = /* @__PURE__ */ J({
+}, Sn = ["data-testid"], En = ["data-testid"], Dn = /* @__PURE__ */ J({
   __name: "DashboardGridItem",
   props: {
     dashboardId: {},
@@ -1716,150 +1724,160 @@ 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 = S(!1), i = S(""), s = S(!1), f = S(!1), c = S(null), a = S(null);
+    function v(K) {
+      return K.replace(/'''/g, "'").replace("local.", "");
+    }
+    function w(K, A) {
+      let N = v(K);
+      if (A) {
+        const ae = Object.keys(A).sort((oe, me) => me.length - oe.length);
+        for (const oe of ae) {
+          const me = A[oe], Fe = new RegExp(oe.replace(":", "\\:"), "g");
+          N = N.replace(Fe, String(me));
+        }
+      }
+      return N;
+    }
+    function b(K, A) {
+      navigator.clipboard.writeText(w(K, A));
+    }
+    function I() {
+      if (!o.editMode) return;
+      const K = o.getItemData(o.item.i, o.dashboardId);
+      s.value = !1, f.value = !1, r.value = !0, i.value = K.name, setTimeout(() => {
+        const A = document.getElementById(`title-input-${o.item.i}`);
+        A && A.focus();
       }, 0);
     }
-    function D() {
+    function x() {
       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), A = i.value.trim() || K.name;
+        o.setItemData(o.item.i, o.dashboardId, { name: A }), 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 k() {
+      const A = !o.getItemData(o.item.i, o.dashboardId).allowCrossFilter;
+      o.setItemData(o.item.i, o.dashboardId, {
+        allowCrossFilter: A
       });
     }
-    function k() {
-      const W = n.item.h + 1;
-      n.setItemData(n.item.i, n.dashboardId, {
+    function M() {
+      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 T() {
+      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 O() {
       r.value = !1;
     }
-    function H() {
-      if (h.value) {
-        C();
+    function W() {
+      if (D.value) {
+        I();
         return;
       }
-      l("edit-content", n.item);
+      l("edit-content", o.item);
     }
-    function K() {
-      confirm(`Are you sure you want to remove "${b.value.name}"?`) && l("remove-item", n.item.i);
+    function V() {
+      confirm(`Are you sure you want to remove "${m.value.name}"?`) && l("remove-item", o.item.i);
     }
-    function O() {
-      l("copy-item", n.item.i);
-    }
-    function $(W) {
-      l("dimension-click", W);
-    }
-    function g() {
-      l("background-click", n.item.i);
-    }
-    function B(W) {
-      l("remove-filter", n.item.i, W);
-    }
-    const b = p(() => n.getItemData(n.item.i, n.dashboardId)), h = p(() => b.value.type === w.SECTION_HEADER), I = p(() => {
-      switch (b.value.type) {
-        case w.CHART:
-          return En;
-        case w.TABLE:
-          return An;
-        case w.FILTER:
-          return Un;
-        case w.SECTION_HEADER:
+    function $() {
+      l("copy-item", o.item.i);
+    }
+    function g(K) {
+      l("dimension-click", K);
+    }
+    function B() {
+      l("background-click", o.item.i);
+    }
+    function E(K) {
+      l("remove-filter", o.item.i, K);
+    }
+    const m = p(() => o.getItemData(o.item.i, o.dashboardId)), D = p(() => m.value.type === C.SECTION_HEADER), te = p(() => {
+      switch (m.value.type) {
+        case C.CHART:
+          return Do;
+        case C.TABLE:
+          return Ao;
+        case C.FILTER:
+          return Uo;
+        case C.SECTION_HEADER:
           return null;
-        case w.MARKDOWN:
+        case C.MARKDOWN:
         default:
-          return $n;
+          return $o;
       }
-    }), Z = p(() => {
-      switch (b.value.type) {
-        case w.CHART:
+    }), ne = p(() => {
+      switch (m.value.type) {
+        case C.CHART:
           return "Chart Name";
-        case w.TABLE:
+        case C.TABLE:
           return "Table Name";
-        case w.FILTER:
+        case C.FILTER:
           return "Filter Name";
-        case w.SECTION_HEADER:
+        case C.SECTION_HEADER:
           return "Section Header";
-        case w.MARKDOWN:
+        case C.MARKDOWN:
         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*(.+)$/);
-      if (!le)
-        return { text: P, level: 3 };
-      const we = (ke = le[2]) == null ? void 0 : ke.trim();
-      return we ? {
-        text: we,
-        level: le[1].length
-      } : { text: P, level: 3 };
-    }
-    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);
-    }
-    function Re() {
+    }), U = p(() => [C.CHART, C.TABLE, C.MARKDOWN].includes(m.value.type)), ke = p(() => m.value.filters ? m.value.filters.length : 0), Se = p(() => (m.value.filters || []).slice(0, 2)), G = p(() => Math.max(0, ke.value - Se.value.length));
+    function re(K, A) {
+      var me;
+      const N = K == null ? void 0 : K.trim();
+      if (!N)
+        return { text: A, level: 3 };
+      const ae = N.match(/^(#{1,3})\s*(.+)$/);
+      if (!ae)
+        return { text: N, level: 3 };
+      const oe = (me = ae[2]) == null ? void 0 : me.trim();
+      return oe ? {
+        text: oe,
+        level: ae[1].length
+      } : { text: N, level: 3 };
+    }
+    const le = p(() => re(m.value.name, ne.value)), X = p(() => le.value.text), De = p(() => `item-title-level-${le.value.level}`), ye = p(() => s.value && !r.value && !f.value);
+    function Ae() {
+      ye.value && (f.value = !0, s.value = !1);
+    }
+    function qe() {
       s.value = !0, f.value = !1;
     }
-    function Ae() {
+    function Ie() {
       s.value = !1, f.value = !1;
     }
-    return xe([c, a], Me, {
-      enabled: () => pe.value,
+    return Ve([c, a], Ae, {
+      enabled: () => ye.value,
       eventName: "mousedown"
-    }), (W, q) => (m(), y("div", {
-      class: A(["grid-item-content", {
-        "grid-item-chart-style": [ie(w).CHART, ie(w).TABLE, ie(w).FILTER].includes(
+    }), (K, A) => (h(), y("div", {
+      class: q(["grid-item-content", {
+        "grid-item-chart-style": [ie(C).CHART, ie(C).TABLE, ie(C).FILTER].includes(
           //@ts-ignore
-          b.value.type
+          m.value.type
         ),
-        "grid-item-section-header-style": h.value,
+        "grid-item-section-header-style": D.value,
         "grid-item-edit-style": e.editMode
       }]),
       "data-testid": `dashboard-component-${e.item.i}`,
-      onMouseenter: Re,
-      onMouseleave: Ae
+      onMouseenter: qe,
+      onMouseleave: Ie
     }, [
-      e.editMode && h.value ? (m(), y("div", {
+      e.editMode && D.value ? (h(), y("div", {
         key: 0,
-        class: A(["dev-toolbar-shell", { "dev-toolbar-visible": pe.value }])
+        class: q(["dev-toolbar-shell", { "dev-toolbar-visible": ye.value }])
       }, [
         t("div", {
           ref_key: "devToolbarRef",
@@ -1868,34 +1886,34 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
           "data-testid": "dashboard-item-header-controls"
         }, [
           t("button", {
-            onClick: H,
+            onClick: W,
             class: "control-btn",
             "data-testid": `edit-dashboard-item-content-${e.item.i}`,
             title: "Edit title"
-          }, [...q[2] || (q[2] = [
+          }, [...A[2] || (A[2] = [
             t("i", { class: "mdi mdi-pencil-outline icon" }, null, -1)
-          ])], 8, Gn),
+          ])], 8, _o),
           t("button", {
-            onClick: O,
+            onClick: $,
             class: "control-btn",
             "data-testid": `copy-dashboard-item-${e.item.i}`,
             title: "Copy item"
-          }, [...q[3] || (q[3] = [
+          }, [...A[3] || (A[3] = [
             t("i", { class: "mdi mdi-content-copy icon" }, null, -1)
-          ])], 8, _n),
+          ])], 8, Go),
           t("button", {
-            onClick: K,
+            onClick: V,
             class: "control-btn dashboard-remove-btn",
             "data-testid": `remove-dashboard-item-${e.item.i}`,
             title: "Remove item"
-          }, [...q[4] || (q[4] = [
+          }, [...A[4] || (A[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] = [
+      D.value ? R("", !0) : (h(), y("div", Jo, [
+        t("div", Yo, [
+          e.editMode ? (h(), y("div", Zo, [...A[5] || (A[5] = [
             t("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "16",
@@ -1928,99 +1946,114 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
               })
             ], -1)
           ])])) : R("", !0),
-          t("div", Xn, [
-            r.value ? ue((m(), y("input", {
+          t("div", Xo, [
+            r.value ? ce((h(), y("input", {
               key: 1,
               id: `title-input-${e.item.i}`,
-              "onUpdate:modelValue": q[0] || (q[0] = (P) => i.value = P),
-              onBlur: D,
+              "onUpdate:modelValue": A[0] || (A[0] = (N) => i.value = N),
+              onBlur: x,
               onKeyup: [
-                ye(D, ["enter"]),
-                ye(T, ["esc"])
+                ge(x, ["enter"]),
+                ge(O, ["esc"])
               ],
               class: "title-input",
               type: "text",
-              placeholder: Z.value
-            }, null, 40, oo)), [
-              [fe, i.value]
-            ]) : (m(), y("div", {
+              placeholder: ne.value
+            }, null, 40, nn)), [
+              [pe, i.value]
+            ]) : (h(), 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", [De.value, { "item-title-static": !e.editMode }]]),
+              title: X.value,
+              onClick: I
             }, [
-              t("span", to, N(ee.value), 1),
-              e.editMode ? (m(), y("i", no)) : R("", !0)
-            ], 10, eo))
+              t("span", tn, P(X.value), 1),
+              e.editMode ? (h(), 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, [
+          U.value && ke.value > 0 ? (h(), y("div", ln, [
+            (h(!0), y(fe, null, we(Se.value, (N, ae) => (h(), _(be, {
+              key: `${N.source}-${N.value}-${ae}`,
+              content: w(N.value, N.parameters),
+              position: "bottom"
+            }, {
+              default: ee(() => [
+                t("div", an, [
+                  t("span", sn, [
+                    t("span", dn, P(N.source === "global" ? N.source : "cross") + ": ", 1),
+                    t("span", un, P(w(N.value, N.parameters)), 1)
+                  ]),
+                  t("button", {
+                    class: "filter-copy-btn",
+                    onClick: Oe((oe) => b(N.value, N.parameters), ["stop"]),
+                    title: "Copy filter value"
+                  }, " ⎘ ", 8, cn),
+                  e.editMode && N.source !== "global" ? (h(), y("button", {
+                    key: 0,
+                    class: "filter-remove-btn",
+                    onClick: (oe) => E(N.source),
+                    title: `Remove ${N.source} filter`
+                  }, " x ", 8, mn)) : 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)),
+            G.value > 0 ? (h(), _(be, {
               key: 0,
-              class: "header-filter-chip filter-overflow",
-              title: `${ve.value} more filter(s)`
-            }, " +" + N(ve.value), 9, mo)) : R("", !0)
+              content: `${G.value} more filter(s)`,
+              position: "bottom"
+            }, {
+              default: ee(() => [
+                t("div", hn, "+" + P(G.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": D.value }])
       }, [
-        h.value ? (m(), y(me, { key: 0 }, [
-          r.value ? ue((m(), y("input", {
+        D.value ? (h(), y(fe, { key: 0 }, [
+          r.value ? ce((h(), y("input", {
             key: 1,
             id: `title-input-${e.item.i}`,
-            "onUpdate:modelValue": q[1] || (q[1] = (P) => i.value = P),
-            onBlur: D,
+            "onUpdate:modelValue": A[1] || (A[1] = (N) => i.value = N),
+            onBlur: x,
             onKeyup: [
-              ye(D, ["enter"]),
-              ye(T, ["esc"])
+              ge(x, ["enter"]),
+              ge(O, ["esc"])
             ],
             class: "title-input section-header-input no-drag",
             type: "text",
-            placeholder: Z.value
-          }, null, 40, vo)), [
-            [fe, i.value]
-          ]) : (m(), y("div", {
+            placeholder: ne.value
+          }, null, 40, pn)), [
+            [pe, i.value]
+          ]) : (h(), 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", [De.value, { "section-header-editable": e.editMode }]]),
+            title: X.value,
+            onClick: I
           }, [
-            t("span", fo, N(ee.value), 1)
-          ], 10, ho))
-        ], 64)) : (m(), G(it(I.value), {
+            t("span", vn, P(X.value), 1)
+          ], 10, fn))
+        ], 64)) : (h(), _(it(te.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: g,
+          onBackgroundClick: B
         }, null, 40, ["dashboardId", "itemId", "setItemData", "getItemData", "getDashboardQueryExecutor", "editMode", "symbols"])),
-        e.editMode && !h.value ? (m(), y("div", {
+        e.editMode && !D.value ? (h(), 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": ye.value }])
         }, [
           t("div", {
             ref_key: "contentEditToolbarRef",
@@ -2029,103 +2062,103 @@ const Un = /* @__PURE__ */ Y(Pn, [["render", Wn], ["__scopeId", "data-v-9f88e03e
             "data-testid": "dashboard-item-header-controls"
           }, [
             t("button", {
-              onClick: k,
+              onClick: M,
               class: "control-btn",
               "data-testid": `increase-height-item-${e.item.i}`,
               title: "Increase height"
-            }, [...q[6] || (q[6] = [
+            }, [...A[6] || (A[6] = [
               t("i", { class: "mdi mdi-plus icon" }, null, -1)
-            ])], 8, po),
+            ])], 8, yn),
             t("button", {
-              onClick: M,
+              onClick: T,
               class: "control-btn",
               "data-testid": `decrease-height-item-${e.item.i}`,
               title: "Decrease height"
-            }, [...q[7] || (q[7] = [
+            }, [...A[7] || (A[7] = [
               t("i", { class: "mdi mdi-minus icon" }, null, -1)
-            ])], 8, yo),
+            ])], 8, gn),
             t("button", {
-              onClick: H,
+              onClick: W,
               class: "control-btn",
               "data-testid": `edit-dashboard-item-content-${e.item.i}`,
               title: "Edit data"
-            }, [...q[8] || (q[8] = [
+            }, [...A[8] || (A[8] = [
               t("i", { class: "mdi mdi-database-edit-outline icon" }, null, -1)
-            ])], 8, go),
+            ])], 8, bn),
             t("button", {
-              onClick: V,
+              onClick: k,
               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: m.value.allowCrossFilter ? "Toggle cross-filtering OFF" : "Toggle cross-filtering ON"
             }, [
-              b.value.allowCrossFilter ? (m(), y("i", Co)) : (m(), y("i", wo))
-            ], 8, bo),
+              m.value.allowCrossFilter ? (h(), y("i", wn)) : (h(), y("i", kn))
+            ], 8, Cn),
             t("button", {
-              onClick: O,
+              onClick: $,
               class: "control-btn",
               "data-testid": `copy-dashboard-item-${e.item.i}`,
               title: "Copy item"
-            }, [...q[9] || (q[9] = [
+            }, [...A[9] || (A[9] = [
               t("i", { class: "mdi mdi-content-copy icon" }, null, -1)
-            ])], 8, ko),
+            ])], 8, Sn),
             t("button", {
-              onClick: K,
+              onClick: V,
               class: "control-btn dashboard-remove-btn",
               "data-testid": `remove-dashboard-item-${e.item.i}`,
               title: "Remove item"
-            }, [...q[10] || (q[10] = [
+            }, [...A[10] || (A[10] = [
               t("i", { class: "mdi mdi-delete-outline icon" }, null, -1)
-            ])], 8, So)
+            ])], 8, En)
           ], 512)
         ], 2)) : R("", !0)
       ], 2)
-    ], 42, jn));
+    ], 42, jo));
   }
-}), Wi = /* @__PURE__ */ Y(Do, [["__scopeId", "data-v-354fb06e"]]), Eo = { class: "add-item-content" }, To = {
+}), Ui = /* @__PURE__ */ Y(Dn, [["__scopeId", "data-v-9dbea91e"]]), In = { 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 = {
+}, $n = ["data-testid"], Ln = ["value", "data-testid"], Mn = { class: "item-option-card" }, Rn = {
   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({
+}, An = { class: "item-option-text" }, qn = { class: "item-option-label" }, Fn = { class: "item-option-help" }, xn = /* @__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 = S(C.CHART), r = [
       {
-        value: w.CHART,
+        value: C.CHART,
         label: "Chart",
         description: "Visualize trends, comparisons, and distributions.",
         icon: "mdi-chart-bar",
         testId: "dashboard-add-item-type-chart"
       },
       {
-        value: w.TABLE,
+        value: C.TABLE,
         label: "Table",
         description: "Show detailed rows and values in a grid.",
         icon: "mdi-table-large",
         testId: "dashboard-add-item-type-table"
       },
       {
-        value: w.MARKDOWN,
+        value: C.MARKDOWN,
         label: "Markdown",
         description: "Add notes, headings, or narrative context.",
         icon: "mdi-text-box-outline",
         testId: "dashboard-add-item-type-markdown"
       },
       {
-        value: w.FILTER,
+        value: C.FILTER,
         label: "Filter",
         description: "Let viewers narrow the dashboard interactively.",
         icon: "mdi-filter-variant",
         testId: "dashboard-add-item-type-filter"
       },
       {
-        value: w.SECTION_HEADER,
+        value: C.SECTION_HEADER,
         label: "Section Header",
         description: "Break the dashboard into labeled sections.",
         icon: "mdi-format-title",
@@ -2133,19 +2166,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 (f, c) => (h(), _(Ye, {
       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,48 +2189,48 @@ 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", In, [
           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, [
+            (h(), y(fe, null, we(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", {
+              ce(t("input", {
                 "onUpdate:modelValue": c[0] || (c[0] = (v) => l.value = v),
                 class: "item-option-input",
                 type: "radio",
                 name: "dashboard-add-item-type",
                 value: a.value,
                 "data-testid": a.testId
-              }, null, 8, $o), [
+              }, null, 8, Ln), [
                 [rt, l.value]
               ]),
-              t("span", Lo, [
-                t("span", Mo, [
+              t("span", Mn, [
+                t("span", Rn, [
                   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", An, [
+                  t("span", qn, P(a.label), 1),
+                  t("span", Fn, P(a.description), 1)
                 ])
               ])
-            ], 10, Io)), 64))
+            ], 10, $n)), 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",
+}), ji = /* @__PURE__ */ Y(xn, [["__scopeId", "data-v-ee048740"]]);
+function Hn(e = "dark") {
+  const n = e === "light";
+  $e.defineTheme("trilogyStudio", {
+    base: n ? "vs" : "vs-dark",
     inherit: !0,
     rules: [
       { token: "comment", foreground: "#6A9955", fontStyle: "italic" },
@@ -2213,25 +2246,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"
+    }
+  }), $e.setTheme("trilogyStudio");
 }
-function Ho(e, o = {}) {
+function On(e, n = {}) {
   const l = { ...{
     automaticLayout: !0,
     autoClosingBrackets: "always",
@@ -2240,25 +2273,25 @@ function Ho(e, o = {}) {
     acceptSuggestionOnEnter: "off",
     tabCompletion: "on",
     theme: "trilogyStudio"
-  }, ...o };
-  return Te.create(e, l);
+  }, ...n };
+  return $e.create(e, l);
 }
-function Ue(e, o = "") {
+function _e(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 Vn(e, n = {}) {
+  const { onValidate: o, onRun: l, onSave: r } = n;
+  if (o && e.addCommand(de.CtrlCmd | de.Shift | ve.KeyV, o), l && e.addCommand(de.CtrlCmd | ve.Enter, l), r && e.addCommand(de.CtrlCmd | ve.KeyS, r), e.addCommand(de.CtrlCmd | ve.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(() => {
+      (s = n.onContentChange) == null || s.call(n, 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 });
       }, 200);
@@ -2266,11 +2299,11 @@ function Vo(e, o = {}) {
   }
 }
 let F = null;
-const Oo = J({
+const Qn = J({
   name: "EnhancedEditor",
   components: {
-    SymbolsPane: Dt,
-    LoadingView: $e
+    SymbolsPane: Et,
+    LoadingView: Me
   },
   props: {
     onSave: {
@@ -2320,11 +2353,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 +2384,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());
+      Hn(this.getResolvedTheme());
     },
     // New methods for panel management
     togglePanel(e) {
@@ -2380,19 +2413,19 @@ const Oo = J({
       }
     },
     createEditor() {
-      this.applyEditorTheme(), F = Ho(this.$refs.editorElement, {
+      this.applyEditorTheme(), F = On(this.$refs.editorElement, {
         value: this.editor.contents || "",
         language: this.editor.type === "sql" ? "sql" : "trilogy"
-      }), Vo(F, {
+      }), Vn(F, {
         onValidate: () => this.validateQuery(),
         onRun: () => this.runQuery(),
         onGenerateLLM: () => this.generateLLMQuery()
         // Add LLM generation shortcut
-      }), F.addCommand(se.CtrlCmd | he.Space, () => {
+      }), F.addCommand(de.CtrlCmd | ve.Space, () => {
         this.togglePanel("symbols");
-      }), F.addCommand(se.CtrlCmd | se.Shift | he.Enter, () => {
+      }), F.addCommand(de.CtrlCmd | de.Shift | ve.Enter, () => {
         this.generateLLMQuery();
-      }), this.editor.type !== "sql" && (F.addCommand(se.CtrlCmd | he.KeyK, () => {
+      }), this.editor.type !== "sql" && (F.addCommand(de.CtrlCmd | ve.KeyK, () => {
         this.formatQuery();
       }), F.addAction({
         id: "trilogy.simple-editor.format-query",
@@ -2413,14 +2446,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 +2461,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);
+          f && $e.setModelMarkers(f, "owner", s.data.items || []), s.data.completion_items && (this.editor.completionSymbols = s.data.completion_items);
         }
         return s ? s.data.imports : [];
       } catch (l) {
@@ -2453,14 +2486,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 = _e(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,13 +2510,13 @@ 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 f = n.connections[this.editor.connection], c = _e(l, this.editor.contents);
           if (!c) {
-            this.editor.results = new We(/* @__PURE__ */ new Map(), []), this.editor.loading = !1;
+            this.editor.results = new je(/* @__PURE__ */ new Map(), []), this.editor.loading = !1;
             return;
           }
           const a = {
@@ -2492,26 +2525,26 @@ const Oo = J({
             editorType: this.editor.type,
             imports: this.imports,
             extraContent: this.rootContent
-          }, { resultPromise: v, cancellation: E } = await n.executeQuery(
+          }, { resultPromise: v, cancellation: w } = 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);
+            (I) => {
+              !e && I.error && (this.editor.loading = !1, I.message && this.editor.setError(I.message)), !e && I.running && (this.editor.error = null, this.editor.loading = !0);
             }
           );
           this.editor.cancelCallback = () => {
-            E.isActive() && E.cancel(), this.editor.loading = !1, this.editor.cancelCallback = null;
+            w.isActive() && w.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));
+          }, 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 (f) {
           f instanceof Error && this.editor.setError(f.message || "Query execution failed"), this.lastOperation = {
             success: !1,
@@ -2525,13 +2558,13 @@ 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;
       }
       try {
-        this.analyticsStore && this.analyticsStore.log("studio-llm-generation", this.editor.type, !0), this.editor.loading = !0, this.editor.startTime = Date.now(), this.editor.results = new We(/* @__PURE__ */ new Map(), []), this.editor.setError(null);
+        this.analyticsStore && this.analyticsStore.log("studio-llm-generation", this.editor.type, !0), this.editor.loading = !0, this.editor.startTime = Date.now(), this.editor.results = new je(/* @__PURE__ */ new Map(), []), this.editor.setError(null);
         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");
@@ -2541,7 +2574,7 @@ const Oo = J({
           description: f.description,
           calculation: f.calculation
         })), i = async (f) => {
-          const c = n.connections[this.editor.connection], a = {
+          const c = o.connections[this.editor.connection], a = {
             text: f,
             queryType: c ? c.query_type : "",
             editorType: this.editor.type,
@@ -2549,15 +2582,15 @@ const Oo = J({
             extraContent: this.rootContent
           };
           try {
-            const { resultPromise: v } = await o.executeQuery(
+            const { resultPromise: v } = await n.executeQuery(
               this.editor.connection,
               a,
               () => {
               },
               () => {
               },
-              (E) => {
-                throw E;
+              (w) => {
+                throw w;
               },
               () => !0,
               !0
@@ -2592,62 +2625,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 = {
+}), Bn = { class: "editor-container" }, Nn = { class: "menu-bar" }, Pn = { class: "menu-actions" }, Kn = { class: "editor-content" }, Wn = { class: "sidebar-panel" }, Un = { class: "be-sidebar-container" }, jn = { class: "be-sidebar-icons" }, _n = { class: "result-wrapper" }, Gn = {
   key: 1,
   class: "error-message"
-}, _o = {
+}, zn = {
   key: 2,
   class: "results-summary",
   "data-testid": "simple-editor-results"
-}, zo = { class: "results-details" }, Jo = {
+}, Jn = { class: "results-details" }, Yn = {
   key: 0,
   class: "timing"
-}, Yo = {
+}, Zn = {
   key: 1,
   class: "row-count"
-}, Zo = {
+}, Xn = {
   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 ei(e, n, o, l, r, i) {
+  const s = Z("SymbolsPane"), f = Z("loading-view");
+  return h(), y("div", Bn, [
+    t("div", Nn, [
+      t("div", Pn, [
         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", {
+        e.editor.type !== "sql" ? (h(), 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", {
+        e.editor.type !== "sql" ? (h(), 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)
+        }, P(e.editor.loading ? "Cancel" : "Test"), 3)
       ])
     ]),
-    t("div", Po, [
+    t("div", Kn, [
       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, [
+      ce(t("div", Wn, [
         z(s, {
           symbols: e.editor.completionSymbols || [],
           onSelectSymbol: e.insertSymbol,
@@ -2656,38 +2689,38 @@ function Xo(e, o, n, l, r, i) {
       ], 512), [
         [lt, e.isPanelVisible]
       ]),
-      t("div", Wo, [
-        t("div", Uo, [
+      t("div", Un, [
+        t("div", jn, [
           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", _n, [
+      e.editor.loading ? (h(), _(f, {
         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 ? (h(), y("div", Gn, P(e.editor.error), 1)) : e.lastOperation ? (h(), y("div", zn, [
         t("div", {
-          class: A(["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)
+          class: q(["status-badge", e.lastOperation.success ? "success" : "error"])
+        }, P(e.lastOperation.success ? "SUCCESS" : "FAILED"), 3),
+        t("div", Jn, [
+          e.lastOperation.duration ? (h(), y("div", Yn, P(e.lastOperation.duration) + "ms", 1)) : R("", !0),
+          e.lastOperation.rows !== void 0 ? (h(), y("div", Zn, P(e.lastOperation.rows) + " " + P(e.lastOperation.rows === 1 ? "row" : "rows"), 1)) : R("", !0),
+          e.lastOperation.type ? (h(), y("div", Xn, P(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 Ze = /* @__PURE__ */ Y(Qn, [["render", ei], ["__scopeId", "data-v-e4c72cff"]]), ti = { class: "editor-overlay" }, oi = { class: "editor-actions" }, ni = ["data-testid"], ii = /* @__PURE__ */ J({
   __name: "DashboardEditorDialog",
   props: {
     initialWidth: {},
@@ -2698,39 +2731,39 @@ 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 } = Dt(() => l("cancel"), {
+      initialWidth: o.initialWidth,
+      initialHeight: o.initialHeight,
+      minWidth: o.minWidth,
+      minHeight: o.minHeight
     });
-    return (f, c) => (m(), y("div", ei, [
+    return (f, c) => (h(), y("div", ti, [
       t("div", {
         ref_key: "editorElement",
         ref: r,
         class: "content-editor",
-        style: Ee(ie(i))
+        style: Te(ie(i))
       }, [
-        Ne(f.$slots, "default", {}, void 0, !0),
-        t("div", ti, [
-          Ne(f.$slots, "actions", {}, () => [
+        Ke(f.$slots, "default", {}, void 0, !0),
+        t("div", oi, [
+          Ke(f.$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),
+            }, P(o.saveLabel), 9, ni),
             t("button", {
               class: "cancel-button",
               onClick: c[1] || (c[1] = (a) => l("cancel"))
             }, "Cancel")
           ], !0)
         ]),
-        z(Tt, { onStartResize: ie(s) }, null, 8, ["onStartResize"])
+        z(It, { onStartResize: ie(s) }, null, 8, ["onStartResize"])
       ], 4)
     ]));
   }
-}), Ye = /* @__PURE__ */ Y(oi, [["__scopeId", "data-v-580721a8"]]), ii = { class: "editor-body" }, ri = /* @__PURE__ */ J({
+}), Xe = /* @__PURE__ */ Y(ii, [["__scopeId", "data-v-580721a8"]]), ri = { class: "editor-body" }, li = /* @__PURE__ */ J({
   __name: "DashboardChartEditor",
   props: {
     content: {},
@@ -2741,25 +2774,25 @@ 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);
+  setup(e, { emit: n }) {
+    const o = e, l = n, r = S(o.content), i = S(o.imports), s = S(null);
     function f() {
       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) => (h(), _(Xe, {
+      initialWidth: o.initialWidth,
+      initialHeight: o.initialHeight,
       saveLabel: "Save Query",
       saveTestId: "save-dashboard-chart",
       onSave: f,
       onCancel: c
     }, {
-      default: ne(() => [
-        t("div", ii, [
-          z(Je, {
+      default: ee(() => [
+        t("div", ri, [
+          z(Ze, {
             class: "editor-content",
             initContent: r.value,
             connectionName: e.connectionName,
@@ -2773,13 +2806,13 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
       _: 1
     }, 8, ["initialWidth", "initialHeight"]));
   }
-}), ji = /* @__PURE__ */ Y(ri, [["__scopeId", "data-v-9717eaff"]]), li = { class: "tab-header" }, ai = { class: "editor-body" }, si = {
+}), _i = /* @__PURE__ */ Y(li, [["__scopeId", "data-v-9717eaff"]]), ai = { class: "tab-header" }, si = { class: "editor-body" }, di = {
   key: 0,
   class: "tab-content"
-}, di = {
+}, ui = {
   key: 1,
   class: "tab-content"
-}, ui = /* @__PURE__ */ J({
+}, ci = /* @__PURE__ */ J({
   __name: "DashboardMarkdownEditor",
   props: {
     content: {},
@@ -2790,15 +2823,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");
-    de(
-      () => n.content,
+  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 = S(r.value.markdown), s = S(r.value.query), f = S(o.imports), c = S(null), a = S("markdown");
+    ue(
+      () => o.content,
       ($) => {
         const g = typeof $ == "string" ? { markdown: $, query: "" } : { markdown: $.markdown || "", query: $.query || "" };
         i.value = g.markdown, s.value = g.query;
       }
-    ), de(a, ($, g) => {
+    ), ue(a, ($, g) => {
       g === "query" && c.value && (s.value = c.value.getContent());
     });
     function v() {
@@ -2807,73 +2840,73 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
         query: s.value
       });
     }
-    function E() {
+    function w() {
       l("cancel");
     }
-    function C($) {
+    function b($) {
       a.value === "query" && c.value && (s.value = c.value.getContent()), a.value = $;
     }
-    function D($, g = "") {
+    function I($, 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);
+      const E = B.selectionStart, m = B.selectionEnd, D = i.value.substring(E, m), te = i.value.substring(0, E), ne = i.value.substring(m);
+      i.value = te + $ + D + g + ne, setTimeout(() => {
+        B.focus(), B.setSelectionRange(E + $.length, E + $.length + D.length);
       }, 0);
     }
-    function V() {
-      D("**", "**");
+    function x() {
+      I("**", "**");
     }
     function k() {
-      D("*", "*");
+      I("*", "*");
     }
     function M() {
-      D("## ");
+      I("## ");
     }
     function T() {
-      D("- ");
+      I("- ");
     }
-    function H() {
-      D("[", "](url)");
+    function O() {
+      I("[", "](url)");
     }
-    function K() {
-      D("{data[0].field_name}");
+    function W() {
+      I("{data[0].field_name}");
     }
-    function O() {
-      D(`{{#each data}}
+    function V() {
+      I(`{{#each data}}
 - {{field_name}}
 {{/each}}`);
     }
-    return ($, g) => (m(), G(Ye, {
-      initialWidth: n.initialWidth,
-      initialHeight: n.initialHeight,
+    return ($, g) => (h(), _(Xe, {
+      initialWidth: o.initialWidth,
+      initialHeight: o.initialHeight,
       saveLabel: "Save Content",
       saveTestId: "save-dashboard-markdown",
       onSave: v,
-      onCancel: E
+      onCancel: w
     }, {
-      default: ne(() => [
-        t("div", li, [
+      default: ee(() => [
+        t("div", ai, [
           t("button", {
-            onClick: g[0] || (g[0] = (B) => C("markdown")),
-            class: A([{ active: a.value === "markdown" }, "tab-button"])
+            onClick: g[0] || (g[0] = (B) => 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] = (B) => 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)
           ])], 2)
         ]),
-        t("div", ai, [
-          a.value === "markdown" ? (m(), y("div", si, [
+        t("div", si, [
+          a.value === "markdown" ? (h(), y("div", di, [
             t("div", { class: "markdown-toolbar" }, [
               t("button", {
-                onClick: V,
+                onClick: x,
                 title: "Bold"
               }, [...g[5] || (g[5] = [
                 t("strong", null, "B", -1)
@@ -2895,26 +2928,26 @@ const Je = /* @__PURE__ */ Y(Oo, [["render", Xo], ["__scopeId", "data-v-e4c72cff
                 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: W,
                 title: "Insert data reference",
                 class: "data-button"
               }, " {} "),
               t("button", {
-                onClick: O,
+                onClick: V,
                 title: "Insert loop",
                 class: "data-button"
               }, [...g[9] || (g[9] = [
                 t("i", { class: "mdi mdi-refresh" }, null, -1)
               ])])
             ]),
-            ue(t("textarea", {
+            ce(t("textarea", {
               "onUpdate:modelValue": g[2] || (g[2] = (B) => i.value = B),
               placeholder: `Enter markdown content here...
 
@@ -2926,14 +2959,14 @@ Template examples:
 - {{#each data limit=5}} {{field_name}} {{/each}} - Loop first 5`,
               class: "markdown-editor"
             }, null, 512), [
-              [fe, i.value]
+              [pe, i.value]
             ])
           ])) : R("", !0),
-          a.value === "query" ? (m(), y("div", di, [
+          a.value === "query" ? (h(), y("div", ui, [
             g[11] || (g[11] = t("div", { class: "query-help" }, [
               t("p", null, " Write a query to fetch data for your markdown template. Leave empty if no data is needed. ")
             ], -1)),
-            z(Je, {
+            z(Ze, {
               class: "editor-content",
               initContent: s.value,
               connectionName: e.connectionName,
@@ -2948,38 +2981,38 @@ Template examples:
       _: 1
     }, 8, ["initialWidth", "initialHeight"]));
   }
-}), Gi = /* @__PURE__ */ Y(ui, [["__scopeId", "data-v-d2f32030"]]), ci = { class: "dashboard-setup" }, mi = { class: "setup-section" }, hi = {
+}), Gi = /* @__PURE__ */ Y(ci, [["__scopeId", "data-v-d2f32030"]]), mi = { class: "dashboard-setup" }, hi = { class: "setup-section" }, fi = {
   key: 0,
   class: "setup-section"
-}, fi = { class: "action-row" }, vi = ["disabled"], pi = {
+}, vi = { class: "action-row" }, pi = ["disabled"], yi = {
   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({
+}, gi = { class: "setup-section" }, bi = { class: "templates-grid" }, Ci = ["onClick", "data-testid"], wi = { class: "template-icon" }, ki = { class: "template-info" }, Si = { class: "template-title" }, Ei = { class: "template-desc" }, Q = 20, zi = /* @__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 f = e, c = p(() => r.activeConnection), a = n, v = S(""), w = S(""), b = S(!1), I = S(""), x = S(null), k = Q / 4, M = [
       {
         id: "summary",
         name: "Summary Dashboard",
         description: "High-level metrics and KPIs with key visualizations",
         icon: "mdi-view-dashboard",
         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: "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 }
+          { i: "title", x: 0, y: 0, w: Q, h: 3, type: C.MARKDOWN },
+          { i: "kpi1", x: 0, y: 3, w: Q / 4, h: 4, type: C.CHART },
+          { i: "kpi2", x: k, y: 3, w: Q / 4, h: 4, type: C.CHART },
+          { i: "kpi3", x: k * 2, y: 3, w: Q / 4, h: 4, type: C.CHART },
+          { i: "kpi4", x: k * 3, y: 3, w: Q / 4, h: 4, type: C.CHART },
+          { i: "trend", x: 0, y: 7, w: Q / 2, h: 8, type: C.CHART },
+          { i: "breakdown", x: Q / 2, y: 7, w: Q / 2, h: 8, type: C.CHART }
         ]
       },
       {
@@ -2988,11 +3021,11 @@ Template examples:
         description: "Hierarchical data exploration with filtering capabilities",
         icon: "mdi-magnify-expand",
         layout: [
-          { i: "filters", x: 0, y: 0, w: Q, h: 3, type: w.MARKDOWN },
-          { i: "overview", x: 0, y: 3, w: Q, h: 5, type: w.CHART },
-          { i: "detail1", x: 0, y: 8, w: Q / 2, h: 8, type: w.CHART },
-          { i: "detail2", x: Q / 2, y: 10, w: Q / 2, h: 8, type: w.CHART },
-          { i: "datatable", x: 0, y: 20, w: Q, h: 8, type: w.TABLE }
+          { i: "filters", x: 0, y: 0, w: Q, h: 3, type: C.MARKDOWN },
+          { i: "overview", x: 0, y: 3, w: Q, h: 5, type: C.CHART },
+          { i: "detail1", x: 0, y: 8, w: Q / 2, h: 8, type: C.CHART },
+          { i: "detail2", x: Q / 2, y: 10, w: Q / 2, h: 8, type: C.CHART },
+          { i: "datatable", x: 0, y: 20, w: Q, h: 8, type: C.TABLE }
         ]
       },
       {
@@ -3001,12 +3034,12 @@ Template examples:
         description: "Side-by-side comparisons of metrics across dimensions",
         icon: "mdi-compare",
         layout: [
-          { i: "title", x: 0, y: 0, w: Q, h: 3, type: w.MARKDOWN },
-          { i: "compare1", x: 0, y: 3, w: Q / 2, h: 6, type: w.CHART },
-          { i: "compare2", x: Q / 2, y: 3, w: Q / 2, h: 6, type: w.CHART },
-          { i: "compare3", x: 0, y: 9, w: Q / 2, h: 6, type: w.CHART },
-          { i: "compare4", x: Q / 2, y: 9, w: Q / 2, h: 6, type: w.CHART },
-          { i: "summary", x: 0, y: 15, w: Q, h: 5, type: w.MARKDOWN }
+          { i: "title", x: 0, y: 0, w: Q, h: 3, type: C.MARKDOWN },
+          { i: "compare1", x: 0, y: 3, w: Q / 2, h: 6, type: C.CHART },
+          { i: "compare2", x: Q / 2, y: 3, w: Q / 2, h: 6, type: C.CHART },
+          { i: "compare3", x: 0, y: 9, w: Q / 2, h: 6, type: C.CHART },
+          { i: "compare4", x: Q / 2, y: 9, w: Q / 2, h: 6, type: C.CHART },
+          { i: "summary", x: 0, y: 15, w: Q, h: 5, type: C.MARKDOWN }
         ]
       },
       {
@@ -3015,12 +3048,12 @@ Template examples:
         description: "Visualization of trends and patterns over time",
         icon: "mdi-chart-timeline-variant",
         layout: [
-          { i: "headline", x: 0, y: 0, w: Q, h: 3, type: w.MARKDOWN },
-          { i: "maintrend", x: 0, y: 3, w: Q, h: 8, type: w.CHART },
-          { i: "breakdown1", x: 0, y: 11, w: Q / 3, h: 6, type: w.CHART },
-          { i: "breakdown2", x: Q / 3, y: 11, w: Q / 3, h: 6, type: w.CHART },
-          { i: "breakdown3", x: Q / 3 * 2, y: 11, w: Q / 3, h: 6, type: w.CHART },
-          { i: "forecast", x: 0, y: 17, w: Q, h: 6, type: w.CHART }
+          { i: "headline", x: 0, y: 0, w: Q, h: 3, type: C.MARKDOWN },
+          { i: "maintrend", x: 0, y: 3, w: Q, h: 8, type: C.CHART },
+          { i: "breakdown1", x: 0, y: 11, w: Q / 3, h: 6, type: C.CHART },
+          { i: "breakdown2", x: Q / 3, y: 11, w: Q / 3, h: 6, type: C.CHART },
+          { i: "breakdown3", x: Q / 3 * 2, y: 11, w: Q / 3, h: 6, type: C.CHART },
+          { i: "forecast", x: 0, y: 17, w: Q, h: 6, type: C.CHART }
         ]
       }
       //   {
@@ -3031,12 +3064,12 @@ Template examples:
       //     layout: []
       //   }
     ];
-    function T(O) {
-      V.value = O;
-      const $ = M.find((g) => g.id === O);
+    function T(V) {
+      x.value = V;
+      const $ = M.find((g) => g.id === V);
       if ($ && f.dashboardId) {
         for (const g of $.layout)
-          n.addItemToDashboard(
+          o.addItemToDashboard(
             f.dashboardId,
             g.type,
             g.x,
@@ -3044,120 +3077,120 @@ Template examples:
             g.w,
             g.h
           );
-        a("template-selected", O);
+        a("template-selected", V);
       }
     }
-    function H() {
-      f.dashboardId && v.value && (n.updateDashboardDescription(f.dashboardId, v.value), a("description-updated", v.value));
+    function O() {
+      f.dashboardId && v.value && (o.updateDashboardDescription(f.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 W() {
+      if (!w.value.trim()) {
+        I.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, I.value = "";
+        const V = await o.generatePromptSpec(
+          w.value,
           r,
           i,
           l
         );
-        console.log("Prompt spec generated:", O), O ? (await n.populateFromPromptSpec(
+        console.log("Prompt spec generated:", V), V ? (await o.populateFromPromptSpec(
           f.dashboardId,
-          O,
+          V,
           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 && V.description && (v.value = V.description, O()), s()) : I.value = "Failed to generate dashboard specification.";
+      } catch (V) {
+        console.error("Error generating dashboard with LLM:", V), I.value = "An error occurred while generating the dashboard.";
       } finally {
-        C.value = !1;
+        b.value = !1;
       }
     }
-    return (O, $) => (m(), y("div", ci, [
+    return (V, $) => (h(), y("div", mi, [
       $[7] || ($[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, [
+      t("div", hi, [
         $[3] || ($[3] = t("h3", { class: "section-title" }, "Description", -1)),
-        ue(t("textarea", {
+        ce(t("textarea", {
           "onUpdate:modelValue": $[0] || ($[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]
+          [pe, v.value]
         ]),
         t("button", {
-          onClick: H,
+          onClick: O,
           class: "action-button save-button",
           "data-testid": "dashboard-description-save"
         }, [...$[2] || ($[2] = [
           t("i", { class: "mdi mdi-content-save" }, null, -1),
-          ge(" Save ", -1)
+          Ce(" Save ", -1)
         ])])
       ]),
-      c.value ? (m(), y("div", hi, [
+      c.value ? (h(), y("div", fi, [
         $[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)),
-        ue(t("textarea", {
-          "onUpdate:modelValue": $[1] || ($[1] = (g) => E.value = g),
+        ce(t("textarea", {
+          "onUpdate:modelValue": $[1] || ($[1] = (g) => w.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]
+          [pe, w.value]
         ]),
-        t("div", fi, [
+        t("div", vi, [
           t("button", {
-            onClick: K,
+            onClick: W,
             class: "action-button llm-button",
-            disabled: C.value || !E.value.trim(),
+            disabled: b.value || !w.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)
-          ], 8, vi),
-          D.value ? (m(), y("div", pi, N(D.value), 1)) : R("", !0)
+            Ce(" " + P(b.value ? "Generating..." : "Generate with AI"), 1)
+          ], 8, pi),
+          I.value ? (h(), y("div", yi, P(I.value), 1)) : R("", !0)
         ])
       ])) : R("", !0),
-      t("div", yi, [
+      t("div", gi, [
         $[6] || ($[6] = t("h3", { class: "section-title" }, "Templates", -1)),
-        t("div", gi, [
-          (m(), y(me, null, be(M, (g) => t("div", {
+        t("div", bi, [
+          (h(), y(fe, null, we(M, (g) => t("div", {
             key: g.id,
-            class: A(["template-card", { selected: V.value === g.id }]),
+            class: q(["template-card", { selected: x.value === g.id }]),
             onClick: (B) => T(g.id),
             "data-testid": `template-card-${g.id}`
           }, [
-            t("div", Ci, [
+            t("div", wi, [
               t("i", {
-                class: A(["mdi", g.icon])
+                class: q(["mdi", g.icon])
               }, null, 2)
             ]),
-            t("div", wi, [
-              t("h4", ki, N(g.name), 1),
-              t("p", Si, N(g.description), 1)
+            t("div", ki, [
+              t("h4", Si, P(g.name), 1),
+              t("p", Ei, P(g.description), 1)
             ])
-          ], 10, bi)), 64))
+          ], 10, Ci)), 64))
         ])
       ])
     ]));
   }
 });
-function zi(e, o, n, l) {
-  const r = ht(), i = Ge();
+function Ji(e, n, o, l) {
+  const r = ht(), i = ze();
   let s = j("queryExecutionService");
-  const { setActiveDashboard: f } = _e();
+  const { setActiveDashboard: f } = Je();
   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) => {
+  const c = S(""), a = S(""), v = S(""), w = S(null), b = S(null), I = S(!1), x = S(!1), k = S(!1), M = S([]), T = p(() => n.maxWidth || "100vw"), O = p(() => e.value ? e.value.layout : []), W = p(() => e.value ? [...e.value.layout].sort((u, L) => (u.y + u.y + u.h) / 2 - (L.y + L.y + L.h) / 2) : []), V = p(() => e.value ? e.value.connection : ""), $ = p(() => n.viewMode ? !1 : e.value ? e.value.state === "editing" : !1), g = p(() => e.value ? e.value.imports.map((u) => {
     var L, d;
     return {
       alias: u.name,
@@ -3167,13 +3200,13 @@ function zi(e, o, n, l) {
   }) : []);
   function B(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 L = N(u.id), d = Object.keys(u.gridItems).filter(
+      (H) => u.gridItems[H].type !== C.SECTION_HEADER && !u.gridItems[H].results
     );
-    L == null || L.runBatch(d), Z();
+    L == null || L.runBatch(d), te();
   }
-  de(
+  ue(
     () => {
       var u;
       return (u = e.value) == null ? void 0 : u.id;
@@ -3181,16 +3214,16 @@ function zi(e, o, n, l) {
     (u, L) => {
       u && u !== L && e.value && B(e.value);
     }
-  ), je(() => {
+  ), Ge(() => {
     e.value && B(e.value);
     const u = new ResizeObserver(() => {
-      n.triggerResize();
-    }), L = o.isMobile ? ".mobile-container" : ".grid-container", d = document.querySelector(L);
+      o.triggerResize();
+    }), L = n.isMobile ? ".mobile-container" : ".grid-container", d = document.querySelector(L);
     d && u.observe(d);
   }), at(() => {
-    E.value !== null && clearTimeout(E.value);
+    w.value !== null && clearTimeout(w.value);
   });
-  async function b() {
+  async function E() {
     var u;
     if (e.value && e.value.id) {
       c.value = "", a.value = "", v.value = "";
@@ -3198,13 +3231,13 @@ function zi(e, o, n, l) {
       await ((u = r.getQueryExecutor(e.value.id)) == null ? void 0 : u.runBatch(L));
     }
   }
-  async function h(u) {
+  async function m(u) {
     var L;
-    if (!u || Ke(u) === "") {
+    if (!u || Ue(u) === "") {
       if (v.value = "", e.value && e.value.id) {
         let d = r.updateDashboardFilter(
           e.value.id,
-          Ke(u)
+          Ue(u)
         );
         await ((L = r.getQueryExecutor(e.value.id)) == null ? void 0 : L.runBatch(d));
       }
@@ -3219,12 +3252,12 @@ 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) => {
+  const D = async (u) => {
     let L = u.replace(/^\s*where\s+/i, "");
     if (e.value && e.value.id) {
       let d = await (s == null ? void 0 : s.executeQuery(
@@ -3248,15 +3281,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 ${L}" 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,58 +3299,58 @@ 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();
+    e.value && (r.setState(e.value.id, u), We(() => {
+      o.triggerResize();
     }));
-  }, Ce = (u) => {
+  }, ke = (u) => {
     e.value && e.value.id && r.updateDashboardLayout(e.value.id, u);
   };
-  function ve() {
+  function Se() {
     k.value = !0;
   }
-  function _(u = w.CHART) {
+  function G(u = C.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 L = u === C.SECTION_HEADER ? r.addItemToDashboard(e.value.id, u, 0, 0, 20, 1) : r.addItemToDashboard(e.value.id, u);
+    k.value = !1, We(() => {
+      o.dimensionsUpdate(L);
     });
   }
-  function oe(u) {
+  function re(u) {
     !e.value || !e.value.id || r.updateDashboardTitle(e.value.id, u);
   }
-  function ee() {
+  function le() {
     !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 De(u) {
     !e.value || !e.value.id || r.copyItemInDashboard(e.value.id, u);
   }
-  function Me() {
+  function ye() {
     k.value = !1;
   }
-  function Re(u) {
-    if (C.value = u, !e.value || !e.value.id) return;
+  function Ae(u) {
+    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 === C.CHART ? I.value = !0 : d.type === C.MARKDOWN ? x.value = !0 : d.type === C.TABLE || d.type === C.FILTER ? I.value = !0 : d.type === C.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 qe(u) {
+    if (!e.value || !e.value.id || !b.value) return;
+    const L = b.value.i;
+    A(L, e.value.id, { content: u }), Ie();
   }
-  function W() {
-    D.value = !1, V.value = !1, C.value = null;
+  function Ie() {
+    I.value = !1, x.value = !1, b.value = null;
   }
-  function q(u, L) {
+  function K(u, L) {
     if (L && e.value && e.value.id !== L)
       return {
-        type: w.CHART,
+        type: C.CHART,
         content: "",
         structured_content: { markdown: "", query: "" },
         name: `Item ${u}`,
@@ -3331,7 +3364,7 @@ function zi(e, o, n, l) {
       };
     if (!e.value)
       return {
-        type: w.CHART,
+        type: C.CHART,
         content: "",
         structured_content: { markdown: "", query: "" },
         name: `Item ${u}`,
@@ -3346,7 +3379,7 @@ function zi(e, o, n, l) {
     const d = e.value.gridItems[u];
     if (!d)
       return {
-        type: w.CHART,
+        type: C.CHART,
         content: "",
         structured_content: { markdown: "", query: "" },
         name: `Item ${u}`,
@@ -3359,44 +3392,44 @@ 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) => {
-        var Qe;
-        return Oe.source === "global" && Oe.value === ((Qe = e.value) == null ? void 0 : Qe.filter);
+    const H = d.filters || [];
+    let se = H;
+    e.value.filter && (H.some(
+      (Ne) => {
+        var Pe;
+        return Ne.source === "global" && Ne.value === ((Pe = e.value) == null ? void 0 : Pe.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";
+    ) || (se = [{ value: e.value.filter, source: "global" }, ...H]));
+    function xe(Ee) {
+      return Ee && typeof Ee == "object" && typeof Ee.markdown == "string" && typeof Ee.query == "string";
     }
-    let Fe = !1, He = qe(d.content) ? d.content : {
+    let He = !1, Qe = xe(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 && (He = !0, Qe = xe(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 Be = d.chartConfig;
+    return He && (Be = 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: xe(d.content) ? d.content.markdown : d.content || "",
       // display the drilldown of set
-      structured_content: He,
+      structured_content: Qe,
       name: d.name,
       allowCrossFilter: d.allowCrossFilter !== !1,
       // Default to true if not explicitly false
       width: d.width || 0,
       height: d.height || 0,
-      chartConfig: Ve,
-      filters: ae,
+      chartConfig: Be,
+      filters: se,
       chartFilters: d.chartFilters || [],
       conceptFilters: d.conceptFilters || [],
       parameters: d.parameters || {},
-      onRefresh: ke,
+      onRefresh: oe,
       rootContent: g.value,
       results: d.results || null,
       connectionName: e.value.connection || "",
@@ -3405,10 +3438,10 @@ function zi(e, o, n, l) {
       loading: d.loading || !1,
       loadStartTime: d.loadStartTime || null,
       // Include load start time if available
-      hasDrilldown: Fe
+      hasDrilldown: He
     };
   }
-  function P(u, L, d) {
+  function A(u, L, d) {
     if (!e.value || !e.value.id) return;
     if (!L || e.value.id !== L) {
       console.warn(
@@ -3419,16 +3452,16 @@ function zi(e, o, n, l) {
       );
       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);
-      ae == null || ae.runSingle(u);
+    }), 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 se = N(e.value.id);
+      se == null || se.runSingle(u);
     }
   }
-  function le(u) {
+  function N(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");
@@ -3437,45 +3470,49 @@ function zi(e, o, n, l) {
       queryExecutionService: s,
       connectionName: L.connection,
       dashboardId: u,
-      getDashboardData: (x) => r.dashboards[x],
-      getItemData: q,
-      setItemData: P
+      getDashboardData: (H) => r.dashboards[H],
+      getItemData: K,
+      setItemData: A
     });
     return d || console.warn("No query executor found for dashboard:", e.value.id), d;
   }
-  function we(u) {
-    var x;
+  function ae(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) {
+  function oe(u) {
     var L, d;
     if (e.value) {
       if (u) {
-        (L = r.getQueryExecutor(e.value.id)) == null || L.runSingle(u), n.dimensionsUpdate(u);
+        (L = r.getQueryExecutor(e.value.id)) == null || L.runSingle(u), o.dimensionsUpdate(u);
         return;
       }
       (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch(Object.keys(e.value.gridItems));
     }
   }
-  function Ze(u) {
-    var ae;
+  function me(u) {
+    var se;
     if (!e.value || !e.value.id) return;
     const L = ft(M.value), d = vt(u.filters, L);
     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,
+        L
+      );
       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);
+    (se = r.getQueryExecutor(e.value.id)) == null || se.runBatch(H);
   }
-  function Xe(u, L) {
+  function Fe(u, L) {
     var d;
     !e.value || !e.value.id || (r.removeItemCrossFilter(e.value.id, u, L), (d = r.getQueryExecutor(e.value.id)) == null || d.runSingle(u));
   }
@@ -3491,58 +3528,58 @@ function zi(e, o, n, l) {
   return {
     // State
     dashboard: e,
-    layout: H,
-    sortedLayout: K,
+    layout: O,
+    sortedLayout: W,
     editMode: $,
-    selectedConnection: O,
+    selectedConnection: V,
     filter: c,
     filterError: v,
     globalCompletion: M,
     showAddItemModal: k,
-    showQueryEditor: D,
-    showMarkdownEditor: V,
-    editingItem: C,
+    showQueryEditor: I,
+    showMarkdownEditor: x,
+    editingItem: b,
     dashboardMaxWidth: T,
     rootContent: g,
     // Methods
-    handleFilterChange: h,
-    handleFilterClear: b,
-    handleImportChange: re,
-    validateFilter: I,
-    onConnectionChange: we,
+    handleFilterChange: m,
+    handleFilterClear: E,
+    handleImportChange: ne,
+    validateFilter: D,
+    onConnectionChange: ae,
     toggleMode: U,
-    onLayoutUpdated: Ce,
-    openAddItemModal: ve,
-    addItem: _,
-    clearItems: ee,
-    removeItem: te,
-    copyItem: pe,
-    closeAddModal: Me,
-    openEditor: Re,
-    saveContent: Ae,
-    closeEditors: W,
-    getDashboardQueryExecutor: le,
-    getItemData: q,
-    setItemData: P,
-    handleRefresh: ke,
-    setCrossFilter: Ze,
-    removeFilter: Xe,
+    onLayoutUpdated: ke,
+    openAddItemModal: Se,
+    addItem: G,
+    clearItems: le,
+    removeItem: X,
+    copyItem: De,
+    closeAddModal: ye,
+    openEditor: Ae,
+    saveContent: qe,
+    closeEditors: Ie,
+    getDashboardQueryExecutor: N,
+    getItemData: K,
+    setItemData: A,
+    handleRefresh: oe,
+    setCrossFilter: me,
+    removeFilter: Fe,
     unSelect: et,
     dashboardCreated: tt,
-    updateTitle: oe
+    updateTitle: re
   };
 }
 export {
-  ji as C,
-  Ki as D,
+  _i as C,
+  Wi as D,
   Gi as M,
-  _i as _,
-  Wi as a,
-  Ui as b,
-  En as c,
-  An as d,
-  Un as e,
-  $n as f,
-  Nn as g,
-  zi as u
+  zi as _,
+  Ui as a,
+  ji as b,
+  Do as c,
+  Ao as d,
+  Uo as e,
+  $o as f,
+  No as g,
+  Ji as u
 };