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

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

@@ -1,23 +1,23 @@
-import { defineComponent as J, ref as D, watch as de, createBlock as _, openBlock as m, withCtx as ee, createElementVNode as t, toDisplayString as N, normalizeClass as q, computed as p, createElementBlock as y, createCommentVNode as R, normalizeStyle as De, Fragment as me, renderList as Ce, createTextVNode as be, unref as ie, createVNode as z, withDirectives as ue, withKeys as ye, vModelText as ve, onMounted as je, onUnmounted as ot, inject as j, resolveComponent as Z, Teleport as nt, withModifiers as Be, resolveDynamicComponent as it, vModelRadio as rt, vShow as lt, renderSlot as Ne, onBeforeUnmount as at, nextTick as Pe } from "vue";
-import { a as st, u as _e, j as dt } from "./editorStore-BTPcljeQ.js";
+import { 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 Ge, w as mt, h as w, a as ht, p as ft, q as vt, O as Ke } from "./queryExecutionService-BxU16oNE.js";
-import { u as Fe, D as pt } from "./DashboardImportSelector-YRySr7k3.js";
-import { M as ze } from "./ModalDialog-D-yprLG4.js";
-import { _ as Y } from "./_plugin-vue_export-helper-BzkwV_Yn.js";
-import { T as ge } from "./Tooltip-CDt1VNAs.js";
-import yt from "./LoadingButton--jhQCgPi.js";
-import Te from "./ErrorMessage-QW4GXCEn.js";
-import { D as gt, V as bt } from "./DrilldownPane-iReKVNZE.js";
-import { L as Ie } from "./LoadingView-DXMQWonY.js";
-import { M as Ct } from "./MarkdownRenderer-cdaHKql1.js";
-import { D as wt } from "./DataTable-Bf7xeKSf.js";
-import { C as ce, R as We } from "./snowflake-CY1Gnu3y.js";
+import { u as 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 Ee, K as se, a as fe, R as St } from "./toggleHighContrast-q6tdBRv8.js";
-import { S as Dt } from "./SymbolsPane-CZaqqs5e.js";
-import { u as Et, R as Tt } from "./useResizableDialog-BZgmdwim.js";
-const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt = {
+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({
@@ -28,23 +28,23 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
   },
   emits: ["close"],
   setup(e, { emit: n }) {
-    const o = e, l = n, r = D(""), i = D(!1), s = (c) => {
+    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 k = { ...v };
-        return delete k.static, delete k.moved, delete k.state, k;
+        const w = { ...v };
+        return delete w.static, delete w.moved, delete w.state, w;
       })), a.gridItems && typeof a.gridItems == "object")
-        for (const [v, k] of Object.entries(a.gridItems)) {
-          const b = { ...k };
+        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 k = { ...v };
-        return delete k.id, k;
+        const w = { ...v };
+        return delete w.id, w;
       })), a;
     };
