drizzle-cube 0.2.3 → 0.2.4

package/dist/client/components.js

@@ -1,15 +1,15 @@
 import { jsxs as r, jsx as e, Fragment as ce } from "react/jsx-runtime";
 import * as $e from "react";
-import Ve, { Component as sr, forwardRef as _t, useState as q, useRef as xe, useEffect as oe, useMemo as De, useImperativeHandle as jt, useCallback as J, Suspense as nr, lazy as ar } from "react";
+import Ve, { Component as sr, forwardRef as _t, useState as q, useRef as be, useEffect as oe, useMemo as De, useImperativeHandle as jt, useCallback as J, Suspense as nr, lazy as ar } from "react";
 import { useCubeQuery as lr, useDebounce as ir, useFilterValues as or, useResponsiveDashboard as cr } from "./hooks.js";
 import { useScrollContainer as dr, ScrollContainerProvider as Qt } from "./providers.js";
 import { a as M, f as ur, i as mr } from "./chunks/chart-activitygridchart-config-48WqIofo.js";
 import { L as fr } from "./chunks/chart-chartcontainer-CdwzIKP1.js";
 import { u as hr, i as Bt, L as it, b as Ut } from "./chunks/charts-DFbr7EGW.js";
 import { c as Qn, j as Bn, h as Un, e as zn, d as Jn, v as Hn } from "./chunks/charts-DFbr7EGW.js";
-import pr, { verticalCompactor as br } from "react-grid-layout";
+import pr, { verticalCompactor as xr } from "react-grid-layout";
 import { u as Ye } from "./chunks/chart-activitygridchart-BzL97Vnm.js";
-import { barChartConfig as xr } from "./chunks/chart-barchart-config-DjRZBtLb.js";
+import { barChartConfig as br } from "./chunks/chart-barchart-config-DjRZBtLb.js";
 import { lineChartConfig as gr } from "./chunks/chart-linechart-config-CVBVB7nS.js";
 import { areaChartConfig as yr } from "./chunks/chart-areachart-config-D8taXdn1.js";
 import { pieChartConfig as vr } from "./chunks/chart-piechart-config-Bdd31Gdi.js";
@@ -23,9 +23,9 @@ import { kpiNumberConfig as Tr } from "./chunks/chart-kpinumber-config-CVikHojM.
 import { kpiDeltaConfig as Ar } from "./chunks/chart-kpidelta-config-CnZfi_P2.js";
 import { kpiTextConfig as Er } from "./chunks/chart-kpitext-config-B2MovXSw.js";
 import { markdownConfig as Rr } from "./chunks/chart-markdownchart-config-Cq5Sxrgq.js";
