react-semaphor 0.0.460 → 0.0.462

package/dist/chunks/{index-BG-7Q1Ko.js → index-fPiIHVSb.js}

@@ -3958,7 +3958,7 @@ function Dv(e) {
   return (t == null ? void 0 : t.align) === "end" && (t == null ? void 0 : t.anchor) === "end" && (n = og()), (t == null ? void 0 : t.align) === "start" && (t == null ? void 0 : t.anchor) === "start" && (n = og()), $d(n);
 }
 function og() {
-  return se.getState().theme === "dark" ? "#000000" : "#FFFFFF";
+  return ae.getState().theme === "dark" ? "#000000" : "#FFFFFF";
 }
 function $d(e) {
   let t = 0, n = 0, r = 0, o = 0;
@@ -4197,10 +4197,10 @@ function kE(e, t) {
   }), n;
 }
 function lO(e) {
-  const t = se.getState().dashboard.globalCacheConfig, { card: n, filter: r } = e;
+  const t = ae.getState().dashboard.globalCacheConfig, { card: n, filter: r } = e;
   return t;
 }
-const se = ix()(
+const ae = ix()(
   JM((e, t) => ({
     isSessionExpired: !1,
     currentBreakpoint: "lg",
@@ -4931,7 +4931,7 @@ const se = ix()(
       }
     }
   }))
-), fn = () => se((e) => e.actions);
+), fn = () => ae((e) => e.actions);
 async function fz(e, t) {
   const n = t.slice(0, 16), r = new TextEncoder(), o = await window.crypto.subtle.importKey(
     "raw",
@@ -4995,7 +4995,7 @@ async function cO(e, t) {
     throw new Error(`Decryption failed: ${h}`);
   }
 }
-function ae(...e) {
+function se(...e) {
   return R$(Ys(e));
 }
 const YEe = (e) => Object.keys(e).length === 0;
@@ -5106,7 +5106,7 @@ function QEe(e) {
 const fd = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 async function ZEe() {
   var o, i;
-  const e = (i = (o = se.getState()) == null ? void 0 : o.authToken) == null ? void 0 : i.accessToken;
+  const e = (i = (o = ae.getState()) == null ? void 0 : o.authToken) == null ? void 0 : i.accessToken;
   if (!e)
     return;
   const n = await fetch("https://semaphor.cloud/api/v1/invalidate-token", {
@@ -7440,7 +7440,7 @@ function Jz({
   });
   return n ? /* @__PURE__ */ y(mt, { children: e }) : /* @__PURE__ */ y(zz, { client: r, children: e });
 }
-const Fa = Pn(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ y("div", { className: ae("semaphor-scope", t), ref: r, ...n, children: e })), eB = {
+const Fa = Pn(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ y("div", { className: se("semaphor-scope", t), ref: r, ...n, children: e })), eB = {
   id: "",
   authToken: void 0
 }, _O = Dt(eB), tB = ({
@@ -7456,7 +7456,7 @@ function Yr() {
   return e;
 }
 function nB() {
-  const { authToken: e, version: t } = Yr(), n = se((l) => l.selectedLensId);
+  const { authToken: e, version: t } = Yr(), n = ae((l) => l.selectedLensId);
   function r() {
     if (!(e != null && e.accessToken)) return !1;
   }
@@ -7474,7 +7474,7 @@ function nB() {
   return { data: o, isLoading: i, isFetching: a, isError: s };
 }
 function rB() {
-  const { authToken: e } = Yr(), t = se((r) => r.authToken), { setAuthToken: n } = fn();
+  const { authToken: e } = Yr(), t = ae((r) => r.authToken), { setAuthToken: n } = fn();
   return he(() => {
     e && (e == null ? void 0 : e.toString()) !== (t == null ? void 0 : t.toString()) && n(e);
   }, [e, t, n]), e;
@@ -7548,7 +7548,7 @@ function iB({
 }) {
   const { authToken: s } = Yr();
   rB();
-  const l = se((T) => T.selectedLensId), { data: c, isLoading: u, isFetching: d, isError: h } = nB(), [f, p] = be(o || []), { theme: g, setTheme: m } = vz(), b = se((T) => T.dashboard.globalStyle), {
+  const l = ae((T) => T.selectedLensId), { data: c, isLoading: u, isFetching: d, isError: h } = nB(), [f, p] = be(o || []), { theme: g, setTheme: m } = vz(), b = ae((T) => T.dashboard.globalStyle), {
     setDashboard: v,
     setDashboardWithFilterValues: w,
     setSelectedSheetId: C,
@@ -7558,16 +7558,16 @@ function iB({
     setSelectedLensId: R,
     setInitStore: D
   } = fn();
-  se(
+  ae(
     (T) => T.actions.setCustomCards
   );
-  const P = se(
+  const P = ae(
     (T) => T.actions.setFilterValues
-  ), A = se((T) => T.filterValues), I = se(
+  ), A = ae((T) => T.filterValues), I = ae(
     (T) => T.actions.setThemeStyle
-  ), $ = se(
+  ), $ = ae(
     (T) => T.actions.setDashboardTheme
-  ), L = se((T) => T.actions.setOnEvent);
+  ), L = ae((T) => T.actions.setOnEvent);
   he(() => {
     s && D();
   }, [s, D]), he(() => {
@@ -7650,7 +7650,7 @@ function Sa({
   return /* @__PURE__ */ y(
     "div",
     {
-      className: ae("animate-pulse rounded-md bg-muted", e),
+      className: se("animate-pulse rounded-md bg-muted", e),
       ...t
     }
   );
@@ -7659,7 +7659,7 @@ const aB = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "div",
   {
     ref: n,
-    className: ae(
+    className: se(
       "rounded-lg border bg-card text-card-foreground shadow-sm",
       e
     ),
@@ -7671,7 +7671,7 @@ const mx = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "div",
   {
     ref: n,
-    className: ae("flex flex-col space-y-1.5 p-6", e),
+    className: se("flex flex-col space-y-1.5 p-6", e),
     ...t
   }
 ));
@@ -7680,7 +7680,7 @@ const Mf = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "h3",
   {
     ref: n,
-    className: ae(
+    className: se(
       "text-2xl font-semibold leading-none tracking-tight",
       e
     ),
@@ -7692,18 +7692,18 @@ const RO = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "p",
   {
     ref: n,
-    className: ae("text-sm text-muted-foreground", e),
+    className: se("text-sm text-muted-foreground", e),
     ...t
   }
 ));
 RO.displayName = "CardDescription";
-const kO = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y("div", { ref: n, className: ae("px-6 pt-0", e), ...t }));
+const kO = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y("div", { ref: n, className: se("px-6 pt-0", e), ...t }));
 kO.displayName = "CardContent";
 const PO = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "div",
   {
     ref: n,
-    className: ae("flex items-center p-6 pt-0", e),
+    className: se("flex items-center p-6 pt-0", e),
     ...t
   }
 ));
@@ -7727,7 +7727,7 @@ function sB({
   selectedSheetId: g,
   ...m
 }) {
-  const { placeholders: b } = Yr(), v = se((S) => S.themeStyle), w = se((S) => S.isSessionExpired), { isLoading: C, isError: _ } = iB({
+  const { placeholders: b } = Yr(), v = ae((S) => S.themeStyle), w = ae((S) => S.isSessionExpired), { isLoading: C, isError: _ } = iB({
     customStyle: t,
     currentTheme: c,
     onSave: n,
@@ -7745,7 +7745,7 @@ function sB({
   ] }) })) : /* @__PURE__ */ y(
     "div",
     {
-      className: ae(
+      className: se(
         "isolate flex h-full flex-col justify-between",
         v == null ? void 0 : v.dashboardPanel,
         e
@@ -8379,7 +8379,7 @@ const YO = IB, Sx = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */
   qO,
   {
     ref: n,
-    className: ae(
+    className: se(
       "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
       e
     ),
@@ -8391,7 +8391,7 @@ const Cx = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   UO,
   {
     ref: n,
-    className: ae(
+    className: se(
       "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
       e
     ),
@@ -8403,7 +8403,7 @@ const KO = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   GO,
   {
     ref: n,
-    className: ae(
+    className: se(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       e
     ),
@@ -13567,7 +13567,7 @@ function Mh(e, t, n, r) {
 }
 const cW = /* @__PURE__ */ La(iW);
 function uW() {
-  const e = se((i) => i.dashboard.filters), t = se((i) => i.filterValues), n = se((i) => i.selectedSheetId), r = e == null ? void 0 : e.filter(
+  const e = ae((i) => i.dashboard.filters), t = ae((i) => i.filterValues), n = ae((i) => i.selectedSheetId), r = e == null ? void 0 : e.filter(
     (i) => i.sheetId === n || !i.sheetId
   ), o = t == null ? void 0 : t.filter(
     (i) => (r == null ? void 0 : r.some((a) => a.id === i.filterId)) || i.filterId.endsWith(n)
@@ -13578,7 +13578,7 @@ function uW() {
   };
 }
 function dW(e) {
-  const t = se((c) => c.selectedLensId), { filterColumns: n, ...r } = e.queryConfig || {}, o = n == null ? void 0 : n.filter(
+  const t = ae((c) => c.selectedLensId), { filterColumns: n, ...r } = e.queryConfig || {}, o = n == null ? void 0 : n.filter(
     (c) => {
       var u, d;
       return (d = (u = e.queryConfig) == null ? void 0 : u.filters) == null ? void 0 : d.some((h) => h.filterColumnName === c.name);
@@ -14319,7 +14319,7 @@ const ft = ix()(
 ), zm = () => ft((e) => e.actions);
 function Ra(e) {
   var x, R, D;
-  const { authToken: t } = Yr(), n = se((P) => P.filteringCards), r = ft((P) => P.isDevMode), o = e.queryConfig, i = se((P) => P.isVisualEditing), a = se((P) => P.actions.getCardFrame), s = se((P) => P.authToken), l = (n == null ? void 0 : n.some((P) => P.id === e.id)) || !1, c = a(e.id), u = (c == null ? void 0 : c.cards) || [], d = (u == null ? void 0 : u.length) == 1, h = cW((e == null ? void 0 : e.refreshInterval) || "0"), { queryKey: f, sql: p, sheetFilterValues: g } = dW(e);
+  const { authToken: t } = Yr(), n = ae((P) => P.filteringCards), r = ft((P) => P.isDevMode), o = e.queryConfig, i = ae((P) => P.isVisualEditing), a = ae((P) => P.actions.getCardFrame), s = ae((P) => P.authToken), l = (n == null ? void 0 : n.some((P) => P.id === e.id)) || !1, c = a(e.id), u = (c == null ? void 0 : c.cards) || [], d = (u == null ? void 0 : u.length) == 1, h = cW((e == null ? void 0 : e.refreshInterval) || "0"), { queryKey: f, sql: p, sheetFilterValues: g } = dW(e);
   let m = {};
   i || (m = {
     refetchInterval: h
@@ -14394,7 +14394,7 @@ function yW(e, t = 1) {
 }
 function H5(e, t, n, r = 1, o = "none") {
   var u, d, h, f;
-  const i = n == null ? void 0 : n.datasetOptions, a = se.getState().themeStyle, s = (d = (u = a == null ? void 0 : a.chart) == null ? void 0 : u.dataset) == null ? void 0 : d.backgroundColor, l = (f = (h = a == null ? void 0 : a.chart) == null ? void 0 : h.dataset) == null ? void 0 : f.borderColor;
+  const i = n == null ? void 0 : n.datasetOptions, a = ae.getState().themeStyle, s = (d = (u = a == null ? void 0 : a.chart) == null ? void 0 : u.dataset) == null ? void 0 : d.backgroundColor, l = (f = (h = a == null ? void 0 : a.chart) == null ? void 0 : h.dataset) == null ? void 0 : f.borderColor;
   return e.map((p, g) => {
     var x;
     const m = i == null ? void 0 : i.find((R) => R.idx === g), b = yW(
@@ -14410,14 +14410,37 @@ function H5(e, t, n, r = 1, o = "none") {
           return t[D]._forecast ? [2, 4] : void 0;
         },
         borderColor: (R) => {
-          const D = t[R.p0DataIndex]._forecast, P = se.getState().theme === "dark";
+          const D = t[R.p0DataIndex]._forecast, P = ae.getState().theme === "dark";
           return D ? P ? "white" : "black" : w;
         }
-        // data point color
+      },
+      pointBackgroundColor: (R) => {
+        const D = ae.getState().theme === "dark";
+        return t[R.dataIndex]._forecast ? D ? "white" : "gray" : v;
+      },
+      pointBorderColor: (R) => {
+        const D = ae.getState().theme === "dark";
+        return t[R.dataIndex]._forecast ? D ? "white" : "gray" : v;
       }
     }, _ = {
-      backgroundColor: (R) => t[R.dataIndex]._forecast ? b + "10" : b,
-      borderWidth: (R) => t[R.dataIndex]._forecast ? 1 : 0
+      backgroundColor: (R) => {
+        var P;
+        return ((P = t[R.dataIndex]) == null ? void 0 : P._forecast) ? b + "20" : b;
+      }
+      // borderWidth: (ctx: any) => {
+      //   // Make forecast bars semi-transparent (e.g., index >= 4)
+      //   const isForecasted = data[ctx.dataIndex]?._forecast;
+      //   return isForecasted ? 1 : undefined;
+      // },
+      // borderColor: (ctx: any) => {
+      //   const isDarkTheme = useDashboardStore.getState().theme === 'dark';
+      //   const isForecasted = data[ctx.dataIndex]._forecast;
+      //   return isForecasted
+      //     ? isDarkTheme
+      //       ? 'white'
+      //       : 'gray'
+      //     : datasetBorderColor;
+      // },
     };
     return {
       label: p.charAt(0).toUpperCase() + p.slice(1),
@@ -14468,7 +14491,7 @@ function wW(e, t) {
   var d, h, f, p;
   const { keys: n } = kn(e), r = n.length, o = n.slice(r - 3), i = n.slice(0, r - 3);
   let a = [];
-  const s = se.getState().themeStyle, l = (h = (d = s == null ? void 0 : s.chart) == null ? void 0 : d.dataset) == null ? void 0 : h.backgroundColor, c = (p = (f = s == null ? void 0 : s.chart) == null ? void 0 : f.dataset) == null ? void 0 : p.borderColor;
+  const s = ae.getState().themeStyle, l = (h = (d = s == null ? void 0 : s.chart) == null ? void 0 : d.dataset) == null ? void 0 : h.backgroundColor, c = (p = (f = s == null ? void 0 : s.chart) == null ? void 0 : f.dataset) == null ? void 0 : p.borderColor;
   let u = {};
   return t === "scatter" && (u = {
     radius: 5
@@ -14505,7 +14528,7 @@ function wW(e, t) {
 }
 function W5(e, t) {
   var a, s, l, c;
-  const n = se.getState().themeStyle, r = (s = (a = n == null ? void 0 : n.chart) == null ? void 0 : a.dataset) == null ? void 0 : s.backgroundColor, o = (c = (l = n == null ? void 0 : n.chart) == null ? void 0 : l.dataset) == null ? void 0 : c.borderColor;
+  const n = ae.getState().themeStyle, r = (s = (a = n == null ? void 0 : n.chart) == null ? void 0 : a.dataset) == null ? void 0 : s.backgroundColor, o = (c = (l = n == null ? void 0 : n.chart) == null ? void 0 : l.dataset) == null ? void 0 : c.borderColor;
   return e.map((u) => ({
     label: u.charAt(0).toUpperCase() + u.slice(1),
     data: t.map((d) => d[u]),
@@ -14591,7 +14614,7 @@ function Kx({
 }
 function Vn(e, t) {
   var a;
-  const n = se.getState().themeStyle, r = (a = n == null ? void 0 : n.chart) == null ? void 0 : a.options, o = Vd(r);
+  const n = ae.getState().themeStyle, r = (a = n == null ? void 0 : n.chart) == null ? void 0 : a.options, o = Vd(r);
   return ag(
     o,
     e,
@@ -14602,7 +14625,7 @@ function Tf(e, t) {
   return e.map((n) => n[t] ? n[t] : "BLANK");
 }
 function Xx(e) {
-  const t = se((l) => l.authToken) || e, n = ft(
+  const t = ae((l) => l.authToken) || e, n = ft(
     (l) => l.selectedConnectionId
   ), {
     refetch: r,
@@ -14630,11 +14653,11 @@ function Xx(e) {
   };
 }
 function CW(e) {
-  se(
+  ae(
     (P) => P.isDashboardEditing
   );
-  const t = se((P) => P.filterValues), n = se((P) => P.isVisualEditing);
-  se((P) => P.selectedSheetId), se(
+  const t = ae((P) => P.filterValues), n = ae((P) => P.isVisualEditing);
+  ae((P) => P.selectedSheetId), ae(
     (P) => P.currentBreakpoint
   );
   const { currentConnection: r } = Xx(), {
@@ -14642,7 +14665,7 @@ function CW(e) {
     selectedSchemaName: i,
     selectedTableName: a,
     selectedDatamodelId: s
-  } = VCe(), { removeFrame: l } = se((P) => P.actions), c = se(
+  } = VCe(), { removeFrame: l } = ae((P) => P.actions), c = ae(
     (P) => P.actions.setIsVisualEditing
   ), u = ft(
     (P) => P.actions.setFilterValues
@@ -14675,9 +14698,9 @@ function CW(e) {
 }
 function q5({ frame: e }) {
   var c;
-  const t = se(
+  const t = ae(
     (u) => u.isDashboardEditing
-  ), n = se((u) => u.isVisualEditing), r = se((u) => u.selectedSheetId), { removeFrame: o } = se((u) => u.actions), i = se(
+  ), n = ae((u) => u.isVisualEditing), r = ae((u) => u.selectedSheetId), { removeFrame: o } = ae((u) => u.actions), i = ae(
     (u) => u.actions.setIsVisualEditing
   ), { handleEditVisual: a, card: s, data: l } = CW(e);
   return /* @__PURE__ */ y(
@@ -15025,7 +15048,7 @@ function hg({
   customCfg: r
 }) {
   var p, g, m, b, v, w, C, _, S, x, R, D, P, A, I, $, L, O, T, N, z, B, M, W, F, k, V, q, G;
-  const o = se.getState().themeStyle, i = G5(t, n), a = Vn(
+  const o = ae.getState().themeStyle, i = G5(t, n), a = Vn(
     (t == null ? void 0 : t.options) || {},
     n == null ? void 0 : n.chartOptions
   ), s = Vn(
@@ -27454,7 +27477,7 @@ function FZ(e, t) {
 }
 function $Z(e) {
   var r, o;
-  const t = se.getState().theme;
+  const t = ae.getState().theme;
   let n = {
     ...e,
     type: "radar",
@@ -27822,7 +27845,7 @@ function jZ(e) {
   const {
     keys: t
     // metricKeys
-  } = kn(e), n = t.slice(0, 2), r = t.slice(2), o = se.getState().themeStyle, i = (f = (h = o == null ? void 0 : o.chart) == null ? void 0 : h.dataset) == null ? void 0 : f.backgroundColor, a = (g = (p = o == null ? void 0 : o.chart) == null ? void 0 : p.dataset) == null ? void 0 : g.borderColor, s = n[1], l = n[0], c = [...new Set(e.map((m) => m == null ? void 0 : m[l]))];
+  } = kn(e), n = t.slice(0, 2), r = t.slice(2), o = ae.getState().themeStyle, i = (f = (h = o == null ? void 0 : o.chart) == null ? void 0 : h.dataset) == null ? void 0 : f.backgroundColor, a = (g = (p = o == null ? void 0 : o.chart) == null ? void 0 : p.dataset) == null ? void 0 : g.borderColor, s = n[1], l = n[0], c = [...new Set(e.map((m) => m == null ? void 0 : m[l]))];
   return [...new Set(e.map((m) => m == null ? void 0 : m[s]))].map((m, b) => {
     const v = e.filter((_) => (_ == null ? void 0 : _[s]) === m), C = c.map((_) => {
       const S = v.filter((x) => (x == null ? void 0 : x[l]) === _);
@@ -28201,7 +28224,7 @@ function WZ({
   cfg: o,
   apply: i
 }) {
-  const a = se.getState().theme;
+  const a = ae.getState().theme;
   if (!o) return;
   const s = a === "dark" ? "rgb(238,238,238,0.2)" : "rgb(238,238,238,0.8)";
   ["bar", "line", "horizontalBar", "bubble", "scatter"].includes(r) && UZ(e, t, o, i, s), ["pie", "doughnut", "polarArea", "funnel"].includes(r) && GZ(e, t, o, i, s), ["stackedBar", "pyramid"].includes(r) && qZ({
@@ -28408,7 +28431,7 @@ function d2e(e) {
 }
 function WI(e) {
   var A;
-  const { onChartElementClicked: t } = Yr(), [n, r] = be(0), o = se((I) => I.themeStyle), i = se((I) => I.filteringCards), a = se((I) => I.selectedSheetId), s = se((I) => I.selectedLensId), l = se((I) => I.filterValues), c = pe(l), u = (A = e == null ? void 0 : e.preferences) == null ? void 0 : A.onClickFilter, {
+  const { onChartElementClicked: t } = Yr(), [n, r] = be(0), o = ae((I) => I.themeStyle), i = ae((I) => I.filteringCards), a = ae((I) => I.selectedSheetId), s = ae((I) => I.selectedLensId), l = ae((I) => I.filterValues), c = pe(l), u = (A = e == null ? void 0 : e.preferences) == null ? void 0 : A.onClickFilter, {
     addFilteringCard: d,
     addOrUpdateFilterValues: h,
     removeFilterValues: f,
@@ -28515,7 +28538,7 @@ function zi({
   placeholder: a,
   enabled: s
 }) {
-  const [l, c] = be(!1), [u, d] = be(r), h = se(
+  const [l, c] = be(!1), [u, d] = be(r), h = ae(
     (b) => b.isDashboardEditing
   );
   he(() => {
@@ -28535,7 +28558,7 @@ function zi({
     return i === "textarea" ? /* @__PURE__ */ y(
       "textarea",
       {
-        className: ae(
+        className: se(
           "resize rounded-sm bg-background px-2 py-1 text-sm outline-[0.5px] outline-muted",
           n
           // focus: outline-none for removing the gray outline
@@ -28552,7 +28575,7 @@ function zi({
       {
         onMouseDown: (b) => b.stopPropagation(),
         type: "text",
-        className: ae(
+        className: se(
           "rounded-sm bg-background outline-none",
           n
           // focus: outline-none for removing the gray outline
@@ -28581,7 +28604,7 @@ function zi({
   return /* @__PURE__ */ y(
     "div",
     {
-      className: ae("flex", t),
+      className: se("flex", t),
       role: "editable",
       onDoubleClick: f,
       onMouseDown: (b) => b.stopPropagation(),
@@ -28681,7 +28704,7 @@ const wk = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, xk = Ys, P
   GI,
   {
     ref: o,
-    className: ae(ZZ({ variant: t, size: n, className: e })),
+    className: se(ZZ({ variant: t, size: n, className: e })),
     ...r
   }
 ));
@@ -28692,13 +28715,13 @@ function Lw({
   isPending: n
 }) {
   var S, x, R, D, P, A, I, $, L, O, T, N, z, B, M, W, F, k;
-  const r = se((V) => V.actions.setCardTitle), o = se(
+  const r = ae((V) => V.actions.setCardTitle), o = ae(
     (V) => V.actions.setCardDescription
-  ), i = se((V) => V.isVisualEditing), a = ft((V) => V.card), s = ft((V) => V.actions.setCard);
+  ), i = ae((V) => V.isVisualEditing), a = ft((V) => V.card), s = ft((V) => V.actions.setCard);
   ft(
     (V) => V.actions.setNumberFormat
   );
-  const { getCurrency: l, getLocale: c } = qI(e), u = se((V) => V.selectedSheetId), d = (x = (S = e.preferences) == null ? void 0 : S.formatNumber) == null ? void 0 : x.colorRanges, { keys: h } = kn(t), f = (R = t == null ? void 0 : t[0]) == null ? void 0 : R[h == null ? void 0 : h[0]], p = (D = t == null ? void 0 : t[0]) == null ? void 0 : D[h == null ? void 0 : h[1]], g = t && t.length > 0;
+  const { getCurrency: l, getLocale: c } = qI(e), u = ae((V) => V.selectedSheetId), d = (x = (S = e.preferences) == null ? void 0 : S.formatNumber) == null ? void 0 : x.colorRanges, { keys: h } = kn(t), f = (R = t == null ? void 0 : t[0]) == null ? void 0 : R[h == null ? void 0 : h[0]], p = (D = t == null ? void 0 : t[0]) == null ? void 0 : D[h == null ? void 0 : h[1]], g = t && t.length > 0;
   function m(V) {
     i ? s({
       ...a,
@@ -28759,9 +28782,9 @@ function JZ({
   isPending: c,
   isLowerIsBetter: u
 }) {
-  const d = se(
+  const d = ae(
     (g) => g.isDashboardEditing
-  ), h = se((g) => g.isVisualEditing), f = ft((g) => g.card);
+  ), h = ae((g) => g.isVisualEditing), f = ft((g) => g.card);
   ft((g) => g.actions.setCard);
   let p = r || "";
   return h && (p = r || "from description"), // <div className="@container min-w-[320px]">
@@ -28821,14 +28844,14 @@ function YI({
   className: t,
   isLowerIsBetter: n
 }) {
-  const r = se((s) => s.themeStyle), o = e > 0 ? /* @__PURE__ */ y("span", { children: "+" }) : /* @__PURE__ */ y("span", { children: "-" }), i = `${Math.abs(e * 100).toFixed(0)}%`, a = n ? e < 0 : e > 0;
+  const r = ae((s) => s.themeStyle), o = e > 0 ? /* @__PURE__ */ y("span", { children: "+" }) : /* @__PURE__ */ y("span", { children: "-" }), i = `${Math.abs(e * 100).toFixed(0)}%`, a = n ? e < 0 : e > 0;
   return /* @__PURE__ */ Y(
     "div",
     {
       style: {
         borderRadius: (r == null ? void 0 : r.controlInputRadius) || "2px"
       },
-      className: ae(
+      className: se(
         "flex items-center px-1 text-sm font-semibold",
         {
           "bg-green-600/10 text-green-600": a,
@@ -30689,7 +30712,7 @@ const VS = mee, jS = bee, nb = E.forwardRef(({ className: e, align: t = "center"
     ref: o,
     align: t,
     sideOffset: n,
-    className: ae(
+    className: se(
       "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -30698,7 +30721,7 @@ const VS = mee, jS = bee, nb = E.forwardRef(({ className: e, align: t = "center"
 ));
 nb.displayName = kT.displayName;
 function PT({ card: e }) {
-  const t = se(
+  const t = ae(
     (r) => r.isDashboardEditing
   ), { setCardInfo: n } = fn();
   return /* @__PURE__ */ Y(VS, { openDelay: 0, children: [
@@ -30730,8 +30753,8 @@ function PT({ card: e }) {
 }
 function yee({ card: e, renderFilterInfo: t }) {
   var p, g, m, b, v, w, C, _, S, x, R, D, P, A, I, $, L, O;
-  se((T) => T.themeStyle);
-  const { data: n, isLoading: r } = Ra(e), o = (n == null ? void 0 : n.records) || [], i = se(
+  ae((T) => T.themeStyle);
+  const { data: n, isLoading: r } = Ra(e), o = (n == null ? void 0 : n.records) || [], i = ae(
     (T) => T.isDashboardEditing
   ), { getCurrency: a, getLocale: s } = qI(e), l = (g = (p = e.preferences) == null ? void 0 : p.formatNumber) == null ? void 0 : g.colorRanges, { keys: c } = kn(o || []), u = (m = o == null ? void 0 : o[0]) == null ? void 0 : m[c == null ? void 0 : c[0]], d = (b = o == null ? void 0 : o[0]) == null ? void 0 : b[c == null ? void 0 : c[1]], h = (o == null ? void 0 : o.length) > 0, f = d && d - u !== 0 ? (u - d) / d : null;
   return (
@@ -30740,7 +30763,7 @@ function yee({ card: e, renderFilterInfo: t }) {
       h ? /* @__PURE__ */ y("div", { className: "", children: /* @__PURE__ */ Y(
         "div",
         {
-          className: ae("flex items-end gap-1.5", {
+          className: se("flex items-end gap-1.5", {
             "animate-pulse": r
           }),
           children: [
@@ -31126,7 +31149,7 @@ const zee = Lee, FT = Fee, $T = $ee, qS = E.forwardRef(({ className: e, sideOffs
   {
     ref: r,
     sideOffset: t,
-    className: ae(
+    className: se(
       "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -31136,7 +31159,7 @@ const zee = Lee, FT = Fee, $T = $ee, qS = E.forwardRef(({ className: e, sideOffs
 qS.displayName = LT.displayName;
 function Hw({ card: e, isLoading: t, data: n }) {
   var h, f;
-  const r = n || [], { keys: o } = kn(r), i = se((p) => p.selectedSheetId), a = se((p) => p.isVisualEditing), s = (f = (h = e == null ? void 0 : e.preferences) == null ? void 0 : h.textVisualOptions) == null ? void 0 : f.isDynamicText, { setCardDescription: l } = fn(), { setCard: c } = zm();
+  const r = n || [], { keys: o } = kn(r), i = ae((p) => p.selectedSheetId), a = ae((p) => p.isVisualEditing), s = (f = (h = e == null ? void 0 : e.preferences) == null ? void 0 : h.textVisualOptions) == null ? void 0 : f.isDynamicText, { setCardDescription: l } = fn(), { setCard: c } = zm();
   function u() {
     var b;
     if (t)
@@ -31218,7 +31241,7 @@ const nf = PS(
   ({ className: e, variant: t, size: n, asChild: r = !1, ...o }, i) => /* @__PURE__ */ y(
     r ? ji : "button",
     {
-      className: ae(nf({ variant: t, size: n, className: e })),
+      className: se(nf({ variant: t, size: n, className: e })),
       ref: i,
       ...o
     }
@@ -31244,7 +31267,7 @@ const Vee = PS(
   BT,
   {
     ref: n,
-    className: ae(Vee(), e),
+    className: se(Vee(), e),
     ...t
   }
 ));
@@ -31273,7 +31296,7 @@ const US = E.forwardRef(
       ref: o,
       decorative: n,
       orientation: t,
-      className: ae(
+      className: se(
         "shrink-0 bg-border",
         t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         e
@@ -31284,11 +31307,11 @@ const US = E.forwardRef(
 );
 US.displayName = jT.displayName;
 function Ik() {
-  const e = se(
+  const e = ae(
     (S) => S.isDashboardEditing
-  ), t = se(
+  ), t = ae(
     (S) => S.dashboard.defaultFilterValues
-  ), n = se((S) => S.themeStyle), r = se((S) => S.filterValues), o = se((S) => S.dashboard.filters), i = se((S) => S.filteringCards), a = se((S) => S.selectedSheetId), s = se((S) => S.onSaveFunction), {
+  ), n = ae((S) => S.themeStyle), r = ae((S) => S.filterValues), o = ae((S) => S.dashboard.filters), i = ae((S) => S.filteringCards), a = ae((S) => S.selectedSheetId), s = ae((S) => S.onSaveFunction), {
     removeFilterValues: l,
     removeFilteringCard: c,
     setFilterValues: u,
@@ -31451,25 +31474,25 @@ const qee = E.forwardRef(({ className: e, containerClassName: t, containerStyle:
   "div",
   {
     style: n,
-    className: ae("relative w-full overflow-auto", t),
+    className: se("relative w-full overflow-auto", t),
     children: /* @__PURE__ */ y(
       "table",
       {
         ref: o,
-        className: ae("w-full caption-bottom text-sm", e),
+        className: se("w-full caption-bottom text-sm", e),
         ...r
       }
     )
   }
 ));
 qee.displayName = "Table";
-const HT = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y("thead", { ref: n, className: ae("[&_tr]:border-b", e), ...t }));
+const HT = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y("thead", { ref: n, className: se("[&_tr]:border-b", e), ...t }));
 HT.displayName = "TableHeader";
 const WT = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "tbody",
   {
     ref: n,
-    className: ae("[&_tr:last-child]:border-0", e),
+    className: se("[&_tr:last-child]:border-0", e),
     ...t
   }
 ));
@@ -31478,7 +31501,7 @@ const Uee = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "tfoot",
   {
     ref: n,
-    className: ae(
+    className: se(
       "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
       e
     ),
@@ -31490,7 +31513,7 @@ const Up = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "tr",
   {
     ref: n,
-    className: ae(
+    className: se(
       "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
       e
     ),
@@ -31502,7 +31525,7 @@ const qT = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "th",
   {
     ref: n,
-    className: ae(
+    className: se(
       "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
       e
     ),
@@ -31514,7 +31537,7 @@ const Ww = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "td",
   {
     ref: n,
-    className: ae("p-4 align-middle [&:has([role=checkbox])]:pr-0", e),
+    className: se("p-4 align-middle [&:has([role=checkbox])]:pr-0", e),
     ...t
   }
 ));
@@ -31523,7 +31546,7 @@ const Gee = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   "caption",
   {
     ref: n,
-    className: ae("mt-4 text-sm text-muted-foreground", e),
+    className: se("mt-4 text-sm text-muted-foreground", e),
     ...t
   }
 ));
@@ -34763,7 +34786,7 @@ const rs = Qne, zu = nre, os = Zne, ia = E.forwardRef(({ className: e, children:
   zN,
   {
     ref: r,
-    className: ae(
+    className: se(
       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       e
     ),
@@ -34779,7 +34802,7 @@ const UN = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   HN,
   {
     ref: n,
-    className: ae(
+    className: se(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -34792,7 +34815,7 @@ const GN = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   WN,
   {
     ref: n,
-    className: ae(
+    className: se(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -34805,7 +34828,7 @@ const aa = E.forwardRef(({ className: e, children: t, position: n = "popper", ..
   BN,
   {
     ref: o,
-    className: ae(
+    className: se(
       "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       e
@@ -34817,7 +34840,7 @@ const aa = E.forwardRef(({ className: e, children: t, position: n = "popper", ..
       /* @__PURE__ */ y(
         tre,
         {
-          className: ae(
+          className: se(
             "p-1",
             n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
@@ -34833,7 +34856,7 @@ const Wl = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   VN,
   {
     ref: n,
-    className: ae("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    className: se("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
     ...t
   }
 ));
@@ -34842,7 +34865,7 @@ const On = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   jN,
   {
     ref: r,
-    className: ae(
+    className: se(
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -34858,7 +34881,7 @@ const Kp = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   qN,
   {
     ref: n,
-    className: ae("-mx-1 my-1 h-px bg-muted", e),
+    className: se("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -34868,7 +34891,7 @@ const _d = E.forwardRef(
     "input",
     {
       type: t,
-      className: ae(
+      className: se(
         "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
@@ -35095,7 +35118,7 @@ const JS = pre, eC = gre, mb = E.forwardRef(({ className: e, align: t = "center"
     ref: o,
     align: t,
     sideOffset: n,
-    className: ae(
+    className: se(
       // z-49 is to make sure the popover is behind dropdown
       "z-49 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
@@ -35214,7 +35237,7 @@ function yre({
         {
           onChange: (l) => r(s, "start", l.target.value),
           value: a.start,
-          className: ae(`h-7 ${fd}`)
+          className: se(`h-7 ${fd}`)
         }
       ),
       /* @__PURE__ */ y("span", { children: "-" }),
@@ -35223,7 +35246,7 @@ function yre({
         {
           value: a.end,
           onChange: (l) => r(s, "end", l.target.value),
-          className: ae(`h-7 ${fd}`)
+          className: se(`h-7 ${fd}`)
         }
       ),
       /* @__PURE__ */ y(
@@ -35231,7 +35254,7 @@ function yre({
         {
           onChange: (l) => r(s, "color", l.target.value),
           value: a.color,
-          className: ae(`h-7 min-w-14 p-0 ${fd}`),
+          className: se(`h-7 min-w-14 p-0 ${fd}`),
           type: "color",
           list: "presetColors"
         }
@@ -35666,14 +35689,14 @@ function Dre({
   columnIndex: r
 }) {
   var d;
-  const o = se((h) => h.isVisualEditing), i = e == null ? void 0 : e.preferences, a = t.getIsSorted(), s = (d = i == null ? void 0 : i.columnSettings) == null ? void 0 : d.find(
+  const o = ae((h) => h.isVisualEditing), i = e == null ? void 0 : e.preferences, a = t.getIsSorted(), s = (d = i == null ? void 0 : i.columnSettings) == null ? void 0 : d.find(
     (h) => h.columnIdx === r
   ), l = s == null ? void 0 : s.textAlign, c = s == null ? void 0 : s.width, u = c ? { width: c } : {};
   return /* @__PURE__ */ Y("div", { className: "flex w-full items-center justify-between", children: [
     /* @__PURE__ */ Y(
       "div",
       {
-        className: ae(
+        className: se(
           "flex grow cursor-pointer items-center justify-between gap-4",
           {
             "justify-center": l === "center",
@@ -35744,7 +35767,7 @@ function Ore({
     "p",
     {
       title: a,
-      className: ae("overflow-auto", {
+      className: se("overflow-auto", {
         "text-center": l === "center",
         "text-right": l === "right",
         "text-left": l === "left"
@@ -35756,7 +35779,7 @@ function Ore({
 }
 function Are(e, t) {
   var d;
-  const n = se((h) => h.selectedSheetId), r = se((h) => h.filterValues), o = (d = e == null ? void 0 : e.preferences) == null ? void 0 : d.onClickFilter, { addOrUpdateFilterValues: i, addFilteringCard: a } = fn(), { data: s } = Ra(e), l = s == null ? void 0 : s.records;
+  const n = ae((h) => h.selectedSheetId), r = ae((h) => h.filterValues), o = (d = e == null ? void 0 : e.preferences) == null ? void 0 : d.onClickFilter, { addOrUpdateFilterValues: i, addFilteringCard: a } = fn(), { data: s } = Ra(e), l = s == null ? void 0 : s.records;
   he(() => {
     (!r || (r == null ? void 0 : r.length) === 0) && t.getRowModel().rows.forEach((h) => {
       h.getIsSelected() && h.toggleSelected();
@@ -36311,7 +36334,7 @@ const qg = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   vb,
   {
     ref: r,
-    className: ae("relative overflow-hidden", e),
+    className: se("relative overflow-hidden", e),
     ...n,
     children: [
       /* @__PURE__ */ y(m4, { className: "h-full w-full rounded-[inherit]", children: t }),
@@ -36326,7 +36349,7 @@ const Gf = E.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r)
   {
     ref: r,
     orientation: t,
-    className: ae(
+    className: se(
       "flex touch-none select-none transition-colors",
       t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
@@ -36340,7 +36363,7 @@ Gf.displayName = nC.displayName;
 const wb = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ Y(
   vb,
   {
-    className: ae("relative overflow-hidden", e),
+    className: se("relative overflow-hidden", e),
     children: [
       /* @__PURE__ */ y(
         m4,
@@ -36359,7 +36382,7 @@ const wb = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
 wb.displayName = vb.displayName;
 function Wre({ data: e, card: t }) {
   var d, h;
-  const [n, r] = J.useState([]), o = se((f) => f.themeStyle), i = (d = t == null ? void 0 : t.preferences) == null ? void 0 : d.onClickFilter, a = t == null ? void 0 : t.preferences, { keys: s } = kn(e), l = s.map((f, p) => ({
+  const [n, r] = J.useState([]), o = ae((f) => f.themeStyle), i = (d = t == null ? void 0 : t.preferences) == null ? void 0 : d.onClickFilter, a = t == null ? void 0 : t.preferences, { keys: s } = kn(e), l = s.map((f, p) => ({
     accessorKey: f,
     header: ({ column: g }) => /* @__PURE__ */ y(
       Dre,
@@ -36400,7 +36423,7 @@ function Wre({ data: e, card: t }) {
                     (C = (w = (v = o == null ? void 0 : o.chart) == null ? void 0 : v.dataset) == null ? void 0 : w.backgroundColor) == null ? void 0 : C[0]
                   )
                 },
-                className: ae(
+                className: se(
                   "group sticky -top-[1px] h-9 bg-muted-foreground text-background",
                   {
                     // 'border-x':
@@ -36422,7 +36445,7 @@ function Wre({ data: e, card: t }) {
             Up,
             {
               onClick: () => u(f),
-              className: ae(
+              className: se(
                 "whitespace-nowrap border-border/50 hover:bg-muted-foreground/10",
                 {
                   "data-[state=selected]:border-1 cursor-pointer data-[state=selected]:border-dashed data-[state=selected]:bg-muted-foreground/30 data-[state=selected]:shadow-inner": i && (i == null ? void 0 : i.length) > 0
@@ -36443,7 +36466,7 @@ function Wre({ data: e, card: t }) {
                       const x = ((R = window == null ? void 0 : window.getSelection()) == null ? void 0 : R.toString()) || "";
                       (x == null ? void 0 : x.length) > 0 && S.stopPropagation();
                     },
-                    className: ae("border-border/50 px-4 py-1", {
+                    className: se("border-border/50 px-4 py-1", {
                       // 'border-x':
                       //   (idx > 0 && idx < columns.length - 1) ||
                       //   (idx === 1 && columns.length == 2), // if the table has only 2 columns
@@ -36563,7 +36586,7 @@ function Xre({
   var v, w, C, _, S, x, R, D;
   const [n, r] = be(
     []
-  ), { authToken: o } = Yr(), i = pz(o == null ? void 0 : o.accessToken), a = se((P) => P.themeStyle), s = {
+  ), { authToken: o } = Yr(), i = pz(o == null ? void 0 : o.accessToken), a = ae((P) => P.themeStyle), s = {
     colors: ((w = (v = a == null ? void 0 : a.chart) == null ? void 0 : v.dataset) == null ? void 0 : w.backgroundColor) || []
   }, [l, c] = be(!1), { getCard: u } = Yre(((C = e.customCardPreferences) == null ? void 0 : C.url) || ""), d = ((_ = e.customCardPreferences) == null ? void 0 : _.visualType) || "single", h = (S = e.customCardPreferences) == null ? void 0 : S.componentName, { data: f } = Ra(e), p = Re((P, A) => {
     r((I) => ({
@@ -36621,7 +36644,7 @@ function Xre({
           d === "multiple" && /* @__PURE__ */ y(
             "div",
             {
-              className: ae("flex flex-col gap-2", {
+              className: se("flex flex-col gap-2", {
                 "opacity-50": l
               }),
               children: /* @__PURE__ */ y(
@@ -39113,7 +39136,7 @@ zt.register(yu);
 zt.register(bu);
 function n3({ cfg: e, onDatapointClick: t }) {
   var d;
-  const [n, r] = be(""), o = se((h) => h.selectedLensId), i = pe(null), [a, s] = be(), l = se((h) => h.themeStyle);
+  const [n, r] = be(""), o = ae((h) => h.selectedLensId), i = pe(null), [a, s] = be(), l = ae((h) => h.themeStyle);
   he(() => {
     if (i.current) {
       const h = window.getComputedStyle(i.current);
@@ -39167,7 +39190,7 @@ function n3({ cfg: e, onDatapointClick: t }) {
       "div",
       {
         onClick: c,
-        className: ae("relative h-[99%]", {
+        className: se("relative h-[99%]", {
           "mx-14": u
         }),
         children: /* @__PURE__ */ y("canvas", { ref: i })
@@ -39176,7 +39199,7 @@ function n3({ cfg: e, onDatapointClick: t }) {
   );
 }
 function r3(e) {
-  const { authToken: t } = Yr(), n = se((C) => C.authToken), r = t || n, o = se((C) => C.dashboard.filters), i = se((C) => C.selectedSheetId), a = se((C) => C.filterValues), [s, l] = be(!0), c = o == null ? void 0 : o.filter(
+  const { authToken: t } = Yr(), n = ae((C) => C.authToken), r = t || n, o = ae((C) => C.dashboard.filters), i = ae((C) => C.selectedSheetId), a = ae((C) => C.filterValues), [s, l] = be(!0), c = o == null ? void 0 : o.filter(
     (C) => C.sheetId === i || !C.sheetId
   ), u = a == null ? void 0 : a.filter(
     (C) => (c == null ? void 0 : c.some((_) => _.id === C.filterId)) || C.filterId.endsWith(i)
@@ -40552,7 +40575,7 @@ function Lse(e) {
   }, [e]), { dateRange: t, setDateRange: n, initialDateRange: r, setInitialDateRange: o };
 }
 function v2e(e) {
-  const t = se(
+  const t = ae(
     (o) => {
       var i, a;
       return (a = (i = o.dashboard) == null ? void 0 : i.filters) == null ? void 0 : a.find((s) => s.id === e);
@@ -40561,7 +40584,7 @@ function v2e(e) {
   return r;
 }
 function h3(e) {
-  const t = se((p) => p.filterValues), n = se(
+  const t = ae((p) => p.filterValues), n = ae(
     (p) => p.actions.addOrUpdateFilterValue
   ), { removeFilterValues: r } = fn(), { data: o, isLoading: i, isFetching: a, isError: s } = r3(e), { dateRange: l, setDateRange: c, initialDateRange: u } = Lse(
     o == null ? void 0 : o.records
@@ -41579,14 +41602,14 @@ function _3({
     pce,
     {
       showOutsideDays: n,
-      className: ae("p-3", e),
+      className: se("p-3", e),
       classNames: {
         months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
         month: "space-y-4",
         caption: "flex justify-center pt-1 relative items-center",
         caption_label: "text-sm font-medium",
         nav: "space-x-1 flex items-center",
-        nav_button: ae(
+        nav_button: se(
           nf({ variant: "outline" }),
           "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
         ),
@@ -41597,7 +41620,7 @@ function _3({
         head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
         row: "flex w-full mt-2",
         cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-        day: ae(
+        day: se(
           nf({ variant: "ghost" }),
           "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
         ),
@@ -41630,8 +41653,8 @@ function gce({
   onApply: s,
   onClear: l
 }) {
-  const c = se((u) => u.themeStyle);
-  return /* @__PURE__ */ y("div", { className: ae("grid gap-2", o), children: /* @__PURE__ */ Y(JS, { open: e, onOpenChange: t, children: [
+  const c = ae((u) => u.themeStyle);
+  return /* @__PURE__ */ y("div", { className: se("grid gap-2", o), children: /* @__PURE__ */ Y(JS, { open: e, onOpenChange: t, children: [
     /* @__PURE__ */ y(
       eC,
       {
@@ -41646,7 +41669,7 @@ function gce({
             size: "sm",
             id: "date",
             variant: "outline",
-            className: ae(
+            className: se(
               "h-9 w-full justify-start rounded-sm text-left font-normal",
               !n && "text-muted-foreground",
               i
@@ -41769,7 +41792,7 @@ function w2e(e, t, n) {
   return nu(e) ? o : r;
 }
 function x2e(e) {
-  const t = se(
+  const t = ae(
     (i) => {
       var a, s;
       return (s = (a = i == null ? void 0 : i.dashboard) == null ? void 0 : a.filters) == null ? void 0 : s.find((l) => l.id === e);
@@ -41782,7 +41805,7 @@ function x2e(e) {
 function RC(e) {
   const [t, n] = be(
     []
-  ), [r, o] = be(""), i = se((S) => S.filterValues), a = se((S) => S.selectedSheetId), { addOrUpdateFilterValue: s, removeFilterValues: l } = fn(), { data: c, isLoading: u, isFetching: d, isError: h } = r3(e), f = ke(() => {
+  ), [r, o] = be(""), i = ae((S) => S.filterValues), a = ae((S) => S.selectedSheetId), { addOrUpdateFilterValue: s, removeFilterValues: l } = fn(), { data: c, isLoading: u, isFetching: d, isError: h } = r3(e), f = ke(() => {
     var x;
     return e.column ? (x = c == null ? void 0 : c.records) == null ? void 0 : x.map((R) => {
       let D = e.column.split(".").slice(-1)[0].replace(/"/g, "");
@@ -44665,7 +44688,7 @@ const $C = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   f6,
   {
     ref: n,
-    className: ae(
+    className: se(
       "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       e
     ),
@@ -44673,7 +44696,7 @@ const $C = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
     children: /* @__PURE__ */ y(
       Sfe,
       {
-        className: ae("flex items-center justify-center text-current"),
+        className: se("flex items-center justify-center text-current"),
         children: /* @__PURE__ */ y(yl, { className: "h-4 w-4" })
       }
     )
@@ -44693,7 +44716,7 @@ function Cfe({
   renderFilterModeButton: l,
   showNegativeIndicator: c
 }) {
-  const [u, d] = be(""), h = se((v) => v.themeStyle), f = o || (u === "" ? e : e == null ? void 0 : e.filter((v) => {
+  const [u, d] = be(""), h = ae((v) => v.themeStyle), f = o || (u === "" ? e : e == null ? void 0 : e.filter((v) => {
     var w;
     return v != null && v.value ? (w = v.value) == null ? void 0 : w.toLowerCase().includes(u == null ? void 0 : u.toLowerCase()) : !1;
   }));
@@ -44735,7 +44758,7 @@ function Cfe({
           /* @__PURE__ */ y(
             i6,
             {
-              className: ae(
+              className: se(
                 "h-8 w-full rounded-sm border border-border bg-background py-1.5 pl-3 pr-8 text-sm",
                 "data-[focus]:outline-border-none focus:outline-none data-[focus]:outline-none data-[focus]:-outline-offset-2",
                 s
@@ -44788,7 +44811,7 @@ function Cfe({
   );
 }
 function _fe({ filter: e }) {
-  const t = se((d) => d.themeStyle), {
+  const t = ae((d) => d.themeStyle), {
     filteredRecords: n,
     isSingleSelect: r,
     allSelected: o,
@@ -44840,7 +44863,7 @@ function Efe({ filter: e }) {
       onClick: r,
       variant: "secondary",
       size: "sm",
-      className: ae("h-6 text-xs hover:underline", {
+      className: se("h-6 text-xs hover:underline", {
         // 'bg-red-200 hover:bg-red-300': filterMode === 'exclude',
         // 'bg-green-200 hover:bg-green-300': filterMode === 'include',
       }),
@@ -45054,7 +45077,7 @@ var _6 = w6, E6 = S6, Nfe = C6;
 const Jg = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   _6,
   {
-    className: ae("grid gap-2", e),
+    className: se("grid gap-2", e),
     ...t,
     ref: n
   }
@@ -45064,7 +45087,7 @@ const Jl = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   E6,
   {
     ref: n,
-    className: ae(
+    className: se(
       "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       e
     ),
@@ -45111,7 +45134,7 @@ function Ffe({ frame: e }) {
   ) : /* @__PURE__ */ Y(
     qg,
     {
-      className: ae(
+      className: se(
         "group relative overflow-y-auto",
         t ? "m-4" : "mx-0"
       ),
@@ -45134,7 +45157,7 @@ function Ffe({ frame: e }) {
         /* @__PURE__ */ y(
           "div",
           {
-            className: ae("fixed z-10", {
+            className: se("fixed z-10", {
               "invisible bottom-4 right-4 group-hover:visible": t,
               "right-6 top-6": !t
             }),
@@ -45142,7 +45165,7 @@ function Ffe({ frame: e }) {
               Xm,
               {
                 disabled: l || c,
-                className: ae("h-7 p-1"),
+                className: se("h-7 p-1"),
                 pressed: t,
                 onPressedChange: n,
                 "aria-label": "Toggle bold",
@@ -45157,11 +45180,11 @@ function Ffe({ frame: e }) {
 }
 function $fe({ card: e, frame: t }) {
   var I, $, L;
-  const { customCards: n, placeholders: r } = Yr(), o = se((O) => O.themeStyle), i = se((O) => O.selectedSheetId), a = se(
+  const { customCards: n, placeholders: r } = Yr(), o = ae((O) => O.themeStyle), i = ae((O) => O.selectedSheetId), a = ae(
     (O) => O.isDashboardEditing
   );
-  se((O) => O.selectedLensId);
-  const s = se((O) => O.dashboard.filters), l = s == null ? void 0 : s.find((O) => O.id === t.filterId && !O.hide), { setCardTitle: c, setCardDescription: u, setSelectedFrameId: d, updateFilter: h } = fn(), { updateFrame: f } = fn(), p = ((I = e.customCardPreferences) == null ? void 0 : I.showCardHeader) ?? !0, {
+  ae((O) => O.selectedLensId);
+  const s = ae((O) => O.dashboard.filters), l = s == null ? void 0 : s.find((O) => O.id === t.filterId && !O.hide), { setCardTitle: c, setCardDescription: u, setSelectedFrameId: d, updateFilter: h } = fn(), { updateFrame: f } = fn(), p = ((I = e.customCardPreferences) == null ? void 0 : I.showCardHeader) ?? !0, {
     isError: g,
     isLoading: m,
     isFetching: b,
@@ -45296,7 +45319,7 @@ function $fe({ card: e, frame: t }) {
             )) == null ? void 0 : N.map((z, B) => /* @__PURE__ */ y(
               Cx,
               {
-                className: ae(
+                className: se(
                   "h-full items-center rounded-none data-[state=active]:bg-muted data-[state=active]:shadow-none",
                   {
                     "border-r": B !== O.length - 1
@@ -45341,7 +45364,7 @@ function $fe({ card: e, frame: t }) {
             children: /* @__PURE__ */ y(
               Mf,
               {
-                className: ae("text-base", {
+                className: se("text-base", {
                   // 'animate-pulse': isLoading || isFetching,
                 }),
                 children: e.title
@@ -45354,7 +45377,7 @@ function $fe({ card: e, frame: t }) {
           /* @__PURE__ */ y($T, { className: "pr-1", children: /* @__PURE__ */ y(
             "div",
             {
-              className: ae(
+              className: se(
                 "h-2 w-2 rounded-full bg-green-500 transition-opacity",
                 {
                   "opacity-10": m || b
@@ -45375,7 +45398,7 @@ function $fe({ card: e, frame: t }) {
           children: /* @__PURE__ */ Y(
             RO,
             {
-              className: ae("", {
+              className: se("", {
                 // 'animate-pulse': isLoading || isFetching,
               }),
               children: [
@@ -45426,7 +45449,7 @@ function $fe({ card: e, frame: t }) {
   return /* @__PURE__ */ y(
     "div",
     {
-      className: ae("flex h-full flex-col", {
+      className: se("flex h-full flex-col", {
         "animate-pulse": m || b
       }),
       children: S()
@@ -45439,7 +45462,7 @@ function zfe({
   className: n,
   ...r
 }) {
-  const o = J.useRef(null), i = se((m) => m.themeStyle), a = se((m) => m.isVisualEditing), s = se((m) => m.selectedFrameId), l = se(
+  const o = J.useRef(null), i = ae((m) => m.themeStyle), a = ae((m) => m.isVisualEditing), s = ae((m) => m.selectedFrameId), l = ae(
     (m) => m.isDashboardEditing
   ), { setSelectedFrameId: c } = fn(), {
     setSelectedConnectionId: u,
@@ -45481,7 +45504,7 @@ function zfe({
         // fontFamily: currentStyle?.chart?.font?.family,
         borderRadius: i == null ? void 0 : i.cardBorderRadius
       },
-      className: ae(
+      className: se(
         "relative flex h-full flex-col rounded-sm border bg-background shadow-sm",
         {
           "border-dashed border-foreground/50": s === e.id && l
@@ -45502,7 +45525,7 @@ const VC = E.forwardRef(
   ({ className: e, ...t }, n) => /* @__PURE__ */ y(
     "textarea",
     {
-      className: ae(
+      className: se(
         "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
@@ -45544,7 +45567,7 @@ function Vfe({
   return /* @__PURE__ */ y(
     cn,
     {
-      className: ae(
+      className: se(
         "h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70",
         t
       ),
@@ -45560,7 +45583,7 @@ function Vfe({
   );
 }
 function jfe({ filter: e }) {
-  const [t, n] = J.useState(e.sql), [r, o] = J.useState(!1), i = se((h) => h.selectedSheetId), { updateFilter: a, updateFilterId: s } = fn();
+  const [t, n] = J.useState(e.sql), [r, o] = J.useState(!1), i = ae((h) => h.selectedSheetId), { updateFilter: a, updateFilterId: s } = fn();
   function l() {
     const h = { ...e, sql: t };
     a(h), o(!1);
@@ -45695,9 +45718,9 @@ function jfe({ filter: e }) {
   ] });
 }
 function Hfe({ filter: e }) {
-  const t = se(
+  const t = ae(
     (s) => s.isDashboardEditing
-  ), n = se((s) => s.filterValues), r = n == null ? void 0 : n.some(
+  ), n = ae((s) => s.filterValues), r = n == null ? void 0 : n.some(
     (s) => s.filterId === e.id
   ), { removeFilterValues: o, removeFilter: i, updateFilter: a } = fn();
   return /* @__PURE__ */ Y("div", { className: "group mb-1 flex h-5 items-center justify-between", children: [
@@ -45746,11 +45769,11 @@ function Hfe({ filter: e }) {
 const Wfe = c2.WidthProvider(c2.Responsive);
 function qfe({ sheet: e }) {
   var b, v;
-  const t = se(
+  const t = ae(
     (w) => w.isDashboardEditing
-  ), n = se(
+  ), n = ae(
     (w) => w.currentBreakpoint
-  ), r = se((w) => w.themeStyle), o = se((w) => w.selectedSheetId), i = e.layouts, a = se((w) => w.dashboard.filters), s = e.frames, { setSheetLayouts: l, setCurrentBreakpoint: c } = se(
+  ), r = ae((w) => w.themeStyle), o = ae((w) => w.selectedSheetId), i = e.layouts, a = ae((w) => w.dashboard.filters), s = e.frames, { setSheetLayouts: l, setCurrentBreakpoint: c } = ae(
     (w) => w.actions
   );
   he(() => {
@@ -45798,7 +45821,7 @@ function qfe({ sheet: e }) {
             // fontFamily: themeStyle?.chart?.font?.family,
             borderRadius: r == null ? void 0 : r.cardBorderRadius
           },
-          className: ae(
+          className: se(
             "z-50 flex flex-col rounded-md border bg-background px-3 py-2"
           ),
           ...S ? { "data-grid": S } : {},
@@ -45816,7 +45839,7 @@ function qfe({ sheet: e }) {
       "div",
       {
         role: "dashboard-frame-container",
-        className: ae(
+        className: se(
           "group isolate overflow-hidden",
           // To display resize handles on hovering the card,
           r == null ? void 0 : r.dashboardCardContainer
@@ -45853,7 +45876,7 @@ function qfe({ sheet: e }) {
         margin: m,
         isDraggable: t,
         resizeHandles: t ? ["sw", "nw", "ne", "se", "e", "w"] : [],
-        className: ae(
+        className: se(
           // `flex-grow min-h-[500px] relative overflow-x-hidden`,
           (v = r == null ? void 0 : r.gridLayout) == null ? void 0 : v.className
         ),
@@ -45872,12 +45895,12 @@ function qfe({ sheet: e }) {
   );
 }
 const k6 = Pn(({ className: e, handleAxis: t, ...n }, r) => {
-  const o = se((a) => a.themeStyle), i = (o == null ? void 0 : o.cardBorderRadius) || 0;
+  const o = ae((a) => a.themeStyle), i = (o == null ? void 0 : o.cardBorderRadius) || 0;
   return /* @__PURE__ */ y(
     "div",
     {
       ref: r,
-      className: ae(
+      className: se(
         `react-resizable-handle z-10 react-resizable-handle-${t} absolute border-foreground/40`,
         {
           "border-foreground/40 group-hover:border-2 group-hover:border-b-0 group-hover:border-r-0": t === "nw" && i < 11,
@@ -47367,7 +47390,7 @@ const She = ({
 }) => /* @__PURE__ */ y(
   K6,
   {
-    className: ae(
+    className: se(
       "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
       e
     ),
@@ -47380,7 +47403,7 @@ const She = ({
 }) => /* @__PURE__ */ y(
   UC,
   {
-    className: ae(
+    className: se(
       "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
       t
     ),
@@ -47396,7 +47419,7 @@ const She = ({
 }) => /* @__PURE__ */ y(
   UC,
   {
-    className: ae(
+    className: se(
       "relative flex w-px items-start justify-end bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
       {
         "justify-start": r
@@ -47407,14 +47430,14 @@ const She = ({
     children: e && !r && /* @__PURE__ */ y(
       "div",
       {
-        className: ae("z-50 flex items-center justify-start", {
+        className: se("z-50 flex items-center justify-start", {
           "border-l": r
         }),
         children: /* @__PURE__ */ y(
           cn,
           {
             variant: "secondary",
-            className: ae("h-7 p-0.5", {
+            className: se("h-7 p-0.5", {
               "rounded-bl-none rounded-br-md rounded-tl-none rounded-tr-md": r,
               "mt-0 rounded-bl-md rounded-br-none rounded-tl-md rounded-tr-none": !r
             }),
@@ -47753,7 +47776,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
 const Whe = jhe, qhe = Hhe, A8 = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   R8,
   {
-    className: ae(
+    className: se(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
@@ -47768,7 +47791,7 @@ const I8 = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(qhe, {
     k8,
     {
       ref: n,
-      className: ae(
+      className: se(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         e
       ),
@@ -47783,7 +47806,7 @@ const T8 = ({
 }) => /* @__PURE__ */ y(
   "div",
   {
-    className: ae(
+    className: se(
       "flex flex-col space-y-2 text-center sm:text-left",
       e
     ),
@@ -47797,7 +47820,7 @@ const N8 = ({
 }) => /* @__PURE__ */ y(
   "div",
   {
-    className: ae(
+    className: se(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       e
     ),
@@ -47809,7 +47832,7 @@ const L8 = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   M8,
   {
     ref: n,
-    className: ae("text-lg font-semibold", e),
+    className: se("text-lg font-semibold", e),
     ...t
   }
 ));
@@ -47818,7 +47841,7 @@ const F8 = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   O8,
   {
     ref: n,
-    className: ae("text-sm text-muted-foreground", e),
+    className: se("text-sm text-muted-foreground", e),
     ...t
   }
 ));
@@ -47827,7 +47850,7 @@ const $8 = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   P8,
   {
     ref: n,
-    className: ae(nf(), e),
+    className: se(nf(), e),
     ...t
   }
 ));
@@ -47836,7 +47859,7 @@ const z8 = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   D8,
   {
     ref: n,
-    className: ae(
+    className: se(
       nf({ variant: "outline" }),
       "mt-2 sm:mt-0",
       e
@@ -47846,7 +47869,7 @@ const z8 = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
 ));
 z8.displayName = D8.displayName;
 function Uhe({ open: e, setOpen: t }) {
-  const n = se((i) => i.selectedSheetId), { deleteSheet: r } = fn();
+  const n = ae((i) => i.selectedSheetId), { deleteSheet: r } = fn();
   function o() {
     n && (r(n), t(!1));
   }
@@ -57506,7 +57529,7 @@ prismjs/prism.js:
 */
 function Wye({ children: e, handleRun: t }) {
   var c;
-  const n = se((u) => u.isVisualEditing), [r, o] = be(!1);
+  const n = ae((u) => u.isVisualEditing), [r, o] = be(!1);
   pe(null);
   const i = (c = e == null ? void 0 : e.props) == null ? void 0 : c.className, a = i == null ? void 0 : i.split("-")[1], s = () => {
     navigator.clipboard.writeText(l).then(() => {
@@ -57552,7 +57575,7 @@ const qye = ({
   code: e,
   language: t = "sql"
 }) => {
-  const n = se((r) => r.theme);
+  const n = ae((r) => r.theme);
   return /* @__PURE__ */ y(
     Hye,
     {
@@ -57646,7 +57669,7 @@ function Uye({
             ")"
           ] }),
           /* @__PURE__ */ y("p", { children: c }),
-          /* @__PURE__ */ y(
+          l.toolName === "getDataAndChartType" && /* @__PURE__ */ y(
             cn,
             {
               variant: "outline",
@@ -57760,7 +57783,7 @@ function Qye({
   return e == null ? void 0 : e.map((i) => /* @__PURE__ */ Y(
     "div",
     {
-      className: ae("relative my-4 space-y-4 text-sm text-foreground/80"),
+      className: se("relative my-4 space-y-4 text-sm text-foreground/80"),
       children: [
         /* @__PURE__ */ y(Gye, { message: i }),
         n && /* @__PURE__ */ y(Yye, { message: i }),
@@ -57860,7 +57883,7 @@ const Jye = Pn(
               ref: l,
               onFocus: a,
               placeholder: "Type your question...",
-              className: ae(
+              className: se(
                 "mb-6 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
               ),
               disabled: o,
@@ -60020,7 +60043,7 @@ function Owe() {
   var x, R, D;
   const { authToken: e } = Yr();
   SO();
-  const [t, n] = be(""), r = se((P) => P.selectedSheetId), o = se(
+  const [t, n] = be(""), r = ae((P) => P.selectedSheetId), o = ae(
     (P) => P.dashboard.aiScopeTables
   ), { addFrame: i, setSelectedFrameId: a, setIsDashboardEditing: s } = fn(), {
     append: l,
@@ -60877,7 +60900,7 @@ const T2e = F1e, N2e = $1e, L2e = B1e, V1e = E.forwardRef(({ className: e, inset
   KF,
   {
     ref: o,
-    className: ae(
+    className: se(
       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
       t && "pl-8",
       e
@@ -60894,7 +60917,7 @@ const j1e = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(Fa, {
   XF,
   {
     ref: n,
-    className: ae(
+    className: se(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -60907,7 +60930,7 @@ const H1e = E.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @_
   {
     ref: r,
     sideOffset: t,
-    className: ae(
+    className: se(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -60919,7 +60942,7 @@ const W1e = E.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ *
   WF,
   {
     ref: r,
-    className: ae(
+    className: se(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t && "pl-8",
       e
@@ -60932,7 +60955,7 @@ const q1e = E.forwardRef(({ className: e, children: t, checked: n, ...r }, o) =>
   qF,
   {
     ref: o,
-    className: ae(
+    className: se(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -60949,7 +60972,7 @@ const U1e = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE_
   UF,
   {
     ref: r,
-    className: ae(
+    className: se(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -60965,7 +60988,7 @@ const G1e = E.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ *
   HF,
   {
     ref: r,
-    className: ae(
+    className: se(
       "px-2 py-1.5 text-sm font-semibold",
       t && "pl-8",
       e
@@ -60978,7 +61001,7 @@ const Y1e = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   YF,
   {
     ref: n,
-    className: ae("-mx-1 my-1 h-px bg-muted", e),
+    className: se("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -60993,7 +61016,7 @@ const q1 = Pn(
         variant: "ghost",
         onClick: r,
         ...i,
-        className: ae(`${fd}`, t),
+        className: se(`${fd}`, t),
         children: e
       }
     ) }),
@@ -61015,7 +61038,7 @@ function X1e({
   open: e,
   setOpen: t
 }) {
-  const [n, r] = be(!1), [o, i] = be(_E), [a, s] = be(!1), l = pe(null), c = pe(null), u = se(
+  const [n, r] = be(!1), [o, i] = be(_E), [a, s] = be(!1), l = pe(null), c = pe(null), u = ae(
     (I) => I.dashboard.aiScopeTables
   ), {
     append: d,
@@ -61422,9 +61445,9 @@ var F2e = Pn(function(e, t) {
   }));
 });
 function _xe(e) {
-  const t = e.current, { getSelectedFrame: n, addFrame: r, setSelectedFrameId: o } = fn(), i = se((u) => u.dashboard.sheets), s = se((u) => u.selectedSheetId) ?? (i == null ? void 0 : i[0].id), l = se(
+  const t = e.current, { getSelectedFrame: n, addFrame: r, setSelectedFrameId: o } = fn(), i = ae((u) => u.dashboard.sheets), s = ae((u) => u.selectedSheetId) ?? (i == null ? void 0 : i[0].id), l = ae(
     (u) => u.isDashboardEditing
-  ), c = se((u) => u.isVisualEditing);
+  ), c = ae((u) => u.isVisualEditing);
   he(() => {
     if (!l || c) return;
     async function u(f) {
@@ -61473,12 +61496,12 @@ function _xe(e) {
   ]);
 }
 function Exe() {
-  const { showAssistant: e } = Yr(), t = pe(null), n = pe(null), [r, o] = be(!1), [i, a] = be(!1), s = se((D) => D.themeStyle), l = se((D) => {
+  const { showAssistant: e } = Yr(), t = pe(null), n = pe(null), [r, o] = be(!1), [i, a] = be(!1), s = ae((D) => D.themeStyle), l = ae((D) => {
     var P;
     return (P = D.dashboard) == null ? void 0 : P.sheets;
-  }), c = se(
+  }), c = ae(
     (D) => D.isDashboardEditing
-  ), u = se((D) => D.selectedSheetId), { setSelectedSheetId: d, setSheetTitle: h, addSheet: f, setSheets: p } = fn();
+  ), u = ae((D) => D.selectedSheetId), { setSelectedSheetId: d, setSheetTitle: h, addSheet: f, setSheets: p } = fn();
   _xe(n);
   function g(D) {
     var P, A;
@@ -61581,7 +61604,7 @@ function Exe() {
             style: {
               backgroundColor: v()
             },
-            className: ae("mt-0", {
+            className: se("mt-0", {
               // 'bg-muted':
               //   currentStyle?.canvasTheme === 'muted' ||
               //   !currentStyle?.canvasTheme,
@@ -61600,7 +61623,7 @@ function Exe() {
       YO,
       {
         "data-role": "dashboard-tabs-container",
-        className: ae(
+        className: se(
           "relative flex h-full flex-col",
           // need both flex and h-full are needed for chat box to work correctly
           s == null ? void 0 : s.dashboardTabsContainer
@@ -61663,7 +61686,7 @@ const $2e = QC, z2e = h8, Pxe = ZC, QF = E.forwardRef(({ className: e, ...t }, n
   Ob,
   {
     ref: n,
-    className: ae(
+    className: se(
       "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
@@ -61677,7 +61700,7 @@ const Dxe = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE_
     Ab,
     {
       ref: r,
-      className: ae(
+      className: se(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         e
       ),
@@ -61699,7 +61722,7 @@ const Mxe = ({
 }) => /* @__PURE__ */ y(
   "div",
   {
-    className: ae(
+    className: se(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       e
     ),
@@ -61713,7 +61736,7 @@ const Oxe = ({
 }) => /* @__PURE__ */ y(
   "div",
   {
-    className: ae(
+    className: se(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       e
     ),
@@ -61725,7 +61748,7 @@ const Axe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   JC,
   {
     ref: n,
-    className: ae(
+    className: se(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
@@ -61737,7 +61760,7 @@ const Ixe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   e_,
   {
     ref: n,
-    className: ae("text-sm text-muted-foreground", e),
+    className: se("text-sm text-muted-foreground", e),
     ...t
   }
 ));
@@ -62053,7 +62076,7 @@ const oSe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   Ar,
   {
     ref: n,
-    className: ae(
+    className: se(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       e
     ),
@@ -62067,7 +62090,7 @@ const iSe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ Y("div",
     Ar.Input,
     {
       ref: n,
-      className: ae(
+      className: se(
         "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
@@ -62080,7 +62103,7 @@ const aSe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   Ar.List,
   {
     ref: n,
-    className: ae("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    className: se("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
     ...t
   }
 ));
@@ -62098,7 +62121,7 @@ const lSe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   Ar.Group,
   {
     ref: n,
-    className: ae(
+    className: se(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       e
     ),
@@ -62110,7 +62133,7 @@ const cSe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   Ar.Separator,
   {
     ref: n,
-    className: ae("-mx-1 h-px bg-border", e),
+    className: se("-mx-1 h-px bg-border", e),
     ...t
   }
 ));
@@ -62119,7 +62142,7 @@ const uSe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   Ar.Item,
   {
     ref: n,
-    className: ae(
+    className: se(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
       e
     ),
@@ -64920,7 +64943,7 @@ const W2e = /* @__PURE__ */ J.memo((e) => {
 });
 function BCe(e) {
   var m;
-  const t = se((b) => b.authToken) || e, n = ft(
+  const t = ae((b) => b.authToken) || e, n = ft(
     (b) => b.selectedConnectionId
   ), r = ft(
     (b) => b.selectedDatabaseName
@@ -65293,7 +65316,7 @@ var Gb = R9, M9 = P9;
 const UCe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   Gb,
   {
-    className: ae(
+    className: se(
       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
       e
     ),
@@ -65302,7 +65325,7 @@ const UCe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
     children: /* @__PURE__ */ y(
       M9,
       {
-        className: ae(
+        className: se(
           "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         )
       }
@@ -65870,7 +65893,7 @@ const J_e = J.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4
       ref: o,
       align: t,
       sideOffset: n,
-      className: ae(
+      className: se(
         // z-49 is to make sure the popover is behind dropdown
         "w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         e
@@ -65883,7 +65906,7 @@ J_e.displayName = gb.displayName;
 const eEe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
   Gb,
   {
-    className: ae(
+    className: se(
       "peer inline-flex h-[22px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
       e
     ),
@@ -65892,7 +65915,7 @@ const eEe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(
     children: /* @__PURE__ */ y(
       M9,
       {
-        className: ae(
+        className: se(
           "pointer-events-none block size-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
         )
       }
@@ -66118,7 +66141,7 @@ const K2e = uEe, hEe = E.forwardRef(({ className: e, ...t }, n) => /* @__PURE__
   dEe,
   {
     ref: n,
-    className: ae("border-b", e),
+    className: se("border-b", e),
     ...t
   }
 ));
@@ -66127,7 +66150,7 @@ const pEe = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE_
   Y9,
   {
     ref: r,
-    className: ae(
+    className: se(
       "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
       e
     ),
@@ -66145,7 +66168,7 @@ const gEe = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE_
     ref: r,
     className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...n,
-    children: /* @__PURE__ */ y("div", { className: ae("pb-4 pt-0", e), children: t })
+    children: /* @__PURE__ */ y("div", { className: se("pb-4 pt-0", e), children: t })
   }
 ));
 gEe.displayName = K9.displayName;
@@ -66824,8 +66847,8 @@ export {
   Y1e as q,
   L2e as r,
   U1e as s,
-  ae as t,
-  se as u,
+  se as t,
+  ae as u,
   BH as v,
   ia as w,
   os as x,