@trilogy-data/trilogy-studio-components 0.1.13 → 0.1.14

package/dist/useDashboard-3deVRse_.js

@@ -0,0 +1,3502 @@
+import { defineComponent as Y, ref as I, watch as ae, createBlock as G, openBlock as c, withCtx as z, createElementVNode as t, toDisplayString as O, normalizeClass as R, computed as g, createElementBlock as y, createCommentVNode as M, normalizeStyle as De, Fragment as ce, renderList as be, createTextVNode as ne, unref as oe, createVNode as J, withDirectives as se, withKeys as ge, vModelText as ve, onMounted as Ke, onUnmounted as it, inject as _, resolveComponent as Z, Teleport as rt, withModifiers as Oe, resolveDynamicComponent as lt, vModelRadio as at, vShow as st, renderSlot as Ve, onBeforeUnmount as dt, nextTick as Qe } from "vue";
+import { k as We, a as X, a0 as _e, a1 as ut, T as Ee, a2 as Ue, a3 as je, u as Ge, Y as ct, L as mt, a4 as ht, U as Te, a5 as $e, a6 as ft, a7 as vt, M as pt, a8 as yt, a9 as ue, X as w, aa as Ie, ab as le, ac as fe, ad as gt, ae as bt, af as Ct, ag as Be, ah as wt, ai as kt, aj as St, N as Et, ak as Ne } from "./main-C-6acy1R.js";
+const Dt = { class: "share-popup-body" }, It = { class: "json-container" }, Tt = {
+  "data-testid": "dashboard-json",
+  class: "json-code"
+}, $t = /* @__PURE__ */ Y({
+  __name: "DashboardSharePopup",
+  props: {
+    dashboard: {},
+    isOpen: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(e, { emit: o }) {
+    const n = e, l = o, r = I(""), i = I(!1), s = (m) => {
+      if (!m) return null;
+      const a = JSON.parse(JSON.stringify(m));
+      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((p) => {
+        const k = { ...p };
+        return delete k.static, delete k.moved, delete k.state, k;
+      })), a.gridItems && typeof a.gridItems == "object")
+        for (const [p, k] of Object.entries(a.gridItems)) {
+          const b = { ...k };
+          delete b.results, delete b.loading, delete b.loadStartTime, delete b.error, b.filters || delete b.filters, b.crossFilters || delete b.crossFilters, b.chartFilters || delete b.chartFilters, b.conceptFilters || delete b.conceptFilters, b.chartConfig && delete b.chartConfig.showDebug, a.gridItems[p] = b;
+        }
+      return a.imports && Array.isArray(a.imports) && (a.imports = a.imports.map((p) => {
+        const k = { ...p };
+        return delete k.id, k;
+      })), a;
+    };
+    ae(
+      [() => n.dashboard, () => n.isOpen],
+      ([m, a]) => {
+        if (a && m) {
+          const p = s(m);
+          r.value = JSON.stringify(p, null, 2), i.value = !1;
+        } else a || (r.value = "", i.value = !1);
+      },
+      { immediate: !0 }
+    );
+    const f = () => {
+      navigator.clipboard.writeText(r.value).then(() => {
+        i.value = !0, setTimeout(() => {
+          i.value = !1;
+        }, 2e3);
+      }).catch((m) => {
+        console.error("Could not copy text: ", m);
+      });
+    };
+    return (m, a) => (c(), G(We, {
+      show: e.isOpen,
+      title: "Export Definition",
+      "max-width": "860px",
+      "test-id": "dashboard-share-popup",
+      onClose: a[1] || (a[1] = (p) => l("close"))
+    }, {
+      footer: z(() => [
+        t("button", {
+          class: "secondary-button",
+          onClick: a[0] || (a[0] = (p) => l("close"))
+        }, "Close"),
+        t("button", {
+          onClick: f,
+          class: "dashboard-copy-button",
+          "data-testid": "copy-json-button"
+        }, [
+          t("i", {
+            class: R(["mdi", i.value ? "mdi-check-circle-outline" : "mdi-content-copy"]),
+            "aria-hidden": "true"
+          }, null, 2),
+          t("span", null, O(i.value ? "Copied" : "Copy JSON"), 1)
+        ])
+      ]),
+      default: z(() => [
+        t("div", Dt, [
+          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", It, [
+            a[2] || (a[2] = t("div", { class: "json-toolbar" }, [
+              t("span", { class: "json-toolbar-label" }, "dashboard.json")
+            ], -1)),
+            t("pre", Tt, O(r.value), 1)
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["show"]));
+  }
+}), Lt = /* @__PURE__ */ X($t, [["__scopeId", "data-v-fc505fa3"]]), Mt = ["onClick"], At = { class: "completion-details" }, Rt = { class: "completion-label" }, Ft = { class: "completion-description" }, qt = /* @__PURE__ */ Y({
+  __name: "DashboardFilterAutocomplete",
+  props: {
+    inputValue: {
+      type: String,
+      required: !0
+    },
+    completionItems: {
+      type: Array,
+      required: !0
+    },
+    inputElement: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["select-completion"],
+  setup(e, { emit: o }) {
+    const n = e, l = o, r = I(!1), i = I(0), s = I(0), f = I(""), m = I(0), a = I(null), p = g(() => {
+      if (!n.inputElement) return {};
+      const E = n.inputElement.getBoundingClientRect();
+      return {
+        top: `${E.bottom + 50}px`,
+        left: `${E.left}px`,
+        width: `${E.width}px`,
+        maxHeight: "200px"
+      };
+    }), k = () => {
+      if (!n.inputElement) return;
+      s.value = n.inputElement.selectionStart || 0;
+      const E = n.inputValue;
+      let A = s.value;
+      for (; A > 0 && !/\s/.test(E.charAt(A - 1)); )
+        A--;
+      let T = s.value;
+      for (; T < E.length && !/\s/.test(E.charAt(T)); )
+        T++;
+      m.value = A, f.value = E.substring(A, T);
+    }, b = g(() => {
+      if (!f.value.trim()) return [];
+      const E = f.value.toLowerCase();
+      return n.completionItems.filter((A) => A.label.toLowerCase().includes(E)).sort((A, T) => {
+        const Q = A.label.toLowerCase().startsWith(E), K = T.label.toLowerCase().startsWith(E);
+        return Q && !K ? -1 : !Q && K ? 1 : A.label.localeCompare(T.label);
+      }).slice(0, 10);
+    });
+    ae(b, (E) => {
+      r.value = E.length > 0, i.value = 0;
+    });
+    const D = (E) => {
+      const A = n.inputValue.substring(0, m.value), T = n.inputValue.substring(s.value);
+      l("select-completion", {
+        text: A + E.label + T,
+        cursorPosition: m.value + E.label.length
+      }), r.value = !1;
+    }, q = (E) => E.trilogySubType ? E.trilogySubType.toLowerCase() : E.type.toLowerCase();
+    return ae(
+      () => n.inputValue,
+      () => {
+        k();
+      }
+    ), _e(
+      () => [a.value, n.inputElement],
+      () => {
+        r.value = !1;
+      },
+      {
+        enabled: () => r.value,
+        eventName: "mousedown"
+      }
+    ), k(), (E, A) => r.value ? (c(), y("div", {
+      key: 0,
+      ref_key: "dropdown",
+      ref: a,
+      class: "autocomplete-dropdown",
+      style: De(p.value)
+    }, [
+      (c(!0), y(ce, null, be(b.value, (T, Q) => (c(), y("div", {
+        key: Q,
+        class: R(["completion-item", { selected: Q === i.value }]),
+        onClick: (K) => D(T)
+      }, [
+        t("div", {
+          class: R(["symbol-icon", q(T)])
+        }, [
+          T.trilogySubType ? (c(), y("i", {
+            key: 0,
+            class: R(`mdi ${T.trilogySubType === "key" ? "mdi-key-outline" : T.trilogySubType === "property" ? "mdi-tag-outline" : "mdi-cube-outline"}`)
+          }, null, 2)) : (c(), y(ce, { key: 1 }, [
+            ne(O(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", At, [
+          t("div", Rt, O(T.label), 1),
+          t("div", Ft, O(T.description), 1)
+        ])
+      ], 10, Mt))), 128))
+    ], 4)) : M("", !0);
+  }
+}), xt = /* @__PURE__ */ X(qt, [["__scopeId", "data-v-89468628"]]), Ht = { class: "filter-container" }, Ot = { class: "filter-input-wrapper" }, Vt = ["value", "disabled"], Qt = ["value", "placeholder", "disabled"], Bt = {
+  key: 0,
+  class: "dropdown-error-message",
+  "data-testid": "dropdown-error-message"
+}, Nt = { class: "dropdown-actions" }, Pt = ["disabled"], Kt = ["disabled"], Wt = {
+  key: 0,
+  class: "loader-container"
+}, _t = ["disabled"], Ut = { class: "filter-inline-actions" }, jt = {
+  key: 0,
+  class: "filter-status error",
+  "data-testid": "filter-error-icon"
+}, Gt = ["disabled"], zt = { class: "button-content" }, Jt = ["disabled"], Yt = { class: "button-content" }, Xt = {
+  key: 0,
+  class: "loader-container"
+}, Zt = ["disabled"], en = { class: "button-content" }, tn = /* @__PURE__ */ Y({
+  __name: "DashboardHeaderFilterInput",
+  props: {
+    filterValue: {
+      type: String,
+      default: ""
+    },
+    filterError: String,
+    isLoading: Boolean,
+    globalCompletion: {
+      type: Array,
+      default: () => []
+    },
+    validateFilter: {
+      type: Function,
+      default: () => !0
+    }
+  },
+  emits: ["filter-change", "filter-apply", "clear-filter"],
+  setup(e, { emit: o }) {
+    const n = e, l = o, r = ut(), i = I(n.isLoading), s = I(null), f = I(null), m = I(null), a = I(n.filterValue || ""), p = I(!1), k = I(!1), b = g(() => a.value.replace(/\n/g, " ")), D = g(() => a.value.trim().length > 0);
+    function q() {
+      l("filter-apply", a.value), p.value = !1, Q();
+    }
+    function E() {
+      a.value = "", p.value = !0, l("filter-change", ""), l("filter-apply", ""), l("clear-filter", ""), setTimeout(() => {
+        f.value && f.value.focus();
+      }, 0);
+    }
+    function A(C) {
+      const v = C.target;
+      a.value = v.value, p.value = !0, l("filter-change", a.value);
+    }
+    function T() {
+      k.value = !0, setTimeout(() => {
+        if (f.value) {
+          f.value.focus();
+          const C = a.value.length;
+          f.value.setSelectionRange(C, C);
+        }
+      }, 0);
+    }
+    function Q() {
+      k.value = !1;
+    }
+    const K = () => {
+      i.value = !0;
+      const C = n.globalCompletion.map((v) => ({
+        name: v.label,
+        type: v.datatype,
+        description: v.description
+      }));
+      r.generateFilterQuery(a.value, C, n.validateFilter).then((v) => {
+        v && v.length > 0 && (a.value = v.replace(/^\s*where\s+/i, ""), p.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(), q()) : (C.ctrlKey || C.metaKey) && C.shiftKey && C.key === "Enter" ? (C.preventDefault(), K()) : C.key === "Escape" && k.value && (C.preventDefault(), Q());
+    }
+    function S(C) {
+      (C.ctrlKey || C.metaKey) && C.key === "Enter" && !C.shiftKey ? (C.preventDefault(), q()) : (C.ctrlKey || C.metaKey) && C.shiftKey && C.key === "Enter" ? (C.preventDefault(), K()) : C.key === "Escape" && (C.preventDefault(), Q());
+    }
+    const h = g(() => (n.filterError || "").length > 0 ? "error" : a.value ? "valid" : "neutral");
+    function W(C) {
+      a.value = C.text, p.value = !0, l("filter-change", a.value);
+      const v = k.value ? f.value : s.value;
+      v && (v.focus(), v.setSelectionRange(C.cursorPosition, C.cursorPosition));
+    }
+    return ae(
+      () => n.filterValue,
+      (C) => {
+        C !== a.value && (a.value = C || "", p.value = !1);
+      }
+    ), ae(
+      () => n.isLoading,
+      (C) => {
+        i.value = C;
+      }
+    ), _e(
+      () => [m.value, s.value],
+      () => {
+        Q();
+      },
+      {
+        enabled: () => k.value
+      }
+    ), (C, v) => (c(), y("div", Ht, [
+      t("div", Ot, [
+        t("input", {
+          id: "filter",
+          ref_key: "filterInputRef",
+          ref: s,
+          "data-testid": "filter-input",
+          type: "text",
+          value: b.value,
+          onInput: A,
+          onKeydown: B,
+          onFocus: T,
+          placeholder: "Add a global filter...",
+          class: R({ "filter-error": h.value === "error" }),
+          disabled: i.value
+        }, null, 42, Vt),
+        k.value ? (c(), y("div", {
+          key: 0,
+          ref_key: "filterDropdownRef",
+          ref: m,
+          class: "filter-dropdown"
+        }, [
+          t("div", { class: "dropdown-header" }, [
+            v[1] || (v[1] = t("span", null, "Global Filters", -1)),
+            t("button", {
+              onClick: Q,
+              class: "close-button",
+              title: "Close (Esc)"
+            }, [...v[0] || (v[0] = [
+              t("i", { class: "mdi mdi-close" }, null, -1)
+            ])])
+          ]),
+          t("textarea", {
+            ref_key: "filterTextareaRef",
+            ref: f,
+            class: R(["filter-textarea", { "filter-error": h.value === "error" }]),
+            value: a.value,
+            onInput: A,
+            onKeydown: S,
+            placeholder: oe(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, Qt),
+          e.filterError ? (c(), y("div", Bt, [
+            v[2] || (v[2] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
+            t("span", null, O(e.filterError), 1)
+          ])) : M("", !0),
+          t("div", Nt, [
+            t("button", {
+              onClick: q,
+              class: R(["apply-button", { "has-changes": p.value }]),
+              disabled: i.value,
+              title: "Apply filter (Ctrl+Enter)"
+            }, [...v[3] || (v[3] = [
+              t("i", { class: "mdi mdi-check" }, null, -1),
+              ne(" Apply ", -1)
+            ])], 10, Pt),
+            oe(r).hasActiveDefaultConnection ? (c(), y("button", {
+              key: 0,
+              onClick: K,
+              class: "llm-button",
+              disabled: i.value,
+              title: "Text to filter (Ctrl+Shift+Enter)"
+            }, [
+              t("i", {
+                class: R(["mdi mdi-auto-fix", { hidden: i.value }])
+              }, null, 2),
+              i.value ? (c(), y("div", Wt, [...v[4] || (v[4] = [
+                t("div", { class: "loader" }, null, -1)
+              ])])) : M("", !0),
+              v[5] || (v[5] = ne(" Text to Filter ", -1))
+            ], 8, Kt)) : M("", !0),
+            t("button", {
+              onClick: E,
+              class: "clear-button",
+              disabled: i.value,
+              title: "Clear filter"
+            }, [...v[6] || (v[6] = [
+              t("i", { class: "mdi mdi-close-circle-outline" }, null, -1),
+              ne(" Clear ", -1)
+            ])], 8, _t)
+          ])
+        ], 512)) : M("", !0),
+        (k.value ? f.value : s.value) ? (c(), G(xt, {
+          key: 1,
+          "input-value": a.value,
+          "completion-items": e.globalCompletion,
+          "input-element": k.value ? f.value : s.value,
+          onSelectCompletion: W
+        }, null, 8, ["input-value", "completion-items", "input-element"])) : M("", !0),
+        t("div", Ut, [
+          h.value === "error" ? (c(), y("div", jt, [
+            v[8] || (v[8] = t("i", { class: "mdi mdi-alert-circle-outline" }, null, -1)),
+            J(Ee, {
+              content: e.filterError || "Unknown Error",
+              position: "bottom"
+            }, {
+              default: z(() => [...v[7] || (v[7] = [
+                t("span", {
+                  class: "tooltip-trigger",
+                  "data-testid": "filter-error-tooltip-trigger"
+                }, null, -1)
+              ])]),
+              _: 1
+            }, 8, ["content"])
+          ])) : M("", !0),
+          t("button", {
+            onClick: q,
+            class: R(["input-icon-button", { "has-changes": p.value }]),
+            "data-testid": "filter-search-button",
+            disabled: i.value,
+            title: "Apply filter (Enter)"
+          }, [
+            t("div", zt, [
+              v[10] || (v[10] = t("i", { class: "mdi mdi-magnify" }, null, -1)),
+              J(Ee, {
+                content: p.value ? "Apply changes (Enter)" : "Search (Enter)",
+                position: "top"
+              }, {
+                default: z(() => [...v[9] || (v[9] = [
+                  t("span", { class: "tooltip-trigger" }, null, -1)
+                ])]),
+                _: 1
+              }, 8, ["content"])
+            ])
+          ], 10, Gt),
+          oe(r).hasActiveDefaultConnection ? (c(), y("button", {
+            key: 1,
+            onClick: K,
+            class: "input-icon-button",
+            "data-testid": "filter-llm-button",
+            disabled: i.value,
+            title: "Transform text to filter if you have a configured LLM connection"
+          }, [
+            t("div", Yt, [
+              t("i", {
+                class: R(["mdi mdi-auto-fix", { hidden: i.value }])
+              }, null, 2),
+              i.value ? (c(), y("div", Xt, [...v[11] || (v[11] = [
+                t("div", { class: "loader" }, null, -1)
+              ])])) : M("", !0),
+              J(Ee, {
+                content: i.value ? "Processing..." : "Text to filter (Ctrl+Shift+Enter)",
+                position: "top"
+              }, {
+                default: z(() => [...v[12] || (v[12] = [
+                  t("span", { class: "tooltip-trigger" }, null, -1)
+                ])]),
+                _: 1
+              }, 8, ["content"])
+            ])
+          ], 8, Jt)) : M("", !0),
+          D.value ? (c(), y("button", {
+            key: 2,
+            onClick: E,
+            class: "input-icon-button clear-icon-button",
+            "data-testid": "clear-filters-button",
+            disabled: i.value,
+            title: "Clear all filters"
+          }, [
+            t("div", en, [
+              v[14] || (v[14] = t("i", { class: "mdi mdi-close" }, null, -1)),
+              J(Ee, {
+                content: "Clear all filters",
+                position: "top"
+              }, {
+                default: z(() => [...v[13] || (v[13] = [
+                  t("span", { class: "tooltip-trigger" }, null, -1)
+                ])]),
+                _: 1
+              })
+            ])
+          ], 8, Zt)) : M("", !0)
+        ])
+      ])
+    ]));
+  }
+}), nn = /* @__PURE__ */ X(tn, [["__scopeId", "data-v-ff037c5f"]]), on = {
+  class: "dashboard-controls",
+  "data-testid": "dashboard-controls"
+}, rn = {
+  key: 0,
+  class: "editable-text"
+}, ln = { class: "title-text" }, an = {
+  key: 0,
+  class: "edit-indicator",
+  "data-testid": "edit-dashboard-title"
+}, sn = {
+  key: 0,
+  class: "dashboard-right-controls"
+}, dn = {
+  class: "connection-selector",
+  "data-testid": "connection-selector-wrapper"
+}, un = { class: "select-wrapper" }, cn = ["value", "title"], mn = ["value"], hn = { class: "grid-actions top-actions" }, fn = { class: "controls-row filter-row" }, vn = { class: "grid-actions filter-actions" }, pn = {
+  class: "mode-selector",
+  "data-testid": "mode-selector-wrapper"
+}, yn = { class: "select-wrapper" }, gn = ["value", "disabled"], bn = /* @__PURE__ */ Y({
+  __name: "DashboardHeader",
+  props: {
+    dashboard: {
+      type: Object,
+      required: !0
+    },
+    editsLocked: Boolean,
+    selectedConnection: {
+      type: String,
+      required: !0
+    },
+    filterError: String,
+    globalCompletion: {
+      type: Array,
+      default: () => []
+    },
+    validateFilter: {
+      type: Function,
+      default: () => !0
+    }
+  },
+  emits: [
+    "connection-change",
+    "filter-change",
+    "import-change",
+    "add-item",
+    "clear-items",
+    "clear-filter",
+    "mode-change",
+    "refresh",
+    "title-update",
+    "export-image"
+  ],
+  setup(e, { emit: o }) {
+    const n = e, l = o, r = Ue(), i = je(), s = Ge(), f = I(!1), m = I(!1), a = I(!1), p = I(""), k = I(null);
+    function b() {
+      m.value = !m.value;
+    }
+    function D() {
+      m.value = !1;
+    }
+    function q(v) {
+      l("filter-change", v);
+    }
+    async function E() {
+      return l("export-image"), await new Promise((v) => setTimeout(v, 5e3)), Promise.resolve();
+    }
+    function A(v) {
+      const $ = v.target;
+      l("mode-change", $.value);
+    }
+    function T() {
+      var v;
+      n.editsLocked || (a.value = !0, p.value = ((v = n.dashboard) == null ? void 0 : v.name) || "Untitled Dashboard", setTimeout(() => {
+        var $;
+        ($ = k.value) == null || $.focus();
+      }, 0));
+    }
+    function Q() {
+      a.value = !1, l("title-update", p.value);
+    }
+    function K() {
+      var v;
+      a.value = !1, p.value = ((v = n.dashboard) == null ? void 0 : v.name) || "Untitled Dashboard";
+    }
+    const B = g(() => Object.values(i.editors).filter(($) => $.connection === n.selectedConnection).sort(($, ee) => $.name.localeCompare(ee.name)).map(($) => ({
+      id: $.id,
+      name: $.name.replace(/\//g, "."),
+      alias: ""
+    }))), S = g(() => {
+      var v;
+      return ((v = n.dashboard) == null ? void 0 : v.imports) || [];
+    });
+    function h(v) {
+      l("import-change", v);
+    }
+    function W() {
+      l("refresh");
+    }
+    const C = g(() => {
+      var v;
+      switch ((v = n.dashboard) == null ? void 0 : v.state) {
+        case "editing":
+          return "mdi mdi-pencil-outline";
+        case "published":
+          return "mdi mdi-eye-outline";
+        case "fullscreen":
+          return "mdi mdi-fullscreen";
+        default:
+          return "mdi mdi-eye-outline";
+      }
+    });
+    return (v, $) => {
+      var ee, te;
+      return c(), y("div", on, [
+        t("div", {
+          class: R(["controls-row title-row", { "view-title-row": e.dashboard.state !== "editing" }])
+        }, [
+          t("div", {
+            class: "dashboard-title",
+            onClick: T
+          }, [
+            a.value ? se((c(), y("input", {
+              key: 1,
+              ref_key: "titleInput",
+              ref: k,
+              "data-testid": "dashboard-title-input",
+              "onUpdate:modelValue": $[0] || ($[0] = (U) => p.value = U),
+              onBlur: Q,
+              onKeyup: [
+                ge(Q, ["enter"]),
+                ge(K, ["esc"])
+              ],
+              class: "title-input",
+              type: "text"
+            }, null, 544)), [
+              [ve, p.value]
+            ]) : (c(), y("span", rn, [
+              t("span", ln, O(((ee = e.dashboard) == null ? void 0 : ee.name) || "Untitled Dashboard"), 1),
+              e.editsLocked ? M("", !0) : (c(), y("span", an, [...$[6] || ($[6] = [
+                t("i", { class: "mdi mdi-pencil-outline" }, null, -1)
+              ])]))
+            ]))
+          ]),
+          e.dashboard.state === "editing" ? (c(), y("div", sn, [
+            t("div", dn, [
+              t("div", un, [
+                $[7] || ($[7] = t("i", { class: "mdi mdi-database-outline select-icon" }, null, -1)),
+                t("select", {
+                  id: "connection",
+                  "data-testid": "connection-selector",
+                  onChange: $[1] || ($[1] = (U) => v.$emit("connection-change", U)),
+                  value: e.selectedConnection,
+                  title: e.selectedConnection
+                }, [
+                  (c(!0), y(ce, null, be(Object.values(oe(r).connections).filter(
+                    (U) => U.model
+                  ), (U) => (c(), y("option", {
+                    key: U.name,
+                    value: U.name
+                  }, O(U.name), 9, mn))), 128))
+                ], 40, cn)
+              ])
+            ]),
+            J(ct, {
+              "available-imports": B.value,
+              "active-imports": S.value,
+              "onUpdate:imports": h,
+              onExplore: $[2] || ($[2] = (U) => oe(s).openTab("editors", null, U.id))
+            }, null, 8, ["available-imports", "active-imports"]),
+            t("div", hn, [
+              t("button", {
+                onClick: $[3] || ($[3] = (U) => v.$emit("add-item")),
+                class: "btn btn-success",
+                "data-testid": "add-item-button",
+                title: "Add Item"
+              }, [...$[8] || ($[8] = [
+                t("i", {
+                  class: "mdi mdi-plus top-action-icon",
+                  "aria-hidden": "true"
+                }, null, -1),
+                t("span", { class: "top-action-label" }, "Add", -1)
+              ])]),
+              t("button", {
+                onClick: $[4] || ($[4] = (U) => v.$emit("clear-items")),
+                class: "btn btn-danger",
+                "data-testid": "clear-items-button",
+                title: "Clear All"
+              }, [...$[9] || ($[9] = [
+                t("i", {
+                  class: "mdi mdi-delete-outline top-action-icon",
+                  "aria-hidden": "true"
+                }, null, -1),
+                t("span", { class: "top-action-label" }, "Clear", -1)
+              ])])
+            ])
+          ])) : M("", !0)
+        ], 2),
+        t("div", fn, [
+          J(nn, {
+            "filter-value": ((te = e.dashboard) == null ? void 0 : te.filter) || "",
+            "filter-error": e.filterError,
+            "is-loading": f.value,
+            "global-completion": e.globalCompletion,
+            "validate-filter": e.validateFilter,
+            onFilterApply: q,
+            onClearFilter: $[5] || ($[5] = (U) => v.$emit("clear-filter", ""))
+          }, null, 8, ["filter-value", "filter-error", "is-loading", "global-completion", "validate-filter"]),
+          t("div", vn, [
+            J(mt, {
+              action: E,
+              "use-default-style": !1,
+              class: "btn btn-secondary filter-action-btn",
+              "data-testid": "download-button",
+              "test-id": "download-button",
+              title: "Download dashboard image",
+              "aria-label": "Download dashboard image"
+            }, {
+              default: z(() => [...$[10] || ($[10] = [
+                t("i", {
+                  class: "mdi mdi-download-outline filter-action-icon",
+                  "aria-hidden": "true"
+                }, null, -1),
+                t("span", { class: "filter-action-label" }, "Download", -1)
+              ])]),
+              _: 1
+            }),
+            t("button", {
+              onClick: b,
+              class: "btn btn-secondary filter-action-btn",
+              "data-testid": "share-dashboard-button",
+              title: "Export dashboard",
+              "aria-label": "Export dashboard"
+            }, [...$[11] || ($[11] = [
+              t("i", {
+                class: "mdi mdi-export-variant filter-action-icon",
+                "aria-hidden": "true"
+              }, null, -1),
+              t("span", { class: "filter-action-label" }, "Export", -1)
+            ])]),
+            t("button", {
+              onClick: W,
+              class: "btn btn-primary filter-action-btn",
+              "data-testid": "refresh-button",
+              title: "Refresh dashboard",
+              "aria-label": "Refresh dashboard"
+            }, [...$[12] || ($[12] = [
+              t("i", {
+                class: "mdi mdi-refresh filter-action-icon",
+                "aria-hidden": "true"
+              }, null, -1),
+              t("span", { class: "filter-action-label" }, "Refresh", -1)
+            ])]),
+            t("div", pn, [
+              t("div", yn, [
+                t("i", {
+                  class: R(C.value + " select-icon")
+                }, null, 2),
+                t("select", {
+                  id: "viewMode",
+                  "data-testid": "mode-selector",
+                  onChange: A,
+                  value: e.dashboard.state,
+                  disabled: e.editsLocked,
+                  class: "mode-select"
+                }, [...$[13] || ($[13] = [
+                  t("option", {
+                    value: "editing",
+                    "data-testid": "edit-mode-option"
+                  }, "Edit", -1),
+                  t("option", {
+                    value: "published",
+                    "data-testid": "view-mode-option"
+                  }, "View", -1),
+                  t("option", {
+                    value: "fullscreen",
+                    "data-testid": "fullscreen-mode-option"
+                  }, "Fullscreen", -1)
+                ])], 40, gn)
+              ])
+            ])
+          ])
+        ]),
+        J(Lt, {
+          dashboard: e.dashboard,
+          "is-open": m.value,
+          onClose: D
+        }, null, 8, ["dashboard", "is-open"])
+      ]);
+    };
+  }
+}), ki = /* @__PURE__ */ X(bn, [["__scopeId", "data-v-4c51e2bc"]]);
+function Le(e) {
+  const o = I(null), n = I(!1), l = I(null), r = I(!1), i = I(null), s = I(!1), f = () => {
+    i.value && (clearTimeout(i.value), i.value = null);
+  }, m = () => {
+    if (!o.value) return 0;
+    const D = o.value.getBoundingClientRect(), q = window.scrollY || document.documentElement.scrollTop, E = D.top + q, A = Math.floor(E / 200) * 10;
+    return Math.min(A, 100);
+  };
+  Ke(() => {
+    setTimeout(() => {
+      const D = m();
+      if (!e.results.value) {
+        n.value = !0;
+        return;
+      }
+      setTimeout(() => {
+        n.value = !0;
+      }, D);
+    }, 0);
+  }), it(() => {
+    f();
+  }), ae(
+    e.loading,
+    (D) => {
+      if (f(), D) {
+        i.value = setTimeout(() => {
+          r.value = !0, i.value = null;
+        }, e.loadingDelayMs ?? 150);
+        return;
+      }
+      r.value = !1;
+    },
+    { immediate: !0 }
+  );
+  const a = async () => {
+    var A;
+    if (!e.query.value) return;
+    const D = e.dashboardId(), q = e.itemId(), E = e.getDashboardQueryExecutor(D);
+    if (!E)
+      throw new Error("Dashboard query executor not found!");
+    try {
+      (A = e.analyticsStore) == null || A.log(e.analyticsEvent, e.analyticsType, !0), l.value && E.cancelQuery(l.value), l.value = await E.runSingle(q), await E.waitForQuery(l.value);
+    } catch (T) {
+      console.error("Error setting up query:", T), l.value = null;
+    }
+  };
+  return {
+    chartContainer: o,
+    ready: n,
+    showLoading: r,
+    controlsVisible: s,
+    executeQuery: a,
+    handleLocalRefresh: () => {
+      const D = e.onRefresh.value;
+      if (D) {
+        D(e.itemId());
+        return;
+      }
+      a();
+    },
+    onChartMouseEnter: () => {
+      s.value = !0;
+    },
+    onChartMouseLeave: () => {
+      s.value = !1;
+    }
+  };
+}
+const Cn = Y({
+  name: "DashboardChart",
+  components: {
+    VegaLiteChart: ft,
+    ErrorMessage: $e,
+    LoadingView: Te,
+    DrilldownPane: ht
+  },
+  props: {
+    dashboardId: {
+      type: String,
+      required: !0
+    },
+    itemId: {
+      type: String,
+      required: !0
+    },
+    getItemData: {
+      type: Function,
+      required: !0,
+      default: () => ({ type: "CHART", content: "" })
+    },
+    setItemData: {
+      type: Function,
+      required: !0,
+      default: () => ({ type: "CHART", content: "" })
+    },
+    editMode: {
+      type: Boolean,
+      required: !0
+    },
+    symbols: {
+      type: Array,
+      required: !0
+    },
+    getDashboardQueryExecutor: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e, { emit: o }) {
+    const n = I(null), l = g(() => e.getItemData(e.itemId, e.dashboardId)), r = g(() => l.value.structured_content.query), i = g(() => l.value.results || null), s = g(() => l.value.name || ""), f = g(() => (l.value.height || 300) - 75), m = g(() => l.value.width || 300), a = g(() => {
+      if (l.value.chartConfig)
+        return {
+          ...l.value.chartConfig,
+          showTitle: !1
+        };
+    }), p = g(() => l.value.loading || !1), k = g(() => l.value.error || null), b = g(() => l.value.loadStartTime || null), D = g(() => (l.value.chartFilters || []).map((j) => j.value)), q = g(() => l.value.hasDrilldown), E = g(() => l.value.onRefresh || null), A = _("connectionStore"), T = _(
+      "analyticsStore",
+      null
+    ), Q = (j) => {
+      const N = {
+        ...j,
+        showTitle: !1
+      };
+      if (q.value) {
+        e.setItemData(e.itemId, e.dashboardId, {
+          drilldownChartConfig: N
+        });
+        return;
+      }
+      e.setItemData(e.itemId, e.dashboardId, { chartConfig: N });
+    };
+    if (!A)
+      throw new Error("Connection store not found!");
+    const {
+      chartContainer: K,
+      ready: B,
+      showLoading: S,
+      controlsVisible: h,
+      executeQuery: W,
+      handleLocalRefresh: C,
+      onChartMouseEnter: v,
+      onChartMouseLeave: $
+    } = Le({
+      dashboardId: () => e.dashboardId,
+      itemId: () => e.itemId,
+      query: r,
+      results: i,
+      loading: p,
+      onRefresh: E,
+      getDashboardQueryExecutor: e.getDashboardQueryExecutor,
+      analyticsStore: T,
+      analyticsEvent: "dashboard-chart-execution",
+      analyticsType: "CHART",
+      loadingDelayMs: 250
+    });
+    return {
+      chartContainer: K,
+      results: i,
+      ready: B,
+      loading: p,
+      showLoading: S,
+      error: k,
+      query: r,
+      chartHeight: f,
+      chartWidth: m,
+      chartConfig: a,
+      chartTitle: s,
+      onChartConfigChange: Q,
+      onRefresh: E,
+      handleLocalRefresh: C,
+      chartSelection: D,
+      startTime: b,
+      handleDimensionClick: (j) => {
+        o("dimension-click", {
+          source: e.itemId,
+          filters: j.filters,
+          chart: j.chart,
+          append: j.append
+        });
+      },
+      handleBackgroundClick: () => {
+        o("background-click");
+      },
+      activeDrilldown: n,
+      activateDrilldown: (j) => {
+        let N = j.filters, F = Object.keys(N)[0], P = vt(j.filters);
+        F && (n.value = { remove: F, filter: P });
+      },
+      submitDrilldown: async (j) => {
+        let F = await e.getDashboardQueryExecutor(e.dashboardId).createDrilldownQuery(
+          r.value,
+          j,
+          n.value.remove,
+          n.value.filter
+        );
+        e.setItemData(e.itemId, e.dashboardId, {
+          drilldown: F,
+          drilldownChartConfig: null,
+          loading: !0
+        }), B.value = !1, S.value = !0, n.value = null, await W().then(() => {
+          B.value = !0;
+        }).catch((P) => {
+          console.error("Error executing drilldown query:", P), B.value = !0;
+        }).finally(() => {
+          S.value = !1;
+        });
+      },
+      controlsVisible: h,
+      onChartMouseEnter: v,
+      onChartMouseLeave: $,
+      revertDrilldown: async () => {
+        e.setItemData(e.itemId, e.dashboardId, {
+          drilldown: null,
+          drilldownChartConfig: null,
+          loading: !0
+        }), await W();
+      },
+      hasDrilldown: q
+    };
+  }
+}), wn = {
+  key: 3,
+  class: "loading-overlay"
+};
+function kn(e, o, n, l, r, i) {
+  const s = Z("drilldown-pane"), f = Z("ErrorMessage"), m = Z("VegaLiteChart"), a = Z("LoadingView");
+  return c(), y("div", {
+    ref: "chartContainer",
+    class: R(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
+    onMouseenter: o[3] || (o[3] = (...p) => e.onChartMouseEnter && e.onChartMouseEnter(...p)),
+    onMouseleave: o[4] || (o[4] = (...p) => e.onChartMouseLeave && e.onChartMouseLeave(...p))
+  }, [
+    e.activeDrilldown ? (c(), G(s, {
+      key: 0,
+      "drilldown-remove": e.activeDrilldown.remove,
+      "drilldown-filter": e.activeDrilldown.filter,
+      onClose: o[0] || (o[0] = (p) => e.activeDrilldown = null),
+      symbols: e.symbols,
+      onSubmit: e.submitDrilldown
+    }, null, 8, ["drilldown-remove", "drilldown-filter", "symbols", "onSubmit"])) : e.error && !e.loading ? (c(), G(f, {
+      key: 1,
+      class: "chart-placeholder"
+    }, {
+      default: z(() => [
+        ne(O(e.error), 1)
+      ]),
+      _: 1
+    })) : e.results && e.ready && !e.loading ? (c(), G(m, {
+      key: 2,
+      id: `${e.itemId}-${e.dashboardId}`,
+      columns: e.results.headers,
+      data: e.results.data,
+      showControls: e.editMode,
+      initialConfig: e.chartConfig,
+      containerHeight: e.chartHeight,
+      "container-width": e.chartWidth,
+      onChartConfigChange: e.onChartConfigChange,
+      chartSelection: e.chartSelection,
+      chartTitle: e.chartTitle,
+      "drilldown-active": e.hasDrilldown,
+      onDimensionClick: e.handleDimensionClick,
+      onBackgroundClick: e.handleBackgroundClick,
+      onRefreshClick: e.handleLocalRefresh,
+      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"])) : M("", !0),
+    e.loading && e.showLoading ? (c(), y("div", wn, [
+      J(a, {
+        startTime: e.startTime,
+        text: "Loading"
+      }, null, 8, ["startTime"])
+    ])) : M("", !0),
+    !e.editMode || !(e.results && e.ready) ? (c(), y("div", {
+      key: 4,
+      class: R(["controls-toggle", { "controls-visible": e.controlsVisible }])
+    }, [
+      t("button", {
+        onClick: o[1] || (o[1] = (...p) => e.handleLocalRefresh && e.handleLocalRefresh(...p)),
+        class: "control-btn",
+        "data-testid": "refresh-chart-btn",
+        title: "Refresh table"
+      }, [...o[5] || (o[5] = [
+        t("i", { class: "mdi mdi-refresh icon" }, null, -1)
+      ])]),
+      t("button", {
+        onClick: o[2] || (o[2] = (...p) => e.revertDrilldown && e.revertDrilldown(...p)),
+        class: "control-btn",
+        "data-testid": "refresh-chart-btn",
+        title: "Clear Drilldown"
+      }, [...o[6] || (o[6] = [
+        t("i", { class: "mdi mdi-undo icon" }, null, -1)
+      ])])
+    ], 2)) : M("", !0)
+  ], 34);
+}
+const Sn = /* @__PURE__ */ X(Cn, [["render", kn], ["__scopeId", "data-v-e4a4798c"]]), En = Y({
+  name: "DynamicMarkdownChart",
+  components: {
+    ErrorMessage: $e,
+    MarkdownRenderer: pt
+  },
+  props: {
+    dashboardId: {
+      type: String,
+      required: !0
+    },
+    itemId: {
+      type: String,
+      required: !0
+    },
+    getItemData: {
+      type: Function,
+      required: !0,
+      default: () => ({ type: "MARKDOWN", content: { markdown: "", query: "" } })
+    },
+    setItemData: {
+      type: Function,
+      required: !0,
+      default: () => ({ type: "MARKDOWN", content: { markdown: "", query: "" } })
+    },
+    editMode: {
+      type: Boolean,
+      required: !0
+    },
+    getDashboardQueryExecutor: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = g(() => e.getItemData(e.itemId, e.dashboardId)), n = g(() => o.value.structured_content || { markdown: "", query: "" }), l = g(() => n.value.markdown || ""), r = g(() => n.value.query || ""), i = g(() => o.value.results || null), s = g(() => o.value.loading || !1), f = g(() => o.value.error || null), m = g(() => o.value.loadStartTime || null), a = g(() => o.value.onRefresh || null), p = _("connectionStore"), k = _("analyticsStore");
+    if (!p)
+      throw new Error("Connection store not found!");
+    const {
+      chartContainer: b,
+      ready: D,
+      controlsVisible: q,
+      handleLocalRefresh: E,
+      onChartMouseEnter: A,
+      onChartMouseLeave: T
+    } = Le({
+      dashboardId: () => e.dashboardId,
+      itemId: () => e.itemId,
+      query: r,
+      results: i,
+      loading: s,
+      onRefresh: a,
+      getDashboardQueryExecutor: e.getDashboardQueryExecutor,
+      analyticsStore: k,
+      analyticsEvent: "dashboard-markdown-execution",
+      analyticsType: "MARKDOWN"
+    });
+    return {
+      chartContainer: b,
+      results: i,
+      ready: D,
+      loading: s,
+      error: f,
+      query: r,
+      markdown: l,
+      handleLocalRefresh: E,
+      startTime: m,
+      controlsVisible: q,
+      onChartMouseEnter: A,
+      onChartMouseLeave: T
+    };
+  }
+});
+function Dn(e, o, n, l, r, i) {
+  const s = Z("ErrorMessage"), f = Z("MarkdownRenderer");
+  return c(), y("div", {
+    ref: "chartContainer",
+    class: R(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
+    onMouseenter: o[1] || (o[1] = (...m) => e.onChartMouseEnter && e.onChartMouseEnter(...m)),
+    onMouseleave: o[2] || (o[2] = (...m) => e.onChartMouseLeave && e.onChartMouseLeave(...m))
+  }, [
+    e.error && !e.loading ? (c(), G(s, {
+      key: 0,
+      class: "chart-placeholder"
+    }, {
+      default: z(() => [
+        ne(O(e.error), 1)
+      ]),
+      _: 1
+    })) : e.ready ? (c(), G(f, {
+      key: 1,
+      markdown: e.markdown,
+      results: e.results,
+      loading: e.loading
+    }, null, 8, ["markdown", "results", "loading"])) : M("", !0),
+    !e.loading && e.editMode ? (c(), y("div", {
+      key: 2,
+      class: R(["controls-toggle", { "controls-visible": e.controlsVisible }])
+    }, [
+      t("button", {
+        onClick: o[0] || (o[0] = (...m) => e.handleLocalRefresh && e.handleLocalRefresh(...m)),
+        class: "control-btn",
+        "data-testid": "refresh-chart-btn",
+        title: "Refresh text"
+      }, [...o[3] || (o[3] = [
+        t("i", { class: "mdi mdi-refresh icon" }, null, -1)
+      ])])
+    ], 2)) : M("", !0)
+  ], 34);
+}
+const In = /* @__PURE__ */ X(En, [["render", Dn], ["__scopeId", "data-v-ae377c15"]]), Tn = Y({
+  name: "DashboardTable",
+  components: {
+    DataTable: yt,
+    ErrorMessage: $e,
+    LoadingView: Te
+  },
+  props: {
+    dashboardId: {
+      type: String,
+      required: !0
+    },
+    itemId: {
+      type: String,
+      required: !0
+    },
+    getItemData: {
+      type: Function,
+      required: !0,
+      default: () => ({ type: "CHART", content: "" })
+    },
+    setItemData: {
+      type: Function,
+      required: !0,
+      default: () => ({ type: "CHART", content: "" })
+    },
+    editMode: {
+      type: Boolean,
+      required: !0
+    },
+    getDashboardQueryExecutor: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e, { emit: o }) {
+    const n = g(() => e.getItemData(e.itemId, e.dashboardId)), l = g(() => n.value.content), r = g(() => n.value.results || null), i = g(() => n.value.loading || !1), s = g(() => n.value.error || null), f = g(() => n.value.loadStartTime || null), m = g(() => (n.value.height || 300) - 75), a = g(() => (n.value.width || 300) - 100), p = g(() => n.value.onRefresh || null), k = _("connectionStore"), b = _("analyticsStore");
+    if (!k)
+      throw new Error("Connection store not found!");
+    const {
+      chartContainer: D,
+      ready: q,
+      showLoading: E,
+      controlsVisible: A,
+      handleLocalRefresh: T,
+      onChartMouseEnter: Q,
+      onChartMouseLeave: K
+    } = Le({
+      dashboardId: () => e.dashboardId,
+      itemId: () => e.itemId,
+      query: l,
+      results: r,
+      loading: i,
+      onRefresh: p,
+      getDashboardQueryExecutor: e.getDashboardQueryExecutor,
+      analyticsStore: b,
+      analyticsEvent: "dashboard-table-execution",
+      analyticsType: "TABLE"
+    });
+    return {
+      chartContainer: D,
+      results: r,
+      ready: q,
+      loading: i,
+      showLoading: E,
+      error: s,
+      query: l,
+      chartHeight: m,
+      chartWidth: a,
+      onRefresh: p,
+      handleLocalRefresh: T,
+      startTime: f,
+      handleDimensionClick: (h) => {
+        o("dimension-click", {
+          source: e.itemId,
+          filters: h.filters,
+          chart: h.chart,
+          append: h.append
+        });
+      },
+      handleBackgroundClick: () => {
+        o("background-click");
+      },
+      controlsVisible: A,
+      onChartMouseEnter: Q,
+      onChartMouseLeave: K
+    };
+  }
+}), $n = {
+  key: 2,
+  class: "loading-overlay"
+};
+function Ln(e, o, n, l, r, i) {
+  const s = Z("ErrorMessage"), f = Z("data-table"), m = Z("LoadingView");
+  return c(), y("div", {
+    ref: "chartContainer",
+    class: R(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
+    onMouseenter: o[1] || (o[1] = (...a) => e.onChartMouseEnter && e.onChartMouseEnter(...a)),
+    onMouseleave: o[2] || (o[2] = (...a) => e.onChartMouseLeave && e.onChartMouseLeave(...a))
+  }, [
+    e.error && !e.loading ? (c(), G(s, {
+      key: 0,
+      class: "chart-placeholder"
+    }, {
+      default: z(() => [
+        ne(O(e.error), 1)
+      ]),
+      _: 1
+    })) : e.ready && e.results ? (c(), G(f, {
+      key: 1,
+      id: `${e.itemId}-${e.dashboardId}`,
+      headers: e.results.headers,
+      results: e.results.data,
+      containerHeight: e.chartHeight,
+      prettyPrint: !0,
+      fitParent: !0,
+      flushChrome: !0,
+      onCellClick: e.handleDimensionClick,
+      onBackgroundClick: e.handleBackgroundClick
+    }, null, 8, ["id", "headers", "results", "containerHeight", "onCellClick", "onBackgroundClick"])) : M("", !0),
+    e.loading && e.showLoading ? (c(), y("div", $n, [
+      J(m, {
+        startTime: e.startTime,
+        text: "Loading"
+      }, null, 8, ["startTime"])
+    ])) : M("", !0),
+    !e.loading && e.editMode ? (c(), y("div", {
+      key: 3,
+      class: R(["controls-toggle", { "controls-visible": e.controlsVisible }])
+    }, [
+      t("button", {
+        onClick: o[0] || (o[0] = (...a) => e.handleLocalRefresh && e.handleLocalRefresh(...a)),
+        class: "control-btn",
+        "data-testid": "refresh-chart-btn",
+        title: "Refresh table"
+      }, [...o[3] || (o[3] = [
+        t("i", { class: "mdi mdi-refresh icon" }, null, -1)
+      ])])
+    ], 2)) : M("", !0)
+  ], 34);
+}
+const Mn = /* @__PURE__ */ X(Tn, [["render", Ln], ["__scopeId", "data-v-aed07269"]]), An = {
+  data() {
+    return {
+      selectedValue: "",
+      selectedLabel: "",
+      searchText: "",
+      showDropdown: !1,
+      inputElement: null
+    };
+  },
+  props: {
+    headers: {
+      type: Map,
+      required: !0
+    },
+    results: {
+      type: Array,
+      required: !0
+    },
+    containerHeight: Number,
+    cellClick: {
+      type: Function,
+      default: () => {
+      }
+    },
+    backgroundClick: {
+      type: Function,
+      default: () => {
+      }
+    },
+    prettyPrint: {
+      type: Boolean,
+      default: !1
+    },
+    fitParent: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    const e = _("userSettingsStore");
+    if (!e)
+      throw new Error("userSettingsStore not provided");
+    const o = g(() => e.settings.theme);
+    return {
+      settingsStore: e,
+      currentTheme: o
+    };
+  },
+  computed: {
+    headersArray() {
+      return Array.from(this.headers.values());
+    },
+    firstColumn() {
+      return this.headersArray[0] || null;
+    },
+    secondColumn() {
+      return this.headersArray[1] || null;
+    },
+    displayColumn() {
+      return this.firstColumn;
+    },
+    valueColumn() {
+      return this.secondColumn || this.firstColumn;
+    },
+    selectOptions() {
+      if (!this.displayColumn || !this.valueColumn || !this.results || this.results.length === 0)
+        return [];
+      const e = this.displayColumn.name, o = this.valueColumn.name, n = [];
+      return this.results.forEach((l) => {
+        const r = l[e], i = l[o];
+        if (r != null && i !== null && i !== void 0) {
+          const s = this.formatValue(r, this.displayColumn);
+          n.push({
+            label: s,
+            value: i
+          });
+        }
+      }), n;
+    },
+    filteredOptions() {
+      if (!this.searchText)
+        return this.selectOptions;
+      const e = this.searchText.toLowerCase();
+      return this.selectOptions.filter((o) => o.label.toLowerCase().includes(e));
+    },
+    placeholderText() {
+      return this.hasSelection ? this.selectedLabel || "Type to search..." : !this.selectOptions || this.selectOptions.length === 0 ? "No data available" : "All";
+    },
+    hasSelection() {
+      return !!(this.selectedLabel && this.selectedValue);
+    },
+    fieldLabel() {
+      var e;
+      return ((e = this.firstColumn) == null ? void 0 : e.name) || "Field";
+    },
+    dropdownStyle() {
+      if (!this.inputElement)
+        return {};
+      const e = this.inputElement.getBoundingClientRect();
+      return {
+        position: "fixed",
+        top: `${e.bottom}px`,
+        left: `${e.left}px`,
+        width: `${e.width}px`
+      };
+    }
+  },
+  mounted() {
+    this.selectedLabel && !this.searchText && (this.searchText = this.selectedLabel);
+  },
+  watch: {
+    // Watch for external changes to selectedLabel and update searchText accordingly
+    selectedLabel(e) {
+      e && !this.showDropdown && (this.searchText = e);
+    }
+  },
+  methods: {
+    formatValue(e, o) {
+      var n, l;
+      switch (o.type) {
+        case ue.FLOAT:
+          return (n = o.traits) != null && n.includes("usd") ? `$${Number(e).toFixed(o.scale || 2)}` : (l = o.traits) != null && l.includes("percent") ? `${(Number(e) * 100).toFixed(2)}%` : Number(e).toFixed(o.scale || 2);
+        case ue.DATETIME:
+        case ue.TIMESTAMP:
+        case ue.DATE:
+        case ue.TIME:
+          return e instanceof Date ? e.toLocaleString() : String(e);
+        case ue.BOOLEAN:
+          return e ? "✓" : "✗";
+        case ue.ARRAY:
+        case ue.STRUCT:
+          return JSON.stringify(e);
+        default:
+          return String(e);
+      }
+    },
+    highlightMatch(e) {
+      if (!this.searchText)
+        return e;
+      const o = this.searchText.toLowerCase(), l = e.toLowerCase().indexOf(o);
+      if (l === -1)
+        return e;
+      const r = e.slice(0, l), i = e.slice(l, l + this.searchText.length), s = e.slice(l + this.searchText.length);
+      return `${r}<mark>${i}</mark>${s}`;
+    },
+    selectOption(e) {
+      this.selectedValue = e.value, this.selectedLabel = e.label, this.searchText = e.label, this.showDropdown = !1, this.handleSelection();
+    },
+    selectAll() {
+      this.selectedValue = "", this.selectedLabel = "", this.searchText = "", this.showDropdown = !1, this.$emit("background-click"), this.backgroundClick();
+    },
+    onSearchInput() {
+      this.searchText !== this.selectedLabel && this.selectedLabel && (this.selectedValue = "", this.selectedLabel = ""), this.showDropdown = !0, this.updateInputElement();
+    },
+    handleFocus() {
+      this.searchText = "", this.showDropdown = !0, this.updateInputElement();
+    },
+    updateInputElement() {
+      this.inputElement = this.$refs.searchInput;
+    },
+    handleBlur() {
+      setTimeout(() => {
+        this.showDropdown = !1, this.selectedLabel && !this.searchText && (this.searchText = this.selectedLabel);
+      }, 200);
+    },
+    handleSelection() {
+      if (!this.valueColumn || !this.selectedValue)
+        return;
+      const e = this.valueColumn.address || this.valueColumn.name;
+      this.$emit("cell-click", {
+        filters: { [e]: this.selectedValue },
+        append: !1
+      });
+    }
+  }
+}, Rn = { class: "result-select row pa-0 ba-0" }, Fn = { class: "select-container" }, qn = { class: "search-input-wrapper" }, xn = {
+  key: 0,
+  class: "inline-label"
+}, Hn = ["placeholder", "disabled"], On = ["onMousedown", "innerHTML"];
+function Vn(e, o, n, l, r, i) {
+  return c(), y("div", Rn, [
+    t("div", Fn, [
+      t("div", qn, [
+        i.hasSelection ? (c(), y("span", xn, O(i.fieldLabel) + ": ", 1)) : M("", !0),
+        se(t("input", {
+          ref: "searchInput",
+          "onUpdate:modelValue": o[0] || (o[0] = (s) => r.searchText = s),
+          type: "text",
+          class: R(["search-input", { "has-inline-label": i.hasSelection }]),
+          placeholder: i.placeholderText,
+          disabled: !i.selectOptions || i.selectOptions.length === 0,
+          onFocus: o[1] || (o[1] = (...s) => i.handleFocus && i.handleFocus(...s)),
+          onInput: o[2] || (o[2] = (...s) => i.onSearchInput && i.onSearchInput(...s)),
+          onBlur: o[3] || (o[3] = (...s) => i.handleBlur && i.handleBlur(...s))
+        }, null, 42, Hn), [
+          [ve, r.searchText]
+        ]),
+        o[5] || (o[5] = t("span", { class: "search-icon" }, [
+          t("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            t("circle", {
+              cx: "11",
+              cy: "11",
+              r: "8"
+            }),
+            t("path", { d: "m21 21-4.35-4.35" })
+          ])
+        ], -1))
+      ]),
+      (c(), G(rt, { to: "body" }, [
+        r.showDropdown && i.filteredOptions.length > 0 ? (c(), y("div", {
+          key: 0,
+          class: "dropdown-list",
+          style: De(i.dropdownStyle)
+        }, [
+          t("div", {
+            class: R(["dropdown-item select-all", { selected: !r.selectedValue }]),
+            onMousedown: o[4] || (o[4] = Oe((...s) => i.selectAll && i.selectAll(...s), ["prevent"]))
+          }, " All ", 34),
+          (c(!0), y(ce, null, be(i.filteredOptions, (s, f) => (c(), y("div", {
+            key: f,
+            class: R(["dropdown-item", { selected: r.selectedValue === s.value }]),
+            onMousedown: Oe((m) => i.selectOption(s), ["prevent"]),
+            innerHTML: i.highlightMatch(s.label)
+          }, null, 42, On))), 128))
+        ], 4)) : M("", !0),
+        r.showDropdown && r.searchText && i.filteredOptions.length === 0 ? (c(), y("div", {
+          key: 1,
+          class: "dropdown-list",
+          style: De(i.dropdownStyle)
+        }, [...o[6] || (o[6] = [
+          t("div", { class: "dropdown-item no-results" }, "No matches found", -1)
+        ])], 4)) : M("", !0)
+      ]))
+    ])
+  ]);
+}
+const Qn = /* @__PURE__ */ X(An, [["render", Vn], ["__scopeId", "data-v-71523d2a"]]), Bn = Y({
+  name: "DashboardFilter",
+  components: {
+    DashboardDataSelector: Qn,
+    ErrorMessage: $e,
+    LoadingView: Te
+  },
+  props: {
+    dashboardId: {
+      type: String,
+      required: !0
+    },
+    itemId: {
+      type: String,
+      required: !0
+    },
+    getItemData: {
+      type: Function,
+      required: !0,
+      default: () => ({ type: "CHART", content: "" })
+    },
+    setItemData: {
+      type: Function,
+      required: !0,
+      default: () => ({ type: "CHART", content: "" })
+    },
+    editMode: {
+      type: Boolean,
+      required: !0
+    },
+    getDashboardQueryExecutor: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(e, { emit: o }) {
+    const n = g(() => e.getItemData(e.itemId, e.dashboardId)), l = g(() => n.value.content), r = g(() => n.value.results || null), i = g(() => n.value.loading || !1), s = g(() => n.value.error || null), f = g(() => n.value.loadStartTime || null), m = g(() => (n.value.height || 300) - 75), a = g(() => (n.value.width || 300) - 100), p = g(() => n.value.onRefresh || null), k = _("connectionStore"), b = _("analyticsStore");
+    if (!k)
+      throw new Error("Connection store not found!");
+    const {
+      chartContainer: D,
+      ready: q,
+      showLoading: E,
+      controlsVisible: A,
+      handleLocalRefresh: T,
+      onChartMouseEnter: Q,
+      onChartMouseLeave: K
+    } = Le({
+      dashboardId: () => e.dashboardId,
+      itemId: () => e.itemId,
+      query: l,
+      results: r,
+      loading: i,
+      onRefresh: p,
+      getDashboardQueryExecutor: e.getDashboardQueryExecutor,
+      analyticsStore: b,
+      analyticsEvent: "dashboard-filter-execution",
+      analyticsType: "FILTER"
+    });
+    return {
+      chartContainer: D,
+      results: r,
+      ready: q,
+      loading: i,
+      showLoading: E,
+      error: s,
+      query: l,
+      chartHeight: m,
+      chartWidth: a,
+      onRefresh: p,
+      handleLocalRefresh: T,
+      startTime: f,
+      handleDimensionClick: (h) => {
+        o("dimension-click", {
+          source: e.itemId,
+          filters: h.filters,
+          chart: h.chart,
+          append: h.append
+        });
+      },
+      handleBackgroundClick: () => {
+        o("background-click");
+      },
+      controlsVisible: A,
+      onChartMouseEnter: Q,
+      onChartMouseLeave: K
+    };
+  }
+}), Nn = {
+  key: 2,
+  class: "loading-overlay"
+};
+function Pn(e, o, n, l, r, i) {
+  const s = Z("ErrorMessage"), f = Z("dashboard-data-selector"), m = Z("LoadingView");
+  return c(), y("div", {
+    ref: "chartContainer",
+    class: R(["chart-placeholder no-drag", { "chart-placeholder-edit-mode": e.editMode }]),
+    onMouseenter: o[0] || (o[0] = (...a) => e.onChartMouseEnter && e.onChartMouseEnter(...a)),
+    onMouseleave: o[1] || (o[1] = (...a) => e.onChartMouseLeave && e.onChartMouseLeave(...a))
+  }, [
+    e.error && !e.loading ? (c(), G(s, {
+      key: 0,
+      class: "chart-placeholder"
+    }, {
+      default: z(() => [
+        ne(O(e.error), 1)
+      ]),
+      _: 1
+    })) : e.ready && e.results ? (c(), G(f, {
+      key: 1,
+      id: `${e.itemId}-${e.dashboardId}`,
+      headers: e.results.headers,
+      results: e.results.data,
+      containerHeight: e.chartHeight,
+      prettyPrint: !0,
+      fitParent: !0,
+      onCellClick: e.handleDimensionClick,
+      onBackgroundClick: e.handleBackgroundClick
+    }, null, 8, ["id", "headers", "results", "containerHeight", "onCellClick", "onBackgroundClick"])) : M("", !0),
+    e.loading && e.showLoading ? (c(), y("div", Nn, [
+      J(m, {
+        startTime: e.startTime,
+        text: "Loading"
+      }, null, 8, ["startTime"])
+    ])) : M("", !0)
+  ], 34);
+}
+const Kn = /* @__PURE__ */ X(Bn, [["render", Pn], ["__scopeId", "data-v-6108741e"]]), Wn = ["data-testid"], _n = {
+  class: "dev-toolbar",
+  "data-testid": "dashboard-item-header-controls"
+}, Un = ["data-testid"], jn = ["data-testid"], Gn = ["data-testid", "title"], zn = ["data-testid", "title"], Jn = {
+  key: 0,
+  class: "mdi mdi-filter-remove-outline icon"
+}, Yn = {
+  key: 1,
+  class: "mdi mdi-filter-outline icon"
+}, Xn = ["data-testid"], Zn = ["data-testid"], eo = {
+  key: 1,
+  class: "grid-item-header"
+}, to = { class: "grid-item-header-left" }, no = {
+  key: 0,
+  class: "drag-handle-icon grid-item-drag-handle"
+}, oo = { class: "item-title-container no-drag" }, io = ["title"], ro = { class: "item-title-text" }, lo = {
+  key: 0,
+  class: "mdi mdi-pencil-outline edit-indicator"
+}, ao = ["id", "placeholder"], so = { class: "grid-item-header-right" }, uo = {
+  key: 0,
+  class: "header-filters no-drag"
+}, co = ["title"], mo = { class: "filter-content" }, ho = { class: "filter-source" }, fo = { class: "filter-value" }, vo = ["onClick", "title"], po = ["title"], yo = ["title"], go = { class: "section-header-text" }, bo = ["id", "placeholder"], Co = /* @__PURE__ */ Y({
+  __name: "DashboardGridItem",
+  props: {
+    dashboardId: {},
+    item: {},
+    editMode: { type: Boolean },
+    symbols: {},
+    getItemData: { type: Function },
+    getDashboardQueryExecutor: { type: Function },
+    setItemData: { type: Function }
+  },
+  emits: ["edit-content", "update-dimensions", "dimension-click", "background-click", "remove-filter", "remove-item", "copy-item"],
+  setup(e, { emit: o }) {
+    const n = e, l = o, r = I(!1), i = I(""), s = I(!1);
+    function f(N) {
+      return N.replace(/'''/g, "'").replace("local.", "");
+    }
+    function m(N, F = 1e3) {
+      const P = f(N);
+      return P.length <= F ? P : P.substring(0, F) + "...";
+    }
+    function a() {
+      if (!n.editMode) return;
+      const N = n.getItemData(n.item.i, n.dashboardId);
+      s.value = !1, r.value = !0, i.value = N.name, setTimeout(() => {
+        const F = document.getElementById(`title-input-${n.item.i}`);
+        F && F.focus();
+      }, 0);
+    }
+    function p() {
+      if (r.value) {
+        const N = n.getItemData(n.item.i, n.dashboardId), F = i.value.trim() || N.name;
+        n.setItemData(n.item.i, n.dashboardId, { name: F }), r.value = !1;
+      }
+    }
+    function k() {
+      const F = !n.getItemData(n.item.i, n.dashboardId).allowCrossFilter;
+      n.setItemData(n.item.i, n.dashboardId, {
+        allowCrossFilter: F
+      });
+    }
+    function b() {
+      const N = n.item.h + 1;
+      n.setItemData(n.item.i, n.dashboardId, {
+        dimensions: {
+          width: n.item.w,
+          height: N
+        }
+      });
+    }
+    function D() {
+      const N = Math.max(1, n.item.h - 1);
+      n.setItemData(n.item.i, n.dashboardId, {
+        dimensions: {
+          width: n.item.w,
+          height: N
+        }
+      });
+    }
+    function q() {
+      r.value = !1;
+    }
+    function E() {
+      if (h.value) {
+        a();
+        return;
+      }
+      l("edit-content", n.item);
+    }
+    function A() {
+      confirm(`Are you sure you want to remove "${S.value.name}"?`) && l("remove-item", n.item.i);
+    }
+    function T() {
+      l("copy-item", n.item.i);
+    }
+    function Q(N) {
+      l("dimension-click", N);
+    }
+    function K() {
+      l("background-click", n.item.i);
+    }
+    function B(N) {
+      l("remove-filter", n.item.i, N);
+    }
+    const S = g(() => n.getItemData(n.item.i, n.dashboardId)), h = g(() => S.value.type === w.SECTION_HEADER), W = g(() => {
+      switch (S.value.type) {
+        case w.CHART:
+          return Sn;
+        case w.TABLE:
+          return Mn;
+        case w.FILTER:
+          return Kn;
+        case w.SECTION_HEADER:
+          return null;
+        case w.MARKDOWN:
+        default:
+          return In;
+      }
+    }), C = g(() => {
+      switch (S.value.type) {
+        case w.CHART:
+          return "Chart Name";
+        case w.TABLE:
+          return "Table Name";
+        case w.FILTER:
+          return "Filter Name";
+        case w.SECTION_HEADER:
+          return "Section Header";
+        case w.MARKDOWN:
+        default:
+          return "Note Name";
+      }
+    }), v = g(() => [w.CHART, w.TABLE, w.MARKDOWN].includes(S.value.type)), $ = g(() => S.value.filters ? S.value.filters.length : 0), ee = g(() => (S.value.filters || []).slice(0, 2)), te = g(() => Math.max(0, $.value - ee.value.length));
+    function U(N, F) {
+      var ke;
+      const P = N == null ? void 0 : N.trim();
+      if (!P)
+        return { text: F, level: 3 };
+      const he = P.match(/^(#{1,3})\s*(.+)$/);
+      if (!he)
+        return { text: P, level: 3 };
+      const we = (ke = he[2]) == null ? void 0 : ke.trim();
+      return we ? {
+        text: we,
+        level: he[1].length
+      } : { text: P, level: 3 };
+    }
+    const Ce = g(() => U(S.value.name, C.value)), me = g(() => Ce.value.text), j = g(() => `item-title-level-${Ce.value.level}`);
+    return (N, F) => (c(), y("div", {
+      class: R(["grid-item-content", {
+        "grid-item-chart-style": [oe(w).CHART, oe(w).TABLE, oe(w).FILTER].includes(
+          //@ts-ignore
+          S.value.type
+        ),
+        "grid-item-section-header-style": h.value,
+        "grid-item-edit-style": e.editMode
+      }]),
+      "data-testid": `dashboard-component-${e.item.i}`,
+      onMouseenter: F[2] || (F[2] = () => {
+        s.value = !0;
+      }),
+      onMouseleave: F[3] || (F[3] = () => {
+        s.value = !1;
+      })
+    }, [
+      e.editMode ? (c(), y("div", {
+        key: 0,
+        class: R(["dev-toolbar-shell", { "dev-toolbar-visible": s.value && !r.value }])
+      }, [
+        t("div", _n, [
+          h.value ? M("", !0) : (c(), y("button", {
+            key: 0,
+            onClick: b,
+            class: "control-btn",
+            "data-testid": `increase-height-item-${e.item.i}`,
+            title: "Increase height"
+          }, [...F[4] || (F[4] = [
+            t("i", { class: "mdi mdi-plus icon" }, null, -1)
+          ])], 8, Un)),
+          h.value ? M("", !0) : (c(), y("button", {
+            key: 1,
+            onClick: D,
+            class: "control-btn",
+            "data-testid": `decrease-height-item-${e.item.i}`,
+            title: "Decrease height"
+          }, [...F[5] || (F[5] = [
+            t("i", { class: "mdi mdi-minus icon" }, null, -1)
+          ])], 8, jn)),
+          t("button", {
+            onClick: E,
+            class: "control-btn",
+            "data-testid": `edit-dashboard-item-content-${e.item.i}`,
+            title: h.value ? "Edit title" : "Edit data"
+          }, [
+            t("i", {
+              class: R(
+                h.value ? "mdi mdi-pencil-outline icon" : "mdi mdi-database-edit-outline icon"
+              )
+            }, null, 2)
+          ], 8, Gn),
+          h.value ? M("", !0) : (c(), y("button", {
+            key: 2,
+            onClick: k,
+            class: "control-btn",
+            "data-testid": `toggle-crossfilter-item-content-${e.item.i}`,
+            title: S.value.allowCrossFilter ? "Toggle cross-filtering OFF" : "Toggle cross-filtering ON"
+          }, [
+            S.value.allowCrossFilter ? (c(), y("i", Jn)) : (c(), y("i", Yn))
+          ], 8, zn)),
+          t("button", {
+            onClick: T,
+            class: "control-btn",
+            "data-testid": `copy-dashboard-item-${e.item.i}`,
+            title: "Copy item"
+          }, [...F[6] || (F[6] = [
+            t("i", { class: "mdi mdi-content-copy icon" }, null, -1)
+          ])], 8, Xn),
+          t("button", {
+            onClick: A,
+            class: "control-btn remove-btn",
+            "data-testid": `remove-dashboard-item-${e.item.i}`,
+            title: "Remove item"
+          }, [...F[7] || (F[7] = [
+            t("i", { class: "mdi mdi-delete-outline icon" }, null, -1)
+          ])], 8, Zn)
+        ])
+      ], 2)) : M("", !0),
+      h.value ? M("", !0) : (c(), y("div", eo, [
+        t("div", to, [
+          e.editMode ? (c(), y("div", no, [...F[8] || (F[8] = [
+            t("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: "drag-handle-svg"
+            }, [
+              t("line", {
+                x1: "3",
+                y1: "12",
+                x2: "21",
+                y2: "12"
+              }),
+              t("line", {
+                x1: "3",
+                y1: "6",
+                x2: "21",
+                y2: "6"
+              }),
+              t("line", {
+                x1: "3",
+                y1: "18",
+                x2: "21",
+                y2: "18"
+              })
+            ], -1)
+          ])])) : M("", !0),
+          t("div", oo, [
+            r.value ? se((c(), y("input", {
+              key: 1,
+              id: `title-input-${e.item.i}`,
+              "onUpdate:modelValue": F[0] || (F[0] = (P) => i.value = P),
+              onBlur: p,
+              onKeyup: [
+                ge(p, ["enter"]),
+                ge(q, ["esc"])
+              ],
+              class: "title-input",
+              type: "text",
+              placeholder: C.value
+            }, null, 40, ao)), [
+              [ve, i.value]
+            ]) : (c(), y("div", {
+              key: 0,
+              class: R(["item-title editable-title", [j.value, { "item-title-static": !e.editMode }]]),
+              title: me.value,
+              onClick: a
+            }, [
+              t("span", ro, O(me.value), 1),
+              e.editMode ? (c(), y("i", lo)) : M("", !0)
+            ], 10, io))
+          ])
+        ]),
+        t("div", so, [
+          v.value && $.value > 0 ? (c(), y("div", uo, [
+            (c(!0), y(ce, null, be(ee.value, (P, he) => (c(), y("div", {
+              key: `${P.source}-${P.value}-${he}`,
+              class: "header-filter-chip",
+              title: f(P.value)
+            }, [
+              t("span", mo, [
+                t("span", ho, O(P.source === "global" ? P.source : "cross") + ": ", 1),
+                t("span", fo, O(m(P.value, 40)), 1)
+              ]),
+              e.editMode && P.source !== "global" ? (c(), y("button", {
+                key: 0,
+                class: "filter-remove-btn",
+                onClick: (we) => B(P.source),
+                title: `Remove ${P.source} filter`
+              }, " x ", 8, vo)) : M("", !0)
+            ], 8, co))), 128)),
+            te.value > 0 ? (c(), y("div", {
+              key: 0,
+              class: "header-filter-chip filter-overflow",
+              title: `${te.value} more filter(s)`
+            }, " +" + O(te.value), 9, po)) : M("", !0)
+          ])) : M("", !0)
+        ])
+      ])),
+      t("div", {
+        class: R(["content-area", { "section-header-content": h.value }])
+      }, [
+        h.value ? (c(), y(ce, { key: 0 }, [
+          r.value ? se((c(), y("input", {
+            key: 1,
+            id: `title-input-${e.item.i}`,
+            "onUpdate:modelValue": F[1] || (F[1] = (P) => i.value = P),
+            onBlur: p,
+            onKeyup: [
+              ge(p, ["enter"]),
+              ge(q, ["esc"])
+            ],
+            class: "title-input section-header-input no-drag",
+            type: "text",
+            placeholder: C.value
+          }, null, 40, bo)), [
+            [ve, i.value]
+          ]) : (c(), y("div", {
+            key: 0,
+            class: R(["section-header-display no-drag", [j.value, { "section-header-editable": e.editMode }]]),
+            title: me.value,
+            onClick: a
+          }, [
+            t("span", go, O(me.value), 1)
+          ], 10, yo))
+        ], 64)) : (c(), G(lt(W.value), {
+          key: 1,
+          dashboardId: n.dashboardId,
+          itemId: e.item.i,
+          setItemData: e.setItemData,
+          getItemData: e.getItemData,
+          getDashboardQueryExecutor: e.getDashboardQueryExecutor,
+          editMode: e.editMode,
+          symbols: n.symbols || [],
+          onDimensionClick: Q,
+          onBackgroundClick: K
+        }, null, 40, ["dashboardId", "itemId", "setItemData", "getItemData", "getDashboardQueryExecutor", "editMode", "symbols"]))
+      ], 2)
+    ], 42, Wn));
+  }
+}), Si = /* @__PURE__ */ X(Co, [["__scopeId", "data-v-e158f697"]]), wo = { class: "add-item-content" }, ko = {
+  class: "item-type-grid",
+  role: "radiogroup",
+  "aria-label": "Dashboard item type"
+}, So = ["data-testid"], Eo = ["value", "data-testid"], Do = { class: "item-option-card" }, Io = {
+  class: "item-option-icon",
+  "aria-hidden": "true"
+}, To = { class: "item-option-text" }, $o = { class: "item-option-label" }, Lo = { class: "item-option-help" }, Mo = /* @__PURE__ */ Y({
+  __name: "DashboardAddItemModal",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["add", "close"],
+  setup(e, { emit: o }) {
+    const n = o, l = I(w.CHART), r = [
+      {
+        value: w.CHART,
+        label: "Chart",
+        description: "Visualize trends, comparisons, and distributions.",
+        icon: "mdi-chart-bar",
+        testId: "dashboard-add-item-type-chart"
+      },
+      {
+        value: w.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,
+        label: "Markdown",
+        description: "Add notes, headings, or narrative context.",
+        icon: "mdi-text-box-outline",
+        testId: "dashboard-add-item-type-markdown"
+      },
+      {
+        value: w.FILTER,
+        label: "Filter",
+        description: "Let viewers narrow the dashboard interactively.",
+        icon: "mdi-filter-variant",
+        testId: "dashboard-add-item-type-filter"
+      },
+      {
+        value: w.SECTION_HEADER,
+        label: "Section Header",
+        description: "Break the dashboard into labeled sections.",
+        icon: "mdi-format-title",
+        testId: "dashboard-add-item-type-section-header"
+      }
+    ];
+    function i() {
+      n("add", l.value);
+    }
+    function s() {
+      n("close");
+    }
+    return (f, m) => (c(), G(We, {
+      show: e.show,
+      title: "Add New Item",
+      "max-width": "680px",
+      "test-id": "dashboard-add-item-modal",
+      onClose: s
+    }, {
+      footer: z(() => [
+        t("button", {
+          class: "cancel-button",
+          onClick: s
+        }, "Cancel"),
+        t("button", {
+          onClick: i,
+          class: "add-button",
+          "data-testid": "dashboard-add-item-confirm"
+        }, " Add Item ")
+      ]),
+      default: z(() => [
+        t("div", wo, [
+          m[1] || (m[1] = t("p", { class: "add-item-description" }, "Choose the kind of block you want to add to the dashboard.", -1)),
+          t("div", ko, [
+            (c(), y(ce, null, be(r, (a) => t("label", {
+              key: a.value,
+              class: R(["item-option", { selected: l.value === a.value }]),
+              "data-testid": `${a.testId}-option`
+            }, [
+              se(t("input", {
+                "onUpdate:modelValue": m[0] || (m[0] = (p) => l.value = p),
+                class: "item-option-input",
+                type: "radio",
+                name: "dashboard-add-item-type",
+                value: a.value,
+                "data-testid": a.testId
+              }, null, 8, Eo), [
+                [at, l.value]
+              ]),
+              t("span", Do, [
+                t("span", Io, [
+                  t("i", {
+                    class: R(["mdi", a.icon])
+                  }, null, 2)
+                ]),
+                t("span", To, [
+                  t("span", $o, O(a.label), 1),
+                  t("span", Lo, O(a.description), 1)
+                ])
+              ])
+            ], 10, So)), 64))
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["show"]));
+  }
+}), Ei = /* @__PURE__ */ X(Mo, [["__scopeId", "data-v-ee048740"]]);
+function Ao(e = "dark") {
+  const o = e === "light";
+  Ie.defineTheme("trilogyStudio", {
+    base: o ? "vs" : "vs-dark",
+    inherit: !0,
+    rules: [
+      { token: "comment", foreground: "#6A9955", fontStyle: "italic" },
+      { token: "keyword", foreground: "#569CD6", fontStyle: "bold" },
+      { token: "definition", foreground: "#E5C07B", fontStyle: "bold" },
+      { token: "type", foreground: "#4EC9B0", fontStyle: "bold" },
+      { token: "string", foreground: "#CE9178" },
+      { token: "number", foreground: "#B5CEA8" },
+      { token: "operator", foreground: "#D4D4D4" },
+      { token: "delimiter", foreground: "#D4D4D4" },
+      { token: "function", foreground: "#C586C0", fontStyle: "bold" },
+      { token: "hidden", foreground: "#D6D6C8", fontStyle: "italic" },
+      { token: "property", foreground: "#BFBFBF" }
+    ],
+    colors: {
+      "editor.background": o ? "#ffffff" : "#111318",
+      "editor.foreground": o ? "#1f2937" : "#e5e7eb",
+      "editorLineNumber.foreground": o ? "#94a3b8" : "#64748b",
+      "editorLineNumber.activeForeground": o ? "#475569" : "#cbd5e1",
+      "editorGutter.background": o ? "#ffffff" : "#111318",
+      editorLineHighlightBackground: o ? "#f6f8fb" : "#181c22",
+      "editor.selectionBackground": o ? "#dbeafe" : "#1d4ed833",
+      "editor.inactiveSelectionBackground": o ? "#e2e8f0" : "#33415555",
+      "editorCursor.foreground": o ? "#334155" : "#ffffff",
+      "editorCursor.background": o ? "#ffffff" : "#111318",
+      "editorIndentGuide.background1": o ? "#e2e8f0" : "#2a2f37",
+      "editorIndentGuide.activeBackground1": o ? "#cbd5e1" : "#475569",
+      "editorWhitespace.foreground": o ? "#cbd5e1" : "#334155",
+      "editorWidget.background": o ? "#ffffff" : "#111318",
+      "editorWidget.border": o ? "#d6dde6" : "#2a2f37"
+    }
+  }), Ie.setTheme("trilogyStudio");
+}
+function Ro(e, o = {}) {
+  const l = { ...{
+    automaticLayout: !0,
+    autoClosingBrackets: "always",
+    autoClosingOvertype: "always",
+    autoClosingQuotes: "always",
+    acceptSuggestionOnEnter: "off",
+    tabCompletion: "on",
+    theme: "trilogyStudio"
+  }, ...o };
+  return Ie.create(e, l);
+}
+function Pe(e, o = "") {
+  var r;
+  if (!e) return o;
+  const n = e.getSelection();
+  let l = n && !(n.startColumn === n.endColumn && n.startLineNumber === n.endLineNumber) ? ((r = e.getModel()) == null ? void 0 : r.getValueInRange(n)) || "" : e.getValue();
+  return l || (l = o), l;
+}
+function Fo(e, o = {}) {
+  const { onValidate: n, onRun: l, onSave: r } = o;
+  if (n && e.addCommand(le.CtrlCmd | le.Shift | fe.KeyV, n), l && e.addCommand(le.CtrlCmd | fe.Enter, l), r && e.addCommand(le.CtrlCmd | fe.KeyS, r), e.addCommand(le.CtrlCmd | fe.KeyZ, () => {
+    e.trigger("ide", "undo", {});
+  }), o.onContentChange) {
+    let i = null;
+    e.onDidChangeModelContent(() => {
+      var s;
+      (s = o.onContentChange) == null || s.call(o, e.getValue()), i && clearTimeout(i), i = setTimeout(() => {
+        var f;
+        e.hasTextFocus() && !((f = e.getSelection()) != null && f.isEmpty()) && e.trigger("completion", "editor.action.triggerSuggest", { auto: !0 });
+      }, 200);
+    });
+  }
+}
+let x = null;
+const qo = Y({
+  name: "EnhancedEditor",
+  components: {
+    SymbolsPane: gt,
+    LoadingView: Te
+  },
+  props: {
+    onSave: {
+      type: null,
+      required: !1,
+      default: null
+    },
+    theme: {
+      type: String,
+      default: ""
+    },
+    initContent: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    connectionName: {
+      type: String,
+      required: !0
+    },
+    imports: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    rootContent: {
+      type: Array,
+      required: !1,
+      default: () => []
+    }
+  },
+  emits: ["query-started", "format-query"],
+  data() {
+    return {
+      lastOperation: null,
+      editor: new Ct({
+        id: "simple-editor",
+        name: "My Query",
+        type: "trilogy",
+        connection: this.connectionName,
+        storage: "local",
+        contents: this.initContent
+      }),
+      // New properties for collapsible sidebar
+      activePanel: "symbols",
+      isPanelVisible: !1
+    };
+  },
+  setup() {
+    const e = _("queryExecutionService"), o = _("connectionStore"), n = _("isMobile"), l = _("llmConnectionStore"), r = _("analyticsStore"), i = bt();
+    return {
+      queryExecutionService: e,
+      connectionStore: o,
+      isMobile: n,
+      llmConnectionStore: l,
+      analyticsStore: r,
+      userSettingsStore: i
+    };
+  },
+  created() {
+    this.isPanelVisible = !this.isMobile;
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.createEditor(), this.$watch(
+        () => {
+          var e;
+          return (e = this.userSettingsStore) == null ? void 0 : e.settings.theme;
+        },
+        () => {
+          this.applyEditorTheme();
+        }
+      ), document.addEventListener("keydown", this.handleKeyboardShortcuts), this.validateQuery();
+    });
+  },
+  beforeUnmount() {
+    x && x.dispose(), document.removeEventListener("keydown", this.handleKeyboardShortcuts);
+  },
+  methods: {
+    getResolvedTheme() {
+      var n;
+      const e = this.theme === "light" || this.theme === "dark" ? this.theme : "", o = ((n = this.userSettingsStore) == null ? void 0 : n.settings.theme) || "";
+      return (e || o || "dark") === "light" ? "light" : "dark";
+    },
+    applyEditorTheme() {
+      Ao(this.getResolvedTheme());
+    },
+    // New methods for panel management
+    togglePanel(e) {
+      this.activePanel === e && this.isPanelVisible ? this.isPanelVisible = !1 : (this.activePanel = e, this.isPanelVisible = !0, e === "symbols" && this.$refs.symbolsPane && this.$nextTick(() => {
+        this.focusSymbolSearch();
+      })), x && this.$nextTick(() => {
+        x == null || x.layout();
+      });
+    },
+    closePanel() {
+      this.isPanelVisible = !1, x && this.$nextTick(() => {
+        x == null || x.layout();
+      });
+    },
+    getPanelTitle() {
+      switch (this.activePanel) {
+        case "symbols":
+          return "Symbols";
+        default:
+          return "";
+      }
+    },
+    createEditor() {
+      this.applyEditorTheme(), x = Ro(this.$refs.editorElement, {
+        value: this.editor.contents || "",
+        language: this.editor.type === "sql" ? "sql" : "trilogy"
+      }), Fo(x, {
+        onValidate: () => this.validateQuery(),
+        onRun: () => this.runQuery(),
+        onGenerateLLM: () => this.generateLLMQuery()
+        // Add LLM generation shortcut
+      }), x.addCommand(le.CtrlCmd | fe.Space, () => {
+        this.togglePanel("symbols");
+      }), x.addCommand(le.CtrlCmd | le.Shift | fe.Enter, () => {
+        this.generateLLMQuery();
+      }), this.editor.type !== "sql" && (x.addCommand(le.CtrlCmd | fe.KeyK, () => {
+        this.formatQuery();
+      }), x.addAction({
+        id: "trilogy.simple-editor.format-query",
+        label: "Format Query",
+        contextMenuGroupId: "navigation",
+        contextMenuOrder: 1.5,
+        run: () => {
+          this.formatQuery();
+        }
+      }));
+    },
+    handleKeyboardShortcuts(e) {
+      e.ctrlKey && e.shiftKey && e.key === "O" && (this.togglePanel("symbols"), e.preventDefault()), e.ctrlKey && e.shiftKey && e.key === "Enter" && (this.generateLLMQuery(), e.preventDefault()), e.ctrlKey && e.key === "k" && this.editor.type !== "sql" && (this.formatQuery(), e.preventDefault());
+    },
+    focusSymbolSearch() {
+      const e = this.$refs.symbolsPane;
+      e && "focusSearch" in e && e.focusSearch();
+    },
+    insertSymbol(e) {
+      if (!x) return;
+      const o = x.getPosition();
+      o && e.insertText && (x.executeEdits("", [
+        {
+          range: new wt(
+            o.lineNumber,
+            o.column,
+            o.lineNumber,
+            o.column
+          ),
+          text: e.insertText
+        }
+      ]), x.focus(), this.isMobile && this.closePanel());
+    },
+    async validateQuery(e = !0) {
+      if (!x) return [];
+      const o = this.connectionStore, n = this.queryExecutionService;
+      try {
+        this.editor.setError(null);
+        const l = x.getValue(), r = o.connections[this.editor.connection], i = {
+          text: l,
+          queryType: r ? r.query_type : "trilogy",
+          editorType: this.editor.type,
+          sources: [],
+          imports: this.imports,
+          extraContent: this.rootContent
+        }, s = await n.validateQuery(
+          this.editor.connection,
+          i
+        );
+        if (s && e) {
+          const f = x.getModel();
+          f && Ie.setModelMarkers(f, "owner", s.data.items || []), s.data.completion_items && (this.editor.completionSymbols = s.data.completion_items);
+        }
+        return s ? s.data.imports : [];
+      } catch (l) {
+        return l instanceof Error ? this.editor.setError(l.message || "Validation failed") : this.editor.setError("Validation failed"), [];
+      }
+    },
+    async formatQuery() {
+      var r;
+      const e = x, o = Pe(e, this.editor.contents);
+      if (!o || !e) return;
+      let n = (r = this.connectionStore) == null ? void 0 : r.connections[this.editor.connection], l = this.queryExecutionService;
+      if (l)
+        try {
+          const i = await l.formatQuery(
+            o,
+            n ? n.query_type : "",
+            this.editor.type,
+            this.imports,
+            this.rootContent
+          );
+          i && e.setValue(i);
+        } catch (i) {
+          console.error("Error formatting query:", i);
+        }
+    },
+    async cancelQuery() {
+      this.editor.cancelCallback && await this.editor.cancelCallback(), this.editor.loading = !1;
+    },
+    async runQuery() {
+      var r, i, s;
+      this.$emit("query-started"), this.editor.setError(null);
+      let e = !1;
+      const o = this.connectionStore, n = this.queryExecutionService, l = x;
+      if (!(this.editor.loading || !l))
+        try {
+          this.analyticsStore && this.analyticsStore.log("studio-query-execution", this.editor.type, !0), this.editor.loading = !0, this.lastOperation = null, this.editor.startTime = Date.now();
+          const f = o.connections[this.editor.connection], m = Pe(l, this.editor.contents);
+          if (!m) {
+            this.editor.results = new Be(/* @__PURE__ */ new Map(), []), this.editor.loading = !1;
+            return;
+          }
+          const a = {
+            text: m,
+            queryType: f ? f.query_type : "",
+            editorType: this.editor.type,
+            imports: this.imports,
+            extraContent: this.rootContent
+          }, { resultPromise: p, cancellation: k } = await n.executeQuery(
+            this.editor.connection,
+            a,
+            // Progress callback for connection issues
+            () => {
+            },
+            (D) => {
+              !e && D.error && (this.editor.loading = !1, D.message && this.editor.setError(D.message)), !e && D.running && (this.editor.error = null, this.editor.loading = !0);
+            }
+          );
+          this.editor.cancelCallback = () => {
+            k.isActive() && k.cancel(), this.editor.loading = !1, this.editor.cancelCallback = null;
+          };
+          const b = await p;
+          e = !0, this.lastOperation = {
+            success: b.success,
+            duration: b.executionTime,
+            rows: (r = b.results) != null && r.data ? (s = (i = b.results) == null ? void 0 : i.data) == null ? void 0 : s.length : void 0,
+            type: this.editor.type
+          }, b.success ? (this.editor.executed_contents = m, 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 = m, this.editor.setError(b.error));
+        } catch (f) {
+          f instanceof Error && this.editor.setError(f.message || "Query execution failed"), this.lastOperation = {
+            success: !1,
+            duration: 0,
+            type: this.editor.type
+          };
+        } finally {
+          this.editor.loading = !1, this.editor.cancelCallback = null, x && x.layout();
+        }
+    },
+    // Add the LLM query generation method
+    async generateLLMQuery() {
+      if (this.editor.loading || !x) return;
+      const e = this.llmConnectionStore, o = this.queryExecutionService, n = this.connectionStore;
+      if (!e) {
+        this.editor.setError("LLM connection store not available");
+        return;
+      }
+      try {
+        this.analyticsStore && this.analyticsStore.log("studio-llm-generation", this.editor.type, !0), this.editor.loading = !0, this.editor.startTime = Date.now(), this.editor.results = new Be(/* @__PURE__ */ new Map(), []), this.editor.setError(null);
+        const l = x.getValue();
+        if (await this.validateQuery(!1), !this.editor.completionSymbols || this.editor.completionSymbols.length === 0)
+          throw new Error("There are no imported concepts for LLM generation");
+        const r = this.editor.completionSymbols.map((f) => ({
+          name: f.label,
+          type: f.datatype,
+          description: f.description,
+          calculation: f.calculation
+        })), i = async (f) => {
+          const m = n.connections[this.editor.connection], a = {
+            text: f,
+            queryType: m ? m.query_type : "",
+            editorType: this.editor.type,
+            imports: this.imports,
+            extraContent: this.rootContent
+          };
+          try {
+            const { resultPromise: p } = await o.executeQuery(
+              this.editor.connection,
+              a,
+              () => {
+              },
+              () => {
+              },
+              (k) => {
+                throw k;
+              },
+              () => !0,
+              !0
+              // Explain mode
+            );
+            return await p, !0;
+          } catch (p) {
+            throw p;
+          }
+        }, s = await e.generateQueryCompletion(l, r, i);
+        if (s)
+          x.setValue(s.content), this.editor.contents = x.getValue(), this.lastOperation = {
+            success: !0,
+            duration: Date.now() - (this.editor.startTime || 0),
+            type: "LLM Generation"
+          };
+        else
+          throw new Error("LLM could not successfully generate query");
+      } catch (l) {
+        if (l instanceof Error)
+          throw this.editor.setError(l.message), l;
+        this.editor.setError("Unknown error occurred during LLM generation"), this.lastOperation = {
+          success: !1,
+          duration: 0,
+          type: "LLM Generation"
+        };
+      } finally {
+        this.editor.loading = !1, x && x.layout();
+      }
+    },
+    getContent() {
+      return x ? x.getValue() : this.editor.contents || "";
+    }
+  }
+}), xo = { class: "editor-container" }, Ho = { class: "menu-bar" }, Oo = { class: "menu-actions" }, Vo = { class: "editor-content" }, Qo = { class: "sidebar-panel" }, Bo = { class: "be-sidebar-container" }, No = { class: "be-sidebar-icons" }, Po = { class: "result-wrapper" }, Ko = {
+  key: 1,
+  class: "error-message"
+}, Wo = {
+  key: 2,
+  class: "results-summary",
+  "data-testid": "simple-editor-results"
+}, _o = { class: "results-details" }, Uo = {
+  key: 0,
+  class: "timing"
+}, jo = {
+  key: 1,
+  class: "row-count"
+}, Go = {
+  key: 2,
+  class: "operation-type"
+};
+function zo(e, o, n, l, r, i) {
+  const s = Z("SymbolsPane"), f = Z("loading-view");
+  return c(), y("div", xo, [
+    t("div", Ho, [
+      t("div", Oo, [
+        t("button", {
+          class: "action-item",
+          onClick: o[0] || (o[0] = (...m) => e.generateLLMQuery && e.generateLLMQuery(...m)),
+          title: "Generate query using AI",
+          "data-testid": "editor-generate-button"
+        }, " Generate "),
+        e.editor.type !== "sql" ? (c(), y("button", {
+          key: 0,
+          class: "action-item",
+          onClick: o[1] || (o[1] = () => e.validateQuery())
+        }, " Parse ")) : M("", !0),
+        e.editor.type !== "sql" ? (c(), y("button", {
+          key: 1,
+          class: "action-item",
+          onClick: o[2] || (o[2] = (...m) => e.formatQuery && e.formatQuery(...m)),
+          title: "Format query"
+        }, " Format ")) : M("", !0),
+        t("button", {
+          onClick: o[3] || (o[3] = (m) => e.editor.loading ? e.cancelQuery() : e.runQuery()),
+          class: R(["action-item", { "button-cancel": e.editor.loading, "button-run": !e.editor.loading }]),
+          "data-testid": "editor-run-button"
+        }, O(e.editor.loading ? "Cancel" : "Test"), 3)
+      ])
+    ]),
+    t("div", Vo, [
+      t("div", {
+        ref: "editorElement",
+        class: R(["editor-obj", {
+          "monaco-width-with-panel": e.isPanelVisible,
+          "monaco-width-no-panel": !e.isPanelVisible
+        }]),
+        "data-testid": "simple-editor-content"
+      }, null, 2),
+      se(t("div", Qo, [
+        J(s, {
+          symbols: e.editor.completionSymbols || [],
+          onSelectSymbol: e.insertSymbol,
+          ref: "symbolsPane"
+        }, null, 8, ["symbols", "onSelectSymbol"])
+      ], 512), [
+        [st, e.isPanelVisible]
+      ]),
+      t("div", Bo, [
+        t("div", No, [
+          t("button", {
+            class: R(["sidebar-icon-button", { active: e.isPanelVisible }]),
+            onClick: o[4] || (o[4] = (m) => e.togglePanel("symbols")),
+            title: "Symbols"
+          }, [...o[5] || (o[5] = [
+            t("i", { class: "mdi mdi-tag-search-outline" }, null, -1)
+          ])], 2)
+        ])
+      ])
+    ]),
+    t("div", Po, [
+      e.editor.loading ? (c(), G(f, {
+        key: 0,
+        class: "loading-view",
+        text: "Loading...",
+        startTime: e.editor.startTime
+      }, null, 8, ["startTime"])) : e.editor.error ? (c(), y("div", Ko, O(e.editor.error), 1)) : e.lastOperation ? (c(), y("div", Wo, [
+        t("div", {
+          class: R(["status-badge", e.lastOperation.success ? "success" : "error"])
+        }, O(e.lastOperation.success ? "SUCCESS" : "FAILED"), 3),
+        t("div", _o, [
+          e.lastOperation.duration ? (c(), y("div", Uo, O(e.lastOperation.duration) + "ms", 1)) : M("", !0),
+          e.lastOperation.rows !== void 0 ? (c(), y("div", jo, O(e.lastOperation.rows) + " " + O(e.lastOperation.rows === 1 ? "row" : "rows"), 1)) : M("", !0),
+          e.lastOperation.type ? (c(), y("div", Go, O(e.lastOperation.type), 1)) : M("", !0)
+        ])
+      ])) : M("", !0)
+    ])
+  ]);
+}
+const ze = /* @__PURE__ */ X(qo, [["render", zo], ["__scopeId", "data-v-b1298af8"]]), Jo = { class: "editor-overlay" }, Yo = { class: "editor-actions" }, Xo = ["data-testid"], Zo = /* @__PURE__ */ Y({
+  __name: "DashboardEditorDialog",
+  props: {
+    initialWidth: {},
+    initialHeight: {},
+    minWidth: { default: 400 },
+    minHeight: { default: 200 },
+    saveLabel: { default: "Save" },
+    saveTestId: { default: "" }
+  },
+  emits: ["save", "cancel"],
+  setup(e, { emit: o }) {
+    const n = e, l = o, { editorElement: r, dialogStyle: i, startResize: s } = kt(() => l("cancel"), {
+      initialWidth: n.initialWidth,
+      initialHeight: n.initialHeight,
+      minWidth: n.minWidth,
+      minHeight: n.minHeight
+    });
+    return (f, m) => (c(), y("div", Jo, [
+      t("div", {
+        ref_key: "editorElement",
+        ref: r,
+        class: "content-editor",
+        style: De(oe(i))
+      }, [
+        Ve(f.$slots, "default", {}, void 0, !0),
+        t("div", Yo, [
+          Ve(f.$slots, "actions", {}, () => [
+            t("button", {
+              class: "save-button",
+              "data-testid": n.saveTestId || void 0,
+              onClick: m[0] || (m[0] = (a) => l("save"))
+            }, O(n.saveLabel), 9, Xo),
+            t("button", {
+              class: "cancel-button",
+              onClick: m[1] || (m[1] = (a) => l("cancel"))
+            }, "Cancel")
+          ], !0)
+        ]),
+        J(St, { onStartResize: oe(s) }, null, 8, ["onStartResize"])
+      ], 4)
+    ]));
+  }
+}), Je = /* @__PURE__ */ X(Zo, [["__scopeId", "data-v-580721a8"]]), ei = { class: "editor-body" }, ti = /* @__PURE__ */ Y({
+  __name: "DashboardChartEditor",
+  props: {
+    content: {},
+    connectionName: {},
+    imports: {},
+    rootContent: {},
+    initialWidth: {},
+    initialHeight: {}
+  },
+  emits: ["save", "cancel"],
+  setup(e, { emit: o }) {
+    const n = e, l = o, r = I(n.content), i = I(n.imports), s = I(null);
+    function f() {
+      s.value && l("save", s.value.getContent());
+    }
+    function m() {
+      l("cancel");
+    }
+    return (a, p) => (c(), G(Je, {
+      initialWidth: n.initialWidth,
+      initialHeight: n.initialHeight,
+      saveLabel: "Save Query",
+      saveTestId: "save-dashboard-chart",
+      onSave: f,
+      onCancel: m
+    }, {
+      default: z(() => [
+        t("div", ei, [
+          J(ze, {
+            class: "editor-content",
+            initContent: r.value,
+            connectionName: e.connectionName,
+            imports: i.value,
+            rootContent: e.rootContent,
+            ref_key: "editor",
+            ref: s
+          }, null, 8, ["initContent", "connectionName", "imports", "rootContent"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["initialWidth", "initialHeight"]));
+  }
+}), Di = /* @__PURE__ */ X(ti, [["__scopeId", "data-v-9717eaff"]]), ni = { class: "tab-header" }, oi = { class: "editor-body" }, ii = {
+  key: 0,
+  class: "tab-content"
+}, ri = {
+  key: 1,
+  class: "tab-content"
+}, li = /* @__PURE__ */ Y({
+  __name: "DashboardMarkdownEditor",
+  props: {
+    content: {},
+    connectionName: {},
+    imports: {},
+    rootContent: {},
+    initialWidth: {},
+    initialHeight: {}
+  },
+  emits: ["save", "cancel"],
+  setup(e, { emit: o }) {
+    const n = e, l = o, r = g(() => typeof n.content == "string" ? { markdown: n.content, query: "" } : { markdown: n.content.markdown || "", query: n.content.query || "" }), i = I(r.value.markdown), s = I(r.value.query), f = I(n.imports), m = I(null), a = I("markdown");
+    ae(
+      () => n.content,
+      (S) => {
+        const h = typeof S == "string" ? { markdown: S, query: "" } : { markdown: S.markdown || "", query: S.query || "" };
+        i.value = h.markdown, s.value = h.query;
+      }
+    ), ae(a, (S, h) => {
+      h === "query" && m.value && (s.value = m.value.getContent());
+    });
+    function p() {
+      a.value === "query" && m.value && (s.value = m.value.getContent()), l("save", {
+        markdown: i.value,
+        query: s.value
+      });
+    }
+    function k() {
+      l("cancel");
+    }
+    function b(S) {
+      a.value === "query" && m.value && (s.value = m.value.getContent()), a.value = S;
+    }
+    function D(S, h = "") {
+      const W = document.querySelector(".markdown-editor");
+      if (!W) return;
+      const C = W.selectionStart, v = W.selectionEnd, $ = i.value.substring(C, v), ee = i.value.substring(0, C), te = i.value.substring(v);
+      i.value = ee + S + $ + h + te, setTimeout(() => {
+        W.focus(), W.setSelectionRange(C + S.length, C + S.length + $.length);
+      }, 0);
+    }
+    function q() {
+      D("**", "**");
+    }
+    function E() {
+      D("*", "*");
+    }
+    function A() {
+      D("## ");
+    }
+    function T() {
+      D("- ");
+    }
+    function Q() {
+      D("[", "](url)");
+    }
+    function K() {
+      D("{data[0].field_name}");
+    }
+    function B() {
+      D(`{{#each data}}
+- {{field_name}}
+{{/each}}`);
+    }
+    return (S, h) => (c(), G(Je, {
+      initialWidth: n.initialWidth,
+      initialHeight: n.initialHeight,
+      saveLabel: "Save Content",
+      saveTestId: "save-dashboard-markdown",
+      onSave: p,
+      onCancel: k
+    }, {
+      default: z(() => [
+        t("div", ni, [
+          t("button", {
+            onClick: h[0] || (h[0] = (W) => b("markdown")),
+            class: R([{ active: a.value === "markdown" }, "tab-button"])
+          }, [...h[3] || (h[3] = [
+            t("i", { class: "mdi mdi-note-text-outline" }, null, -1),
+            t("span", null, "Markdown Template", -1)
+          ])], 2),
+          t("button", {
+            onClick: h[1] || (h[1] = (W) => b("query")),
+            class: R([{ active: a.value === "query" }, "tab-button"])
+          }, [...h[4] || (h[4] = [
+            t("i", { class: "mdi mdi-magnify" }, null, -1),
+            t("span", null, "Data Query", -1)
+          ])], 2)
+        ]),
+        t("div", oi, [
+          a.value === "markdown" ? (c(), y("div", ii, [
+            t("div", { class: "markdown-toolbar" }, [
+              t("button", {
+                onClick: q,
+                title: "Bold"
+              }, [...h[5] || (h[5] = [
+                t("strong", null, "B", -1)
+              ])]),
+              t("button", {
+                onClick: E,
+                title: "Italic"
+              }, [...h[6] || (h[6] = [
+                t("em", null, "I", -1)
+              ])]),
+              t("button", {
+                onClick: A,
+                title: "Heading"
+              }, "H"),
+              t("button", {
+                onClick: T,
+                title: "List"
+              }, [...h[7] || (h[7] = [
+                t("i", { class: "mdi mdi-format-list-bulleted" }, null, -1)
+              ])]),
+              t("button", {
+                onClick: Q,
+                title: "Link"
+              }, [...h[8] || (h[8] = [
+                t("i", { class: "mdi mdi-link-variant" }, null, -1)
+              ])]),
+              h[10] || (h[10] = t("div", { class: "toolbar-separator" }, null, -1)),
+              t("button", {
+                onClick: K,
+                title: "Insert data reference",
+                class: "data-button"
+              }, " {} "),
+              t("button", {
+                onClick: B,
+                title: "Insert loop",
+                class: "data-button"
+              }, [...h[9] || (h[9] = [
+                t("i", { class: "mdi mdi-refresh" }, null, -1)
+              ])])
+            ]),
+            se(t("textarea", {
+              "onUpdate:modelValue": h[2] || (h[2] = (W) => i.value = W),
+              placeholder: `Enter markdown content here...
+
+Template examples:
+- {field_name} - First row value
+- {data[0].field_name} - Specific row
+- {data.length} - Total rows
+- {{#each data}} {{field_name}} {{/each}} - Loop all
+- {{#each data limit=5}} {{field_name}} {{/each}} - Loop first 5`,
+              class: "markdown-editor"
+            }, null, 512), [
+              [ve, i.value]
+            ])
+          ])) : M("", !0),
+          a.value === "query" ? (c(), y("div", ri, [
+            h[11] || (h[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)),
+            J(ze, {
+              class: "editor-content",
+              initContent: s.value,
+              connectionName: e.connectionName,
+              imports: f.value,
+              rootContent: e.rootContent,
+              ref_key: "editor",
+              ref: m
+            }, null, 8, ["initContent", "connectionName", "imports", "rootContent"])
+          ])) : M("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["initialWidth", "initialHeight"]));
+  }
+}), Ii = /* @__PURE__ */ X(li, [["__scopeId", "data-v-d2f32030"]]), ai = { class: "dashboard-setup" }, si = { class: "setup-section" }, di = {
+  key: 0,
+  class: "setup-section"
+}, ui = { class: "action-row" }, ci = ["disabled"], mi = {
+  key: 0,
+  class: "error-message"
+}, hi = { class: "setup-section" }, fi = { class: "templates-grid" }, vi = ["onClick", "data-testid"], pi = { class: "template-icon" }, yi = { class: "template-info" }, gi = { class: "template-title" }, bi = { class: "template-desc" }, V = 20, Ti = /* @__PURE__ */ Y({
+  __name: "DashboardCTA",
+  props: {
+    dashboardId: {}
+  },
+  emits: ["template-selected", "description-updated"],
+  setup(e, { emit: o }) {
+    const n = _("dashboardStore"), l = _("editorStore"), r = _("llmConnectionStore"), i = _(
+      "queryExecutionService"
+    ), s = _("saveDashboards");
+    if (!n || !r || !i || !s)
+      throw new Error("DashboardStore, LLMConnectionStore, or QueryExecutionService not provided");
+    const f = e, m = g(() => r.activeConnection), a = o, p = I(""), k = I(""), b = I(!1), D = I(""), q = I(null), E = V / 4, A = [
+      {
+        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: V, h: 3, type: w.MARKDOWN },
+          { i: "kpi1", x: 0, y: 3, w: V / 4, h: 4, type: w.CHART },
+          { i: "kpi2", x: E, y: 3, w: V / 4, h: 4, type: w.CHART },
+          { i: "kpi3", x: E * 2, y: 3, w: V / 4, h: 4, type: w.CHART },
+          { i: "kpi4", x: E * 3, y: 3, w: V / 4, h: 4, type: w.CHART },
+          { i: "trend", x: 0, y: 7, w: V / 2, h: 8, type: w.CHART },
+          { i: "breakdown", x: V / 2, y: 7, w: V / 2, h: 8, type: w.CHART }
+        ]
+      },
+      {
+        id: "drilldown",
+        name: "Drill-Down Analysis",
+        description: "Hierarchical data exploration with filtering capabilities",
+        icon: "mdi-magnify-expand",
+        layout: [
+          { i: "filters", x: 0, y: 0, w: V, h: 3, type: w.MARKDOWN },
+          { i: "overview", x: 0, y: 3, w: V, h: 5, type: w.CHART },
+          { i: "detail1", x: 0, y: 8, w: V / 2, h: 8, type: w.CHART },
+          { i: "detail2", x: V / 2, y: 10, w: V / 2, h: 8, type: w.CHART },
+          { i: "datatable", x: 0, y: 20, w: V, h: 8, type: w.TABLE }
+        ]
+      },
+      {
+        id: "comparison",
+        name: "Comparison Dashboard",
+        description: "Side-by-side comparisons of metrics across dimensions",
+        icon: "mdi-compare",
+        layout: [
+          { i: "title", x: 0, y: 0, w: V, h: 3, type: w.MARKDOWN },
+          { i: "compare1", x: 0, y: 3, w: V / 2, h: 6, type: w.CHART },
+          { i: "compare2", x: V / 2, y: 3, w: V / 2, h: 6, type: w.CHART },
+          { i: "compare3", x: 0, y: 9, w: V / 2, h: 6, type: w.CHART },
+          { i: "compare4", x: V / 2, y: 9, w: V / 2, h: 6, type: w.CHART },
+          { i: "summary", x: 0, y: 15, w: V, h: 5, type: w.MARKDOWN }
+        ]
+      },
+      {
+        id: "trends",
+        name: "Time Series Analysis",
+        description: "Visualization of trends and patterns over time",
+        icon: "mdi-chart-timeline-variant",
+        layout: [
+          { i: "headline", x: 0, y: 0, w: V, h: 3, type: w.MARKDOWN },
+          { i: "maintrend", x: 0, y: 3, w: V, h: 8, type: w.CHART },
+          { i: "breakdown1", x: 0, y: 11, w: V / 3, h: 6, type: w.CHART },
+          { i: "breakdown2", x: V / 3, y: 11, w: V / 3, h: 6, type: w.CHART },
+          { i: "breakdown3", x: V / 3 * 2, y: 11, w: V / 3, h: 6, type: w.CHART },
+          { i: "forecast", x: 0, y: 17, w: V, h: 6, type: w.CHART }
+        ]
+      }
+      //   {
+      //     id: 'custom',
+      //     name: 'Start from Scratch',
+      //     description: 'Build your dashboard completely from scratch',
+      //     icon: 'mdi-pencil-outline',
+      //     layout: []
+      //   }
+    ];
+    function T(B) {
+      q.value = B;
+      const S = A.find((h) => h.id === B);
+      if (S && f.dashboardId) {
+        for (const h of S.layout)
+          n.addItemToDashboard(
+            f.dashboardId,
+            h.type,
+            h.x,
+            h.y,
+            h.w,
+            h.h
+          );
+        a("template-selected", B);
+      }
+    }
+    function Q() {
+      f.dashboardId && p.value && (n.updateDashboardDescription(f.dashboardId, p.value), a("description-updated", p.value));
+    }
+    async function K() {
+      if (!k.value.trim()) {
+        D.value = "Please provide a prompt for the dashboard generation.";
+        return;
+      }
+      try {
+        b.value = !0, D.value = "";
+        const B = await n.generatePromptSpec(
+          k.value,
+          r,
+          i,
+          l
+        );
+        console.log("Prompt spec generated:", B), B ? (await n.populateFromPromptSpec(
+          f.dashboardId,
+          B,
+          r,
+          i,
+          l
+        ), !p.value && B.description && (p.value = B.description, Q()), s()) : D.value = "Failed to generate dashboard specification.";
+      } catch (B) {
+        console.error("Error generating dashboard with LLM:", B), D.value = "An error occurred while generating the dashboard.";
+      } finally {
+        b.value = !1;
+      }
+    }
+    return (B, S) => (c(), y("div", ai, [
+      S[7] || (S[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", si, [
+        S[3] || (S[3] = t("h3", { class: "section-title" }, "Description", -1)),
+        se(t("textarea", {
+          "onUpdate:modelValue": S[0] || (S[0] = (h) => p.value = h),
+          placeholder: "What is this dashboard for? Add context to help viewers understand the data...",
+          rows: "3",
+          class: "description-input"
+        }, null, 512), [
+          [ve, p.value]
+        ]),
+        t("button", {
+          onClick: Q,
+          class: "action-button save-button",
+          "data-testid": "dashboard-description-save"
+        }, [...S[2] || (S[2] = [
+          t("i", { class: "mdi mdi-content-save" }, null, -1),
+          ne(" Save ", -1)
+        ])])
+      ]),
+      m.value ? (c(), y("div", di, [
+        S[4] || (S[4] = t("h3", { class: "section-title" }, "AI Copilot", -1)),
+        S[5] || (S[5] = t("p", { class: "section-desc" }, " Let AI help build your dashboard based on your data and description ", -1)),
+        se(t("textarea", {
+          "onUpdate:modelValue": S[1] || (S[1] = (h) => k.value = h),
+          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]
+        ]),
+        t("div", ui, [
+          t("button", {
+            onClick: K,
+            class: "action-button llm-button",
+            disabled: b.value || !k.value.trim(),
+            "data-testid": "generate-with-llm-button"
+          }, [
+            t("i", {
+              class: R(["mdi", b.value ? "mdi-loading mdi-spin" : "mdi-creation"])
+            }, null, 2),
+            ne(" " + O(b.value ? "Generating..." : "Generate with AI"), 1)
+          ], 8, ci),
+          D.value ? (c(), y("div", mi, O(D.value), 1)) : M("", !0)
+        ])
+      ])) : M("", !0),
+      t("div", hi, [
+        S[6] || (S[6] = t("h3", { class: "section-title" }, "Templates", -1)),
+        t("div", fi, [
+          (c(), y(ce, null, be(A, (h) => t("div", {
+            key: h.id,
+            class: R(["template-card", { selected: q.value === h.id }]),
+            onClick: (W) => T(h.id),
+            "data-testid": `template-card-${h.id}`
+          }, [
+            t("div", pi, [
+              t("i", {
+                class: R(["mdi", h.icon])
+              }, null, 2)
+            ]),
+            t("div", yi, [
+              t("h4", gi, O(h.name), 1),
+              t("p", bi, O(h.description), 1)
+            ])
+          ], 10, vi)), 64))
+        ])
+      ])
+    ]));
+  }
+});
+function $i(e, o, n, l) {
+  const r = Et(), i = je();
+  let s = _("queryExecutionService");
+  const f = Ue(), { setActiveDashboard: m } = Ge();
+  if (!s)
+    throw new Error("QueryExecutionService not provided");
+  const a = I(""), p = I(""), k = I(""), b = I(null), D = I(null), q = I(!1), E = I(!1), A = I(!1), T = I([]), Q = g(() => o.maxWidth || "100vw"), K = g(() => e.value ? e.value.layout : []), B = g(() => e.value ? [...e.value.layout].sort((u, L) => (u.y + u.y + u.h) / 2 - (L.y + L.y + L.h) / 2) : []), S = g(() => e.value ? e.value.connection : ""), h = g(() => o.viewMode ? !1 : e.value ? e.value.state === "editing" : !1), W = g(() => e.value ? e.value.imports.map((u) => {
+    var L, d;
+    return {
+      alias: u.name,
+      // legacy handling
+      contents: ((L = i.editors[u.id]) == null ? void 0 : L.contents) || ((d = i.editors[u.name]) == null ? void 0 : d.contents) || ""
+    };
+  }) : []);
+  function C(u) {
+    if (!(u != null && u.id)) return;
+    u.state === "fullscreen" && n.fullScreen(!0), r.setActiveDashboard(u.id), k.value = "", a.value = "", p.value = "", T.value = [], u.filter && (a.value = u.filter, p.value = u.filter);
+    const L = Ae(u.id), d = Object.keys(u.gridItems).filter(
+      (H) => u.gridItems[H].type !== w.SECTION_HEADER && !u.gridItems[H].results
+    );
+    L == null || L.runBatch(d), te();
+  }
+  ae(
+    () => {
+      var u;
+      return (u = e.value) == null ? void 0 : u.id;
+    },
+    (u, L) => {
+      u && u !== L && e.value && C(e.value);
+    }
+  ), Ke(() => {
+    e.value && C(e.value);
+    const u = new ResizeObserver(() => {
+      n.triggerResize();
+    }), L = o.isMobile ? ".mobile-container" : ".grid-container", d = document.querySelector(L);
+    d && u.observe(d);
+  }), dt(() => {
+    b.value !== null && clearTimeout(b.value);
+  });
+  async function v() {
+    var u;
+    if (e.value && e.value.id) {
+      a.value = "", p.value = "", k.value = "";
+      let L = r.removeAllFilters(e.value.id);
+      await ((u = r.getQueryExecutor(e.value.id)) == null ? void 0 : u.runBatch(L));
+    }
+  }
+  async function $(u) {
+    var L;
+    if (!u || Ne(u) === "") {
+      if (k.value = "", e.value && e.value.id) {
+        let d = r.updateDashboardFilter(
+          e.value.id,
+          Ne(u)
+        );
+        await ((L = r.getQueryExecutor(e.value.id)) == null ? void 0 : L.runBatch(d));
+      }
+      return;
+    }
+    e.value && e.value.id && (a.value = u, await (s == null ? void 0 : s.generateQuery(e.value.connection, {
+      text: "select 1 as test;",
+      editorType: "trilogy",
+      extraFilters: [u],
+      imports: e.value.imports,
+      extraContent: W.value
+    }).then(() => {
+      var d;
+      if (k.value = "", e.value && e.value.id) {
+        let H = r.updateDashboardFilter(e.value.id, u);
+        (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch(H);
+      }
+    }).catch((d) => (k.value = d.message, !1))));
+  }
+  const ee = 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,
+        {
+          text: "select 1 as test;",
+          editorType: "trilogy",
+          imports: e.value.imports,
+          extraFilters: [L],
+          extraContent: W.value
+        },
+        () => {
+        },
+        () => {
+        },
+        () => {
+        },
+        () => {
+        },
+        !0
+      ));
+      if (!d)
+        throw new Error("No promises returned from query execution service");
+      let H = await d.resultPromise;
+      if (!H.success)
+        throw new Error(
+          `Validation of "select 1 as test ${L}" resulted in ${H.error}`
+        );
+    } else
+      throw new Error("Dashboard not found");
+  };
+  async function te() {
+    if (e.value && e.value.id && s) {
+      let u = await r.populateCompletion(
+        e.value.id,
+        s,
+        i
+      );
+      u && (T.value = u), k.value = "";
+    }
+  }
+  async function U(u) {
+    e.value && e.value.id && (r.updateDashboardImports(e.value.id, u), await te());
+  }
+  const Ce = (u) => {
+    e.value && (r.setState(e.value.id, u), Qe(() => {
+      n.triggerResize();
+    }));
+  }, me = (u) => {
+    e.value && e.value.id && r.updateDashboardLayout(e.value.id, u);
+  };
+  function j() {
+    A.value = !0;
+  }
+  function N(u = w.CHART) {
+    if (!e.value || !e.value.id) return;
+    const L = u === w.SECTION_HEADER ? r.addItemToDashboard(e.value.id, u, 0, 0, 20, 1) : r.addItemToDashboard(e.value.id, u);
+    A.value = !1, Qe(() => {
+      n.dimensionsUpdate(L);
+    });
+  }
+  function F(u) {
+    !e.value || !e.value.id || r.updateDashboardTitle(e.value.id, u);
+  }
+  function P() {
+    !e.value || !e.value.id || r.clearDashboardItems(e.value.id);
+  }
+  function he(u) {
+    !e.value || !e.value.id || r.removeItemFromDashboard(e.value.id, u);
+  }
+  function we(u) {
+    !e.value || !e.value.id || r.copyItemInDashboard(e.value.id, u);
+  }
+  function ke() {
+    A.value = !1;
+  }
+  function Ye(u) {
+    if (D.value = u, !e.value || !e.value.id) return;
+    const d = e.value.gridItems[u.i];
+    d && (d.type === w.CHART ? q.value = !0 : d.type === w.MARKDOWN ? E.value = !0 : d.type === w.TABLE || d.type === w.FILTER ? q.value = !0 : d.type === w.SECTION_HEADER && (D.value = null));
+  }
+  function Xe(u) {
+    if (!e.value || !e.value.id || !D.value) return;
+    const L = D.value.i;
+    Me(L, e.value.id, { content: u }), Re();
+  }
+  function Re() {
+    q.value = !1, E.value = !1, D.value = null;
+  }
+  function Fe(u, L) {
+    if (L && e.value && e.value.id !== L)
+      return {
+        type: w.CHART,
+        content: "",
+        structured_content: { markdown: "", query: "" },
+        name: `Item ${u}`,
+        allowCrossFilter: !0,
+        width: 0,
+        height: 0,
+        imports: [],
+        filters: [],
+        rootContent: [],
+        hasDrilldown: !1
+      };
+    if (!e.value)
+      return {
+        type: w.CHART,
+        content: "",
+        structured_content: { markdown: "", query: "" },
+        name: `Item ${u}`,
+        allowCrossFilter: !0,
+        width: 0,
+        height: 0,
+        imports: [],
+        filters: [],
+        rootContent: [],
+        hasDrilldown: !1
+      };
+    const d = e.value.gridItems[u];
+    if (!d)
+      return {
+        type: w.CHART,
+        content: "",
+        structured_content: { markdown: "", query: "" },
+        name: `Item ${u}`,
+        allowCrossFilter: !0,
+        width: 0,
+        height: 0,
+        imports: e.value.imports,
+        filters: [],
+        rootContent: [],
+        connectionName: e.value.connection || "",
+        hasDrilldown: !1
+      };
+    const H = d.filters || [];
+    let ie = H;
+    e.value.filter && (H.some(
+      (xe) => {
+        var He;
+        return xe.source === "global" && xe.value === ((He = e.value) == null ? void 0 : He.filter);
+      }
+    ) || (ie = [{ value: e.value.filter, source: "global" }, ...H]));
+    function de(re) {
+      return re && typeof re == "object" && typeof re.markdown == "string" && typeof re.query == "string";
+    }
+    let pe = !1, Se = de(d.content) ? d.content : {
+      markdown: d.type === "markdown" ? d.content : "",
+      query: d.type !== "markdown" ? d.content : ""
+    };
+    d.drilldown && (pe = !0, Se = de(d.drilldown) ? d.drilldown : {
+      markdown: d.type === "markdown" ? d.drilldown : "",
+      query: d.type !== "markdown" ? d.drilldown : ""
+    });
+    let ye = d.chartConfig;
+    return pe && (ye = d.drilldownChartConfig || void 0), {
+      type: d.type,
+      // check if it's MarkdownData, and if so, extract markdown
+      //
+      content: de(d.content) ? d.content.markdown : d.content || "",
+      // display the drilldown of set
+      structured_content: Se,
+      name: d.name,
+      allowCrossFilter: d.allowCrossFilter !== !1,
+      // Default to true if not explicitly false
+      width: d.width || 0,
+      height: d.height || 0,
+      chartConfig: ye,
+      filters: ie,
+      chartFilters: d.chartFilters || [],
+      conceptFilters: d.conceptFilters || [],
+      parameters: d.parameters || {},
+      onRefresh: qe,
+      rootContent: W.value,
+      results: d.results || null,
+      connectionName: e.value.connection || "",
+      imports: e.value.imports,
+      error: d.error || "",
+      loading: d.loading || !1,
+      loadStartTime: d.loadStartTime || null,
+      // Include load start time if available
+      hasDrilldown: pe
+    };
+  }
+  function Me(u, L, d) {
+    if (!e.value || !e.value.id) return;
+    if (!L || e.value.id !== L) {
+      console.warn(
+        "Dashboard ID mismatch. Cannot set item data. Given:",
+        L,
+        "Expected:",
+        e.value.id
+      );
+      return;
+    }
+    const H = {};
+    if (d.name && (H.name = d.name), d.chartConfig && (H.chartConfig = d.chartConfig), d.content && (H.content = d.content), d.dimensions && (H.layoutDimensions = {
+      w: d.dimensions.width,
+      h: d.dimensions.height
+    }), d.width && d.height && (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 ie = Ae(e.value.id);
+      ie == null || ie.runSingle(u);
+    }
+  }
+  function Ae(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");
+    if (!f) throw new Error("Connection store not found");
+    let L = r.dashboards[u];
+    const d = r.getOrCreateQueryExecutor(u, {
+      queryExecutionService: s,
+      connectionStore: f,
+      editorStore: i,
+      connectionName: L.connection,
+      dashboardId: u,
+      getDashboardData: (H) => r.dashboards[H],
+      getItemData: Fe,
+      setItemData: Me
+    });
+    return d || console.warn("No query executor found for dashboard:", e.value.id), d;
+  }
+  function Ze(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 qe(u) {
+    var L, d;
+    if (e.value) {
+      if (u) {
+        (L = r.getQueryExecutor(e.value.id)) == null || L.runSingle(u), n.dimensionsUpdate(u);
+        return;
+      }
+      (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch(Object.keys(e.value.gridItems));
+    }
+  }
+  function et(u) {
+    var ie;
+    if (!e.value || !e.value.id) return;
+    let L = T.value.map((de) => de.label);
+    const d = Object.entries(u.filters).reduce(
+      (de, [pe, Se]) => {
+        let ye = pe, re = null;
+        return ye.startsWith("local.") && (re = ye.replace("local.", "")), (L.includes(ye) || re && L.includes(re)) && (de[pe] = Se), de;
+      },
+      {}
+    );
+    if (!d || Object.keys(d).length === 0) {
+      console.log("No valid filters to apply from cross-filter event, given ", u.filters);
+      return;
+    }
+    let H = r.updateItemCrossFilters(
+      e.value.id,
+      u.source,
+      d,
+      u.chart,
+      u.append ? "append" : "add"
+    );
+    (ie = r.getQueryExecutor(e.value.id)) == null || ie.runBatch(H);
+  }
+  function tt(u, L) {
+    var d;
+    !e.value || !e.value.id || (r.removeItemCrossFilter(e.value.id, u, L), (d = r.getQueryExecutor(e.value.id)) == null || d.runSingle(u));
+  }
+  function nt(u) {
+    var d;
+    if (!e.value || !e.value.id) return;
+    let L = r.removeItemCrossFilterSource(e.value.id, u);
+    (d = r.getQueryExecutor(e.value.id)) == null || d.runBatch(L);
+  }
+  function ot(u) {
+    m(u);
+  }
+  return {
+    // State
+    dashboard: e,
+    layout: K,
+    sortedLayout: B,
+    editMode: h,
+    selectedConnection: S,
+    filter: a,
+    filterError: k,
+    globalCompletion: T,
+    showAddItemModal: A,
+    showQueryEditor: q,
+    showMarkdownEditor: E,
+    editingItem: D,
+    dashboardMaxWidth: Q,
+    rootContent: W,
+    // Methods
+    handleFilterChange: $,
+    handleFilterClear: v,
+    handleImportChange: U,
+    validateFilter: ee,
+    onConnectionChange: Ze,
+    toggleMode: Ce,
+    onLayoutUpdated: me,
+    openAddItemModal: j,
+    addItem: N,
+    clearItems: P,
+    removeItem: he,
+    copyItem: we,
+    closeAddModal: ke,
+    openEditor: Ye,
+    saveContent: Xe,
+    closeEditors: Re,
+    getDashboardQueryExecutor: Ae,
+    getItemData: Fe,
+    setItemData: Me,
+    handleRefresh: qe,
+    setCrossFilter: et,
+    removeFilter: tt,
+    unSelect: nt,
+    dashboardCreated: ot,
+    updateTitle: F
+  };
+}
+export {
+  Di as C,
+  ki as D,
+  Ii as M,
+  Ti as _,
+  Si as a,
+  Ei as b,
+  $i as u
+};