-    de(
+    ue(
       [() => o.dashboard, () => o.isOpen],
       ([c, a]) => {
         if (a && c) {
@@ -54,7 +54,7 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
       },
       { immediate: !0 }
     );
-    const h = () => {
+    const f = () => {
       navigator.clipboard.writeText(r.value).then(() => {
         i.value = !0, setTimeout(() => {
           i.value = !1;
@@ -63,7 +63,7 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
         console.error("Could not copy text: ", c);
       });
     };
-    return (c, a) => (m(), _(ze, {
+    return (c, a) => (h(), _(Ye, {
       show: e.isOpen,
       title: "Export Definition",
       "max-width": "860px",
@@ -76,7 +76,7 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
           onClick: a[0] || (a[0] = (v) => l("close"))
         }, "Close"),
         t("button", {
-          onClick: h,
+          onClick: f,
           class: "dashboard-copy-button",
           "data-testid": "copy-json-button"
         }, [
@@ -84,17 +84,17 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
             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: ee(() => [
-        t("div", It, [
+        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)
           ])
         ])
       ]),
@@ -119,50 +119,50 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
   },
   emits: ["select-completion"],
   setup(e, { emit: n }) {
-    const o = e, l = n, r = D(!1), i = D(0), s = D(0), h = D(""), c = D(0), a = D(null), v = p(() => {
+    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 S = o.inputElement.getBoundingClientRect();
+      const k = o.inputElement.getBoundingClientRect();
       return {
-        top: `${S.bottom + 50}px`,
-        left: `${S.left}px`,
-        width: `${S.width}px`,
+        top: `${k.bottom + 50}px`,
+        left: `${k.left}px`,
+        width: `${k.width}px`,
         maxHeight: "200px"
       };
-    }), k = () => {
+    }), w = () => {
       if (!o.inputElement) return;
       s.value = o.inputElement.selectionStart || 0;
-      const S = o.inputValue;
+      const k = o.inputValue;
       let M = s.value;
-      for (; M > 0 && !/\s/.test(S.charAt(M - 1)); )
+      for (; M > 0 && !/\s/.test(k.charAt(M - 1)); )
         M--;
-      let I = s.value;
-      for (; I < S.length && !/\s/.test(S.charAt(I)); )
-        I++;
-      c.value = M, h.value = S.substring(M, I);
+      let T = s.value;
+      for (; T < k.length && !/\s/.test(k.charAt(T)); )
+        T++;
+      c.value = M, f.value = k.substring(M, T);
     }, b = p(() => {
-      if (!h.value.trim()) return [];
-      const S = h.value.toLowerCase();
-      return o.completionItems.filter((M) => M.label.toLowerCase().includes(S)).sort((M, I) => {
-        const O = M.label.toLowerCase().startsWith(S), P = I.label.toLowerCase().startsWith(S);
-        return O && !P ? -1 : !O && P ? 1 : M.label.localeCompare(I.label);
+      if (!f.value.trim()) return [];
+      const k = f.value.toLowerCase();
+      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(b, (S) => {
-      r.value = S.length > 0, i.value = 0;
+    ue(b, (k) => {
+      r.value = k.length > 0, i.value = 0;
     });
-    const E = (S) => {
-      const M = o.inputValue.substring(0, c.value), I = o.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 + S.label + I,
-        cursorPosition: c.value + S.label.length
+        text: M + k.label + T,
+        cursorPosition: c.value + k.label.length
       }), r.value = !1;
-    }, V = (S) => S.trilogySubType ? S.trilogySubType.toLowerCase() : S.type.toLowerCase();
-    return de(
+    }, x = (k) => k.trilogySubType ? k.trilogySubType.toLowerCase() : k.type.toLowerCase();
+    return ue(
       () => o.inputValue,
       () => {
-        k();
+        w();
       }
-    ), Fe(
+    ), Ve(
       () => [a.value, o.inputElement],
       () => {
         r.value = !1;
@@ -171,31 +171,31 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
         enabled: () => r.value,
         eventName: "mousedown"
       }
-    ), k(), (S, 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: De(v.value)
+      style: Te(v.value)
     }, [
-      (m(!0), y(me, null, Ce(b.value, (I, O) => (m(), y("div", {
+      (h(!0), y(fe, null, we(b.value, (T, O) => (h(), y("div", {
         key: O,
         class: q(["completion-item", { selected: O === i.value }]),
-        onClick: (P) => E(I)
+        onClick: (W) => I(T)
       }, [
         t("div", {
-          class: q(["symbol-icon", V(I)])
+          class: q(["symbol-icon", x(T)])
         }, [
-          I.trilogySubType ? (m(), y("i", {
+          T.trilogySubType ? (h(), y("i", {
             key: 0,
-            class: q(`mdi ${I.trilogySubType === "key" ? "mdi-key-outline" : I.trilogySubType === "property" ? "mdi-tag-outline" : "mdi-cube-outline"}`)
-          }, null, 2)) : (m(), y(me, { key: 1 }, [
-            be(N(I.type === "function" ? "ƒ" : I.type === "variable" ? "V" : I.type === "class" ? "C" : I.type === "interface" ? "I" : I.type === "method" ? "M" : I.type === "property" ? "P" : I.type === "field" ? "F" : I.type === "constant" ? "K" : I.type === "enum" ? "E" : I.type === "keyword" ? "K" : "S"), 1)
+            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(I.label), 1),
-          t("div", xt, N(I.description), 1)
+          t("div", Ft, P(T.label), 1),
+          t("div", xt, P(T.description), 1)
         ])
       ], 10, At))), 128))
     ], 4)) : R("", !0);
@@ -234,75 +234,75 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
   },
   emits: ["filter-change", "filter-apply", "clear-filter"],
   setup(e, { emit: n }) {
-    const o = e, l = n, r = ct(), i = D(o.isLoading), s = D(null), h = D(null), c = D(null), a = D(o.filterValue || ""), v = D(!1), k = D(!1), b = p(() => a.value.replace(/\n/g, " ")), E = p(() => a.value.trim().length > 0);
-    function V() {
+    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 S() {
+    function k() {
       a.value = "", v.value = !0, l("filter-change", ""), l("filter-apply", ""), l("clear-filter", ""), setTimeout(() => {
-        h.value && h.value.focus();
+        f.value && f.value.focus();
       }, 0);
     }
-    function M(C) {
-      const f = C.target;
-      a.value = f.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 I() {
-      k.value = !0, setTimeout(() => {
-        if (h.value) {
-          h.value.focus();
-          const C = a.value.length;
-          h.value.setSelectionRange(C, C);
+    function T() {
+      w.value = !0, setTimeout(() => {
+        if (f.value) {
+          f.value.focus();
+          const E = a.value.length;
+          f.value.setSelectionRange(E, E);
         }
       }, 0);
     }
     function O() {
-      k.value = !1;
+      w.value = !1;
     }
-    const P = () => {
+    const W = () => {
       i.value = !0;
-      const C = o.globalCompletion.map((f) => ({
-        name: f.label,
-        type: f.datatype,
-        description: f.description
+      const E = o.globalCompletion.map((m) => ({
+        name: m.label,
+        type: m.datatype,
+        description: m.description
       }));
-      r.generateFilterQuery(a.value, C, o.validateFilter).then((f) => {
-        f && f.length > 0 && (a.value = f.replace(/^\s*where\s+/i, ""), v.value = !0, l("filter-apply", a.value)), i.value = !1;
+      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 B(C) {
-      C.key === "Enter" && !C.shiftKey && !C.ctrlKey && !C.altKey ? k.value || (C.preventDefault(), V()) : (C.ctrlKey || C.metaKey) && C.shiftKey && C.key === "Enter" ? (C.preventDefault(), P()) : C.key === "Escape" && k.value && (C.preventDefault(), O());
+    function 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 L(C) {
-      (C.ctrlKey || C.metaKey) && C.key === "Enter" && !C.shiftKey ? (C.preventDefault(), V()) : (C.ctrlKey || C.metaKey) && C.shiftKey && C.key === "Enter" ? (C.preventDefault(), P()) : C.key === "Escape" && (C.preventDefault(), O());
+    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 A(C) {
-      a.value = C.text, v.value = !0, l("filter-change", a.value);
-      const f = k.value ? h.value : s.value;
-      f && (f.focus(), f.setSelectionRange(C.cursorPosition, C.cursorPosition));
+    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 de(
+    return ue(
       () => o.filterValue,
-      (C) => {
-        C !== a.value && (a.value = C || "", v.value = !1);
+      (E) => {
+        E !== a.value && (a.value = E || "", v.value = !1);
       }
-    ), de(
+    ), ue(
       () => o.isLoading,
-      (C) => {
-        i.value = C;
+      (E) => {
+        i.value = E;
       }
-    ), Fe(
+    ), Ve(
       () => [c.value, s.value],
       () => {
         O();
       },
       {
-        enabled: () => k.value
+        enabled: () => w.value
       }
-    ), (C, f) => (m(), y("div", Vt, [
+    ), (E, m) => (h(), y("div", Vt, [
       t("div", Qt, [
         t("input", {
           id: "filter",
@@ -312,58 +312,58 @@ const It = { class: "share-popup-body" }, $t = { class: "json-container" }, Lt =
           type: "text",
           value: b.value,
           onInput: M,
-          onKeydown: B,
-          onFocus: I,
+          onKeydown: V,
+          onFocus: T,
           placeholder: "Add a global filter...",
           class: q({ "filter-error": g.value === "error" }),
           disabled: i.value
         }, null, 42, Bt),
-        k.value ? (m(), y("div", {
+        w.value ? (h(), y("div", {
           key: 0,
           ref_key: "filterDropdownRef",
           ref: c,
           class: "filter-dropdown"
         }, [
           t("div", { class: "dropdown-header" }, [
-            f[1] || (f[1] = t("span", null, "Global Filters", -1)),
+            m[1] || (m[1] = t("span", null, "Global Filters", -1)),
             t("button", {
               onClick: O,
               class: "close-button",
               title: "Close (Esc)"
-            }, [...f[0] || (f[0] = [
+            }, [...m[0] || (m[0] = [
               t("i", { class: "mdi mdi-close" }, null, -1)
             ])])
           ]),
           t("textarea", {
             ref_key: "filterTextareaRef",
-            ref: h,
+            ref: f,
             class: q(["filter-textarea", { "filter-error": g.value === "error" }]),
             value: a.value,
             onInput: M,
-            onKeydown: L,
+            onKeydown: $,
             placeholder: ie(r).hasActiveDefaultConnection ? `Use a SQL condition (ex color='blue' or color='red') or text to filter.
 Use Ctrl+Enter to apply, Ctrl+Shift+Enter for text to SQL` : `Use a SQL condition (ex color='blue') to filter.
 Use Ctrl+Enter to apply`,
             disabled: i.value,
             rows: "4"
           }, null, 42, Nt),
-          e.filterError ? (m(), y("div", Pt, [
-            f[2] || (f[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,
+              onClick: x,
               class: q(["apply-button", { "has-changes": v.value }]),
               disabled: i.value,
               title: "Apply filter (Ctrl+Enter)"
-            }, [...f[3] || (f[3] = [
+            }, [...m[3] || (m[3] = [
               t("i", { class: "mdi mdi-check" }, null, -1),
-              be(" Apply ", -1)
+              Ce(" Apply ", -1)
             ])], 10, Wt),
-            ie(r).hasActiveDefaultConnection ? (m(), y("button", {
+            ie(r).hasActiveDefaultConnection ? (h(), y("button", {
               key: 0,
-              onClick: P,
+              onClick: W,
               class: "llm-button",
               disabled: i.value,
               title: "Text to filter (Ctrl+Shift+Enter)"
@@ -371,37 +371,37 @@ Use Ctrl+Enter to apply`,
               t("i", {
                 class: q(["mdi mdi-auto-fix", { hidden: i.value }])
               }, null, 2),
-              i.value ? (m(), y("div", jt, [...f[4] || (f[4] = [
+              i.value ? (h(), y("div", jt, [...m[4] || (m[4] = [
                 t("div", { class: "loader" }, null, -1)
               ])])) : R("", !0),
-              f[5] || (f[5] = be(" Text to Filter ", -1))
+              m[5] || (m[5] = Ce(" Text to Filter ", -1))
             ], 8, Ut)) : R("", !0),
             t("button", {
-              onClick: S,
+              onClick: k,
               class: "clear-button",
               disabled: i.value,
               title: "Clear filter"
-            }, [...f[6] || (f[6] = [
+            }, [...m[6] || (m[6] = [
               t("i", { class: "mdi mdi-close-circle-outline" }, null, -1),
-              be(" Clear ", -1)
+              Ce(" Clear ", -1)
             ])], 8, _t)
           ])
         ], 512)) : R("", !0),
-        (k.value ? h.value : s.value) ? (m(), _(Ot, {
+        (w.value ? f.value : s.value) ? (h(), _(Ot, {
           key: 1,
           "input-value": a.value,
           "completion-items": e.globalCompletion,
-          "input-element": k.value ? h.value : s.value,
-          onSelectCompletion: A
+          "input-element": w.value ? f.value : s.value,
+          onSelectCompletion: B
         }, null, 8, ["input-value", "completion-items", "input-element"])) : R("", !0),
         t("div", Gt, [
-          g.value === "error" ? (m(), y("div", zt, [
-            f[8] || (f[8] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
-            z(ge, {
+          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: ee(() => [...f[7] || (f[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,
+            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, [
-              f[10] || (f[10] = t("i", { class: "mdi mdi-magnify" }, null, -1)),
-              z(ge, {
+              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: ee(() => [...f[9] || (f[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: P,
+            onClick: W,
             class: "input-icon-button",
             "data-testid": "filter-llm-button",
             disabled: i.value,
@@ -442,35 +442,35 @@ Use Ctrl+Enter to apply`,
               t("i", {
                 class: q(["mdi mdi-auto-fix", { hidden: i.value }])
               }, null, 2),
-              i.value ? (m(), y("div", eo, [...f[11] || (f[11] = [
+              i.value ? (h(), y("div", eo, [...m[11] || (m[11] = [
                 t("div", { class: "loader" }, null, -1)
               ])])) : R("", !0),
-              z(ge, {
+              z(be, {
                 content: i.value ? "Processing..." : "Text to filter (Ctrl+Shift+Enter)",
                 position: "top"
               }, {
-                default: ee(() => [...f[12] || (f[12] = [
+                default: ee(() => [...m[12] || (m[12] = [
                   t("span", { class: "tooltip-trigger" }, null, -1)
                 ])]),
                 _: 1
               }, 8, ["content"])
             ])
           ], 8, Zt)) : R("", !0),
-          E.value ? (m(), y("button", {
+          I.value ? (h(), y("button", {
             key: 2,
-            onClick: S,
+            onClick: k,
             class: "input-icon-button clear-icon-button",
             "data-testid": "clear-filters-button",
             disabled: i.value,
             title: "Clear all filters"
           }, [
             t("div", oo, [
-              f[14] || (f[14] = t("i", { class: "mdi mdi-close" }, null, -1)),
-              z(ge, {
+              m[14] || (m[14] = t("i", { class: "mdi mdi-close" }, null, -1)),
+              z(be, {
                 content: "Clear all filters",
                 position: "top"
               }, {
-                default: ee(() => [...f[13] || (f[13] = [
+                default: ee(() => [...m[13] || (m[13] = [
                   t("span", { class: "tooltip-trigger" }, null, -1)
                 ])]),
                 _: 1
@@ -520,6 +520,10 @@ Use Ctrl+Enter to apply`,
     validateFilter: {
       type: Function,
       default: () => !0
+    },
+    exportImageAction: {
+      type: Function,
+      default: null
     }
   },
   emits: [
@@ -535,54 +539,58 @@ Use Ctrl+Enter to apply`,
     "export-image"
   ],
   setup(e, { emit: n }) {
-    const o = e, l = n, r = st(), i = _e(), s = Ge(), h = D(!1), c = D(!1), a = D(!1), v = D(""), k = D(null);
+    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 E() {
+    function I() {
       c.value = !1;
     }
-    function V(f) {
-      l("filter-change", f);
+    function x(m) {
+      l("filter-change", m);
     }
-    async function S() {
-      return l("export-image"), await new Promise((f) => setTimeout(f, 5e3)), Promise.resolve();
+    async function k() {
+      if (o.exportImageAction) {
+        await o.exportImageAction();
+        return;
+      }
+      l("export-image");
     }
-    function M(f) {
-      const T = f.target;
-      l("mode-change", T.value);
+    function M(m) {
+      const D = m.target;
+      l("mode-change", D.value);
     }
-    function I() {
-      var f;
-      o.editsLocked || (a.value = !0, v.value = ((f = o.dashboard) == null ? void 0 : f.name) || "Untitled Dashboard", setTimeout(() => {
-        var T;
-        (T = k.value) == null || T.focus();
+    function T() {
+      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 O() {
       a.value = !1, l("title-update", v.value);
     }
-    function P() {
-      var f;
-      a.value = !1, v.value = ((f = o.dashboard) == null ? void 0 : f.name) || "Untitled Dashboard";
+    function W() {
+      var m;
+      a.value = !1, v.value = ((m = o.dashboard) == null ? void 0 : m.name) || "Untitled Dashboard";
     }
-    const B = p(() => Object.values(i.editors).filter((T) => T.connection === o.selectedConnection).sort((T, te) => T.name.localeCompare(te.name)).map((T) => ({
-      id: T.id,
-      name: T.name.replace(/\//g, "."),
+    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: ""
-    }))), L = p(() => {
-      var f;
-      return ((f = o.dashboard) == null ? void 0 : f.imports) || [];
+    }))), $ = p(() => {
+      var m;
+      return ((m = o.dashboard) == null ? void 0 : m.imports) || [];
     });
-    function g(f) {
-      l("import-change", f);
+    function g(m) {
+      l("import-change", m);
     }
-    function A() {
+    function B() {
       l("refresh");
     }
-    const C = p(() => {
-      var f;
-      switch ((f = o.dashboard) == null ? void 0 : f.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 (f, T) => {
+    return (m, D) => {
       var te, ne;
-      return m(), y("div", ro, [
+      return h(), y("div", ro, [
         t("div", {
           class: q(["controls-row title-row", { "view-title-row": e.dashboard.state !== "editing" }])
         }, [
           t("div", {
             class: "dashboard-title",
-            onClick: I
+            onClick: T
           }, [
-            a.value ? ue((m(), y("input", {
+            a.value ? ce((h(), y("input", {
               key: 1,
               ref_key: "titleInput",
-              ref: k,
+              ref: w,
               "data-testid": "dashboard-title-input",
-              "onUpdate:modelValue": T[0] || (T[0] = (U) => v.value = U),
+              "onUpdate:modelValue": D[0] || (D[0] = (U) => v.value = U),
               onBlur: O,
               onKeyup: [
-                ye(O, ["enter"]),
-                ye(P, ["esc"])
+                ge(O, ["enter"]),
+                ge(W, ["esc"])
               ],
               class: "title-input",
               type: "text"
             }, null, 544)), [
-              [ve, v.value]
-            ]) : (m(), y("span", lo, [
-              t("span", ao, N(((te = e.dashboard) == null ? void 0 : te.name) || "Untitled Dashboard"), 1),
-              e.editsLocked ? R("", !0) : (m(), y("span", so, [...T[6] || (T[6] = [
+              [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", uo, [
+          e.dashboard.state === "editing" ? (h(), y("div", uo, [
             t("div", co, [
               t("div", mo, [
-                T[7] || (T[7] = t("i", { class: "mdi mdi-database-outline select-icon" }, null, -1)),
+                D[7] || (D[7] = t("i", { class: "mdi mdi-database-outline select-icon" }, null, -1)),
                 t("select", {
                   id: "connection",
                   "data-testid": "connection-selector",
-                  onChange: T[1] || (T[1] = (U) => f.$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, Ce(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, fo))), 128))
+                  }, P(U.name), 9, fo))), 128))
                 ], 40, ho)
               ])
             ]),
             z(pt, {
-              "available-imports": B.value,
-              "active-imports": L.value,
+              "available-imports": V.value,
+              "active-imports": $.value,
               "onUpdate:imports": g,
-              onExplore: T[2] || (T[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", vo, [
               t("button", {
-                onClick: T[3] || (T[3] = (U) => f.$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"
-              }, [...T[8] || (T[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: T[4] || (T[4] = (U) => f.$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"
-              }, [...T[9] || (T[9] = [
+              }, [...D[9] || (D[9] = [
                 t("i", {
                   class: "mdi mdi-delete-outline top-action-icon",
                   "aria-hidden": "true"
@@ -683,15 +691,15 @@ Use Ctrl+Enter to apply`,
           z(io, {
             "filter-value": ((ne = e.dashboard) == null ? void 0 : ne.filter) || "",
             "filter-error": e.filterError,
-            "is-loading": h.value,
+            "is-loading": f.value,
             "global-completion": e.globalCompletion,
             "validate-filter": e.validateFilter,
-            onFilterApply: V,
-            onClearFilter: T[5] || (T[5] = (U) => f.$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", yo, [
             z(yt, {
-              action: S,
+              action: k,
               "use-default-style": !1,
               class: "btn btn-secondary filter-action-btn",
               "data-testid": "download-button",
@@ -699,7 +707,7 @@ Use Ctrl+Enter to apply`,
               title: "Download dashboard image",
               "aria-label": "Download dashboard image"
             }, {
-              default: ee(() => [...T[10] || (T[10] = [
+              default: ee(() => [...D[10] || (D[10] = [
                 t("i", {
                   class: "mdi mdi-download-outline filter-action-icon",
                   "aria-hidden": "true"
@@ -714,7 +722,7 @@ Use Ctrl+Enter to apply`,
               "data-testid": "share-dashboard-button",
               title: "Export dashboard",
               "aria-label": "Export dashboard"
-            }, [...T[11] || (T[11] = [
+            }, [...D[11] || (D[11] = [
               t("i", {
                 class: "mdi mdi-export-variant filter-action-icon",
                 "aria-hidden": "true"
@@ -722,12 +730,12 @@ Use Ctrl+Enter to apply`,
               t("span", { class: "filter-action-label" }, "Export", -1)
             ])]),
             t("button", {
-              onClick: A,
+              onClick: B,
               class: "btn btn-primary filter-action-btn",
               "data-testid": "refresh-button",
               title: "Refresh dashboard",
               "aria-label": "Refresh dashboard"
-            }, [...T[12] || (T[12] = [
+            }, [...D[12] || (D[12] = [
               t("i", {
                 class: "mdi mdi-refresh filter-action-icon",
                 "aria-hidden": "true"
@@ -737,7 +745,7 @@ Use Ctrl+Enter to apply`,
             t("div", go, [
               t("div", bo, [
                 t("i", {
-                  class: q(C.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"
-                }, [...T[13] || (T[13] = [
+                }, [...D[13] || (D[13] = [
                   t("option", {
                     value: "editing",
                     "data-testid": "edit-mode-option"
@@ -767,37 +775,37 @@ Use Ctrl+Enter to apply`,
         z(Rt, {
           dashboard: e.dashboard,
           "is-open": c.value,
-          onClose: E
+          onClose: I
         }, null, 8, ["dashboard", "is-open"])
       ]);
     };
   }
-}), Ki = /* @__PURE__ */ Y(wo, [["__scopeId", "data-v-4c51e2bc"]]);
-function $e(e) {
-  const n = D(null), o = D(!1), l = D(null), r = D(!1), i = D(null), s = D(!1), h = () => {
+}), 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 (!n.value) return 0;
-    const E = n.value.getBoundingClientRect(), V = window.scrollY || document.documentElement.scrollTop, S = E.top + V, M = Math.floor(S / 200) * 10;
+    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 E = c();
+      const I = c();
       if (!e.results.value) {
         o.value = !0;
         return;
       }
       setTimeout(() => {
         o.value = !0;
-      }, E);
+      }, I);
     }, 0);
   }), ot(() => {
-    h();
-  }), de(
+    f();
+  }), ue(
     e.loading,
-    (E) => {
-      if (h(), E) {
+    (I) => {
+      if (f(), I) {
         i.value = setTimeout(() => {
           r.value = !0, i.value = null;
         }, e.loadingDelayMs ?? 150);
@@ -810,13 +818,13 @@ function $e(e) {
   const a = async () => {
     var M;
     if (!e.query.value) return;
-    const E = e.dashboardId(), V = e.itemId(), S = e.getDashboardQueryExecutor(E);
-    if (!S)
+    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 && S.cancelQuery(l.value), l.value = await S.runSingle(V), await S.waitForQuery(l.value);
-    } catch (I) {
-      console.error("Error setting up query:", I), l.value = null;
+      (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 {
@@ -826,9 +834,9 @@ function $e(e) {
     controlsVisible: s,
     executeQuery: a,
     handleLocalRefresh: () => {
-      const E = e.onRefresh.value;
-      if (E) {
-        E(e.itemId());
+      const I = e.onRefresh.value;
+      if (I) {
+        I(e.itemId());
         return;
       }
       a();
@@ -845,8 +853,8 @@ const ko = J({
   name: "DashboardChart",
   components: {
     VegaLiteChart: bt,
-    ErrorMessage: Te,
-    LoadingView: Ie,
+    ErrorMessage: Le,
+    LoadingView: Me,
     DrilldownPane: gt
   },
   props: {
@@ -882,37 +890,37 @@ const ko = J({
     }
   },
   setup(e, { emit: n }) {
-    const o = D(null), l = p(() => e.getItemData(e.itemId, e.dashboardId)), r = p(() => l.value.structured_content.query), i = p(() => l.value.results || null), s = p(() => l.value.name || ""), h = p(() => (l.value.height || 300) - 75), c = p(() => l.value.width || 300), a = p(() => {
+    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), k = p(() => l.value.error || null), b = p(() => l.value.filters || []), E = p(() => l.value.loadStartTime || null), V = p(() => (l.value.chartFilters || []).map((G) => G.value)), S = p(() => l.value.hasDrilldown), M = p(() => l.value.onRefresh || null), I = j(
+    }), 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
     ), O = (G) => {
-      const oe = {
+      const re = {
         ...G,
         showTitle: !1
       };
-      if (S.value) {
+      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: P,
-      ready: B,
-      showLoading: L,
+      chartContainer: W,
+      ready: V,
+      showLoading: $,
       controlsVisible: g,
-      executeQuery: A,
-      handleLocalRefresh: C,
-      onChartMouseEnter: f,
-      onChartMouseLeave: T
-    } = $e({
+      executeQuery: B,
+      handleLocalRefresh: E,
+      onChartMouseEnter: m,
+      onChartMouseLeave: D
+    } = Re({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: r,
@@ -920,29 +928,29 @@ const ko = J({
       loading: v,
       onRefresh: M,
       getDashboardQueryExecutor: e.getDashboardQueryExecutor,
-      analyticsStore: I,
+      analyticsStore: T,
       analyticsEvent: "dashboard-chart-execution",
       analyticsType: "CHART",
       loadingDelayMs: 250
     });
     return {
-      chartContainer: P,
+      chartContainer: W,
       results: i,
-      ready: B,
+      ready: V,
       loading: v,
-      showLoading: L,
-      error: k,
+      showLoading: $,
+      error: w,
       filters: b,
       query: r,
-      chartHeight: h,
+      chartHeight: f,
       chartWidth: c,
       chartConfig: a,
       chartTitle: s,
       onChartConfigChange: O,
       onRefresh: M,
-      handleLocalRefresh: C,
-      chartSelection: V,
-      startTime: E,
+      handleLocalRefresh: E,
+      chartSelection: x,
+      startTime: I,
       handleDimensionClick: (G) => {
         n("dimension-click", {
           source: e.itemId,
@@ -956,11 +964,11 @@ const ko = J({
       },
       activeDrilldown: o,
       activateDrilldown: (G) => {
-        let oe = G.filters, re = Object.keys(oe)[0], X = mt(G.filters);
-        re && (o.value = { remove: re, filter: X });
+        let re = G.filters, le = Object.keys(re)[0], X = mt(G.filters);
+        le && (o.value = { remove: le, filter: X });
       },
       submitDrilldown: async (G) => {
-        let re = await e.getDashboardQueryExecutor(e.dashboardId).createDrilldownQuery(
+        let le = await e.getDashboardQueryExecutor(e.dashboardId).createDrilldownQuery(
           r.value,
           G,
           o.value.remove,
@@ -969,56 +977,56 @@ const ko = J({
           (l.value.imports || []).map((X) => ({ name: X.name, alias: X.alias }))
         );
         e.setItemData(e.itemId, e.dashboardId, {
-          drilldown: re,
+          drilldown: le,
           drilldownChartConfig: null,
           loading: !0
-        }), L.value = !0, o.value = null, await A().then(() => {
-          B.value = !0;
+        }), $.value = !0, o.value = null, await B().then(() => {
+          V.value = !0;
         }).catch((X) => {
-          console.error("Error executing drilldown query:", X), B.value = !0;
+          console.error("Error executing drilldown query:", X), V.value = !0;
         }).finally(() => {
-          L.value = !1;
+          $.value = !1;
         });
       },
       controlsVisible: g,
-      onChartMouseEnter: f,
-      onChartMouseLeave: T,
+      onChartMouseEnter: m,
+      onChartMouseLeave: D,
       revertDrilldown: async () => {
         e.setItemData(e.itemId, e.dashboardId, {
           drilldown: null,
           drilldownChartConfig: null,
           loading: !0
-        }), await A();
+        }), await B();
       },
-      hasDrilldown: S
+      hasDrilldown: k
     };
   }
 }), So = {
   key: 3,
   class: "loading-overlay"
 };
-function Do(e, n, o, l, r, i) {
-  const s = Z("drilldown-pane"), h = Z("ErrorMessage"), c = Z("VegaLiteChart"), a = Z("LoadingView");
-  return m(), y("div", {
+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: 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(), _(s, {
+    e.activeDrilldown ? (h(), _(s, {
       key: 0,
       "drilldown-remove": e.activeDrilldown.remove,
       "drilldown-filter": e.activeDrilldown.filter,
       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(), _(h, {
+    }, 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(), _(c, {
+    }, null, 8, ["details", "query", "filters"])) : e.results && e.ready ? (h(), _(c, {
       key: 2,
       id: `${e.itemId}-${e.dashboardId}`,
       columns: e.results.headers,
@@ -1037,14 +1045,14 @@ function Do(e, n, o, 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", So, [
+    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: q(["controls-toggle", { "controls-visible": e.controlsVisible }])
     }, [
@@ -1067,10 +1075,10 @@ function Do(e, n, o, l, r, i) {
     ], 2)) : R("", !0)
   ], 34);
 }
-const Eo = /* @__PURE__ */ Y(ko, [["render", Do], ["__scopeId", "data-v-36046d80"]]), To = J({
+const Do = /* @__PURE__ */ Y(ko, [["render", Eo], ["__scopeId", "data-v-36046d80"]]), Io = J({
   name: "DynamicMarkdownChart",
   components: {
-    ErrorMessage: Te,
+    ErrorMessage: Le,
     MarkdownRenderer: Ct
   },
   props: {
@@ -1102,17 +1110,17 @@ const Eo = /* @__PURE__ */ Y(ko, [["render", Do], ["__scopeId", "data-v-36046d80
     }
   },
   setup(e) {
-    const n = p(() => e.getItemData(e.itemId, e.dashboardId)), o = p(() => n.value.structured_content || { markdown: "", query: "" }), l = p(() => o.value.markdown || ""), r = p(() => o.value.query || ""), i = p(() => n.value.results || null), s = p(() => n.value.loading || !1), h = p(() => n.value.error || null), c = p(() => n.value.filters || []), a = p(() => n.value.loadStartTime || null), v = p(() => n.value.onRefresh || null), k = j("connectionStore"), b = j("analyticsStore");
-    if (!k)
+    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: E,
-      ready: V,
-      controlsVisible: S,
+      chartContainer: I,
+      ready: x,
+      controlsVisible: k,
       handleLocalRefresh: M,
-      onChartMouseEnter: I,
+      onChartMouseEnter: T,
       onChartMouseLeave: O
-    } = $e({
+    } = Re({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: r,
@@ -1125,43 +1133,43 @@ const Eo = /* @__PURE__ */ Y(ko, [["render", Do], ["__scopeId", "data-v-36046d80
       analyticsType: "MARKDOWN"
     });
     return {
-      chartContainer: E,
+      chartContainer: I,
       results: i,
-      ready: V,
+      ready: x,
       loading: s,
-      error: h,
+      error: f,
       filters: c,
       query: r,
       markdown: l,
       handleLocalRefresh: M,
       startTime: a,
-      controlsVisible: S,
-      onChartMouseEnter: I,
+      controlsVisible: k,
+      onChartMouseEnter: T,
       onChartMouseLeave: O
     };
   }
 });
-function Io(e, n, o, l, r, i) {
-  const s = Z("ErrorMessage"), h = Z("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: 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(), _(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(), _(h, {
+    }, 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: q(["controls-toggle", { "controls-visible": e.controlsVisible }])
     }, [
@@ -1176,12 +1184,12 @@ function Io(e, n, o, l, r, i) {
     ], 2)) : R("", !0)
   ], 34);
 }
-const $o = /* @__PURE__ */ Y(To, [["render", Io], ["__scopeId", "data-v-ffafce48"]]), Lo = J({
+const $o = /* @__PURE__ */ Y(Io, [["render", To], ["__scopeId", "data-v-ffafce48"]]), Lo = J({
   name: "DashboardTable",
   components: {
     DataTable: wt,
-    ErrorMessage: Te,
-    LoadingView: Ie
+    ErrorMessage: Le,
+    LoadingView: Me
   },
   props: {
     dashboardId: {
@@ -1212,57 +1220,57 @@ const $o = /* @__PURE__ */ Y(To, [["render", Io], ["__scopeId", "data-v-ffafce48
     }
   },
   setup(e, { emit: n }) {
-    const o = p(() => e.getItemData(e.itemId, e.dashboardId)), l = p(() => o.value.content), r = p(() => o.value.results || null), i = p(() => o.value.loading || !1), s = p(() => o.value.error || null), h = p(() => o.value.filters || []), c = p(() => o.value.loadStartTime || null), a = p(() => (o.value.height || 300) - 75), v = p(() => (o.value.width || 300) - 100), k = p(() => o.value.onRefresh || null), b = j("connectionStore"), E = j("analyticsStore");
+    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,
-      ready: S,
+      chartContainer: x,
+      ready: k,
       showLoading: M,
-      controlsVisible: I,
+      controlsVisible: T,
       handleLocalRefresh: O,
-      onChartMouseEnter: P,
-      onChartMouseLeave: B
-    } = $e({
+      onChartMouseEnter: W,
+      onChartMouseLeave: V
+    } = Re({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: l,
       results: r,
       loading: i,
-      onRefresh: k,
+      onRefresh: w,
       getDashboardQueryExecutor: e.getDashboardQueryExecutor,
-      analyticsStore: E,
+      analyticsStore: I,
       analyticsEvent: "dashboard-table-execution",
       analyticsType: "TABLE"
     });
     return {
-      chartContainer: V,
+      chartContainer: x,
       results: r,
-      ready: S,
+      ready: k,
       loading: i,
       showLoading: M,
       error: s,
-      filters: h,
+      filters: f,
       query: l,
       chartHeight: a,
       chartWidth: v,
-      onRefresh: k,
+      onRefresh: w,
       handleLocalRefresh: O,
       startTime: c,
-      handleDimensionClick: (A) => {
+      handleDimensionClick: (B) => {
         n("dimension-click", {
           source: e.itemId,
-          filters: A.filters,
-          chart: A.chart,
-          append: A.append
+          filters: B.filters,
+          chart: B.chart,
+          append: B.append
         });
       },
       handleBackgroundClick: () => {
         n("background-click");
       },
-      controlsVisible: I,
-      onChartMouseEnter: P,
-      onChartMouseLeave: B
+      controlsVisible: T,
+      onChartMouseEnter: W,
+      onChartMouseLeave: V
     };
   }
 }), Mo = {
@@ -1270,20 +1278,20 @@ const $o = /* @__PURE__ */ Y(To, [["render", Io], ["__scopeId", "data-v-ffafce48
   class: "loading-overlay"
 };
 function Ro(e, n, o, l, r, i) {
-  const s = Z("ErrorMessage"), h = Z("data-table"), c = Z("LoadingView");
-  return m(), y("div", {
+  const s = Z("ErrorMessage"), f = Z("data-table"), c = Z("LoadingView");
+  return h(), y("div", {
     ref: "chartContainer",
     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(), _(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(), _(h, {
+    }, null, 8, ["details", "query", "filters"])) : e.results && e.ready ? (h(), _(f, {
       key: 1,
       id: `${e.itemId}-${e.dashboardId}`,
       headers: e.results.headers,
@@ -1295,14 +1303,14 @@ function Ro(e, n, o, 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", Mo, [
+    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: q(["controls-toggle", { "controls-visible": e.controlsVisible }])
     }, [
@@ -1435,17 +1443,17 @@ const Ao = /* @__PURE__ */ Y(Lo, [["render", Ro], ["__scopeId", "data-v-2fa93a82
     formatValue(e, n) {
       var o, l;
       switch (n.type) {
-        case ce.FLOAT:
+        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 ce.DATETIME:
-        case ce.TIMESTAMP:
-        case ce.DATE:
-        case ce.TIME:
+        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);
@@ -1495,11 +1503,11 @@ const Ao = /* @__PURE__ */ Y(Lo, [["render", Ro], ["__scopeId", "data-v-2fa93a82
   class: "inline-label"
 }, Vo = ["placeholder", "disabled"], Qo = ["onMousedown", "innerHTML"];
 function Bo(e, n, o, l, r, i) {
-  return m(), y("div", Fo, [
+  return h(), y("div", Fo, [
     t("div", xo, [
       t("div", Ho, [
-        i.hasSelection ? (m(), y("span", Oo, N(i.fieldLabel) + ": ", 1)) : R("", !0),
-        ue(t("input", {
+        i.hasSelection ? (h(), y("span", Oo, P(i.fieldLabel) + ": ", 1)) : R("", !0),
+        ce(t("input", {
           ref: "searchInput",
           "onUpdate:modelValue": n[0] || (n[0] = (s) => r.searchText = s),
           type: "text",
@@ -1510,7 +1518,7 @@ function Bo(e, n, o, l, r, i) {
           onInput: n[2] || (n[2] = (...s) => i.onSearchInput && i.onSearchInput(...s)),
           onBlur: n[3] || (n[3] = (...s) => i.handleBlur && i.handleBlur(...s))
         }, null, 42, Vo), [
-          [ve, r.searchText]
+          [pe, r.searchText]
         ]),
         n[5] || (n[5] = t("span", { class: "search-icon" }, [
           t("svg", {
@@ -1531,27 +1539,27 @@ function Bo(e, n, o, l, r, i) {
           ])
         ], -1))
       ]),
-      (m(), _(nt, { 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: De(i.dropdownStyle)
+          style: Te(i.dropdownStyle)
         }, [
           t("div", {
             class: q(["dropdown-item select-all", { selected: !r.selectedValue }]),
-            onMousedown: n[4] || (n[4] = Be((...s) => i.selectAll && i.selectAll(...s), ["prevent"]))
+            onMousedown: n[4] || (n[4] = Oe((...s) => i.selectAll && i.selectAll(...s), ["prevent"]))
           }, " All ", 34),
-          (m(!0), y(me, null, Ce(i.filteredOptions, (s, h) => (m(), y("div", {
-            key: h,
+          (h(!0), y(fe, null, we(i.filteredOptions, (s, f) => (h(), y("div", {
+            key: f,
             class: q(["dropdown-item", { selected: r.selectedValue === s.value }]),
-            onMousedown: Be((c) => i.selectOption(s), ["prevent"]),
+            onMousedown: Oe((c) => i.selectOption(s), ["prevent"]),
             innerHTML: i.highlightMatch(s.label)
           }, 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: De(i.dropdownStyle)
+          style: Te(i.dropdownStyle)
         }, [...n[6] || (n[6] = [
           t("div", { class: "dropdown-item no-results" }, "No matches found", -1)
         ])], 4)) : R("", !0)
@@ -1563,8 +1571,8 @@ const No = /* @__PURE__ */ Y(qo, [["render", Bo], ["__scopeId", "data-v-660a47c4
   name: "DashboardFilter",
   components: {
     DashboardDataSelector: No,
-    ErrorMessage: Te,
-    LoadingView: Ie
+    ErrorMessage: Le,
+    LoadingView: Me
   },
   props: {
     dashboardId: {
@@ -1595,57 +1603,57 @@ const No = /* @__PURE__ */ Y(qo, [["render", Bo], ["__scopeId", "data-v-660a47c4
     }
   },
   setup(e, { emit: n }) {
-    const o = p(() => e.getItemData(e.itemId, e.dashboardId)), l = p(() => o.value.content), r = p(() => o.value.results || null), i = p(() => o.value.loading || !1), s = p(() => o.value.error || null), h = p(() => o.value.filters || []), c = p(() => o.value.loadStartTime || null), a = p(() => (o.value.height || 300) - 75), v = p(() => (o.value.width || 300) - 100), k = p(() => o.value.onRefresh || null), b = j("connectionStore"), E = j("analyticsStore");
+    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,
-      ready: S,
+      chartContainer: x,
+      ready: k,
       showLoading: M,
-      controlsVisible: I,
+      controlsVisible: T,
       handleLocalRefresh: O,
-      onChartMouseEnter: P,
-      onChartMouseLeave: B
-    } = $e({
+      onChartMouseEnter: W,
+      onChartMouseLeave: V
+    } = Re({
       dashboardId: () => e.dashboardId,
       itemId: () => e.itemId,
       query: l,
       results: r,
       loading: i,
-      onRefresh: k,
+      onRefresh: w,
       getDashboardQueryExecutor: e.getDashboardQueryExecutor,
-      analyticsStore: E,
+      analyticsStore: I,
       analyticsEvent: "dashboard-filter-execution",
       analyticsType: "FILTER"
     });
     return {
-      chartContainer: V,
+      chartContainer: x,
       results: r,
-      ready: S,
+      ready: k,
       loading: i,
       showLoading: M,
       error: s,
-      filters: h,
+      filters: f,
       query: l,
       chartHeight: a,
       chartWidth: v,
-      onRefresh: k,
+      onRefresh: w,
       handleLocalRefresh: O,
       startTime: c,
-      handleDimensionClick: (A) => {
+      handleDimensionClick: (B) => {
         n("dimension-click", {
           source: e.itemId,
-          filters: A.filters,
-          chart: A.chart,
-          append: A.append
+          filters: B.filters,
+          chart: B.chart,
+          append: B.append
         });
       },
       handleBackgroundClick: () => {
         n("background-click");
       },
-      controlsVisible: I,
-      onChartMouseEnter: P,
-      onChartMouseLeave: B
+      controlsVisible: T,
+      onChartMouseEnter: W,
+      onChartMouseLeave: V
     };
   }
 }), Ko = {
@@ -1653,20 +1661,20 @@ const No = /* @__PURE__ */ Y(qo, [["render", Bo], ["__scopeId", "data-v-660a47c4
   class: "loading-overlay"
 };
 function Wo(e, n, o, l, r, i) {
-  const s = Z("ErrorMessage"), h = Z("dashboard-data-selector"), c = Z("LoadingView");
-  return m(), y("div", {
+  const s = Z("ErrorMessage"), f = Z("dashboard-data-selector"), c = Z("LoadingView");
+  return h(), y("div", {
     ref: "chartContainer",
     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(), _(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(), _(h, {
+    }, 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 Wo(e, n, o, 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", Ko, [
+    e.loading && e.showLoading ? (h(), y("div", Ko, [
       z(c, {
         startTime: e.startTime,
         text: "",
@@ -1698,13 +1706,13 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
 }, nn = ["id", "placeholder"], rn = { class: "grid-item-header-right" }, ln = {
   key: 0,
   class: "header-filters no-drag"
-}, an = { class: "header-filter-chip" }, sn = { class: "filter-content" }, dn = { class: "filter-source" }, un = { class: "filter-value" }, cn = ["onClick", "title"], mn = { class: "header-filter-chip filter-overflow" }, hn = ["title"], fn = { class: "section-header-text" }, vn = ["id", "placeholder"], pn = ["data-testid"], yn = ["data-testid"], gn = ["data-testid"], bn = ["data-testid", "title"], Cn = {
+}, 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"
-}, wn = {
+}, kn = {
   key: 1,
   class: "mdi mdi-filter-outline icon"
-}, kn = ["data-testid"], Sn = ["data-testid"], Dn = /* @__PURE__ */ J({
+}, Sn = ["data-testid"], En = ["data-testid"], Dn = /* @__PURE__ */ J({
   __name: "DashboardGridItem",
   props: {
     dashboardId: {},
@@ -1717,31 +1725,45 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
   },
   emits: ["edit-content", "update-dimensions", "dimension-click", "background-click", "remove-filter", "remove-item", "copy-item"],
   setup(e, { emit: n }) {
-    const o = e, l = n, r = D(!1), i = D(""), s = D(!1), h = D(!1), c = D(null), a = D(null);
+    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 k() {
+    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, h.value = !1, r.value = !0, i.value = K.name, setTimeout(() => {
-        const x = document.getElementById(`title-input-${o.item.i}`);
-        x && x.focus();
+      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 b() {
+    function x() {
       if (r.value) {
-        const K = o.getItemData(o.item.i, o.dashboardId), x = i.value.trim() || K.name;
-        o.setItemData(o.item.i, o.dashboardId, { name: x }), r.value = !1;
+        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 E() {
-      const x = !o.getItemData(o.item.i, o.dashboardId).allowCrossFilter;
+    function k() {
+      const A = !o.getItemData(o.item.i, o.dashboardId).allowCrossFilter;
       o.setItemData(o.item.i, o.dashboardId, {
-        allowCrossFilter: x
+        allowCrossFilter: A
       });
     }
-    function V() {
+    function M() {
       const K = o.item.h + 1;
       o.setItemData(o.item.i, o.dashboardId, {
         dimensions: {
@@ -1750,7 +1772,7 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
         }
       });
     }
-    function S() {
+    function T() {
       const K = Math.max(1, o.item.h - 1);
       o.setItemData(o.item.i, o.dashboardId, {
         dimensions: {
@@ -1759,103 +1781,103 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
         }
       });
     }
-    function M() {
+    function O() {
       r.value = !1;
     }
-    function I() {
-      if (C.value) {
-        k();
+    function W() {
+      if (D.value) {
+        I();
         return;
       }
       l("edit-content", o.item);
     }
-    function O() {
-      confirm(`Are you sure you want to remove "${A.value.name}"?`) && l("remove-item", o.item.i);
+    function V() {
+      confirm(`Are you sure you want to remove "${m.value.name}"?`) && l("remove-item", o.item.i);
     }
-    function P() {
+    function $() {
       l("copy-item", o.item.i);
     }
-    function B(K) {
+    function g(K) {
       l("dimension-click", K);
     }
-    function L() {
+    function B() {
       l("background-click", o.item.i);
     }
-    function g(K) {
+    function E(K) {
       l("remove-filter", o.item.i, K);
     }
-    const A = p(() => o.getItemData(o.item.i, o.dashboardId)), C = p(() => A.value.type === w.SECTION_HEADER), f = p(() => {
-      switch (A.value.type) {
-        case w.CHART:
-          return Eo;
-        case w.TABLE:
+    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 w.FILTER:
+        case C.FILTER:
           return Uo;
-        case w.SECTION_HEADER:
+        case C.SECTION_HEADER:
           return null;
-        case w.MARKDOWN:
+        case C.MARKDOWN:
         default:
           return $o;
       }
-    }), T = p(() => {
-      switch (A.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";
       }
-    }), te = p(() => [w.CHART, w.TABLE, w.MARKDOWN].includes(A.value.type)), ne = p(() => A.value.filters ? A.value.filters.length : 0), U = p(() => (A.value.filters || []).slice(0, 2)), pe = p(() => Math.max(0, ne.value - U.value.length));
-    function ke(K, x) {
-      var Se;
-      const W = K == null ? void 0 : K.trim();
-      if (!W)
-        return { text: x, level: 3 };
-      const le = W.match(/^(#{1,3})\s*(.+)$/);
-      if (!le)
-        return { text: W, level: 3 };
-      const he = (Se = le[2]) == null ? void 0 : Se.trim();
-      return he ? {
-        text: he,
-        level: le[1].length
-      } : { text: W, level: 3 };
-    }
-    const G = p(() => ke(A.value.name, T.value)), oe = p(() => G.value.text), re = p(() => `item-title-level-${G.value.level}`), X = p(() => s.value && !r.value && !h.value);
-    function Le() {
-      X.value && (h.value = !0, s.value = !1);
-    }
-    function Me() {
-      s.value = !0, h.value = !1;
-    }
-    function Re() {
-      s.value = !1, h.value = !1;
-    }
-    return Fe([c, a], Le, {
-      enabled: () => X.value,
+    }), 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 Ie() {
+      s.value = !1, f.value = !1;
+    }
+    return Ve([c, a], Ae, {
+      enabled: () => ye.value,
       eventName: "mousedown"
-    }), (K, x) => (m(), y("div", {
+    }), (K, A) => (h(), y("div", {
       class: q(["grid-item-content", {
-        "grid-item-chart-style": [ie(w).CHART, ie(w).TABLE, ie(w).FILTER].includes(
+        "grid-item-chart-style": [ie(C).CHART, ie(C).TABLE, ie(C).FILTER].includes(
           //@ts-ignore
-          A.value.type
+          m.value.type
         ),
-        "grid-item-section-header-style": C.value,
+        "grid-item-section-header-style": D.value,
         "grid-item-edit-style": e.editMode
       }]),
       "data-testid": `dashboard-component-${e.item.i}`,
-      onMouseenter: Me,
-      onMouseleave: Re
+      onMouseenter: qe,
+      onMouseleave: Ie
     }, [
-      e.editMode && C.value ? (m(), y("div", {
+      e.editMode && D.value ? (h(), y("div", {
         key: 0,
-        class: q(["dev-toolbar-shell", { "dev-toolbar-visible": X.value }])
+        class: q(["dev-toolbar-shell", { "dev-toolbar-visible": ye.value }])
       }, [
         t("div", {
           ref_key: "devToolbarRef",
@@ -1864,34 +1886,34 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
           "data-testid": "dashboard-item-header-controls"
         }, [
           t("button", {
-            onClick: I,
+            onClick: W,
             class: "control-btn",
             "data-testid": `edit-dashboard-item-content-${e.item.i}`,
             title: "Edit title"
-          }, [...x[2] || (x[2] = [
+          }, [...A[2] || (A[2] = [
             t("i", { class: "mdi mdi-pencil-outline icon" }, null, -1)
           ])], 8, _o),
           t("button", {
-            onClick: P,
+            onClick: $,
             class: "control-btn",
             "data-testid": `copy-dashboard-item-${e.item.i}`,
             title: "Copy item"
-          }, [...x[3] || (x[3] = [
+          }, [...A[3] || (A[3] = [
             t("i", { class: "mdi mdi-content-copy icon" }, null, -1)
           ])], 8, Go),
           t("button", {
-            onClick: O,
+            onClick: V,
             class: "control-btn dashboard-remove-btn",
             "data-testid": `remove-dashboard-item-${e.item.i}`,
             title: "Remove item"
-          }, [...x[4] || (x[4] = [
+          }, [...A[4] || (A[4] = [
             t("i", { class: "mdi mdi-delete-outline icon" }, null, -1)
           ])], 8, zo)
         ], 512)
       ], 2)) : R("", !0),
-      C.value ? R("", !0) : (m(), y("div", Jo, [
+      D.value ? R("", !0) : (h(), y("div", Jo, [
         t("div", Yo, [
-          e.editMode ? (m(), y("div", Zo, [...x[5] || (x[5] = [
+          e.editMode ? (h(), y("div", Zo, [...A[5] || (A[5] = [
             t("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "16",
@@ -1925,61 +1947,66 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
             ], -1)
           ])])) : R("", !0),
           t("div", Xo, [
-            r.value ? ue((m(), y("input", {
+            r.value ? ce((h(), y("input", {
               key: 1,
               id: `title-input-${e.item.i}`,
-              "onUpdate:modelValue": x[0] || (x[0] = (W) => i.value = W),
-              onBlur: b,
+              "onUpdate:modelValue": A[0] || (A[0] = (N) => i.value = N),
+              onBlur: x,
               onKeyup: [
-                ye(b, ["enter"]),
-                ye(M, ["esc"])
+                ge(x, ["enter"]),
+                ge(O, ["esc"])
               ],
               class: "title-input",
               type: "text",
-              placeholder: T.value
+              placeholder: ne.value
             }, null, 40, nn)), [
-              [ve, i.value]
-            ]) : (m(), y("div", {
+              [pe, i.value]
+            ]) : (h(), y("div", {
               key: 0,
-              class: q(["item-title editable-title", [re.value, { "item-title-static": !e.editMode }]]),
-              title: oe.value,
-              onClick: k
+              class: q(["item-title editable-title", [De.value, { "item-title-static": !e.editMode }]]),
+              title: X.value,
+              onClick: I
             }, [
-              t("span", tn, N(oe.value), 1),
-              e.editMode ? (m(), y("i", on)) : R("", !0)
+              t("span", tn, P(X.value), 1),
+              e.editMode ? (h(), y("i", on)) : R("", !0)
             ], 10, en))
           ])
         ]),
         t("div", rn, [
-          te.value && ne.value > 0 ? (m(), y("div", ln, [
-            (m(!0), y(me, null, Ce(U.value, (W, le) => (m(), _(ge, {
-              key: `${W.source}-${W.value}-${le}`,
-              content: v(W.value),
+          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, N(W.source === "global" ? W.source : "cross") + ": ", 1),
-                    t("span", un, N(W.value), 1)
+                    t("span", dn, P(N.source === "global" ? N.source : "cross") + ": ", 1),
+                    t("span", un, P(w(N.value, N.parameters)), 1)
                   ]),
-                  e.editMode && W.source !== "global" ? (m(), y("button", {
+                  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: (he) => g(W.source),
-                    title: `Remove ${W.source} filter`
-                  }, " x ", 8, cn)) : R("", !0)
+                    onClick: (oe) => E(N.source),
+                    title: `Remove ${N.source} filter`
+                  }, " x ", 8, mn)) : R("", !0)
                 ])
               ]),
               _: 2
             }, 1032, ["content"]))), 128)),
-            pe.value > 0 ? (m(), _(ge, {
+            G.value > 0 ? (h(), _(be, {
               key: 0,
-              content: `${pe.value} more filter(s)`,
+              content: `${G.value} more filter(s)`,
               position: "bottom"
             }, {
               default: ee(() => [
-                t("div", mn, " +" + N(pe.value), 1)
+                t("div", hn, "+" + P(G.value), 1)
               ]),
               _: 1
             }, 8, ["content"])) : R("", !0)
@@ -1987,32 +2014,32 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
         ])
       ])),
       t("div", {
-        class: q(["content-area", { "section-header-content": C.value }])
+        class: q(["content-area", { "section-header-content": D.value }])
       }, [
-        C.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": x[1] || (x[1] = (W) => i.value = W),
-            onBlur: b,
+            "onUpdate:modelValue": A[1] || (A[1] = (N) => i.value = N),
+            onBlur: x,
             onKeyup: [
-              ye(b, ["enter"]),
-              ye(M, ["esc"])
+              ge(x, ["enter"]),
+              ge(O, ["esc"])
             ],
             class: "title-input section-header-input no-drag",
             type: "text",
-            placeholder: T.value
-          }, null, 40, vn)), [
-            [ve, i.value]
-          ]) : (m(), y("div", {
+            placeholder: ne.value
+          }, null, 40, pn)), [
+            [pe, i.value]
+          ]) : (h(), y("div", {
             key: 0,
-            class: q(["section-header-display no-drag", [re.value, { "section-header-editable": e.editMode }]]),
-            title: oe.value,
-            onClick: k
+            class: q(["section-header-display no-drag", [De.value, { "section-header-editable": e.editMode }]]),
+            title: X.value,
+            onClick: I
           }, [
-            t("span", fn, N(oe.value), 1)
-          ], 10, hn))
-        ], 64)) : (m(), _(it(f.value), {
+            t("span", vn, P(X.value), 1)
+          ], 10, fn))
+        ], 64)) : (h(), _(it(te.value), {
           key: 1,
           dashboardId: o.dashboardId,
           itemId: e.item.i,
@@ -2021,12 +2048,12 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
           getDashboardQueryExecutor: e.getDashboardQueryExecutor,
           editMode: e.editMode,
           symbols: o.symbols || [],
-          onDimensionClick: B,
-          onBackgroundClick: L
+          onDimensionClick: g,
+          onBackgroundClick: B
         }, null, 40, ["dashboardId", "itemId", "setItemData", "getItemData", "getDashboardQueryExecutor", "editMode", "symbols"])),
-        e.editMode && !C.value ? (m(), y("div", {
+        e.editMode && !D.value ? (h(), y("div", {
           key: 2,
-          class: q(["content-edit-overlay no-drag", { "content-edit-overlay-visible": X.value }])
+          class: q(["content-edit-overlay no-drag", { "content-edit-overlay-visible": ye.value }])
         }, [
           t("div", {
             ref_key: "contentEditToolbarRef",
@@ -2035,103 +2062,103 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
             "data-testid": "dashboard-item-header-controls"
           }, [
             t("button", {
-              onClick: V,
+              onClick: M,
               class: "control-btn",
               "data-testid": `increase-height-item-${e.item.i}`,
               title: "Increase height"
-            }, [...x[6] || (x[6] = [
+            }, [...A[6] || (A[6] = [
               t("i", { class: "mdi mdi-plus icon" }, null, -1)
-            ])], 8, pn),
+            ])], 8, yn),
             t("button", {
-              onClick: S,
+              onClick: T,
               class: "control-btn",
               "data-testid": `decrease-height-item-${e.item.i}`,
               title: "Decrease height"
-            }, [...x[7] || (x[7] = [
+            }, [...A[7] || (A[7] = [
               t("i", { class: "mdi mdi-minus icon" }, null, -1)
-            ])], 8, yn),
+            ])], 8, gn),
             t("button", {
-              onClick: I,
+              onClick: W,
               class: "control-btn",
               "data-testid": `edit-dashboard-item-content-${e.item.i}`,
               title: "Edit data"
-            }, [...x[8] || (x[8] = [
+            }, [...A[8] || (A[8] = [
               t("i", { class: "mdi mdi-database-edit-outline icon" }, null, -1)
-            ])], 8, gn),
+            ])], 8, bn),
             t("button", {
-              onClick: E,
+              onClick: k,
               class: "control-btn",
               "data-testid": `toggle-crossfilter-item-content-${e.item.i}`,
-              title: A.value.allowCrossFilter ? "Toggle cross-filtering OFF" : "Toggle cross-filtering ON"
+              title: m.value.allowCrossFilter ? "Toggle cross-filtering OFF" : "Toggle cross-filtering ON"
             }, [
-              A.value.allowCrossFilter ? (m(), y("i", Cn)) : (m(), y("i", wn))
-            ], 8, bn),
+              m.value.allowCrossFilter ? (h(), y("i", wn)) : (h(), y("i", kn))
+            ], 8, Cn),
             t("button", {
-              onClick: P,
+              onClick: $,
               class: "control-btn",
               "data-testid": `copy-dashboard-item-${e.item.i}`,
               title: "Copy item"
-            }, [...x[9] || (x[9] = [
+            }, [...A[9] || (A[9] = [
               t("i", { class: "mdi mdi-content-copy icon" }, null, -1)
-            ])], 8, kn),
+            ])], 8, Sn),
             t("button", {
-              onClick: O,
+              onClick: V,
               class: "control-btn dashboard-remove-btn",
               "data-testid": `remove-dashboard-item-${e.item.i}`,
               title: "Remove item"
-            }, [...x[10] || (x[10] = [
+            }, [...A[10] || (A[10] = [
               t("i", { class: "mdi mdi-delete-outline icon" }, null, -1)
-            ])], 8, Sn)
+            ])], 8, En)
           ], 512)
         ], 2)) : R("", !0)
       ], 2)
     ], 42, jo));
   }
-}), Wi = /* @__PURE__ */ Y(Dn, [["__scopeId", "data-v-e9a214db"]]), En = { class: "add-item-content" }, Tn = {
+}), 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"
-}, In = ["data-testid"], $n = ["value", "data-testid"], Ln = { class: "item-option-card" }, Mn = {
+}, $n = ["data-testid"], Ln = ["value", "data-testid"], Mn = { class: "item-option-card" }, Rn = {
   class: "item-option-icon",
   "aria-hidden": "true"
-}, Rn = { class: "item-option-text" }, An = { class: "item-option-label" }, qn = { class: "item-option-help" }, Fn = /* @__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: n }) {
-    const o = n, l = D(w.CHART), r = [
+    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",
@@ -2144,7 +2171,7 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
     function s() {
       o("close");
     }
-    return (h, c) => (m(), _(ze, {
+    return (f, c) => (h(), _(Ye, {
       show: e.show,
       title: "Add New Item",
       "max-width": "680px",
@@ -2163,46 +2190,46 @@ const Uo = /* @__PURE__ */ Y(Po, [["render", Wo], ["__scopeId", "data-v-9f88e03e
         }, " Add Item ")
       ]),
       default: ee(() => [
-        t("div", En, [
+        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", Tn, [
-            (m(), y(me, null, Ce(r, (a) => t("label", {
+            (h(), y(fe, null, we(r, (a) => t("label", {
               key: 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, $n), [
+              }, null, 8, Ln), [
                 [rt, l.value]
               ]),
-              t("span", Ln, [
-                t("span", Mn, [
+              t("span", Mn, [
+                t("span", Rn, [
                   t("i", {
                     class: q(["mdi", a.icon])
                   }, null, 2)
                 ]),
-                t("span", Rn, [
-                  t("span", An, N(a.label), 1),
-                  t("span", qn, N(a.description), 1)
+                t("span", An, [
+                  t("span", qn, P(a.label), 1),
+                  t("span", Fn, P(a.description), 1)
                 ])
               ])
-            ], 10, In)), 64))
+            ], 10, $n)), 64))
           ])
         ])
       ]),
       _: 1
     }, 8, ["show"]));
   }
-}), Ui = /* @__PURE__ */ Y(Fn, [["__scopeId", "data-v-ee048740"]]);
-function xn(e = "dark") {
+}), ji = /* @__PURE__ */ Y(xn, [["__scopeId", "data-v-ee048740"]]);
+function Hn(e = "dark") {
   const n = e === "light";
-  Ee.defineTheme("trilogyStudio", {
+  $e.defineTheme("trilogyStudio", {
     base: n ? "vs" : "vs-dark",
     inherit: !0,
     rules: [
@@ -2235,9 +2262,9 @@ function xn(e = "dark") {
       "editorWidget.background": n ? "#ffffff" : "#111318",
       "editorWidget.border": n ? "#d6dde6" : "#2a2f37"
     }
-  }), Ee.setTheme("trilogyStudio");
+  }), $e.setTheme("trilogyStudio");
 }
-function Hn(e, n = {}) {
+function On(e, n = {}) {
   const l = { ...{
     automaticLayout: !0,
     autoClosingBrackets: "always",
@@ -2247,36 +2274,36 @@ function Hn(e, n = {}) {
     tabCompletion: "on",
     theme: "trilogyStudio"
   }, ...n };
-  return Ee.create(e, l);
+  return $e.create(e, l);
 }
-function Ue(e, n = "") {
+function _e(e, n = "") {
   var r;
   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 On(e, n = {}) {
+function Vn(e, n = {}) {
   const { onValidate: o, onRun: l, onSave: r } = n;
-  if (o && e.addCommand(se.CtrlCmd | se.Shift | fe.KeyV, o), l && e.addCommand(se.CtrlCmd | fe.Enter, l), r && e.addCommand(se.CtrlCmd | fe.KeyS, r), e.addCommand(se.CtrlCmd | fe.KeyZ, () => {
+  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", {});
   }), n.onContentChange) {
     let i = null;
     e.onDidChangeModelContent(() => {
       var s;
       (s = n.onContentChange) == null || s.call(n, e.getValue()), i && clearTimeout(i), i = setTimeout(() => {
-        var h;
-        e.hasTextFocus() && !((h = e.getSelection()) != null && h.isEmpty()) && e.trigger("completion", "editor.action.triggerSuggest", { auto: !0 });
+        var f;
+        e.hasTextFocus() && !((f = e.getSelection()) != null && f.isEmpty()) && e.trigger("completion", "editor.action.triggerSuggest", { auto: !0 });
       }, 200);
     });
   }
 }
 let F = null;
-const Vn = J({
+const Qn = J({
   name: "EnhancedEditor",
   components: {
-    SymbolsPane: Dt,
-    LoadingView: Ie
+    SymbolsPane: Et,
+    LoadingView: Me
   },
   props: {
     onSave: {
@@ -2362,7 +2389,7 @@ const Vn = J({
       return (e || n || "dark") === "light" ? "light" : "dark";
     },
     applyEditorTheme() {
-      xn(this.getResolvedTheme());
+      Hn(this.getResolvedTheme());
     },
     // New methods for panel management
     togglePanel(e) {
@@ -2386,19 +2413,19 @@ const Vn = J({
       }
     },
     createEditor() {
-      this.applyEditorTheme(), F = Hn(this.$refs.editorElement, {
+      this.applyEditorTheme(), F = On(this.$refs.editorElement, {
         value: this.editor.contents || "",
         language: this.editor.type === "sql" ? "sql" : "trilogy"
-      }), On(F, {
+      }), Vn(F, {
         onValidate: () => this.validateQuery(),
         onRun: () => this.runQuery(),
         onGenerateLLM: () => this.generateLLMQuery()
         // Add LLM generation shortcut
-      }), F.addCommand(se.CtrlCmd | fe.Space, () => {
+      }), F.addCommand(de.CtrlCmd | ve.Space, () => {
         this.togglePanel("symbols");
-      }), F.addCommand(se.CtrlCmd | se.Shift | fe.Enter, () => {
+      }), F.addCommand(de.CtrlCmd | de.Shift | ve.Enter, () => {
         this.generateLLMQuery();
-      }), this.editor.type !== "sql" && (F.addCommand(se.CtrlCmd | fe.KeyK, () => {
+      }), this.editor.type !== "sql" && (F.addCommand(de.CtrlCmd | ve.KeyK, () => {
         this.formatQuery();
       }), F.addAction({
         id: "trilogy.simple-editor.format-query",
@@ -2449,8 +2476,8 @@ const Vn = J({
           i
         );
         if (s && e) {
-          const h = F.getModel();
-          h && Ee.setModelMarkers(h, "owner", s.data.items || []), s.data.completion_items && (this.editor.completionSymbols = s.data.completion_items);
+          const f = F.getModel();
+          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) {
@@ -2459,7 +2486,7 @@ const Vn = J({
     },
     async formatQuery() {
       var r;
-      const e = F, n = Ue(e, this.editor.contents);
+      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)
@@ -2487,29 +2514,29 @@ const Vn = J({
       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 h = n.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 = {
             text: c,
-            queryType: h ? h.query_type : "",
+            queryType: f ? f.query_type : "",
             editorType: this.editor.type,
             imports: this.imports,
             extraContent: this.rootContent
-          }, { resultPromise: v, cancellation: k } = await o.executeQuery(
+          }, { resultPromise: v, cancellation: w } = await o.executeQuery(
             this.editor.connection,
             a,
             // Progress callback for connection issues
             () => {
             },
-            (E) => {
-              !e && E.error && (this.editor.loading = !1, E.message && this.editor.setError(E.message)), !e && E.running && (this.editor.error = null, this.editor.loading = !0);
+            (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 = () => {
-            k.isActive() && k.cancel(), this.editor.loading = !1, this.editor.cancelCallback = null;
+            w.isActive() && w.cancel(), this.editor.loading = !1, this.editor.cancelCallback = null;
           };
           const b = await v;
           e = !0, this.lastOperation = {
@@ -2518,8 +2545,8 @@ const Vn = J({
             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
           }, b.success ? (this.editor.executed_contents = c, b.generatedSql && (this.editor.generated_sql = b.generatedSql), b.results && (this.editor.results = b.results, this.editor.duration = b.executionTime)) : b.error && (this.editor.executed_contents = c, this.editor.setError(b.error));
-        } catch (h) {
-          h instanceof Error && this.editor.setError(h.message || "Query execution failed"), this.lastOperation = {
+        } catch (f) {
+          f instanceof Error && this.editor.setError(f.message || "Query execution failed"), this.lastOperation = {
             success: !1,
             duration: 0,
             type: this.editor.type
@@ -2537,18 +2564,18 @@ const Vn = J({
         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");
-        const r = this.editor.completionSymbols.map((h) => ({
-          name: h.label,
-          type: h.datatype,
-          description: h.description,
-          calculation: h.calculation
-        })), i = async (h) => {
+        const r = this.editor.completionSymbols.map((f) => ({
+          name: f.label,
+          type: f.datatype,
+          description: f.description,
+          calculation: f.calculation
+        })), i = async (f) => {
           const c = o.connections[this.editor.connection], a = {
-            text: h,
+            text: f,
             queryType: c ? c.query_type : "",
             editorType: this.editor.type,
             imports: this.imports,
@@ -2562,8 +2589,8 @@ const Vn = J({
               },
               () => {
               },
-              (k) => {
-                throw k;
+              (w) => {
+                throw w;
               },
               () => !0,
               !0
@@ -2598,40 +2625,40 @@ const Vn = J({
       return F ? F.getValue() : this.editor.contents || "";
     }
   }
-}), Qn = { class: "editor-container" }, Bn = { class: "menu-bar" }, Nn = { class: "menu-actions" }, Pn = { class: "editor-content" }, Kn = { class: "sidebar-panel" }, Wn = { class: "be-sidebar-container" }, Un = { class: "be-sidebar-icons" }, jn = { class: "result-wrapper" }, _n = {
+}), 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"
-}, Gn = {
+}, zn = {
   key: 2,
   class: "results-summary",
   "data-testid": "simple-editor-results"
-}, zn = { class: "results-details" }, Jn = {
+}, Jn = { class: "results-details" }, Yn = {
   key: 0,
   class: "timing"
-}, Yn = {
+}, Zn = {
   key: 1,
   class: "row-count"
-}, Zn = {
+}, Xn = {
   key: 2,
   class: "operation-type"
 };
-function Xn(e, n, o, l, r, i) {
-  const s = Z("SymbolsPane"), h = Z("loading-view");
-  return m(), y("div", Qn, [
-    t("div", Bn, [
-      t("div", Nn, [
+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: 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: 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: n[2] || (n[2] = (...c) => e.formatQuery && e.formatQuery(...c)),
@@ -2641,10 +2668,10 @@ function Xn(e, n, o, l, r, i) {
           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", Pn, [
+    t("div", Kn, [
       t("div", {
         ref: "editorElement",
         class: q(["editor-obj", {
@@ -2653,7 +2680,7 @@ function Xn(e, n, o, l, r, i) {
         }]),
         "data-testid": "simple-editor-content"
       }, null, 2),
-      ue(t("div", Kn, [
+      ce(t("div", Wn, [
         z(s, {
           symbols: e.editor.completionSymbols || [],
           onSelectSymbol: e.insertSymbol,
@@ -2662,8 +2689,8 @@ function Xn(e, n, o, l, r, i) {
       ], 512), [
         [lt, e.isPanelVisible]
       ]),
-      t("div", Wn, [
-        t("div", Un, [
+      t("div", Un, [
+        t("div", jn, [
           t("button", {
             class: q(["sidebar-icon-button", { active: e.isPanelVisible }]),
             onClick: n[4] || (n[4] = (c) => e.togglePanel("symbols")),
@@ -2674,26 +2701,26 @@ function Xn(e, n, o, l, r, i) {
         ])
       ])
     ]),
-    t("div", jn, [
-      e.editor.loading ? (m(), _(h, {
+    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", _n, N(e.editor.error), 1)) : e.lastOperation ? (m(), y("div", Gn, [
+      }, null, 8, ["startTime"])) : e.editor.error ? (h(), y("div", Gn, P(e.editor.error), 1)) : e.lastOperation ? (h(), y("div", zn, [
         t("div", {
           class: q(["status-badge", e.lastOperation.success ? "success" : "error"])
-        }, N(e.lastOperation.success ? "SUCCESS" : "FAILED"), 3),
-        t("div", zn, [
-          e.lastOperation.duration ? (m(), y("div", Jn, N(e.lastOperation.duration) + "ms", 1)) : R("", !0),
-          e.lastOperation.rows !== void 0 ? (m(), y("div", Yn, N(e.lastOperation.rows) + " " + N(e.lastOperation.rows === 1 ? "row" : "rows"), 1)) : R("", !0),
-          e.lastOperation.type ? (m(), y("div", Zn, N(e.lastOperation.type), 1)) : R("", !0)
+        }, 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(Vn, [["render", Xn], ["__scopeId", "data-v-e4c72cff"]]), ei = { class: "editor-overlay" }, ti = { class: "editor-actions" }, oi = ["data-testid"], ni = /* @__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: {},
@@ -2705,38 +2732,38 @@ const Je = /* @__PURE__ */ Y(Vn, [["render", Xn], ["__scopeId", "data-v-e4c72cff
   },
   emits: ["save", "cancel"],
   setup(e, { emit: n }) {
-    const o = e, l = n, { editorElement: r, dialogStyle: i, startResize: s } = Et(() => l("cancel"), {
+    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 (h, c) => (m(), y("div", ei, [
+    return (f, c) => (h(), y("div", ti, [
       t("div", {
         ref_key: "editorElement",
         ref: r,
         class: "content-editor",
-        style: De(ie(i))
+        style: Te(ie(i))
       }, [
-        Ne(h.$slots, "default", {}, void 0, !0),
-        t("div", ti, [
-          Ne(h.$slots, "actions", {}, () => [
+        Ke(f.$slots, "default", {}, void 0, !0),
+        t("div", oi, [
+          Ke(f.$slots, "actions", {}, () => [
             t("button", {
               class: "save-button",
               "data-testid": o.saveTestId || void 0,
               onClick: c[0] || (c[0] = (a) => l("save"))
-            }, N(o.saveLabel), 9, oi),
+            }, 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(ni, [["__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: {},
@@ -2748,24 +2775,24 @@ const Je = /* @__PURE__ */ Y(Vn, [["render", Xn], ["__scopeId", "data-v-e4c72cff
   },
   emits: ["save", "cancel"],
   setup(e, { emit: n }) {
-    const o = e, l = n, r = D(o.content), i = D(o.imports), s = D(null);
-    function h() {
+    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(), _(Ye, {
+    return (a, v) => (h(), _(Xe, {
       initialWidth: o.initialWidth,
       initialHeight: o.initialHeight,
       saveLabel: "Save Query",
       saveTestId: "save-dashboard-chart",
-      onSave: h,
+      onSave: f,
       onCancel: c
     }, {
       default: ee(() => [
-        t("div", ii, [
-          z(Je, {
+        t("div", ri, [
+          z(Ze, {
             class: "editor-content",
             initContent: r.value,
             connectionName: e.connectionName,
@@ -2779,13 +2806,13 @@ const Je = /* @__PURE__ */ Y(Vn, [["render", Xn], ["__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: {},
@@ -2797,14 +2824,14 @@ const Je = /* @__PURE__ */ Y(Vn, [["render", Xn], ["__scopeId", "data-v-e4c72cff
   },
   emits: ["save", "cancel"],
   setup(e, { emit: n }) {
-    const o = e, l = n, r = p(() => typeof o.content == "string" ? { markdown: o.content, query: "" } : { markdown: o.content.markdown || "", query: o.content.query || "" }), i = D(r.value.markdown), s = D(r.value.query), h = D(o.imports), c = D(null), a = D("markdown");
-    de(
+    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,
-      (L) => {
-        const g = typeof L == "string" ? { markdown: L, query: "" } : { markdown: L.markdown || "", query: L.query || "" };
+      ($) => {
+        const g = typeof $ == "string" ? { markdown: $, query: "" } : { markdown: $.markdown || "", query: $.query || "" };
         i.value = g.markdown, s.value = g.query;
       }
-    ), de(a, (L, g) => {
+    ), ue(a, ($, g) => {
       g === "query" && c.value && (s.value = c.value.getContent());
     });
     function v() {
@@ -2813,79 +2840,79 @@ const Je = /* @__PURE__ */ Y(Vn, [["render", Xn], ["__scopeId", "data-v-e4c72cff
         query: s.value
       });
     }
-    function k() {
+    function w() {
       l("cancel");
     }
-    function b(L) {
-      a.value === "query" && c.value && (s.value = c.value.getContent()), a.value = L;
+    function b($) {
+      a.value === "query" && c.value && (s.value = c.value.getContent()), a.value = $;
     }
-    function E(L, g = "") {
-      const A = document.querySelector(".markdown-editor");
-      if (!A) return;
-      const C = A.selectionStart, f = A.selectionEnd, T = i.value.substring(C, f), te = i.value.substring(0, C), ne = i.value.substring(f);
-      i.value = te + L + T + g + ne, setTimeout(() => {
-        A.focus(), A.setSelectionRange(C + L.length, C + L.length + T.length);
+    function I($, g = "") {
+      const B = document.querySelector(".markdown-editor");
+      if (!B) return;
+      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() {
-      E("**", "**");
+    function x() {
+      I("**", "**");
     }
-    function S() {
-      E("*", "*");
+    function k() {
+      I("*", "*");
     }
     function M() {
-      E("## ");
+      I("## ");
     }
-    function I() {
-      E("- ");
+    function T() {
+      I("- ");
     }
     function O() {
-      E("[", "](url)");
+      I("[", "](url)");
     }
-    function P() {
-      E("{data[0].field_name}");
+    function W() {
+      I("{data[0].field_name}");
     }
-    function B() {
-      E(`{{#each data}}
+    function V() {
+      I(`{{#each data}}
 - {{field_name}}
 {{/each}}`);
     }
-    return (L, g) => (m(), _(Ye, {
+    return ($, g) => (h(), _(Xe, {
       initialWidth: o.initialWidth,
       initialHeight: o.initialHeight,
       saveLabel: "Save Content",
       saveTestId: "save-dashboard-markdown",
       onSave: v,
-      onCancel: k
+      onCancel: w
     }, {
       default: ee(() => [
-        t("div", li, [
+        t("div", ai, [
           t("button", {
-            onClick: g[0] || (g[0] = (A) => b("markdown")),
+            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] = (A) => b("query")),
+            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)
               ])]),
               t("button", {
-                onClick: S,
+                onClick: k,
                 title: "Italic"
               }, [...g[6] || (g[6] = [
                 t("em", null, "I", -1)
@@ -2895,7 +2922,7 @@ const Je = /* @__PURE__ */ Y(Vn, [["render", Xn], ["__scopeId", "data-v-e4c72cff
                 title: "Heading"
               }, "H"),
               t("button", {
-                onClick: I,
+                onClick: T,
                 title: "List"
               }, [...g[7] || (g[7] = [
                 t("i", { class: "mdi mdi-format-list-bulleted" }, null, -1)
@@ -2908,20 +2935,20 @@ const Je = /* @__PURE__ */ Y(Vn, [["render", Xn], ["__scopeId", "data-v-e4c72cff
               ])]),
               g[10] || (g[10] = t("div", { class: "toolbar-separator" }, null, -1)),
               t("button", {
-                onClick: P,
+                onClick: W,
                 title: "Insert data reference",
                 class: "data-button"
               }, " {} "),
               t("button", {
-                onClick: B,
+                onClick: V,
                 title: "Insert loop",
                 class: "data-button"
               }, [...g[9] || (g[9] = [
                 t("i", { class: "mdi mdi-refresh" }, null, -1)
               ])])
             ]),
-            ue(t("textarea", {
-              "onUpdate:modelValue": g[2] || (g[2] = (A) => i.value = A),
+            ce(t("textarea", {
+              "onUpdate:modelValue": g[2] || (g[2] = (B) => i.value = B),
               placeholder: `Enter markdown content here...
 
 Template examples:
@@ -2932,18 +2959,18 @@ Template examples:
 - {{#each data limit=5}} {{field_name}} {{/each}} - Loop first 5`,
               class: "markdown-editor"
             }, null, 512), [
-              [ve, 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,
-              imports: h.value,
+              imports: f.value,
               rootContent: e.rootContent,
               ref_key: "editor",
               ref: c
@@ -2954,13 +2981,13 @@ Template examples:
       _: 1
     }, 8, ["initialWidth", "initialHeight"]));
   }
-}), _i = /* @__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, Gi = /* @__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: {}
@@ -2972,20 +2999,20 @@ Template examples:
     ), s = j("saveDashboards");
     if (!o || !r || !i || !s)
       throw new Error("DashboardStore, LLMConnectionStore, or QueryExecutionService not provided");
-    const h = e, c = p(() => r.activeConnection), a = n, v = D(""), k = D(""), b = D(!1), E = D(""), V = D(null), S = Q / 4, M = [
+    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: S, y: 3, w: Q / 4, h: 4, type: w.CHART },
-          { i: "kpi3", x: S * 2, y: 3, w: Q / 4, h: 4, type: w.CHART },
-          { i: "kpi4", x: S * 3, y: 3, w: Q / 4, h: 4, type: w.CHART },
-          { i: "trend", x: 0, y: 7, w: Q / 2, h: 8, type: w.CHART },
-          { i: "breakdown", x: Q / 2, y: 7, w: Q / 2, h: 8, type: w.CHART }
+          { 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 }
         ]
       },
       {
@@ -2994,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 }
         ]
       },
       {
@@ -3007,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 }
         ]
       },
       {
@@ -3021,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 }
         ]
       }
       //   {
@@ -3037,182 +3064,182 @@ Template examples:
       //     layout: []
       //   }
     ];
-    function I(B) {
-      V.value = B;
-      const L = M.find((g) => g.id === B);
-      if (L && h.dashboardId) {
-        for (const g of L.layout)
+    function T(V) {
+      x.value = V;
+      const $ = M.find((g) => g.id === V);
+      if ($ && f.dashboardId) {
+        for (const g of $.layout)
           o.addItemToDashboard(
-            h.dashboardId,
+            f.dashboardId,
             g.type,
             g.x,
             g.y,
             g.w,
             g.h
           );
-        a("template-selected", B);
+        a("template-selected", V);
       }
     }
     function O() {
-      h.dashboardId && v.value && (o.updateDashboardDescription(h.dashboardId, v.value), a("description-updated", v.value));
+      f.dashboardId && v.value && (o.updateDashboardDescription(f.dashboardId, v.value), a("description-updated", v.value));
     }
-    async function P() {
-      if (!k.value.trim()) {
-        E.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 {
-        b.value = !0, E.value = "";
-        const B = await o.generatePromptSpec(
-          k.value,
+        b.value = !0, I.value = "";
+        const V = await o.generatePromptSpec(
+          w.value,
           r,
           i,
           l
         );
-        console.log("Prompt spec generated:", B), B ? (await o.populateFromPromptSpec(
-          h.dashboardId,
-          B,
+        console.log("Prompt spec generated:", V), V ? (await o.populateFromPromptSpec(
+          f.dashboardId,
+          V,
           r,
           i,
           l
-        ), !v.value && B.description && (v.value = B.description, O()), s()) : E.value = "Failed to generate dashboard specification.";
-      } catch (B) {
-        console.error("Error generating dashboard with LLM:", B), E.value = "An error occurred while generating the dashboard.";
+        ), !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 {
         b.value = !1;
       }
     }
-    return (B, L) => (m(), y("div", ci, [
-      L[7] || (L[7] = t("div", { class: "setup-header" }, [
+    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, [
-        L[3] || (L[3] = t("h3", { class: "section-title" }, "Description", -1)),
-        ue(t("textarea", {
-          "onUpdate:modelValue": L[0] || (L[0] = (g) => v.value = g),
+      t("div", hi, [
+        $[3] || ($[3] = t("h3", { class: "section-title" }, "Description", -1)),
+        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), [
-          [ve, v.value]
+          [pe, v.value]
         ]),
         t("button", {
           onClick: O,
           class: "action-button save-button",
           "data-testid": "dashboard-description-save"
-        }, [...L[2] || (L[2] = [
+        }, [...$[2] || ($[2] = [
           t("i", { class: "mdi mdi-content-save" }, null, -1),
-          be(" Save ", -1)
+          Ce(" Save ", -1)
         ])])
       ]),
-      c.value ? (m(), y("div", hi, [
-        L[4] || (L[4] = t("h3", { class: "section-title" }, "AI Copilot", -1)),
-        L[5] || (L[5] = t("p", { class: "section-desc" }, " Let AI help build your dashboard based on your data and description ", -1)),
-        ue(t("textarea", {
-          "onUpdate:modelValue": L[1] || (L[1] = (g) => k.value = g),
+      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)),
+        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), [
-          [ve, k.value]
+          [pe, w.value]
         ]),
-        t("div", fi, [
+        t("div", vi, [
           t("button", {
-            onClick: P,
+            onClick: W,
             class: "action-button llm-button",
-            disabled: b.value || !k.value.trim(),
+            disabled: b.value || !w.value.trim(),
             "data-testid": "generate-with-llm-button"
           }, [
             t("i", {
               class: q(["mdi", b.value ? "mdi-loading mdi-spin" : "mdi-creation"])
             }, null, 2),
-            be(" " + N(b.value ? "Generating..." : "Generate with AI"), 1)
-          ], 8, vi),
-          E.value ? (m(), y("div", pi, N(E.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, [
-        L[6] || (L[6] = t("h3", { class: "section-title" }, "Templates", -1)),
-        t("div", gi, [
-          (m(), y(me, null, Ce(M, (g) => t("div", {
+      t("div", gi, [
+        $[6] || ($[6] = t("h3", { class: "section-title" }, "Templates", -1)),
+        t("div", bi, [
+          (h(), y(fe, null, we(M, (g) => t("div", {
             key: g.id,
-            class: q(["template-card", { selected: V.value === g.id }]),
-            onClick: (A) => I(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: 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, n, o, l) {
-  const r = ht(), i = _e();
+function Ji(e, n, o, l) {
+  const r = ht(), i = ze();
   let s = j("queryExecutionService");
-  const { setActiveDashboard: h } = Ge();
+  const { setActiveDashboard: f } = Je();
   if (!s)
     throw new Error("QueryExecutionService not provided");
-  const c = D(""), a = D(""), v = D(""), k = D(null), b = D(null), E = D(!1), V = D(!1), S = D(!1), M = D([]), I = p(() => n.maxWidth || "100vw"), O = p(() => e.value ? e.value.layout : []), P = p(() => e.value ? [...e.value.layout].sort((u, $) => (u.y + u.y + u.h) / 2 - ($.y + $.y + $.h) / 2) : []), B = p(() => e.value ? e.value.connection : ""), L = p(() => n.viewMode ? !1 : e.value ? e.value.state === "editing" : !1), g = p(() => e.value ? e.value.imports.map((u) => {
-    var $, d;
+  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,
       // legacy handling
-      contents: (($ = i.editors[u.id]) == null ? void 0 : $.contents) || ((d = i.editors[u.name]) == null ? void 0 : d.contents) || ""
+      contents: ((L = i.editors[u.id]) == null ? void 0 : L.contents) || ((d = i.editors[u.name]) == null ? void 0 : d.contents) || ""
     };
   }) : []);
-  function A(u) {
+  function B(u) {
     if (!(u != null && u.id)) return;
     u.state === "fullscreen" && o.fullScreen(!0), r.setActiveDashboard(u.id), v.value = "", c.value = "", a.value = "", M.value = [], u.filter && (c.value = u.filter, a.value = u.filter);
-    const $ = he(u.id), d = Object.keys(u.gridItems).filter(
-      (H) => u.gridItems[H].type !== w.SECTION_HEADER && !u.gridItems[H].results
+    const L = N(u.id), d = Object.keys(u.gridItems).filter(
+      (H) => u.gridItems[H].type !== C.SECTION_HEADER && !u.gridItems[H].results
     );
-    $ == null || $.runBatch(d), te();
+    L == null || L.runBatch(d), te();
   }
-  de(
+  ue(
     () => {
       var u;
       return (u = e.value) == null ? void 0 : u.id;
     },
-    (u, $) => {
-      u && u !== $ && e.value && A(e.value);
+    (u, L) => {
+      u && u !== L && e.value && B(e.value);
     }
-  ), je(() => {
-    e.value && A(e.value);
+  ), Ge(() => {
+    e.value && B(e.value);
     const u = new ResizeObserver(() => {
       o.triggerResize();
-    }), $ = n.isMobile ? ".mobile-container" : ".grid-container", d = document.querySelector($);
+    }), L = n.isMobile ? ".mobile-container" : ".grid-container", d = document.querySelector(L);
     d && u.observe(d);
   }), at(() => {
-    k.value !== null && clearTimeout(k.value);
+    w.value !== null && clearTimeout(w.value);
   });
-  async function C() {
+  async function E() {
     var u;
     if (e.value && e.value.id) {
       c.value = "", a.value = "", v.value = "";
-      let $ = r.removeAllFilters(e.value.id);
-      await ((u = r.getQueryExecutor(e.value.id)) == null ? void 0 : u.runBatch($));
+      let L = r.removeAllFilters(e.value.id);
+      await ((u = r.getQueryExecutor(e.value.id)) == null ? void 0 : u.runBatch(L));
     }
   }
-  async function f(u) {
-    var $;
-    if (!u || Ke(u) === "") {
+  async function m(u) {
+    var L;
+    if (!u || Ue(u) === "") {
       if (v.value = "", e.value && e.value.id) {
         let d = r.updateDashboardFilter(
           e.value.id,
-          Ke(u)
+          Ue(u)
         );
-        await (($ = r.getQueryExecutor(e.value.id)) == null ? void 0 : $.runBatch(d));
+        await ((L = r.getQueryExecutor(e.value.id)) == null ? void 0 : L.runBatch(d));
       }
       return;
     }
@@ -3230,8 +3257,8 @@ function zi(e, n, o, l) {
       }
     }).catch((d) => (v.value = d.message, !1))));
   }
-  const T = async (u) => {
-    let $ = u.replace(/^\s*where\s+/i, "");
+  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(
         e.value.connection,
@@ -3239,7 +3266,7 @@ function zi(e, n, o, l) {
           text: "select 1 as test;",
           editorType: "trilogy",
           imports: e.value.imports,
-          extraFilters: [$],
+          extraFilters: [L],
           extraContent: g.value
         },
         () => {
@@ -3257,7 +3284,7 @@ function zi(e, n, o, l) {
       let H = await d.resultPromise;
       if (!H.success)
         throw new Error(
-          `Validation of "select 1 as test ${$}" resulted in ${H.error}`
+          `Validation of "select 1 as test ${L}" resulted in ${H.error}`
         );
     } else
       throw new Error("Dashboard not found");
@@ -3276,54 +3303,54 @@ function zi(e, n, o, l) {
     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(() => {
+    e.value && (r.setState(e.value.id, u), We(() => {
       o.triggerResize();
     }));
-  }, pe = (u) => {
+  }, ke = (u) => {
     e.value && e.value.id && r.updateDashboardLayout(e.value.id, u);
   };
-  function ke() {
-    S.value = !0;
+  function Se() {
+    k.value = !0;
   }
-  function G(u = w.CHART) {
+  function G(u = C.CHART) {
     if (!e.value || !e.value.id) return;
-    const $ = u === w.SECTION_HEADER ? r.addItemToDashboard(e.value.id, u, 0, 0, 20, 1) : r.addItemToDashboard(e.value.id, u);
-    S.value = !1, Pe(() => {
-      o.dimensionsUpdate($);
+    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 re() {
+  function le() {
     !e.value || !e.value.id || r.clearDashboardItems(e.value.id);
   }
   function X(u) {
     !e.value || !e.value.id || r.removeItemFromDashboard(e.value.id, u);
   }
-  function Le(u) {
+  function De(u) {
     !e.value || !e.value.id || r.copyItemInDashboard(e.value.id, u);
   }
-  function Me() {
-    S.value = !1;
+  function ye() {
+    k.value = !1;
   }
-  function Re(u) {
+  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 ? E.value = !0 : d.type === w.MARKDOWN ? V.value = !0 : d.type === w.TABLE || d.type === w.FILTER ? E.value = !0 : d.type === w.SECTION_HEADER && (b.value = null));
+    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 K(u) {
+  function qe(u) {
     if (!e.value || !e.value.id || !b.value) return;
-    const $ = b.value.i;
-    le($, e.value.id, { content: u }), x();
+    const L = b.value.i;
+    A(L, e.value.id, { content: u }), Ie();
   }
-  function x() {
-    E.value = !1, V.value = !1, b.value = null;
+  function Ie() {
+    I.value = !1, x.value = !1, b.value = null;
   }
-  function W(u, $) {
-    if ($ && e.value && e.value.id !== $)
+  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}`,
@@ -3337,7 +3364,7 @@ function zi(e, n, o, l) {
       };
     if (!e.value)
       return {
-        type: w.CHART,
+        type: C.CHART,
         content: "",
         structured_content: { markdown: "", query: "" },
         name: `Item ${u}`,
@@ -3352,7 +3379,7 @@ function zi(e, n, o, l) {
     const d = e.value.gridItems[u];
     if (!d)
       return {
-        type: w.CHART,
+        type: C.CHART,
         content: "",
         structured_content: { markdown: "", query: "" },
         name: `Item ${u}`,
@@ -3366,43 +3393,43 @@ function zi(e, n, o, l) {
         hasDrilldown: !1
       };
     const H = d.filters || [];
-    let ae = H;
+    let se = H;
     e.value.filter && (H.some(
-      (Ve) => {
-        var Qe;
-        return Ve.source === "global" && Ve.value === ((Qe = e.value) == null ? void 0 : Qe.filter);
+      (Ne) => {
+        var Pe;
+        return Ne.source === "global" && Ne.value === ((Pe = e.value) == null ? void 0 : Pe.filter);
       }
-    ) || (ae = [{ value: e.value.filter, source: "global" }, ...H]));
-    function Ae(we) {
-      return we && typeof we == "object" && typeof we.markdown == "string" && typeof we.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 qe = !1, He = Ae(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 && (qe = !0, He = Ae(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 Oe = d.chartConfig;
-    return qe && (Oe = 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: Ae(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: Oe,
-      filters: ae,
+      chartConfig: Be,
+      filters: se,
       chartFilters: d.chartFilters || [],
       conceptFilters: d.conceptFilters || [],
       parameters: d.parameters || {},
-      onRefresh: xe,
+      onRefresh: oe,
       rootContent: g.value,
       results: d.results || null,
       connectionName: e.value.connection || "",
@@ -3411,15 +3438,15 @@ function zi(e, n, o, l) {
       loading: d.loading || !1,
       loadStartTime: d.loadStartTime || null,
       // Include load start time if available
-      hasDrilldown: qe
+      hasDrilldown: He
     };
   }
-  function le(u, $, d) {
+  function A(u, L, d) {
     if (!e.value || !e.value.id) return;
-    if (!$ || e.value.id !== $) {
+    if (!L || e.value.id !== L) {
       console.warn(
         "Dashboard ID mismatch. Cannot set item data. Given:",
-        $,
+        L,
         "Expected:",
         e.value.id
       );
@@ -3430,46 +3457,50 @@ function zi(e, n, o, l) {
       w: d.dimensions.width,
       h: d.dimensions.height
     }), d.width && d.height && (H.width = d.width, H.height = d.height), d.loading !== void 0 && (H.loading = d.loading), d.results !== void 0 && (H.results = d.results), d.error !== void 0 && (H.error = d.error), d.drilldown !== void 0 && (H.drilldown = d.drilldown), d.drilldownChartConfig !== void 0 && (H.drilldownChartConfig = d.drilldownChartConfig), d.allowCrossFilter !== void 0 && (H.allowCrossFilter = d.allowCrossFilter), Object.keys(H).length > 0 && r.updateMultipleItemProperties(e.value.id, u, H), d.content) {
-      let ae = he(e.value.id);
-      ae == null || ae.runSingle(u);
+      let se = N(e.value.id);
+      se == null || se.runSingle(u);
     }
   }
-  function he(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");
-    let $ = r.dashboards[u];
+    let L = r.dashboards[u];
     const d = r.getOrCreateQueryExecutor(u, {
       queryExecutionService: s,
-      connectionName: $.connection,
+      connectionName: L.connection,
       dashboardId: u,
       getDashboardData: (H) => r.dashboards[H],
-      getItemData: W,
-      setItemData: le
+      getItemData: K,
+      setItemData: A
     });
     return d || console.warn("No query executor found for dashboard:", e.value.id), d;
   }
-  function Se(u) {
+  function ae(u) {
     var H;
     const d = u.target.value;
     e.value && e.value.id && (r.updateDashboardConnection(e.value.id, d), (H = r.getQueryExecutor(e.value.id)) == null || H.setConnection(d));
   }
-  function xe(u) {
-    var $, d;
+  function oe(u) {
+    var L, d;
     if (e.value) {
       if (u) {
-        ($ = r.getQueryExecutor(e.value.id)) == null || $.runSingle(u), o.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 $ = ft(M.value), d = vt(u.filters, $);
+    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 H = r.updateItemCrossFilters(
@@ -3479,76 +3510,76 @@ function zi(e, n, o, l) {
       u.chart,
       u.append ? "append" : "add"
     );
-    (ae = r.getQueryExecutor(e.value.id)) == null || ae.runBatch(H);
+    (se = r.getQueryExecutor(e.value.id)) == null || se.runBatch(H);
   }
-  function Xe(u, $) {
+  function Fe(u, L) {
     var d;
-    !e.value || !e.value.id || (r.removeItemCrossFilter(e.value.id, u, $), (d = r.getQueryExecutor(e.value.id)) == null || d.runSingle(u));
+    !e.value || !e.value.id || (r.removeItemCrossFilter(e.value.id, u, L), (d = r.getQueryExecutor(e.value.id)) == null || d.runSingle(u));
   }
   function et(u) {
     var d;
     if (!e.value || !e.value.id) return;
-    let $ = r.removeItemCrossFilterSource(e.value.id, u);
-    (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch($);
+    let L = r.removeItemCrossFilterSource(e.value.id, u);
+    (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch(L);
   }
   function tt(u) {
-    h(u);
+    f(u);
   }
   return {
     // State
     dashboard: e,
     layout: O,
-    sortedLayout: P,
-    editMode: L,
-    selectedConnection: B,
+    sortedLayout: W,
+    editMode: $,
+    selectedConnection: V,
     filter: c,
     filterError: v,
     globalCompletion: M,
-    showAddItemModal: S,
-    showQueryEditor: E,
-    showMarkdownEditor: V,
+    showAddItemModal: k,
+    showQueryEditor: I,
+    showMarkdownEditor: x,
     editingItem: b,
-    dashboardMaxWidth: I,
+    dashboardMaxWidth: T,
     rootContent: g,
     // Methods
-    handleFilterChange: f,
-    handleFilterClear: C,
+    handleFilterChange: m,
+    handleFilterClear: E,
     handleImportChange: ne,
-    validateFilter: T,
-    onConnectionChange: Se,
+    validateFilter: D,
+    onConnectionChange: ae,
     toggleMode: U,
-    onLayoutUpdated: pe,
-    openAddItemModal: ke,
+    onLayoutUpdated: ke,
+    openAddItemModal: Se,
     addItem: G,
-    clearItems: re,
+    clearItems: le,
     removeItem: X,
-    copyItem: Le,
-    closeAddModal: Me,
-    openEditor: Re,
-    saveContent: K,
-    closeEditors: x,
-    getDashboardQueryExecutor: he,
-    getItemData: W,
-    setItemData: le,
-    handleRefresh: xe,
-    setCrossFilter: Ze,
-    removeFilter: Xe,
+    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 M,
-  Gi as _,
-  Wi as a,
-  Ui as b,
-  Eo as c,
+  _i as C,
+  Wi as D,
+  Gi as M,
+  zi as _,
+  Ui as a,
+  ji as b,
+  Do as c,
   Ao as d,
   Uo as e,
   $o as f,
   No as g,
-  zi as u
+  Ji as u
 };