-var ot = /* @__PURE__ */ new Map(), Ue = /* @__PURE__ */ new WeakMap(), xt = 0, Ir;
+var ot = /* @__PURE__ */ new Map(), Ue = /* @__PURE__ */ new WeakMap(), bt = 0, Ir;
 function Fr(t) {
-  return t ? (Ue.has(t) || (xt += 1, Ue.set(t, xt.toString())), Ue.get(t)) : "0";
+  return t ? (Ue.has(t) || (bt += 1, Ue.set(t, bt.toString())), Ue.get(t)) : "0";
 }
 function Or(t) {
   return Object.keys(t).sort().filter(
@@ -39,11 +39,11 @@ function $r(t) {
     const o = /* @__PURE__ */ new Map();
     let m;
     const c = new IntersectionObserver((f) => {
-      f.forEach((x) => {
+      f.forEach((b) => {
         var l;
-        const u = x.isIntersecting && m.some((d) => x.intersectionRatio >= d);
-        t.trackVisibility && typeof x.isVisible > "u" && (x.isVisible = u), (l = o.get(x.target)) == null || l.forEach((d) => {
-          d(u, x);
+        const u = b.isIntersecting && m.some((d) => b.intersectionRatio >= d);
+        t.trackVisibility && typeof b.isVisible > "u" && (b.isVisible = u), (l = o.get(b.target)) == null || l.forEach((d) => {
+          d(u, b);
         });
       });
     }, t);
@@ -69,9 +69,9 @@ function Lr(t, s, n = {}, o = Ir) {
     }), () => {
     };
   }
-  const { id: m, observer: c, elements: f } = $r(n), x = f.get(t) || [];
-  return f.has(t) || f.set(t, x), x.push(s), c.observe(t), function() {
-    x.splice(x.indexOf(s), 1), x.length === 0 && (f.delete(t), c.unobserve(t)), f.size === 0 && (c.disconnect(), ot.delete(m));
+  const { id: m, observer: c, elements: f } = $r(n), b = f.get(t) || [];
+  return f.has(t) || f.set(t, b), b.push(s), c.observe(t), function() {
+    b.splice(b.indexOf(s), 1), b.length === 0 && (f.delete(t), c.unobserve(t)), f.size === 0 && (c.disconnect(), ot.delete(m));
   };
 }
 function Mr({
@@ -82,24 +82,24 @@ function Mr({
   root: m,
   triggerOnce: c,
   skip: f,
-  initialInView: x,
+  initialInView: b,
   fallbackInView: l,
   onChange: u
 } = {}) {
   var d;
-  const [p, i] = $e.useState(null), N = $e.useRef(u), g = $e.useRef(x), [w, C] = $e.useState({
-    inView: !!x,
+  const [p, i] = $e.useState(null), N = $e.useRef(u), g = $e.useRef(b), [w, C] = $e.useState({
+    inView: !!b,
     entry: void 0
   });
   N.current = u, $e.useEffect(
     () => {
-      if (g.current === void 0 && (g.current = x), f || !p) return;
+      if (g.current === void 0 && (g.current = b), f || !p) return;
       let E;
       return E = Lr(
         p,
         (O, a) => {
-          const b = g.current;
-          g.current = O, !(b === void 0 && !O) && (C({
+          const x = g.current;
+          g.current = O, !(x === void 0 && !O) && (C({
             inView: O,
             entry: a
           }), N.current && N.current(O, a), a.isIntersecting && c && E && (E(), E = void 0));
@@ -134,9 +134,9 @@ function Mr({
   );
   const I = (d = w.entry) == null ? void 0 : d.target, F = $e.useRef(void 0);
   !p && I && !c && !f && F.current !== I && (F.current = I, C({
-    inView: !!x,
+    inView: !!b,
     entry: void 0
-  }), g.current = x);
+  }), g.current = b);
   const V = [i, w.inView, w.entry];
   return V.ref = V[0], V.inView = V[1], V.entry = V[2], V;
 }
@@ -288,16 +288,16 @@ function gt(t) {
 function Qr(t, s, n) {
   if (!n || n.length === 0 || !s || s.length === 0)
     return n;
-  const o = t?.filter((x) => x.isUniversalTime && s.includes(x.id))?.filter((x) => {
-    if (!("member" in x.filter)) return !1;
-    const l = x.filter;
+  const o = t?.filter((b) => b.isUniversalTime && s.includes(b.id))?.filter((b) => {
+    if (!("member" in b.filter)) return !1;
+    const l = b.filter;
     return gt(l) !== void 0;
   });
   if (!o || o.length === 0)
     return n;
   const c = o[0].filter, f = gt(c);
-  return n.map((x) => ({
-    ...x,
+  return n.map((b) => ({
+    ...b,
     dateRange: f
   }));
 }
@@ -309,7 +309,7 @@ const Ke = _t(({
   dashboardFilters: m,
   dashboardFilterMapping: c,
   eagerLoad: f = !1,
-  isVisible: x,
+  isVisible: b,
   // Deprecated - visibility now handled internally via useInView
   height: l = 300,
   title: u,
@@ -317,7 +317,7 @@ const Ke = _t(({
   loadingComponent: p,
   onDebugDataReady: i
 }, N) => {
-  const [g, w] = q(0), C = xe(i), I = dr(), { ref: F, inView: V } = Mr({
+  const [g, w] = q(0), C = be(i), I = dr(), { ref: F, inView: V } = Mr({
     root: I,
     rootMargin: "200px",
     // Start loading 200px before entering viewport
@@ -331,7 +331,7 @@ const Ke = _t(({
   oe(() => {
     C.current = i;
   }, [i]);
-  const { config: O } = hr(s), a = O.skipQuery === !0, b = De(() => {
+  const { config: O } = hr(s), a = O.skipQuery === !0, x = De(() => {
     if (a)
       return null;
     try {
@@ -349,7 +349,7 @@ const Ke = _t(({
     } catch (R) {
       return console.error("AnalyticsPortlet: Invalid query JSON:", R), null;
     }
-  }, [t, g, a, m, c]), h = !b || a || !f && !E, { resultSet: v, isLoading: y, error: k } = lr(b, {
+  }, [t, g, a, m, c]), h = !x || a || !f && !E, { resultSet: v, isLoading: y, error: k } = lr(x, {
     skip: h,
     resetResultSetOnChange: !0
   });
@@ -358,7 +358,7 @@ const Ke = _t(({
       w((R) => R + 1);
     }
   }), []), oe(() => {
-    if (C.current && n && b && v && !k) {
+    if (C.current && n && x && v && !k) {
       const G = (() => {
         switch (s) {
           case "pie":
@@ -371,12 +371,12 @@ const Ke = _t(({
       G && C.current({
         chartConfig: n || {},
         displayConfig: o || {},
-        queryObject: b,
+        queryObject: x,
         data: G,
         chartType: s
       });
     }
-  }, [n, o, b, v, s, k]);
+  }, [n, o, x, v, s, k]);
   const z = !a && O.dropZones.some((R) => R.mandatory === !0);
   if (!n && z)
     return /* @__PURE__ */ e("div", { ref: F, className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: l }, children: /* @__PURE__ */ r("div", { className: "text-center", children: [
@@ -389,7 +389,7 @@ const Ke = _t(({
       /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "Scroll to load" })
     ] }) });
   if (!a) {
-    if (y || b && !v && !k)
+    if (y || x && !v && !k)
       return /* @__PURE__ */ e("div", { ref: F, className: "flex items-center justify-center w-full", style: { height: l }, children: p || /* @__PURE__ */ e(fr, { size: "md" }) });
     if (k)
       return /* @__PURE__ */ r("div", { ref: F, className: "p-4 border rounded-sm", style: { height: l, borderColor: "var(--dc-border)", backgroundColor: "var(--dc-surface)" }, children: [
@@ -409,7 +409,7 @@ const Ke = _t(({
         /* @__PURE__ */ r("div", { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ r("details", { children: [
             /* @__PURE__ */ e("summary", { className: "cursor-pointer font-medium", style: { color: "var(--dc-text-secondary)" }, children: "Query (with filters applied)" }),
-            /* @__PURE__ */ e("pre", { className: "mt-1 p-2 rounded-sm text-xs overflow-auto max-h-20", style: { backgroundColor: "rgba(var(--dc-primary-rgb), 0.1)" }, children: b ? JSON.stringify(b, null, 2) : t })
+            /* @__PURE__ */ e("pre", { className: "mt-1 p-2 rounded-sm text-xs overflow-auto max-h-20", style: { backgroundColor: "rgba(var(--dc-primary-rgb), 0.1)" }, children: x ? JSON.stringify(x, null, 2) : t })
           ] }),
           /* @__PURE__ */ r("details", { children: [
             /* @__PURE__ */ e("summary", { className: "cursor-pointer font-medium", style: { color: "var(--dc-text-secondary)" }, children: "Chart Config" }),
@@ -421,7 +421,7 @@ const Ke = _t(({
           ] })
         ] })
       ] });
-    if (!v || !b)
+    if (!v || !x)
       return /* @__PURE__ */ e("div", { ref: F, className: "flex items-center justify-center w-full text-dc-text-muted", style: { height: l }, children: /* @__PURE__ */ r("div", { className: "text-center", children: [
         /* @__PURE__ */ e("div", { className: "text-sm font-semibold mb-1", children: "No data available" }),
         /* @__PURE__ */ e("div", { className: "text-xs", children: "Invalid query or no results" })
@@ -461,7 +461,7 @@ const Ke = _t(({
               data: s === "markdown" ? [] : T,
               chartConfig: n,
               displayConfig: o,
-              queryObject: b ?? void 0,
+              queryObject: x ?? void 0,
               height: R,
               colorPalette: d,
               fallback: /* @__PURE__ */ e(
@@ -496,7 +496,7 @@ const Xe = ({
   closeOnBackdropClick: m = !0,
   closeOnEscape: c = !0,
   showCloseButton: f = !0,
-  children: x,
+  children: b,
   footer: l,
   noPadding: u = !1
 }) => {
@@ -556,7 +556,7 @@ const Xe = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: `flex-1 overflow-y-auto ${u ? "" : "px-6 py-4"}`, children: x }),
+            /* @__PURE__ */ e("div", { className: `flex-1 overflow-y-auto ${u ? "" : "px-6 py-4"}`, children: b }),
             l && /* @__PURE__ */ e("div", { className: "flex items-center justify-end space-x-3 px-6 py-4 border-t border-dc-border bg-dc-surface-secondary", children: l })
           ]
         }
@@ -578,11 +578,11 @@ const Br = ar(
   onFieldSelect: m,
   onFieldDeselect: c,
   onRetrySchema: f,
-  onOpenSettings: x,
+  onOpenSettings: b,
   onViewTypeChange: l,
   isExpanded: u = !1
 }) => {
-  const d = M("chevronDown"), p = M("chevronRight"), i = M("warning"), N = M("refresh"), g = M("settings"), w = M("measure"), C = M("dimension"), I = M("timeDimension"), F = M("segment"), V = M("menu"), { features: E } = Ye(), O = E?.showSchemaDiagram === !0, [a, b] = q(/* @__PURE__ */ new Set()), [h, v] = q(/* @__PURE__ */ new Set()), [y, k] = q(""), [z, L] = q("tree"), [T, H] = q(null), [R, G] = q(null);
+  const d = M("chevronDown"), p = M("chevronRight"), i = M("warning"), N = M("refresh"), g = M("settings"), w = M("measure"), C = M("dimension"), I = M("timeDimension"), F = M("segment"), V = M("menu"), { features: E } = Ye(), O = E?.showSchemaDiagram === !0, [a, x] = q(/* @__PURE__ */ new Set()), [h, v] = q(/* @__PURE__ */ new Set()), [y, k] = q(""), [z, L] = q("tree"), [T, H] = q(null), [R, G] = q(null);
   if (Ve.useEffect(() => {
     u && O && L("diagram");
   }, [u, O]), Ve.useEffect(() => {
@@ -602,9 +602,9 @@ const Br = ar(
         ).length > 0 && (X = !0, se.add(`${W.name}-timeDimensions`)), X && U.add(W.name);
       });
       const ne = /* @__PURE__ */ new Set([...T || [], ...U]), S = /* @__PURE__ */ new Set([...R || [], ...se]);
-      b(ne), v(S);
+      x(ne), v(S);
     } else
-      T !== null && R !== null && (b(T), v(R), H(null), G(null));
+      T !== null && R !== null && (x(T), v(R), H(null), G(null));
   }, [t, y, T, R]), s === "loading")
     return /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center text-dc-text-muted", children: /* @__PURE__ */ r("div", { className: "text-center", children: [
       /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 mx-auto mb-3", style: { borderBottomColor: "var(--dc-primary)" } }),
@@ -629,10 +629,10 @@ const Br = ar(
             ]
           }
         ),
-        x && /* @__PURE__ */ r(
+        b && /* @__PURE__ */ r(
           "button",
           {
-            onClick: x,
+            onClick: b,
             className: "w-full flex items-center justify-center space-x-2 px-3 py-2 text-sm font-medium text-dc-text-secondary bg-dc-surface border border-dc-border rounded-md hover:bg-dc-surface-hover focus:outline-hidden focus:ring-2 focus:ring-blue-500",
             children: [
               /* @__PURE__ */ e(g, { className: "w-4 h-4" }),
@@ -658,7 +658,7 @@ const Br = ar(
     ] }) });
   const Z = (B) => {
     const U = new Set(a);
-    if (U.has(B) ? U.delete(B) : U.add(B), b(U), T !== null) {
+    if (U.has(B) ? U.delete(B) : U.add(B), x(U), T !== null) {
       const se = new Set(T);
       se.has(B) ? se.delete(B) : se.add(B), H(se);
     }
@@ -802,10 +802,10 @@ const Br = ar(
     /* @__PURE__ */ e("div", { className: "border-b border-dc-border", children: /* @__PURE__ */ r("div", { className: "p-3 pb-0", children: [
       /* @__PURE__ */ r("div", { className: "flex items-center justify-between mb-3", children: [
         /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-dc-text", children: z === "diagram" ? "Schema Diagram" : "Schema Explorer" }) }),
-        /* @__PURE__ */ e("div", { className: "flex items-center space-x-2", children: x && /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "flex items-center space-x-2", children: b && /* @__PURE__ */ e(
           "button",
           {
-            onClick: x,
+            onClick: b,
             className: "p-1 text-dc-text-muted hover:text-dc-text-secondary transition-colors",
             title: "Open settings",
             children: /* @__PURE__ */ e(g, { className: "w-4 h-4" })
@@ -869,7 +869,7 @@ const Br = ar(
         {
           className: "h-full",
           onCubeClick: (B) => {
-            u || (b((U) => /* @__PURE__ */ new Set([...U, B])), L("tree"));
+            u || (x((U) => /* @__PURE__ */ new Set([...U, B])), L("tree"));
           },
           onFieldClick: (B, U, se) => {
             let ne;
@@ -1270,7 +1270,7 @@ const Br = ar(
   onValuesChange: o,
   schema: m
 }) => {
-  const c = Gt[s], [f, x] = q(!1), [l, u] = q(""), [d, p] = q(!1), i = xe(null), N = xe(""), g = ir(l, 300), w = De(() => m ? m.cubes.some(
+  const c = Gt[s], [f, b] = q(!1), [l, u] = q(""), [d, p] = q(!1), i = be(null), N = be(""), g = ir(l, 300), w = De(() => m ? m.cubes.some(
     (R) => R.dimensions.some((G) => G.name === t)
   ) : !1, [m, t]), C = De(() => m ? m.cubes.some(
     (R) => R.dimensions.some((G) => G.name === t && G.type === "time")
@@ -1285,7 +1285,7 @@ const Br = ar(
   } = or(t, I);
   oe(() => {
     const R = (G) => {
-      i.current && !i.current.contains(G.target) && x(!1);
+      i.current && !i.current.contains(G.target) && b(!1);
     };
     return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, []), oe(() => {
@@ -1293,14 +1293,14 @@ const Br = ar(
   }, [f, I, a]), oe(() => {
     d && I && a && g !== N.current && (N.current = g, a(g));
   }, [g, d, I, a]);
-  const b = J(() => {
+  const x = J(() => {
     const R = !f;
-    x(R), R || (u(""), N.current = "");
+    b(R), R || (u(""), N.current = "");
   }, [f]), h = J((R) => {
     const G = R.target.value;
     u(G);
   }, []), v = J((R) => {
-    c.supportsMultipleValues ? n.includes(R) || o([...n, R]) : (o([R]), x(!1)), u("");
+    c.supportsMultipleValues ? n.includes(R) || o([...n, R]) : (o([R]), b(!1)), u("");
   }, [c.supportsMultipleValues, n, o]), y = J((R) => {
     o(n.filter((G) => G !== R));
   }, [n, o]), k = J((R) => {
@@ -1457,7 +1457,7 @@ const Br = ar(
     /* @__PURE__ */ r(
       "button",
       {
-        onClick: b,
+        onClick: x,
         className: "w-full text-left text-sm border border-dc-border rounded-sm px-2 py-1 bg-dc-surface hover:bg-dc-surface-hover focus:ring-2 focus:ring-blue-500 focus:border-blue-500 flex items-center justify-between min-w-0",
         children: [
           /* @__PURE__ */ e("span", { className: "text-dc-text-muted truncate", children: E && !d ? "Loading values..." : "Select value..." }),
@@ -1722,13 +1722,13 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
   schema: m,
   query: c,
   hideFieldSelector: f = !1,
-  hideOperatorSelector: x = !1,
+  hideOperatorSelector: b = !1,
   hideRemoveButton: l = !1
 }) => {
-  const [u, d] = q(!1), [p, i] = q(!1), [N, g] = q(!1), [w, C] = q(""), I = xe(null), F = xe(null), [V, E] = q("this_month"), [O, a] = q({
+  const [u, d] = q(!1), [p, i] = q(!1), [N, g] = q(!1), [w, C] = q(""), I = be(null), F = be(null), [V, E] = q("this_month"), [O, a] = q({
     startDate: dt(/* @__PURE__ */ new Date()),
     endDate: dt(/* @__PURE__ */ new Date())
-  }), [b, h] = q(1);
+  }), [x, h] = q(1);
   oe(() => {
     const S = (W) => {
       I.current && !I.current.contains(W.target) && (d(!1), i(!1));
@@ -1807,7 +1807,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
         pe(W);
       }
     } else if (Fe(S)) {
-      const W = Ie(S, b);
+      const W = Ie(S, x);
       pe(W);
     } else {
       const W = Ie(S);
@@ -1917,7 +1917,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
       ] })
     ] }),
     L && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 flex-1 sm:flex-initial min-w-0", children: [
-      !x && /* @__PURE__ */ r("div", { className: "relative shrink-0", children: [
+      !b && /* @__PURE__ */ r("div", { className: "relative shrink-0", children: [
         /* @__PURE__ */ r(
           "button",
           {
@@ -1994,7 +1994,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
                 type: "number",
                 min: "1",
                 max: "1000",
-                value: b,
+                value: x,
                 onChange: (S) => se(Math.max(1, parseInt(S.target.value) || 1)),
                 placeholder: "Number",
                 className: "flex-1 min-w-0 text-sm border border-dc-border rounded-sm px-2 py-1 bg-dc-surface text-dc-text hover:bg-dc-surface-hover focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
@@ -2035,9 +2035,9 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
   onGroupRemove: m,
   schema: c,
   query: f,
-  depth: x = 0
+  depth: b = 0
 }) => {
-  const [l, u] = q(!1), d = t.type === "and", p = d ? "AND" : "OR", i = t.filters, N = x > 0 ? `ml-${Math.min(x * 4, 16)}` : "", g = "border-slate-200", w = "bg-slate-50", C = "text-slate-700", I = () => {
+  const [l, u] = q(!1), d = t.type === "and", p = d ? "AND" : "OR", i = t.filters, N = b > 0 ? `ml-${Math.min(b * 4, 16)}` : "", g = "border-slate-200", w = "bg-slate-50", C = "text-slate-700", I = () => {
     if (d) {
       const v = Ee(i);
       n(s, v);
@@ -2073,7 +2073,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
     }
     const k = t.type === "and" ? Te(y) : Ee(y);
     n(s, k);
-  }, b = (v, y) => {
+  }, x = (v, y) => {
     const k = [...i];
     k[v] = y, d ? n(s, Te(k)) : n(s, Ee(k));
   }, h = (v) => {
@@ -2162,11 +2162,11 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
         {
           group: v,
           index: y,
-          onGroupChange: b,
+          onGroupChange: x,
           onGroupRemove: h,
           schema: c,
           query: f,
-          depth: x + 1
+          depth: b + 1
         },
         y
       ) : null),
@@ -2190,8 +2190,8 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
   onFiltersChange: o,
   hideFieldSelector: m = !1
 }) => {
-  const c = Kr(t), f = s ? ht(s) : [], x = f.length > 0, l = () => {
-    if (!x) return;
+  const c = Kr(t), f = s ? ht(s) : [], b = f.length > 0, l = () => {
+    if (!b) return;
     const w = f[0]?.name || "", C = Je(w, "equals", []);
     if (t.length === 0)
       o([C]);
@@ -2246,8 +2246,8 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
           "button",
           {
             onClick: l,
-            disabled: !x,
-            className: `flex items-center space-x-1 px-2 py-1 text-xs font-medium rounded focus:outline-hidden focus:ring-2 ${x ? "text-purple-700 bg-purple-100 border border-purple-200 hover:bg-purple-200 focus:ring-purple-500" : "text-dc-text-muted bg-dc-surface-secondary border border-dc-border cursor-not-allowed"}`,
+            disabled: !b,
+            className: `flex items-center space-x-1 px-2 py-1 text-xs font-medium rounded focus:outline-hidden focus:ring-2 ${b ? "text-purple-700 bg-purple-100 border border-purple-200 hover:bg-purple-200 focus:ring-purple-500" : "text-dc-text-muted bg-dc-surface-secondary border border-dc-border cursor-not-allowed"}`,
             children: [
               /* @__PURE__ */ e(ds, { className: "w-3 h-3" }),
               /* @__PURE__ */ e("span", { children: "Add Filter" })
@@ -2284,7 +2284,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
       C
     ) : null) })
   ] });
-}, ms = M("close"), fs = M("timeDimension"), wt = M("chevronDown"), bt = ({
+}, ms = M("close"), fs = M("timeDimension"), wt = M("chevronDown"), xt = ({
   timeDimension: t,
   availableTimeDimensions: s,
   currentDateRange: n,
@@ -2292,7 +2292,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
   onTimeDimensionChange: m,
   onRemove: c,
   hideFieldSelector: f = !1,
-  hideRemoveButton: x = !1
+  hideRemoveButton: b = !1
 }) => {
   const l = () => {
     if (!n) return "this_month";
@@ -2319,7 +2319,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
     if (!n || Array.isArray(n)) return 1;
     const L = n.match(/^last (\d+) (days|weeks|months|quarters|years)$/);
     return L && parseInt(L[1]) || 1;
-  }, [p, i] = q(l()), [N, g] = q(u()), [w, C] = q(d()), [I, F] = q(!1), [V, E] = q(!1), O = xe(null);
+  }, [p, i] = q(l()), [N, g] = q(u()), [w, C] = q(d()), [I, F] = q(!1), [V, E] = q(!1), O = be(null);
   oe(() => {
     const L = (T) => {
       O.current && !O.current.contains(T.target) && (F(!1), E(!1));
@@ -2328,7 +2328,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
   }, []);
   const a = () => {
     F(!1), E(!V);
-  }, b = () => {
+  }, x = () => {
     E(!1), F(!I);
   }, h = (L) => {
     if (i(L), F(!1), L === "custom") {
@@ -2387,7 +2387,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
       /* @__PURE__ */ r(
         "button",
         {
-          onClick: b,
+          onClick: x,
           className: "w-full sm:w-40 flex items-center justify-between text-left text-sm border border-dc-border rounded-sm px-2 py-1 bg-dc-surface text-dc-text hover:bg-dc-surface-hover focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
           children: [
             /* @__PURE__ */ e("span", { className: "truncate", children: z }),
@@ -2445,7 +2445,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
         // Empty placeholder to maintain layout consistency
         /* @__PURE__ */ e("div", { className: "flex-1" })
       ),
-      !x && /* @__PURE__ */ e(
+      !b && /* @__PURE__ */ e(
         "button",
         {
           onClick: () => c(t),
@@ -2456,7 +2456,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
       )
     ] })
   ] }) });
-}, hs = M("add"), ps = M("timeDimension"), bs = ({
+}, hs = M("add"), ps = M("timeDimension"), xs = ({
   timeDimensions: t,
   onDateRangeChange: s,
   onDateRangeRemove: n
@@ -2465,7 +2465,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
     if (m.length === 0) return;
     const l = m[0];
     s(l.dimension, "this month");
-  }, x = () => {
+  }, b = () => {
     Object.keys(o).forEach((l) => {
       n(l);
     });
@@ -2484,7 +2484,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
         c > 0 && /* @__PURE__ */ e(
           "button",
           {
-            onClick: x,
+            onClick: b,
             className: "text-xs text-dc-text-muted hover:text-red-600 focus:outline-hidden underline",
             children: "Clear all"
           }
@@ -2508,7 +2508,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
       if (!l.dateRange) return null;
       const u = t.map((d) => d.dimension);
       return /* @__PURE__ */ e(
-        bt,
+        xt,
         {
           timeDimension: l.dimension,
           availableTimeDimensions: u,
@@ -2527,7 +2527,7 @@ const ss = M("close"), ns = M("filter"), rt = M("chevronDown"), as = M("search")
 function Ct(t) {
   return t.replace(/_/g, " ");
 }
-function xs(t) {
+function bs(t) {
   switch (t) {
     case "most_dimensions":
       return "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300";
@@ -2542,7 +2542,7 @@ function xs(t) {
   }
 }
 const gs = ({ analysis: t }) => {
-  const s = M("info"), n = M("chevronRight"), o = M("warning"), m = M("table"), c = M("link"), f = M("success"), x = M("error");
+  const s = M("info"), n = M("chevronRight"), o = M("warning"), m = M("table"), c = M("link"), f = M("success"), b = M("error");
   return /* @__PURE__ */ r("div", { className: "bg-dc-surface-secondary border border-dc-border rounded-lg p-4 space-y-4", children: [
     /* @__PURE__ */ r("div", { className: "border-b border-dc-border pb-3", children: [
       /* @__PURE__ */ r("h4", { className: "text-sm font-semibold text-dc-text mb-2 flex items-center", children: [
@@ -2576,7 +2576,7 @@ const gs = ({ analysis: t }) => {
       /* @__PURE__ */ r("div", { className: "bg-dc-surface p-3 rounded text-sm", children: [
         /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-2 flex-wrap", children: [
           /* @__PURE__ */ e("span", { className: "font-mono font-medium text-dc-primary", children: t.primaryCube.selectedCube }),
-          /* @__PURE__ */ e("span", { className: `text-xs px-2 py-0.5 rounded ${xs(t.primaryCube.reason)}`, children: Ct(t.primaryCube.reason) })
+          /* @__PURE__ */ e("span", { className: `text-xs px-2 py-0.5 rounded ${bs(t.primaryCube.reason)}`, children: Ct(t.primaryCube.reason) })
         ] }),
         /* @__PURE__ */ e("p", { className: "text-dc-text-secondary text-xs", children: t.primaryCube.explanation }),
         t.primaryCube.candidates && t.primaryCube.candidates.length > 1 && /* @__PURE__ */ r("details", { className: "mt-2", children: [
@@ -2597,7 +2597,7 @@ const gs = ({ analysis: t }) => {
               /* @__PURE__ */ e(f, { className: "w-3 h-3" }),
               "reachable"
             ] }) : /* @__PURE__ */ r("span", { className: "text-red-600 dark:text-red-400 flex items-center gap-0.5", children: [
-              /* @__PURE__ */ e(x, { className: "w-3 h-3" }),
+              /* @__PURE__ */ e(b, { className: "w-3 h-3" }),
               "cannot reach all"
             ] })
           ] }, u)) })
@@ -2692,7 +2692,7 @@ const gs = ({ analysis: t }) => {
   validationSql: m,
   validationAnalysis: c,
   onValidate: f,
-  onExecute: x,
+  onExecute: b,
   onRemoveField: l,
   onTimeDimensionGranularityChange: u,
   onFiltersChange: d,
@@ -2708,7 +2708,7 @@ const gs = ({ analysis: t }) => {
   shareButtonState: E = "idle",
   isViewingShared: O = !1
 }) => {
-  const [a, b] = q(!1), [h, v] = q(!1), [y, k] = q(!1);
+  const [a, x] = q(!1), [h, v] = q(!1), [y, k] = q(!1);
   oe(() => {
     (a || h) && typeof window < "u" && window.Prism && setTimeout(() => {
       try {
@@ -2791,7 +2791,7 @@ const gs = ({ analysis: t }) => {
       }
     else
       return `${fe} text-dc-text-muted hover:text-dc-text-secondary`;
-  }, be = ({ fieldName: $, fieldType: ae, icon: ee }) => /* @__PURE__ */ r("div", { className: `inline-flex items-center text-sm px-3 py-2 rounded-lg border w-full ${(() => {
+  }, xe = ({ fieldName: $, fieldType: ae, icon: ee }) => /* @__PURE__ */ r("div", { className: `inline-flex items-center text-sm px-3 py-2 rounded-lg border w-full ${(() => {
     switch (ae) {
       case "measures":
         return "bg-dc-measure text-dc-measure border-dc-measure";
@@ -3023,7 +3023,7 @@ const gs = ({ analysis: t }) => {
             ")"
           ] }),
           /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: (t.dimensions || []).map(($) => /* @__PURE__ */ e(
-            be,
+            xe,
             {
               label: $,
               fieldName: $,
@@ -3059,7 +3059,7 @@ const gs = ({ analysis: t }) => {
           /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: (t.measures || []).map(($) => {
             const ae = s ? Wt($, s) : void 0;
             return /* @__PURE__ */ e(
-              be,
+              xe,
               {
                 label: $,
                 fieldName: $,
@@ -3072,7 +3072,7 @@ const gs = ({ analysis: t }) => {
         ] })
       ] }),
       ts(t) && /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-        bs,
+        xs,
         {
           timeDimensions: t.timeDimensions || [],
           onDateRangeChange: p,
@@ -3102,7 +3102,7 @@ const gs = ({ analysis: t }) => {
             {
               onClick: () => {
                 const $ = !a;
-                b($), $ && (v(!1), k(!1));
+                x($), $ && (v(!1), k(!1));
               },
               className: "text-sm text-dc-text-secondary hover:text-dc-text focus:outline-hidden focus:underline",
               children: [
@@ -3116,7 +3116,7 @@ const gs = ({ analysis: t }) => {
             {
               onClick: () => {
                 const $ = !h;
-                v($), $ && (b(!1), k(!1));
+                v($), $ && (x(!1), k(!1));
               },
               className: "text-sm text-dc-text-secondary hover:text-dc-text focus:outline-hidden focus:underline",
               children: [
@@ -3130,7 +3130,7 @@ const gs = ({ analysis: t }) => {
             {
               onClick: () => {
                 const $ = !y;
-                k($), $ && (b(!1), v(!1));
+                k($), $ && (x(!1), v(!1));
               },
               className: "text-sm text-dc-text-secondary hover:text-dc-text focus:outline-hidden focus:underline",
               children: [
@@ -3186,7 +3186,7 @@ const gs = ({ analysis: t }) => {
       /* @__PURE__ */ r(
         "button",
         {
-          onClick: x,
+          onClick: b,
           disabled: n !== "valid",
           className: `flex-1 flex items-center justify-center px-4 py-2 text-sm font-medium rounded-md transition-colors ${n !== "valid" ? "bg-dc-surface-secondary text-dc-text-muted cursor-not-allowed border border-dc-border" : "text-white border border-green-700 hover:bg-green-700 focus:ring-2 focus:ring-green-500"}`,
           style: n === "valid" ? { backgroundColor: "var(--dc-primary)" } : void 0,
@@ -3199,7 +3199,7 @@ const gs = ({ analysis: t }) => {
     ] }) })
   ] });
 }, We = {
-  bar: xr,
+  bar: br,
   line: gr,
   area: yr,
   pie: vr,
@@ -3314,17 +3314,17 @@ function Ns({
   onDragStart: m,
   onDragEnd: c,
   onDragOver: f,
-  getFieldStyling: x,
+  getFieldStyling: b,
   onReorder: l,
   draggedItem: u
 }) {
-  const { key: d, label: p, description: i, mandatory: N, maxItems: g, emptyText: w, icon: C } = t, [I, F] = q(null), [V, E] = q(!1), [O, a] = q(!1), b = () => {
+  const { key: d, label: p, description: i, mandatory: N, maxItems: g, emptyText: w, icon: C } = t, [I, F] = q(null), [V, E] = q(!1), [O, a] = q(!1), x = () => {
     let T = s.length;
     return u && u.fromAxis === d && (T = Math.max(0, s.length - 1)), !g || T < g;
   }, h = () => {
     let T = s.length;
     return u && u.fromAxis === d && (T = Math.max(0, s.length - 1)), g && T >= g;
-  }, v = b(), y = h();
+  }, v = x(), y = h();
   Ve.useEffect(() => {
     const T = () => {
       F(null), E(!1), a(!1);
@@ -3390,7 +3390,7 @@ function Ns({
           v || g === 1 ? n(T, d) : T.preventDefault(), E(!1), a(!1);
         },
         children: s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-muted text-center w-full", children: y ? "Maximum items reached" : w || "Drop fields here" }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: s.map((T, H) => {
-          const { IconComponent: R, baseClasses: G, hoverClasses: Z } = x(T), ie = I === H, ue = u && u.field === T && u.fromAxis === d;
+          const { IconComponent: R, baseClasses: G, hoverClasses: Z } = b(T), ie = I === H, ue = u && u.field === T && u.fromAxis === d;
           return /* @__PURE__ */ r(
             "div",
             {
@@ -3445,12 +3445,12 @@ function ut({
   onChartConfigChange: c,
   onDisplayConfigChange: f
 }) {
-  const [x, l] = q(null), u = De(
+  const [b, l] = q(null), u = De(
     () => Ut(t, We),
     [t]
   ), d = u.skipQuery === !0, p = (a) => {
-    const b = s[a];
-    return Array.isArray(b) ? b : typeof b == "string" ? [b] : [];
+    const x = s[a];
+    return Array.isArray(x) ? x : typeof x == "string" ? [x] : [];
   };
   oe(() => {
     if (!o) return;
@@ -3459,12 +3459,12 @@ function ut({
       ...o.timeDimensions,
       ...o.measures
     ];
-    let b = !1;
+    let x = !1;
     const h = { ...s };
     u.dropZones.forEach((v) => {
       const y = p(v.key), k = y.filter((z) => a.includes(z));
-      k.length !== y.length && (b = !0, k.length === 0 ? delete h[v.key] : v.maxItems === 1 ? h[v.key] = k[0] : h[v.key] = k);
-    }), b && c(h);
+      k.length !== y.length && (x = !0, k.length === 0 ? delete h[v.key] : v.maxItems === 1 ? h[v.key] = k[0] : h[v.key] = k);
+    }), x && c(h);
   }, [o, s, u.dropZones, c]);
   const i = (a) => o ? o.measures.includes(a) ? "measure" : o.timeDimensions.includes(a) ? "timeDimension" : "dimension" : "dimension", N = (a) => {
     switch (i(a)) {
@@ -3487,46 +3487,46 @@ function ut({
           hoverClasses: "hover:opacity-80"
         };
     }
-  }, g = (a, b, h, v) => {
-    a.dataTransfer.setData("text/plain", JSON.stringify({ field: b, fromAxis: h, fromIndex: v })), l({ field: b, fromAxis: h, fromIndex: v });
+  }, g = (a, x, h, v) => {
+    a.dataTransfer.setData("text/plain", JSON.stringify({ field: x, fromAxis: h, fromIndex: v })), l({ field: x, fromAxis: h, fromIndex: v });
   }, w = (a) => {
     a.preventDefault();
   }, C = () => {
     l(null);
-  }, I = (a, b) => {
+  }, I = (a, x) => {
     a.preventDefault();
     const h = JSON.parse(a.dataTransfer.getData("text/plain")), { field: v, fromAxis: y } = h, k = { ...s };
-    if (y !== "available" && y !== b) {
+    if (y !== "available" && y !== x) {
       const T = k[y];
       if (Array.isArray(T)) {
         const H = T.filter((R) => R !== v);
         H.length === 0 ? delete k[y] : k[y] = H;
       } else T === v && delete k[y];
     }
-    const z = k[b];
-    u.dropZones.find((T) => T.key === b)?.maxItems === 1 ? k[b] = v : Array.isArray(z) ? z.includes(v) || (k[b] = [...z, v]) : k[b] = [v], l(null), c(k);
-  }, F = (a, b) => {
-    const h = { ...s }, v = h[b];
+    const z = k[x];
+    u.dropZones.find((T) => T.key === x)?.maxItems === 1 ? k[x] = v : Array.isArray(z) ? z.includes(v) || (k[x] = [...z, v]) : k[x] = [v], l(null), c(k);
+  }, F = (a, x) => {
+    const h = { ...s }, v = h[x];
     if (Array.isArray(v)) {
       const y = v.filter((k) => k !== a);
-      y.length === 0 ? delete h[b] : h[b] = y;
-    } else v === a && delete h[b];
+      y.length === 0 ? delete h[x] : h[x] = y;
+    } else v === a && delete h[x];
     c(h);
-  }, V = (a, b, h) => {
+  }, V = (a, x, h) => {
     const v = { ...s }, y = v[h];
-    if (Array.isArray(y) && y.length > 1 && a !== b) {
+    if (Array.isArray(y) && y.length > 1 && a !== x) {
       const k = [...y], [z] = k.splice(a, 1);
-      k.splice(b, 0, z), v[h] = k, l(null), c(v);
+      k.splice(x, 0, z), v[h] = k, l(null), c(v);
     }
   }, O = (() => {
     if (!o) return { dimensions: [], timeDimensions: [], measures: [] };
     const a = /* @__PURE__ */ new Set();
-    return u.dropZones.forEach((b) => {
-      p(b.key).forEach((h) => a.add(h));
-    }), x && x.fromAxis !== "available" && a.add(x.field), {
-      dimensions: o.dimensions.filter((b) => !a.has(b)),
-      timeDimensions: o.timeDimensions.filter((b) => !a.has(b)),
-      measures: o.measures.filter((b) => !a.has(b))
+    return u.dropZones.forEach((x) => {
+      p(x.key).forEach((h) => a.add(h));
+    }), b && b.fromAxis !== "available" && a.add(b.field), {
+      dimensions: o.dimensions.filter((x) => !a.has(x)),
+      timeDimensions: o.timeDimensions.filter((x) => !a.has(x)),
+      measures: o.measures.filter((x) => !a.has(x))
     };
   })();
   return /* @__PURE__ */ r("div", { children: [
@@ -3540,14 +3540,14 @@ function ut({
           ] }),
           /* @__PURE__ */ r("div", { className: "space-y-1", children: [
             O.dimensions.map((a) => {
-              const b = x && x.field === a && x.fromAxis === "available";
+              const x = b && b.field === a && b.fromAxis === "available";
               return /* @__PURE__ */ e(
                 "div",
                 {
                   draggable: !0,
                   onDragStart: (h) => g(h, a, "available"),
                   onDragEnd: C,
-                  className: `bg-dc-dimension text-dc-dimension border border-dc-dimension hover:opacity-80 rounded-sm text-xs cursor-move px-3 py-2 sm:px-2 sm:py-1 truncate ${b ? "opacity-50 cursor-grabbing" : ""}`,
+                  className: `bg-dc-dimension text-dc-dimension border border-dc-dimension hover:opacity-80 rounded-sm text-xs cursor-move px-3 py-2 sm:px-2 sm:py-1 truncate ${x ? "opacity-50 cursor-grabbing" : ""}`,
                   title: a,
                   children: a
                 },
@@ -3564,14 +3564,14 @@ function ut({
           ] }),
           /* @__PURE__ */ r("div", { className: "space-y-1", children: [
             O.timeDimensions.map((a) => {
-              const b = x && x.field === a && x.fromAxis === "available";
+              const x = b && b.field === a && b.fromAxis === "available";
               return /* @__PURE__ */ e(
                 "div",
                 {
                   draggable: !0,
                   onDragStart: (h) => g(h, a, "available"),
                   onDragEnd: C,
-                  className: `bg-dc-time-dimension text-dc-time-dimension border border-dc-time-dimension hover:opacity-80 rounded-sm text-xs cursor-move px-3 py-2 sm:px-2 sm:py-1 truncate ${b ? "opacity-50 cursor-grabbing" : ""}`,
+                  className: `bg-dc-time-dimension text-dc-time-dimension border border-dc-time-dimension hover:opacity-80 rounded-sm text-xs cursor-move px-3 py-2 sm:px-2 sm:py-1 truncate ${x ? "opacity-50 cursor-grabbing" : ""}`,
                   title: a,
                   children: a
                 },
@@ -3588,14 +3588,14 @@ function ut({
           ] }),
           /* @__PURE__ */ r("div", { className: "space-y-1", children: [
             O.measures.map((a) => {
-              const b = x && x.field === a && x.fromAxis === "available";
+              const x = b && b.field === a && b.fromAxis === "available";
               return /* @__PURE__ */ e(
                 "div",
                 {
                   draggable: !0,
                   onDragStart: (h) => g(h, a, "available"),
                   onDragEnd: C,
-                  className: `bg-dc-measure text-dc-measure border border-dc-measure hover:opacity-80 rounded-sm text-xs cursor-move px-3 py-2 sm:px-2 sm:py-1 truncate ${b ? "opacity-50 cursor-grabbing" : ""}`,
+                  className: `bg-dc-measure text-dc-measure border border-dc-measure hover:opacity-80 rounded-sm text-xs cursor-move px-3 py-2 sm:px-2 sm:py-1 truncate ${x ? "opacity-50 cursor-grabbing" : ""}`,
                   title: a,
                   children: a
                 },
@@ -3621,7 +3621,7 @@ function ut({
           onDragOver: w,
           getFieldStyling: N,
           onReorder: V,
-          draggedItem: x
+          draggedItem: b
         },
         a.key
       )) })
@@ -3716,9 +3716,9 @@ function ut({
               {
                 type: "checkbox",
                 checked: n[a.key] ?? a.defaultValue ?? !1,
-                onChange: (b) => f({
+                onChange: (x) => f({
                   ...n,
-                  [a.key]: b.target.checked
+                  [a.key]: x.target.checked
                 }),
                 className: "rounded border-dc-border focus:ring-blue-500",
                 style: { color: "var(--dc-primary)" }
@@ -3735,9 +3735,9 @@ function ut({
               "textarea",
               {
                 value: n[a.key] ?? a.defaultValue ?? "",
-                onChange: (b) => f({
+                onChange: (x) => f({
                   ...n,
-                  [a.key]: b.target.value
+                  [a.key]: x.target.value
                 }),
                 placeholder: a.placeholder,
                 rows: 8,
@@ -3748,9 +3748,9 @@ function ut({
               {
                 type: "text",
                 value: n[a.key] ?? a.defaultValue ?? "",
-                onChange: (b) => f({
+                onChange: (x) => f({
                   ...n,
-                  [a.key]: b.target.value
+                  [a.key]: x.target.value
                 }),
                 placeholder: a.placeholder,
                 className: "w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-blue-500 focus:border-blue-500 bg-dc-surface text-dc-text"
@@ -3760,7 +3760,7 @@ function ut({
           ] }),
           a.type === "paletteColor" && /* @__PURE__ */ r("div", { className: "space-y-1", children: [
             /* @__PURE__ */ e("label", { className: "text-sm text-dc-text-secondary", children: a.label }),
-            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: m?.colors.map((b, h) => {
+            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: m?.colors.map((x, h) => {
               const v = (n[a.key] ?? a.defaultValue ?? 0) === h;
               return /* @__PURE__ */ e(
                 "button",
@@ -3772,10 +3772,10 @@ function ut({
                   }),
                   className: `w-8 h-8 rounded border-2 transition-all duration-200 hover:scale-110 focus:outline-hidden focus:ring-2 focus:ring-blue-500 focus:ring-offset-1 ${v ? "ring-2 ring-offset-1 scale-110" : "hover:border-dc-text-muted"}`,
                   style: {
-                    backgroundColor: b,
+                    backgroundColor: x,
                     borderColor: v ? "var(--dc-primary)" : "var(--dc-border)"
                   },
-                  title: `Color ${h + 1}: ${b}`
+                  title: `Color ${h + 1}: ${x}`
                 },
                 h
               );
@@ -3809,9 +3809,9 @@ function ut({
               {
                 type: "number",
                 value: n[a.key] ?? a.defaultValue ?? 0,
-                onChange: (b) => f({
+                onChange: (x) => f({
                   ...n,
-                  [a.key]: b.target.value === "" ? void 0 : Number(b.target.value)
+                  [a.key]: x.target.value === "" ? void 0 : Number(x.target.value)
                 }),
                 placeholder: a.placeholder,
                 min: a.min,
@@ -3828,12 +3828,12 @@ function ut({
               "select",
               {
                 value: n[a.key] ?? a.defaultValue ?? "",
-                onChange: (b) => f({
+                onChange: (x) => f({
                   ...n,
-                  [a.key]: b.target.value
+                  [a.key]: x.target.value
                 }),
                 className: "w-full px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-blue-500 focus:border-blue-500 bg-dc-surface text-dc-text",
-                children: a.options?.map((b) => /* @__PURE__ */ e("option", { value: b.value, children: b.label }, b.value))
+                children: a.options?.map((x) => /* @__PURE__ */ e("option", { value: x.value, children: x.label }, x.value))
               }
             ),
             a.description && /* @__PURE__ */ e("p", { className: "text-xs text-dc-text-muted", children: a.description })
@@ -3846,9 +3846,9 @@ function ut({
                 {
                   type: "color",
                   value: n[a.key] ?? a.defaultValue ?? "#8884d8",
-                  onChange: (b) => f({
+                  onChange: (x) => f({
                     ...n,
-                    [a.key]: b.target.value
+                    [a.key]: x.target.value
                   }),
                   className: "w-12 h-8 border border-dc-border rounded-sm cursor-pointer"
                 }
@@ -3858,9 +3858,9 @@ function ut({
                 {
                   type: "text",
                   value: n[a.key] ?? a.defaultValue ?? "#8884d8",
-                  onChange: (b) => f({
+                  onChange: (x) => f({
                     ...n,
-                    [a.key]: b.target.value
+                    [a.key]: x.target.value
                   }),
                   placeholder: a.placeholder || "#8884d8",
                   className: "flex-1 px-2 py-1 text-sm border border-dc-border rounded-sm focus:ring-blue-500 focus:border-blue-500 bg-dc-surface text-dc-text"
@@ -3882,7 +3882,7 @@ const ws = ({
   displayLimit: m = 10,
   onDisplayLimitChange: c,
   totalRowCount: f,
-  totalRowCountStatus: x,
+  totalRowCountStatus: b,
   // Chart visualization props
   chartType: l = "table",
   chartConfig: u = {},
@@ -3895,7 +3895,7 @@ const ws = ({
   activeView: w = "table",
   onActiveViewChange: C
 }) => {
-  const I = M("error"), F = M("timeDimension"), V = M("success"), E = M("warning"), O = M("chevronDown"), a = M("chevronUp"), b = M("table"), h = M("measure"), v = M("adjustments"), [y, k] = q("table"), z = C ? w : y, L = C || k, [T, H] = q(!1), R = () => /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "text-center", children: [
+  const I = M("error"), F = M("timeDimension"), V = M("success"), E = M("warning"), O = M("chevronDown"), a = M("chevronUp"), x = M("table"), h = M("measure"), v = M("adjustments"), [y, k] = q("table"), z = C ? w : y, L = C || k, [T, H] = q(!1), R = () => /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "text-center", children: [
     /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 mx-auto mb-4", style: { borderBottomColor: "var(--dc-primary)" } }),
     /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-dc-text-secondary mb-1", children: "Executing Query..." }),
     /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-muted", children: "Running your query against the cube API" })
@@ -3963,13 +3963,13 @@ const ws = ({
                   s.length !== 1 ? "s" : "",
                   " shown)"
                 ] }),
-                x === "success" && f !== null && f !== void 0 && /* @__PURE__ */ r("span", { className: "text-xs text-dc-text-muted", children: [
+                b === "success" && f !== null && f !== void 0 && /* @__PURE__ */ r("span", { className: "text-xs text-dc-text-muted", children: [
                   "Total: ",
                   f.toLocaleString(),
                   " row",
                   f !== 1 ? "s" : ""
                 ] }),
-                x === "loading" && /* @__PURE__ */ e("span", { className: "text-xs text-dc-text-muted", children: "Counting total rows..." })
+                b === "loading" && /* @__PURE__ */ e("span", { className: "text-xs text-dc-text-muted", children: "Counting total rows..." })
               ] })
             ] }),
             /* @__PURE__ */ r("div", { className: "flex items-center gap-3 flex-wrap", children: [
@@ -3980,7 +3980,7 @@ const ws = ({
                     onClick: () => L("table"),
                     className: `flex items-center gap-1 px-3 py-1.5 text-xs font-medium transition-colors ${z === "table" ? "bg-dc-primary text-white" : "text-dc-text-secondary hover:bg-dc-surface-hover"}`,
                     children: [
-                      /* @__PURE__ */ e(b, { className: "w-3.5 h-3.5" }),
+                      /* @__PURE__ */ e(x, { className: "w-3.5 h-3.5" }),
                       "Table"
                     ]
                   }
@@ -4039,7 +4039,7 @@ const ws = ({
               }
             )
           ] }),
-          x === "success" && f !== null && f !== void 0 && f > 500 && /* @__PURE__ */ r("div", { className: "mt-3 bg-yellow-50 border border-yellow-200 rounded-lg p-3 flex items-start", children: [
+          b === "success" && f !== null && f !== void 0 && f > 500 && /* @__PURE__ */ r("div", { className: "mt-3 bg-yellow-50 border border-yellow-200 rounded-lg p-3 flex items-start", children: [
             /* @__PURE__ */ e(E, { className: "w-5 h-5 text-yellow-600 mr-2 shrink-0 mt-0.5" }),
             /* @__PURE__ */ r("div", { className: "text-sm text-yellow-800", children: [
               /* @__PURE__ */ e("span", { className: "font-semibold", children: "Performance Warning:" }),
@@ -4080,7 +4080,7 @@ const ws = ({
   onConfigChange: o,
   onReset: m
 }) => {
-  const [c, f] = q(n), x = () => {
+  const [c, f] = q(n), b = () => {
     o(c);
   }, l = () => {
     const i = {
@@ -4176,7 +4176,7 @@ const ws = ({
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: x,
+            onClick: b,
             className: "px-3 py-1.5 text-sm font-medium text-white border border-transparent rounded-md focus:outline-hidden focus:ring-2 focus:ring-blue-500",
             style: { backgroundColor: "var(--dc-primary)" },
             children: "Apply Changes"
@@ -4260,7 +4260,7 @@ async function Rs(t, s, n = "/api/ai/generate") {
     body: JSON.stringify(o)
   });
   if (console.log("📥 Client: Proxy response"), console.log("  Status:", c.status), console.log("  Status Text:", c.statusText), !c.ok) {
-    let x = `Failed to generate content: ${c.status} ${c.statusText}`;
+    let b = `Failed to generate content: ${c.status} ${c.statusText}`;
     try {
       const l = await c.json();
       if (console.error("❌ Client: Proxy error:", l), c.status === 429 && l.error === "Daily quota exceeded")
@@ -4269,18 +4269,18 @@ async function Rs(t, s, n = "/api/ai/generate") {
 
 ${l.suggestion || "Add your own Gemini API key for unlimited access."}`
         );
-      l.error && (x = l.message || l.error, l.suggestion && (x += `
+      l.error && (b = l.message || l.error, l.suggestion && (b += `
 
 💡 ${l.suggestion}`));
     } catch {
       try {
         const u = await c.text();
-        console.error("❌ Client: Proxy text error:", u), x = u || x;
+        console.error("❌ Client: Proxy text error:", u), b = u || b;
       } catch {
         console.error("❌ Client: Could not parse error response");
       }
     }
-    throw new Error(x);
+    throw new Error(b);
   }
   const f = await c.json();
   return console.log("✅ Client: Successfully generated content"), f;
@@ -4340,7 +4340,7 @@ const At = M("error"), st = M("success"), Et = M("sparkles"), Os = ({
           isSubmitting: !1,
           response: C
         })), setTimeout(() => {
-          x(C);
+          b(C);
         }, 500);
       } catch (w) {
         c((C) => ({
@@ -4350,7 +4350,7 @@ const At = M("error"), st = M("success"), Et = M("sparkles"), Os = ({
         }));
       }
     }
-  }, x = async (g) => {
+  }, b = async (g) => {
     if (!g) {
       console.log("AI Modal: No response text to validate");
       return;
@@ -4395,7 +4395,7 @@ const At = M("error"), st = M("success"), Et = M("sparkles"), Os = ({
       }));
     }
   }, l = async () => {
-    m.response && await x(m.response);
+    m.response && await b(m.response);
   }, u = () => {
     if (!(!m.response || !n))
       try {
@@ -4538,10 +4538,10 @@ function $s() {
         }
         return c[l][u];
       }
-      var x = {
+      var b = {
         compressToBase64: function(l) {
           if (l == null) return "";
-          var u = x._compress(l, 6, function(d) {
+          var u = b._compress(l, 6, function(d) {
             return o.charAt(d);
           });
           switch (u.length % 4) {
@@ -4559,23 +4559,23 @@ function $s() {
           }
         },
         decompressFromBase64: function(l) {
-          return l == null ? "" : l == "" ? null : x._decompress(l.length, 32, function(u) {
+          return l == null ? "" : l == "" ? null : b._decompress(l.length, 32, function(u) {
             return f(o, l.charAt(u));
           });
         },
         compressToUTF16: function(l) {
-          return l == null ? "" : x._compress(l, 15, function(u) {
+          return l == null ? "" : b._compress(l, 15, function(u) {
             return n(u + 32);
           }) + " ";
         },
         decompressFromUTF16: function(l) {
-          return l == null ? "" : l == "" ? null : x._decompress(l.length, 16384, function(u) {
+          return l == null ? "" : l == "" ? null : b._decompress(l.length, 16384, function(u) {
             return l.charCodeAt(u) - 32;
           });
         },
         //compress into uint8array (UCS-2 big endian format)
         compressToUint8Array: function(l) {
-          for (var u = x.compress(l), d = new Uint8Array(u.length * 2), p = 0, i = u.length; p < i; p++) {
+          for (var u = b.compress(l), d = new Uint8Array(u.length * 2), p = 0, i = u.length; p < i; p++) {
             var N = u.charCodeAt(p);
             d[p * 2] = N >>> 8, d[p * 2 + 1] = N % 256;
           }
@@ -4584,34 +4584,34 @@ function $s() {
         //decompress from uint8array (UCS-2 big endian format)
         decompressFromUint8Array: function(l) {
           if (l == null)
-            return x.decompress(l);
+            return b.decompress(l);
           for (var u = new Array(l.length / 2), d = 0, p = u.length; d < p; d++)
             u[d] = l[d * 2] * 256 + l[d * 2 + 1];
           var i = [];
           return u.forEach(function(N) {
             i.push(n(N));
-          }), x.decompress(i.join(""));
+          }), b.decompress(i.join(""));
         },
         //compress into a string that is already URI encoded
         compressToEncodedURIComponent: function(l) {
-          return l == null ? "" : x._compress(l, 6, function(u) {
+          return l == null ? "" : b._compress(l, 6, function(u) {
             return m.charAt(u);
           });
         },
         //decompress from an output of compressToEncodedURIComponent
         decompressFromEncodedURIComponent: function(l) {
-          return l == null ? "" : l == "" ? null : (l = l.replace(/ /g, "+"), x._decompress(l.length, 32, function(u) {
+          return l == null ? "" : l == "" ? null : (l = l.replace(/ /g, "+"), b._decompress(l.length, 32, function(u) {
             return f(m, l.charAt(u));
           }));
         },
         compress: function(l) {
-          return x._compress(l, 16, function(u) {
+          return b._compress(l, 16, function(u) {
             return n(u);
           });
         },
         _compress: function(l, u, d) {
           if (l == null) return "";
-          var p, i, N = {}, g = {}, w = "", C = "", I = "", F = 2, V = 3, E = 2, O = [], a = 0, b = 0, h;
+          var p, i, N = {}, g = {}, w = "", C = "", I = "", F = 2, V = 3, E = 2, O = [], a = 0, x = 0, h;
           for (h = 0; h < l.length; h += 1)
             if (w = l.charAt(h), Object.prototype.hasOwnProperty.call(N, w) || (N[w] = V++, g[w] = !0), C = I + w, Object.prototype.hasOwnProperty.call(N, C))
               I = C;
@@ -4619,56 +4619,56 @@ function $s() {
               if (Object.prototype.hasOwnProperty.call(g, I)) {
                 if (I.charCodeAt(0) < 256) {
                   for (p = 0; p < E; p++)
-                    a = a << 1, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++;
+                    a = a << 1, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++;
                   for (i = I.charCodeAt(0), p = 0; p < 8; p++)
-                    a = a << 1 | i & 1, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++, i = i >> 1;
+                    a = a << 1 | i & 1, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++, i = i >> 1;
                 } else {
                   for (i = 1, p = 0; p < E; p++)
-                    a = a << 1 | i, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++, i = 0;
+                    a = a << 1 | i, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++, i = 0;
                   for (i = I.charCodeAt(0), p = 0; p < 16; p++)
-                    a = a << 1 | i & 1, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++, i = i >> 1;
+                    a = a << 1 | i & 1, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++, i = i >> 1;
                 }
                 F--, F == 0 && (F = Math.pow(2, E), E++), delete g[I];
               } else
                 for (i = N[I], p = 0; p < E; p++)
-                  a = a << 1 | i & 1, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++, i = i >> 1;
+                  a = a << 1 | i & 1, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++, i = i >> 1;
               F--, F == 0 && (F = Math.pow(2, E), E++), N[C] = V++, I = String(w);
             }
           if (I !== "") {
             if (Object.prototype.hasOwnProperty.call(g, I)) {
               if (I.charCodeAt(0) < 256) {
                 for (p = 0; p < E; p++)
-                  a = a << 1, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++;
+                  a = a << 1, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++;
                 for (i = I.charCodeAt(0), p = 0; p < 8; p++)
-                  a = a << 1 | i & 1, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++, i = i >> 1;
+                  a = a << 1 | i & 1, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++, i = i >> 1;
               } else {
                 for (i = 1, p = 0; p < E; p++)
-                  a = a << 1 | i, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++, i = 0;
+                  a = a << 1 | i, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++, i = 0;
                 for (i = I.charCodeAt(0), p = 0; p < 16; p++)
-                  a = a << 1 | i & 1, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++, i = i >> 1;
+                  a = a << 1 | i & 1, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++, i = i >> 1;
               }
               F--, F == 0 && (F = Math.pow(2, E), E++), delete g[I];
             } else
               for (i = N[I], p = 0; p < E; p++)
-                a = a << 1 | i & 1, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++, i = i >> 1;
+                a = a << 1 | i & 1, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++, i = i >> 1;
             F--, F == 0 && (F = Math.pow(2, E), E++);
           }
           for (i = 2, p = 0; p < E; p++)
-            a = a << 1 | i & 1, b == u - 1 ? (b = 0, O.push(d(a)), a = 0) : b++, i = i >> 1;
+            a = a << 1 | i & 1, x == u - 1 ? (x = 0, O.push(d(a)), a = 0) : x++, i = i >> 1;
           for (; ; )
-            if (a = a << 1, b == u - 1) {
+            if (a = a << 1, x == u - 1) {
               O.push(d(a));
               break;
-            } else b++;
+            } else x++;
           return O.join("");
         },
         decompress: function(l) {
-          return l == null ? "" : l == "" ? null : x._decompress(l.length, 32768, function(u) {
+          return l == null ? "" : l == "" ? null : b._decompress(l.length, 32768, function(u) {
             return l.charCodeAt(u);
           });
         },
         _decompress: function(l, u, d) {
-          var p = [], i = 4, N = 4, g = 3, w = "", C = [], I, F, V, E, O, a, b, h = { val: d(0), position: u, index: 1 };
+          var p = [], i = 4, N = 4, g = 3, w = "", C = [], I, F, V, E, O, a, x, h = { val: d(0), position: u, index: 1 };
           for (I = 0; I < 3; I += 1)
             p[I] = I;
           for (V = 0, O = Math.pow(2, 2), a = 1; a != O; )
@@ -4677,38 +4677,38 @@ function $s() {
             case 0:
               for (V = 0, O = Math.pow(2, 8), a = 1; a != O; )
                 E = h.val & h.position, h.position >>= 1, h.position == 0 && (h.position = u, h.val = d(h.index++)), V |= (E > 0 ? 1 : 0) * a, a <<= 1;
-              b = n(V);
+              x = n(V);
               break;
             case 1:
               for (V = 0, O = Math.pow(2, 16), a = 1; a != O; )
                 E = h.val & h.position, h.position >>= 1, h.position == 0 && (h.position = u, h.val = d(h.index++)), V |= (E > 0 ? 1 : 0) * a, a <<= 1;
-              b = n(V);
+              x = n(V);
               break;
             case 2:
               return "";
           }
-          for (p[3] = b, F = b, C.push(b); ; ) {
+          for (p[3] = x, F = x, C.push(x); ; ) {
             if (h.index > l)
               return "";
             for (V = 0, O = Math.pow(2, g), a = 1; a != O; )
               E = h.val & h.position, h.position >>= 1, h.position == 0 && (h.position = u, h.val = d(h.index++)), V |= (E > 0 ? 1 : 0) * a, a <<= 1;
-            switch (b = V) {
+            switch (x = V) {
               case 0:
                 for (V = 0, O = Math.pow(2, 8), a = 1; a != O; )
                   E = h.val & h.position, h.position >>= 1, h.position == 0 && (h.position = u, h.val = d(h.index++)), V |= (E > 0 ? 1 : 0) * a, a <<= 1;
-                p[N++] = n(V), b = N - 1, i--;
+                p[N++] = n(V), x = N - 1, i--;
                 break;
               case 1:
                 for (V = 0, O = Math.pow(2, 16), a = 1; a != O; )
                   E = h.val & h.position, h.position >>= 1, h.position == 0 && (h.position = u, h.val = d(h.index++)), V |= (E > 0 ? 1 : 0) * a, a <<= 1;
-                p[N++] = n(V), b = N - 1, i--;
+                p[N++] = n(V), x = N - 1, i--;
                 break;
               case 2:
                 return C.join("");
             }
-            if (i == 0 && (i = Math.pow(2, g), g++), p[b])
-              w = p[b];
-            else if (b === N)
+            if (i == 0 && (i = Math.pow(2, g), g++), p[x])
+              w = p[x];
+            else if (x === N)
               w = F + F.charAt(0);
             else
               return null;
@@ -4716,7 +4716,7 @@ function $s() {
           }
         }
       };
-      return x;
+      return b;
     })();
     t != null ? t.exports = s : typeof angular < "u" && angular != null && angular.module("LZString", []).factory("LZString", function() {
       return s;
@@ -4836,7 +4836,7 @@ const _s = ({
   enableSharing: m = !1,
   onShare: c
 }, f) => {
-  const { cubeApi: x, updateApiConfig: l, features: u } = Ye(), d = () => {
+  const { cubeApi: b, updateApiConfig: l, features: u } = Ye(), d = () => {
     if (!n)
       try {
         const A = localStorage.getItem(Ot);
@@ -4925,7 +4925,7 @@ const _s = ({
       displayConfig: { showLegend: !0, showGrid: !0, showTooltip: !0 },
       activeView: "table"
     };
-  })(), [F, V] = q(I.chartType), [E, O] = q(I.chartConfig), [a, b] = q(I.displayConfig), [h, v] = q(I.activeView), [y, k] = q(d()), [z, L] = q(!1), [T, H] = q(!1), [R, G] = q("tree"), [Z, ie] = q(!1), [ue, le] = q("idle"), [ve, he] = q(!1), [Ne, pe] = q({ size: 0, maxSize: 0 }), [B, U] = q(!1);
+  })(), [F, V] = q(I.chartType), [E, O] = q(I.chartConfig), [a, x] = q(I.displayConfig), [h, v] = q(I.activeView), [y, k] = q(d()), [z, L] = q(!1), [T, H] = q(!1), [R, G] = q("tree"), [Z, ie] = q(!1), [ue, le] = q("idle"), [ve, he] = q(!1), [Ne, pe] = q({ size: 0, maxSize: 0 }), [B, U] = q(!1);
   oe(() => {
     s && JSON.stringify(s) !== JSON.stringify(i.query) && N((A) => ({
       ...A,
@@ -4942,7 +4942,7 @@ const _s = ({
       totalRowCountStatus: "idle"
     }));
   }, [s]);
-  const se = xe(""), [ne, S] = q(null), W = De(() => ne?.pivotQuery?.query ? {
+  const se = be(""), [ne, S] = q(null), W = De(() => ne?.pivotQuery?.query ? {
     dimensions: ne.pivotQuery.query.dimensions || [],
     timeDimensions: ne.pivotQuery.query.timeDimensions?.map((A) => A.dimension) || [],
     measures: ne.pivotQuery.query.measures || []
@@ -4968,7 +4968,7 @@ const _s = ({
         schemaError: null
       }));
       try {
-        const P = await x.meta();
+        const P = await b.meta();
         N((_) => ({
           ..._,
           schema: P,
@@ -5004,7 +5004,7 @@ const _s = ({
       } catch {
       }
   }, [y, n]);
-  const X = xe(!1);
+  const X = be(!1);
   oe(() => {
     if (!m) return;
     const A = Ps();
@@ -5021,7 +5021,7 @@ const _s = ({
       executionError: null,
       totalRowCount: null,
       totalRowCountStatus: "idle"
-    })), P.chartType && V(P.chartType), P.chartConfig && O(P.chartConfig), P.displayConfig && b(P.displayConfig), P.activeView && v(P.activeView), U(!0), X.current = !0), Vs();
+    })), P.chartType && V(P.chartType), P.chartConfig && O(P.chartConfig), P.displayConfig && x(P.displayConfig), P.activeView && v(P.activeView), U(!0), X.current = !0), Vs();
   }, [m]), oe(() => {
     i.executionStatus === "success" && Pe(i.query) && i.validationStatus === "valid" && ee();
   }, [g, h]);
@@ -5094,7 +5094,7 @@ const _s = ({
       };
       return Re(Q);
     });
-  }, [de]), be = J((A) => {
+  }, [de]), xe = J((A) => {
     de((P) => {
       const _ = {
         ...P,
@@ -5142,7 +5142,7 @@ const _s = ({
       validationSql: null
     }));
     try {
-      const _ = await x.dryRun(A);
+      const _ = await b.dryRun(A);
       S(_);
       const Q = !_.error && _.queryType && _.valid !== !1;
       Q && (se.current = P), N((Y) => ({
@@ -5159,7 +5159,7 @@ const _s = ({
         validationSql: null
       }));
     }
-  }, [i.query, x]);
+  }, [i.query, b]);
   oe(() => {
     if (!Pe(i.query) || i.validationStatus !== "idle")
       return;
@@ -5179,8 +5179,8 @@ const _s = ({
       }));
       try {
         const A = Oe(i.query), P = h === "chart" ? void 0 : g, [_, Q] = await Promise.all([
-          x.load(P ? { ...A, limit: P } : A),
-          x.load(A)
+          b.load(P ? { ...A, limit: P } : A),
+          b.load(A)
           // No limit for total count
         ]), Y = _.tablePivot(), ke = Q.tablePivot().length;
         N((Qe) => ({
@@ -5202,7 +5202,7 @@ const _s = ({
         }));
       }
     }
-  }, [i.query, i.validationStatus, x, g, h]);
+  }, [i.query, i.validationStatus, b, g, h]);
   oe(() => {
     X.current && i.validationStatus === "valid" && i.executionStatus === "idle" && (X.current = !1, ee());
   }, [i.validationStatus, i.executionStatus, ee]);
@@ -5277,7 +5277,7 @@ const _s = ({
       schemaError: null
     }));
     try {
-      const A = await x.meta();
+      const A = await b.meta();
       N((P) => ({
         ...P,
         schema: A,
@@ -5293,7 +5293,7 @@ const _s = ({
         schemaError: P
       }));
     }
-  }, [x]), K = {
+  }, [b]), K = {
     measures: i.query.measures || [],
     dimensions: i.query.dimensions || [],
     timeDimensions: (i.query.timeDimensions || []).map((A) => A.dimension)
@@ -5388,7 +5388,7 @@ const _s = ({
             onExecute: ee,
             onRemoveField: Se,
             onTimeDimensionGranularityChange: te,
-            onFiltersChange: be,
+            onFiltersChange: xe,
             onDateRangeChange: me,
             onDateRangeRemove: Ae,
             onOrderChange: $,
@@ -5418,7 +5418,7 @@ const _s = ({
             availableFields: W,
             onChartTypeChange: V,
             onChartConfigChange: O,
-            onDisplayConfigChange: b,
+            onDisplayConfigChange: x,
             activeView: h,
             onActiveViewChange: v
           }
@@ -5447,7 +5447,7 @@ const _s = ({
           })), setTimeout(async () => {
             const P = Oe(Le(A));
             try {
-              const _ = await x.dryRun(P), Q = !_.error && _.queryType && _.valid !== !1;
+              const _ = await b.dryRun(P), Q = !_.error && _.queryType && _.valid !== !1;
               N((Y) => ({
                 ...Y,
                 validationStatus: Q ? "valid" : "invalid",
@@ -5543,7 +5543,7 @@ function $t({
   submitText: c,
   colorPalette: f
 }) {
-  const { cubeApi: x } = Ye(), [l, u] = q(""), [d, p] = q(""), [i, N] = q("bar"), [g, w] = q([]), [C, I] = q(!1), [F, V] = q(null), [E, O] = q(""), [a, b] = q(null), [h, v] = q({ xAxis: [], yAxis: [], series: [] }), [y, k] = q({ showLegend: !0, showGrid: !0, showTooltip: !0, stacked: !1 }), [z, L] = q(!1), [T, H] = q(null), R = xe(null), Z = Ut(i, We).skipQuery === !0, ie = (te) => {
+  const { cubeApi: b } = Ye(), [l, u] = q(""), [d, p] = q(""), [i, N] = q("bar"), [g, w] = q([]), [C, I] = q(!1), [F, V] = q(null), [E, O] = q(""), [a, x] = q(null), [h, v] = q({ xAxis: [], yAxis: [], series: [] }), [y, k] = q({ showLegend: !0, showGrid: !0, showTooltip: !0, stacked: !1 }), [z, L] = q(!1), [T, H] = q(null), R = be(null), Z = Ut(i, We).skipQuery === !0, ie = (te) => {
   }, ue = 5, le = 4;
   oe(() => {
     if (t) {
@@ -5556,11 +5556,11 @@ function $t({
             return o.query;
           }
         })();
-        p(te), N(o.chartType), v(o.chartConfig || { xAxis: [], yAxis: [], series: [] }), k(o.displayConfig || {}), w(o.dashboardFilterMapping || []), O(te), V({ isValid: !0, message: "Loaded query (assumed valid)" }), b(null), Z || setTimeout(() => {
+        p(te), N(o.chartType), v(o.chartConfig || { xAxis: [], yAxis: [], series: [] }), k(o.displayConfig || {}), w(o.dashboardFilterMapping || []), O(te), V({ isValid: !0, message: "Loaded query (assumed valid)" }), x(null), Z || setTimeout(() => {
           pe(te, !0, !0);
         }, 100);
       } else
-        u(""), p(""), N("bar"), v({ xAxis: [], yAxis: [], series: [] }), k({ showLegend: !0, showGrid: !0, showTooltip: !0, stacked: !1 }), w([]), O(""), V(null), b(null);
+        u(""), p(""), N("bar"), v({ xAxis: [], yAxis: [], series: [] }), k({ showLegend: !0, showGrid: !0, showTooltip: !0, stacked: !1 }), w([]), O(""), V(null), x(null);
       I(!1);
     }
   }, [t, o]);
@@ -5582,11 +5582,11 @@ function $t({
         return;
       }
     }
-    const be = Z ? '{"measures":[]}' : d.trim();
+    const xe = Z ? '{"measures":[]}' : d.trim();
     n(o ? {
       ...o,
       title: l.trim(),
-      query: be,
+      query: xe,
       chartType: i,
       chartConfig: Object.keys(h).length > 0 ? h : void 0,
       displayConfig: y,
@@ -5595,7 +5595,7 @@ function $t({
       h: o.h || le
     } : {
       title: l.trim(),
-      query: be,
+      query: xe,
       chartType: i,
       chartConfig: Object.keys(h).length > 0 ? h : void 0,
       displayConfig: y,
@@ -5604,33 +5604,33 @@ function $t({
       h: le
     });
   }, he = (te) => {
-    p(te), V(null), O(""), b(null), v({ xAxis: [], yAxis: [], series: [] });
+    p(te), V(null), O(""), x(null), v({ xAxis: [], yAxis: [], series: [] });
   }, Ne = (te) => {
-    p(te), V(null), b(null), o || v({ xAxis: [], yAxis: [], series: [] });
-  }, pe = async (te, be = !1, me = !1) => {
+    p(te), V(null), x(null), o || v({ xAxis: [], yAxis: [], series: [] });
+  }, pe = async (te, xe = !1, me = !1) => {
     if (!te.trim()) {
-      be || V({ isValid: !1, message: "Query cannot be empty" });
+      xe || V({ isValid: !1, message: "Query cannot be empty" });
       return;
     }
     let Ae;
     try {
       Ae = JSON.parse(te);
     } catch {
-      be || V({ isValid: !1, message: "Invalid JSON syntax" });
+      xe || V({ isValid: !1, message: "Invalid JSON syntax" });
       return;
     }
-    be || (I(!0), V(null));
+    xe || (I(!0), V(null));
     try {
-      const $ = await x.dryRun(Ae);
+      const $ = await b.dryRun(Ae);
       if (!$.error && $.queryType) {
-        if (b($), !be) {
+        if (x($), !xe) {
           const ee = [];
           $.pivotQuery?.query && ($.pivotQuery.query.measures?.length > 0 && ee.push(`${$.pivotQuery.query.measures.length} measure${$.pivotQuery.query.measures.length > 1 ? "s" : ""}`), $.pivotQuery.query.dimensions?.length > 0 && ee.push(`${$.pivotQuery.query.dimensions.length} dimension${$.pivotQuery.query.dimensions.length > 1 ? "s" : ""}`), $.pivotQuery.query.filters?.length > 0 && ee.push(`${$.pivotQuery.query.filters.length} filter${$.pivotQuery.query.filters.length > 1 ? "s" : ""}`), $.pivotQuery.query.timeDimensions?.length > 0 && ee.push(`${$.pivotQuery.query.timeDimensions.length} time dimension${$.pivotQuery.query.timeDimensions.length > 1 ? "s" : ""}`)), $.complexity && ee.push(`${$.complexity} complexity`), $.sql?.sql && ee.push("SQL generated"), $.cubesUsed?.length > 0 && ee.push(`Cubes: ${$.cubesUsed.join(", ")}`);
           const fe = ee.length > 0 ? `Query validated successfully (${ee.join(", ")})` : "Query validated successfully";
           V({ isValid: !0, message: fe }), O(te);
         }
         me || ie($);
-      } else if (!be) {
+      } else if (!xe) {
         const ee = $.error || "Query validation failed", fe = $.details ? ` - ${Array.isArray($.details) ? $.details.join(", ") : $.details}` : "";
         V({
           isValid: !1,
@@ -5638,12 +5638,12 @@ function $t({
         }), O(te);
       }
     } catch ($) {
-      be || (V({
+      xe || (V({
         isValid: !1,
         message: $ instanceof Error ? $.message : "Network error during validation"
       }), O(te));
     } finally {
-      be || I(!1);
+      xe || I(!1);
     }
   }, B = async () => {
     await pe(d);
@@ -5658,15 +5658,15 @@ function $t({
     H(te), L(!0);
   }, se = (te) => {
     if (te?.preventDefault(), te?.stopPropagation(), !R.current) return;
-    const be = R.current.getCurrentQuery(), me = R.current.getValidationState(), Ae = R.current.getValidationResult(), $ = JSON.stringify(be, null, 2);
+    const xe = R.current.getCurrentQuery(), me = R.current.getValidationState(), Ae = R.current.getValidationResult(), $ = JSON.stringify(xe, null, 2);
     p($), me?.status === "valid" && Ae ? (V({
       isValid: !0,
       message: "Query validated in Query Builder"
-    }), O($), b(Ae)) : (V(null), O(""), b(null)), L(!1);
+    }), O($), x(Ae)) : (V(null), O(""), x(null)), L(!1);
   }, ne = () => {
     L(!1), H(null);
   }, S = () => {
-    u(""), p(""), N("bar"), v({ xAxis: [], yAxis: [], series: [] }), k({ showLegend: !0, showGrid: !0, showTooltip: !0, stacked: !1 }), V(null), I(!1), O(""), b(null), L(!1), H(null), s();
+    u(""), p(""), N("bar"), v({ xAxis: [], yAxis: [], series: [] }), k({ showLegend: !0, showGrid: !0, showTooltip: !0, stacked: !1 }), V(null), I(!1), O(""), x(null), L(!1), H(null), s();
   }, W = !!o, X = d.trim() !== E.trim() && E !== "", de = F?.isValid && d.trim() === E.trim(), ge = a?.pivotQuery?.query ? {
     dimensions: a.pivotQuery.query.dimensions || [],
     timeDimensions: a.pivotQuery.query.timeDimensions?.map((te) => te.dimension) || [],
@@ -5855,7 +5855,7 @@ function $t({
         ] }) }),
         !W && /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("label", { className: "block text-sm text-dc-text-muted mb-2", children: "Sample Queries (click to use)" }),
-          /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 mb-2", children: js.map((te, be) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 mb-2", children: js.map((te, xe) => /* @__PURE__ */ e(
             "button",
             {
               type: "button",
@@ -5863,7 +5863,7 @@ function $t({
               className: "px-2 py-1 text-xs text-dc-text-secondary bg-dc-surface-secondary border border-dc-border rounded-sm cursor-pointer transition-all duration-200 ease-in-out hover:bg-dc-surface-hover hover:border-dc-border m-0.5",
               children: te.name
             },
-            be
+            xe
           )) })
         ] })
       ] })
@@ -5878,16 +5878,16 @@ function Qs({
   onSave: m,
   portletTitle: c
 }) {
-  const [f, x] = q(o);
+  const [f, b] = q(o);
   oe(() => {
-    x(o);
+    b(o);
   }, [o, t]);
   const l = (i) => {
-    x((N) => N.includes(i) ? N.filter((g) => g !== i) : [...N, i]);
+    b((N) => N.includes(i) ? N.filter((g) => g !== i) : [...N, i]);
   }, u = () => {
     m(f), s();
   }, d = () => {
-    x(o), s();
+    b(o), s();
   }, p = (i) => {
     if (!i.filter) return "";
     if ("member" in i.filter && i.filter.member) {
@@ -6022,22 +6022,22 @@ function tr({
 }) {
   const [c, f] = q(!1);
   return oe(() => {
-    const x = (l) => {
+    const b = (l) => {
       l.key === "Escape" && c && f(!1);
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
   }, [c]), oe(() => {
     if (c && typeof window < "u" && window.Prism) {
-      const x = setTimeout(() => {
+      const b = setTimeout(() => {
         window.Prism.highlightAll();
       }, 10);
-      return () => clearTimeout(x);
+      return () => clearTimeout(b);
     }
   }, [c]), c ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-0 bg-dc-surface border border-dc-border rounded-lg z-50 overflow-auto",
-      onClick: (x) => x.stopPropagation(),
+      onClick: (b) => b.stopPropagation(),
       children: /* @__PURE__ */ r("div", { className: "p-4 h-full flex flex-col", children: [
         /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-4 shrink-0", children: [
           /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-dc-text", children: "Chart Debug Information" }),
@@ -7283,7 +7283,7 @@ function Us({
   onPaletteChange: s,
   className: n = ""
 }) {
-  const [o, m] = q(!1), c = xe(null), f = rr(t);
+  const [o, m] = q(!1), c = be(null), f = rr(t);
   oe(() => {
     function l(u) {
       c.current && !c.current.contains(u.target) && m(!1);
@@ -7291,7 +7291,7 @@ function Us({
     if (o)
       return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
   }, [o]);
-  const x = (l) => {
+  const b = (l) => {
     s(l), m(!1);
   };
   return /* @__PURE__ */ r("div", { className: `relative ${n}`, ref: c, children: [
@@ -7340,7 +7340,7 @@ function Us({
       "button",
       {
         type: "button",
-        onClick: () => x(l.name),
+        onClick: () => b(l.name),
         className: `w-full px-3 py-2 text-left text-sm hover:bg-dc-surface-hover focus:outline-hidden focus:bg-dc-surface-hover ${l.name === t ? "bg-dc-surface-secondary" : "text-dc-text-secondary"}`,
         style: l.name === t ? { color: "var(--dc-primary)" } : void 0,
         children: /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
@@ -7379,7 +7379,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
   onSave: m,
   onClose: c,
   onDelete: f,
-  convertToMetaResponse: x
+  convertToMetaResponse: b
 }) => {
   const [l, u] = q(t.label), [d, p] = q(t.filter), [i, N] = q(!1);
   oe(() => {
@@ -7388,7 +7388,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
   const g = De(() => jr(n), [n]), w = De(() => {
     if (!s) return null;
     if (i)
-      return x(s);
+      return b(s);
     const h = s.cubes.map((y) => {
       const k = y.name, z = y.measures.filter((T) => {
         const H = T.name.includes(".") ? T.name : `${k}.${T.name}`;
@@ -7406,8 +7406,8 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
       ...s,
       cubes: h
     };
-    return x(v);
-  }, [s, g, i, x]), C = De(() => "member" in d && d.member ? d.member : null, [d]), I = J((h) => {
+    return b(v);
+  }, [s, g, i, b]), C = De(() => "member" in d && d.member ? d.member : null, [d]), I = J((h) => {
     u(h);
   }, []), F = J((h) => {
     p(h[0] || d);
@@ -7441,137 +7441,151 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
     } catch (y) {
       console.error("Failed to save filter:", y), alert("Failed to save filter. Please try again.");
     }
-  }, [t.id, t.isUniversalTime, l, d, O, m, c]), b = J(() => {
+  }, [t.id, t.isUniversalTime, l, d, O, m, c]), x = J(() => {
     u(t.label), p(t.filter), c();
   }, [t, c]);
-  return /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-2", children: /* @__PURE__ */ r("div", { className: "rounded-lg shadow-xl max-w-7xl w-full h-[95vh] overflow-hidden flex flex-col bg-white dark:bg-gray-900", children: [
-    /* @__PURE__ */ r("div", { className: "px-6 py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [
-      /* @__PURE__ */ r("div", { className: "flex-1", children: [
-        /* @__PURE__ */ e("label", { className: "block text-sm font-medium mb-2 text-gray-900 dark:text-gray-100", children: "Filter Label" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            value: l,
-            onChange: (h) => I(h.target.value),
-            className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md text-sm bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100",
-            placeholder: "Enter filter label"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: b,
-          className: "ml-4 p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors text-gray-700 dark:text-gray-300",
-          children: /* @__PURE__ */ e(zs, { className: "w-5 h-5" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex-1 overflow-hidden flex", children: [
-      !t.isUniversalTime && /* @__PURE__ */ e("div", { className: "w-80 border-r border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 overflow-auto", children: /* @__PURE__ */ r("div", { className: "p-4", children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center justify-between mb-3", children: [
-          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: "Available Fields" }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: () => N(!i),
-              className: "flex items-center gap-1 text-xs px-2 py-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-600 dark:text-gray-400",
-              title: i ? "Show dashboard fields only" : "Show all fields",
-              children: i ? /* @__PURE__ */ r(ce, { children: [
-                /* @__PURE__ */ e(Hs, { className: "w-3.5 h-3.5" }),
-                /* @__PURE__ */ e("span", { children: "Dashboard" })
-              ] }) : /* @__PURE__ */ r(ce, { children: [
-                /* @__PURE__ */ e(Js, { className: "w-3.5 h-3.5" }),
-                /* @__PURE__ */ e("span", { children: "All" })
-              ] })
-            }
-          )
-        ] }),
-        !i && /* @__PURE__ */ e("div", { className: "text-xs text-gray-500 dark:text-gray-400 mb-3 p-2 bg-blue-50 dark:bg-blue-900/20 rounded", children: "Showing only fields used in this dashboard" }),
-        w && w.cubes.length > 0 ? /* @__PURE__ */ e(
-          ct,
-          {
-            schema: w,
-            schemaStatus: "success",
-            schemaError: null,
-            selectedFields: {
-              measures: C ? [C] : [],
-              dimensions: C ? [C] : [],
-              timeDimensions: C ? [C] : []
-            },
-            onFieldSelect: (h) => V(h),
-            onFieldDeselect: () => {
-            }
-          }
-        ) : /* @__PURE__ */ e("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400 text-sm", children: i ? /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "mb-2", children: "No schema available" }),
-          /* @__PURE__ */ e("p", { className: "text-xs", children: "Check your API connection" })
-        ] }) : /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "mb-2", children: "No fields used in dashboard" }),
-          /* @__PURE__ */ e("p", { className: "text-xs", children: "Add portlets to the dashboard first, or toggle to show all fields" })
-        ] }) })
-      ] }) }),
-      /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto px-6 py-4 bg-gray-50 dark:bg-gray-800", children: t.isUniversalTime ? (
-        /* Universal time filter - show DateRangeSelector */
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ r("div", { className: "mb-4 p-3 rounded-md bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800", children: [
-            /* @__PURE__ */ e("div", { className: "text-sm font-medium text-blue-800 dark:text-blue-200 mb-1", children: "Universal Time Filter" }),
-            /* @__PURE__ */ e("div", { className: "text-xs text-blue-600 dark:text-blue-300", children: "This filter applies to all time dimensions in portlets it's mapped to. Select a date range below to filter data across all time-based charts." })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
-            bt,
-            {
-              timeDimension: "__universal_time__",
-              availableTimeDimensions: ["__universal_time__"],
-              currentDateRange: (() => {
-                const h = d;
-                if (h.dateRange) return h.dateRange;
-                if (h.values)
-                  return Array.isArray(h.values) && h.values.length === 1 && typeof h.values[0] == "string" ? h.values[0] : h.values;
-              })(),
-              onDateRangeChange: E,
-              onTimeDimensionChange: () => {
-              },
-              onRemove: () => {
-              },
-              hideFieldSelector: !0,
-              hideRemoveButton: !0
-            }
-          ) })
-        ] })
-      ) : (
-        /* Regular filter - show FilterBuilder */
-        /* @__PURE__ */ e(
-          Kt,
-          {
-            filters: [d],
-            schema: x(s),
-            query: {},
-            onFiltersChange: F
-          }
-        )
-      ) })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex items-center justify-between bg-white dark:bg-gray-900", children: [
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: f,
-          className: "px-4 py-2 text-sm font-medium text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-md transition-colors",
-          children: "Delete Filter"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "button",
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "fixed inset-0 z-50 backdrop-blur-md flex items-center justify-center p-2",
+      style: { backgroundColor: "var(--dc-overlay)" },
+      children: /* @__PURE__ */ r(
+        "div",
         {
-          onClick: a,
-          className: "px-4 py-2 text-sm font-medium rounded-md transition-colors bg-blue-600 hover:bg-blue-700 text-white",
-          children: "Done"
+          className: "rounded-lg max-w-7xl w-full h-[95vh] overflow-hidden flex flex-col bg-dc-surface border border-dc-border",
+          style: { boxShadow: "var(--dc-shadow-2xl)" },
+          children: [
+            /* @__PURE__ */ r("div", { className: "px-6 py-4 border-b border-dc-border flex items-center justify-between", children: [
+              /* @__PURE__ */ r("div", { className: "flex-1", children: [
+                /* @__PURE__ */ e("label", { className: "block text-sm font-medium mb-2 text-dc-text", children: "Filter Label" }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "text",
+                    value: l,
+                    onChange: (h) => I(h.target.value),
+                    className: "w-full px-3 py-2 border border-dc-border rounded-md text-sm bg-dc-surface-secondary text-dc-text",
+                    placeholder: "Enter filter label"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: x,
+                  className: "ml-4 p-2 hover:bg-dc-surface-hover rounded-md transition-colors text-dc-text-secondary",
+                  children: /* @__PURE__ */ e(zs, { className: "w-5 h-5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r("div", { className: "flex-1 overflow-hidden flex", children: [
+              !t.isUniversalTime && /* @__PURE__ */ e("div", { className: "w-80 border-r border-dc-border bg-dc-surface overflow-auto", children: /* @__PURE__ */ r("div", { className: "p-4", children: [
+                /* @__PURE__ */ r("div", { className: "flex items-center justify-between mb-3", children: [
+                  /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-dc-text", children: "Available Fields" }),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      onClick: () => N(!i),
+                      className: "flex items-center gap-1 text-xs px-2 py-1 rounded hover:bg-dc-surface-hover text-dc-text-muted",
+                      title: i ? "Show dashboard fields only" : "Show all fields",
+                      children: i ? /* @__PURE__ */ r(ce, { children: [
+                        /* @__PURE__ */ e(Hs, { className: "w-3.5 h-3.5" }),
+                        /* @__PURE__ */ e("span", { children: "Dashboard" })
+                      ] }) : /* @__PURE__ */ r(ce, { children: [
+                        /* @__PURE__ */ e(Js, { className: "w-3.5 h-3.5" }),
+                        /* @__PURE__ */ e("span", { children: "All" })
+                      ] })
+                    }
+                  )
+                ] }),
+                !i && /* @__PURE__ */ e("div", { className: "text-xs text-dc-info mb-3 p-2 bg-dc-info-bg rounded border border-dc-info-border", children: "Showing only fields used in this dashboard" }),
+                w && w.cubes.length > 0 ? /* @__PURE__ */ e(
+                  ct,
+                  {
+                    schema: w,
+                    schemaStatus: "success",
+                    schemaError: null,
+                    selectedFields: {
+                      measures: C ? [C] : [],
+                      dimensions: C ? [C] : [],
+                      timeDimensions: C ? [C] : []
+                    },
+                    onFieldSelect: (h) => V(h),
+                    onFieldDeselect: () => {
+                    }
+                  }
+                ) : /* @__PURE__ */ e("div", { className: "text-center py-8 text-dc-text-muted text-sm", children: i ? /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e("p", { className: "mb-2", children: "No schema available" }),
+                  /* @__PURE__ */ e("p", { className: "text-xs", children: "Check your API connection" })
+                ] }) : /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ e("p", { className: "mb-2", children: "No fields used in dashboard" }),
+                  /* @__PURE__ */ e("p", { className: "text-xs", children: "Add portlets to the dashboard first, or toggle to show all fields" })
+                ] }) })
+              ] }) }),
+              /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto px-6 py-4 bg-dc-surface-secondary", children: t.isUniversalTime ? (
+                /* Universal time filter - show DateRangeSelector */
+                /* @__PURE__ */ r("div", { children: [
+                  /* @__PURE__ */ r("div", { className: "mb-4 p-3 rounded-md bg-dc-info-bg border border-dc-info-border", children: [
+                    /* @__PURE__ */ e("div", { className: "text-sm font-medium text-dc-info mb-1", children: "Universal Time Filter" }),
+                    /* @__PURE__ */ e("div", { className: "text-xs text-dc-text-secondary", children: "This filter applies to all time dimensions in portlets it's mapped to. Select a date range below to filter data across all time-based charts." })
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e(
+                    xt,
+                    {
+                      timeDimension: "__universal_time__",
+                      availableTimeDimensions: ["__universal_time__"],
+                      currentDateRange: (() => {
+                        const h = d;
+                        if (h.dateRange) return h.dateRange;
+                        if (h.values)
+                          return Array.isArray(h.values) && h.values.length === 1 && typeof h.values[0] == "string" ? h.values[0] : h.values;
+                      })(),
+                      onDateRangeChange: E,
+                      onTimeDimensionChange: () => {
+                      },
+                      onRemove: () => {
+                      },
+                      hideFieldSelector: !0,
+                      hideRemoveButton: !0
+                    }
+                  ) })
+                ] })
+              ) : (
+                /* Regular filter - show FilterBuilder */
+                /* @__PURE__ */ e(
+                  Kt,
+                  {
+                    filters: [d],
+                    schema: b(s),
+                    query: {},
+                    onFiltersChange: F
+                  }
+                )
+              ) })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "px-6 py-4 border-t border-dc-border flex items-center justify-between bg-dc-surface", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: f,
+                  className: "px-4 py-2 text-sm font-medium text-dc-danger hover:bg-dc-danger-bg rounded-md transition-colors",
+                  children: "Delete Filter"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: a,
+                  className: "px-4 py-2 text-sm font-medium rounded-md transition-colors bg-dc-primary hover:bg-dc-primary-hover text-dc-primary-content",
+                  children: "Done"
+                }
+              )
+            ] })
+          ]
         }
       )
-    ] })
-  ] }) });
+    }
+  );
 }, Ws = M("filter"), Ys = M("timeDimension"), Ks = ({
   dashboardFilters: t,
   schema: s,
@@ -7580,8 +7594,8 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
   convertToMetaResponse: m,
   isTimeDimensionField: c
 }) => {
-  const f = J((x) => {
-    const { id: l, label: u, filter: d, isUniversalTime: p } = x;
+  const f = J((b) => {
+    const { id: l, label: u, filter: d, isUniversalTime: p } = b;
     if (!("member" in d))
       return null;
     const i = d, N = c(i.member);
@@ -7601,7 +7615,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
           )
         ] }),
         /* @__PURE__ */ e(
-          bt,
+          xt,
           {
             timeDimension: p ? "__universal_time__" : i.member,
             availableTimeDimensions: p ? ["__universal_time__"] : [i.member],
@@ -7634,7 +7648,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
           index: 0,
           onFilterChange: (g, w) => {
             n(l, {
-              ...x,
+              ...b,
               filter: w
             });
           },
@@ -7676,7 +7690,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
   selectedFilterId: c,
   onFilterSelect: f
 }) => {
-  const [x, l] = Ve.useState(!1), u = (d) => {
+  const [b, l] = Ve.useState(!1), u = (d) => {
     const { id: p, label: i, isUniversalTime: N } = d, g = c === p;
     return /* @__PURE__ */ r(
       "div",
@@ -7732,7 +7746,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
         "div",
         {
           className: "px-4 py-2 flex items-center justify-between cursor-pointer",
-          onClick: () => l(!x),
+          onClick: () => l(!b),
           children: [
             /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e(lt, { className: "w-4 h-4 shrink-0", style: { color: "var(--dc-primary)" } }),
@@ -7751,7 +7765,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
               /* @__PURE__ */ e(
                 en,
                 {
-                  className: `w-4 h-4 transition-transform ${x ? "" : "rotate-180"}`,
+                  className: `w-4 h-4 transition-transform ${b ? "" : "rotate-180"}`,
                   style: { color: "var(--dc-text-secondary)" }
                 }
               )
@@ -7794,8 +7808,8 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
           ]
         }
       ),
-      t.length > 0 && !x && /* @__PURE__ */ e("div", { className: "px-4 pb-2 flex flex-col gap-2", children: t.map(u) }),
-      t.length === 0 && !x && /* @__PURE__ */ e("div", { className: "px-4 pb-2", children: /* @__PURE__ */ e(
+      t.length > 0 && !b && /* @__PURE__ */ e("div", { className: "px-4 pb-2 flex flex-col gap-2", children: t.map(u) }),
+      t.length === 0 && !b && /* @__PURE__ */ e("div", { className: "px-4 pb-2", children: /* @__PURE__ */ e(
         "div",
         {
           className: "text-xs p-2 rounded-md text-center",
@@ -7878,7 +7892,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
   onDashboardFiltersChange: m,
   onSaveFilters: c,
   selectedFilterId: f,
-  onFilterSelect: x,
+  onFilterSelect: b,
   isEditMode: l = !1
 }) => {
   const [u, d] = q(null), [p, i] = q(!1), N = J((h) => h ? {
@@ -7973,7 +7987,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
       (k) => k.id === h ? v : k
     );
     m(y);
-  }, [t, m]), b = J((h) => n ? n.cubes.some(
+  }, [t, m]), x = J((h) => n ? n.cubes.some(
     (v) => v.dimensions.some((y) => y.name === h && y.type === "time")
   ) : !1, [n]);
   return !s || !l && t.length === 0 ? null : /* @__PURE__ */ r(
@@ -7995,7 +8009,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
             onEditFilter: I,
             onRemoveFilter: F,
             selectedFilterId: f,
-            onFilterSelect: x
+            onFilterSelect: b
           }
         ) : (
           /* View Mode - Read-only interactive filters */
@@ -8007,7 +8021,7 @@ const zs = M("close"), Js = M("eye"), Hs = M("eyeOff"), Gs = ({
               onFilterChange: a,
               onDateRangeChange: O,
               convertToMetaResponse: N,
-              isTimeDimensionField: b
+              isTimeDimensionField: x
             }
           )
         ),
@@ -8033,13 +8047,13 @@ function sn({
   designWidth: s,
   children: n
 }) {
-  const [o, m] = q(0), c = xe(null);
+  const [o, m] = q(0), c = be(null);
   oe(() => {
     if (!c.current) return;
-    const x = new ResizeObserver((l) => {
+    const b = new ResizeObserver((l) => {
       m(l[0]?.contentRect.height ?? 0);
     });
-    return x.observe(c.current), m(c.current.offsetHeight || 0), () => x.disconnect();
+    return b.observe(c.current), m(c.current.offsetHeight || 0), () => b.disconnect();
   }, []);
   const f = o * t;
   return /* @__PURE__ */ e(
@@ -8086,8 +8100,8 @@ function ln({
   dashboardFilters: n,
   onPortletRefresh: o
 }) {
-  const m = xe({}), [c, f] = q(null), x = xe(null), l = J((p) => {
-    x.current = p, p && f(an(p));
+  const m = be({}), [c, f] = q(null), b = be(null), l = J((p) => {
+    b.current = p, p && f(an(p));
   }, []), u = De(() => [...t.portlets].sort((p, i) => p.y !== i.y ? p.y - i.y : p.x - i.x), [t.portlets]), d = (p) => {
     m.current[p]?.refresh(), o?.(p);
   };
@@ -8167,7 +8181,7 @@ function fn({
   onConfigChange: m,
   onPortletRefresh: c,
   onSave: f,
-  colorPalette: x,
+  colorPalette: b,
   schema: l,
   onDashboardFiltersChange: u
 }) {
@@ -8178,13 +8192,13 @@ function fn({
     scaleFactor: N,
     isEditable: g,
     designWidth: w
-  } = cr(), [C, I] = q(null), F = xe(null);
+  } = cr(), [C, I] = q(null), F = be(null);
   oe(() => {
     F.current && I(qt(F.current));
   }, []);
   const V = J((D) => {
     F.current = D, d(D), D && I(qt(D));
-  }, [d]), E = i === "desktop" ? p : w, O = xe({}), a = xe({}), [b, h] = q(!1), [v, y] = q([]), [k, z] = q(!1), [L, T] = q(null);
+  }, [d]), E = i === "desktop" ? p : w, O = be({}), a = be({}), [x, h] = q(!1), [v, y] = q([]), [k, z] = q(!1), [L, T] = q(null);
   oe(() => {
     (!k || !g) && L && T(null);
   }, [k, g, L]), oe(() => {
@@ -8221,16 +8235,16 @@ function fn({
     };
   }, [L]);
   const U = J((D) => {
-    if (!b || v.length === 0) return !1;
+    if (!x || v.length === 0) return !1;
     for (const K of D) {
       const re = v.find((j) => j.i === K.i);
       if (re && (re.x !== K.x || re.y !== K.y || re.w !== K.w || re.h !== K.h))
         return !0;
     }
     return !1;
-  }, [b, v]), se = J((D) => {
+  }, [x, v]), se = J((D) => {
   }, []), ne = J(async (D, K, re, j, A, P) => {
-    if (!s || !k || !f || !b) return;
+    if (!s || !k || !f || !x) return;
     const _ = [...D];
     if (!U(_))
       return;
@@ -8258,8 +8272,8 @@ function fn({
     } catch (Ce) {
       console.error("Auto-save failed after drag:", Ce);
     }
-  }, [t.portlets, t.layouts, s, k, m, f, b, U]), S = J(async (D, K, re, j, A, P) => {
-    if (!s || !k || !m || !b) return;
+  }, [t.portlets, t.layouts, s, k, m, f, x, U]), S = J(async (D, K, re, j, A, P) => {
+    if (!s || !k || !m || !x) return;
     const _ = [...D];
     if (!U(_))
       return;
@@ -8287,7 +8301,7 @@ function fn({
       } catch (Ce) {
         console.error("Auto-save failed after resize:", Ce);
       }
-  }, [t.portlets, t.layouts, s, k, m, f, b, U]), W = J((D) => {
+  }, [t.portlets, t.layouts, s, k, m, f, x, U]), W = J((D) => {
     const K = a.current[D];
     K && K.refresh && K.refresh(), c && c(D);
   }, [c]), X = J(() => {
@@ -8393,7 +8407,7 @@ function fn({
         }, 300);
       }, 200);
     }, 200);
-  }, [t, m, f]), be = J(async (D) => {
+  }, [t, m, f]), xe = J(async (D) => {
     if (!m) return;
     const K = {
       ...t,
@@ -8499,7 +8513,7 @@ function fn({
           portlet: ie,
           title: ie ? "Edit Portlet" : "Add New Portlet",
           submitText: ie ? "Update Portlet" : "Add Portlet",
-          colorPalette: x
+          colorPalette: b
         }
       )
     ] });
@@ -8548,7 +8562,7 @@ function fn({
           }
         )
       },
-      compactor: br,
+      compactor: xr,
       children: t.portlets.map((D) => {
         const K = L ? (D.dashboardFilterMapping || []).includes(L) : !1, re = !!L;
         return /* @__PURE__ */ r(
@@ -8698,7 +8712,7 @@ function fn({
                   eagerLoad: D.eagerLoad ?? t.eagerLoad ?? !1,
                   title: D.title,
                   height: "100%",
-                  colorPalette: x,
+                  colorPalette: b,
                   loadingComponent: o,
                   onDebugDataReady: (j) => {
                     B((A) => ({
@@ -8752,7 +8766,7 @@ function fn({
               Us,
               {
                 currentPalette: t.colorPalette,
-                onPaletteChange: be,
+                onPaletteChange: xe,
                 className: "shrink-0"
               }
             ),
@@ -8853,7 +8867,7 @@ function fn({
       ln,
       {
         config: t,
-        colorPalette: x,
+        colorPalette: b,
         dashboardFilters: n,
         onPortletRefresh: W
       }
@@ -8869,7 +8883,7 @@ function fn({
         portlet: ie,
         title: ie ? "Edit Portlet" : "Add New Portlet",
         submitText: ie ? "Update Portlet" : "Add Portlet",
-        colorPalette: x
+        colorPalette: b
       }
     ),
     /* @__PURE__ */ e(
@@ -8896,7 +8910,7 @@ function Pn({
   onSave: c,
   onDirtyStateChange: f
 }) {
-  const { meta: x } = Ye(), l = xe(t), u = xe(!1), d = De(() => {
+  const { meta: b } = Ye(), l = be(t), u = be(!1), d = De(() => {
     const w = t.filters || [], C = n || [];
     if (C.length === 0)
       return w;
@@ -8948,7 +8962,7 @@ function Pn({
       onConfigChange: i,
       onSave: p,
       colorPalette: g,
-      schema: x,
+      schema: b,
       onDashboardFiltersChange: N
     }
   ) });
@@ -9001,8 +9015,8 @@ function Vn({
             onClick: () => o?.(t.id),
             className: "p-1.5 rounded-sm text-dc-danger",
             style: { backgroundColor: "transparent" },
-            onMouseEnter: (x) => x.currentTarget.style.backgroundColor = "var(--dc-danger-bg)",
-            onMouseLeave: (x) => x.currentTarget.style.backgroundColor = "transparent",
+            onMouseEnter: (b) => b.currentTarget.style.backgroundColor = "var(--dc-danger-bg)",
+            onMouseLeave: (b) => b.currentTarget.style.backgroundColor = "transparent",
             title: "Delete",
             children: /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) })
           }
@@ -9018,8 +9032,8 @@ function Vn({
         displayConfig: t.displayConfig,
         title: t.title,
         height: "100%",
-        onDebugDataReady: (x) => {
-          f(x);
+        onDebugDataReady: (b) => {
+          f(b);
         }
       }
     ) })
@@ -9034,16 +9048,16 @@ function qn({
   initialName: c = "",
   initialDescription: f = ""
 }) {
-  const [x, l] = q(""), [u, d] = q(""), [p, i] = q(!1);
+  const [b, l] = q(""), [u, d] = q(""), [p, i] = q(!1);
   oe(() => {
     t && (l(c), d(f));
   }, [t, c, f]);
   const N = async (C) => {
-    if (C.preventDefault(), !!x.trim()) {
+    if (C.preventDefault(), !!b.trim()) {
       i(!0);
       try {
         await n({
-          name: x.trim(),
+          name: b.trim(),
           description: u.trim() || void 0
         }), g();
       } catch {
@@ -9069,7 +9083,7 @@ function qn({
       {
         type: "submit",
         form: "dashboard-form",
-        disabled: p || !x.trim(),
+        disabled: p || !b.trim(),
         className: "px-4 py-2 text-sm font-medium text-white bg-dc-primary border border-transparent rounded-md hover:bg-dc-primary-hover disabled:opacity-50 disabled:cursor-not-allowed",
         children: p ? "Saving..." : m
       }
@@ -9091,7 +9105,7 @@ function qn({
             {
               type: "text",
               id: "dashboard-name",
-              value: x,
+              value: b,
               onChange: (C) => l(C.target.value),
               className: "w-full px-3 py-2 border border-dc-border rounded-md bg-dc-surface text-dc-text focus:outline-none focus:ring-2 focus:ring-dc-primary focus:border-dc-primary",
               placeholder: "Enter dashboard name...",