react-semaphor 0.0.544 → 0.0.545

package/dist/chunks/{dashboard-plus-D6qfkQ17.js → dashboard-plus-IqrNLFPq.js}

@@ -4,7 +4,7 @@ var Xs = (t) => {
 var Ra = (t, a, n) => a.has(t) || Xs("Cannot " + n);
 var Ce = (t, a, n) => (Ra(t, a, "read from private field"), n ? n.call(t) : a.get(t)), nn = (t, a, n) => a.has(t) ? Xs("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, n), an = (t, a, n, r) => (Ra(t, a, "write to private field"), r ? r.call(t, n) : a.set(t, n), n), sn = (t, a, n) => (Ra(t, a, "access private method"), n);
 import { jsxs as s, jsx as e, Fragment as ne } from "react/jsx-runtime";
-import { E as ki, F as Di, G as er, H as Ti, I as Er, J as He, K as Mi, L as Ei, M as H, N as ss, w as Y, A as yt, O as Ee, P as In, Q as Or, R as V, T as ze, U as Rn, V as zn, W as Fn, X as Ln, Y as Q, Z as je, _ as ya, $ as _n, a0 as Pn, a1 as le, a2 as Vn, a3 as Ar, a4 as rn, a5 as Oi, a6 as tr, a7 as Ir, a8 as G, a9 as rs, aa as Me, ab as Ai, ac as ge, ad as ye, ae as ve, af as xe, ag as Pt, ah as Vt, ai as te, aj as Rr, ak as at, al as st, am as Ii, an as Kt, ao as St, ap as Ft, aq as Ue, ar as qe, as as Ge, at as ht, au as ls, av as jn, aw as Un, ax as zr, ay as vt, az as ln, aA as un, aB as rt, aC as De, aD as Ye, aE as is, aF as Ri, aG as ia, aH as Fr, aI as dt, aJ as Lr, aK as on, aL as os, aM as _r, aN as Re, aO as ie, aP as Ne, aQ as mn, aR as lt, aS as hn, aT as zi, aU as Lt, aV as tt, aW as Bn, aX as va, aY as Nn, aZ as cs, a_ as Cn, a$ as it, b0 as Jt, b1 as $n, b2 as qn, b3 as Pr, b4 as Wt, b5 as ds, b6 as us, b7 as ms, b8 as hs, b9 as pn, ba as Gn, bb as Vr, bc as ps, bd as xa, be as fs, bf as Fi, bg as gs, bh as Li, bi as _i, bj as Yt, bk as Qt, bl as Le, bm as Et, bn as jr, C as se, bo as Gt, B as E, bp as Ur, bq as Br, br as $r, bs as qr, bt as Gr, bu as Hr, bv as Kr, bw as Jr, bx as Pi, by as Vi, bz as qa, bA as ys, bB as ji, bC as Ui, bD as Bi, bE as Wr, bF as vs, bG as fn, bH as Hn, bI as Kn, bJ as Jn, bK as Wn, bL as jt, bM as gn, bN as wn, v as ot, bO as Yr, m as Qr, l as Zr, f as Xe, bP as $i, g as ut, bQ as qi, h as Ht, j as mt, k as Gi, bR as Hi, bS as Ki, bT as At, bU as Ot, bV as Xr, bW as Ji, e as el, bX as Sn, bY as kt, bZ as Wi, b_ as Ga, b$ as xs, c0 as Yn, c1 as ft, c2 as tl, r as oa, q as nr, c3 as Fe, c4 as aa, c5 as nl, c6 as Yi, c7 as Qi, c8 as Zi, c9 as al, ca as Xi, cb as ba, cc as eo, cd as ca, ce as to, cf as Ha, cg as Dt, ch as Ve, ci as Tt, cj as no, ck as ao, cl as so, cm as ro, cn as lo, co as za, cp as io, cq as ar, cr as oo, cs as sr, ct as co, cu as uo, cv as mo, cw as ho, cx as bs, cy as po, cz as sl, cA as Ns, cB as rl, cC as sa, cD as ll, cE as fo, cF as go, cG as yo, cH as il, cI as Qn, cJ as vo, cK as ol, cL as cl, cM as xo, cN as bo, cO as No, cP as dl, cQ as Cs, cR as ul, cS as Co, cT as rr, cU as Na, cV as Ca, cW as wa, cX as wo, cY as So, cZ as ko, c_ as xt, c$ as we, d0 as Se, d1 as ke, d2 as Do, d3 as To, d4 as Mo, d5 as Eo, s as Oo, d6 as lr, d7 as ml, d8 as Ao, d9 as Io, da as Ro, db as hl, dc as ws, dd as yn, de as Ss, df as It, dg as zo, dh as Zn, di as pl, dj as Fo, dk as Lo, dl as _o, dm as Po, dn as Vo, dp as ir, dq as jo, dr as Uo, ds as Bo, dt as $o, du as qo, dv as Go, dw as Ho, dx as fl, dy as Ko, dz as Jo, dA as Wo, dB as Yo, dC as Qo, dD as gl, dE as Fa, dF as or, dG as Zo, dH as Xo, dI as Ka, dJ as et, dK as Sa, dL as ec, dM as tc, dN as nc, dO as yl, dP as ks, dQ as ac, dR as sc, dS as kn, dT as Ja, dU as rc, dV as lc, dW as cr, dX as Wa, dY as Ya, dZ as da, d_ as cn, d$ as Dn, e0 as ic, e1 as oc, e2 as vl, e3 as cc, e4 as dc, S as uc, e5 as mc, e6 as hc, e7 as pc } from "./index-DdiZhL-n.js";
+import { E as ki, F as Di, G as er, H as Ti, I as Er, J as He, K as Mi, L as Ei, M as H, N as ss, w as Y, A as yt, O as Ee, P as In, Q as Or, R as V, T as ze, U as Rn, V as zn, W as Fn, X as Ln, Y as Q, Z as je, _ as ya, $ as _n, a0 as Pn, a1 as le, a2 as Vn, a3 as Ar, a4 as rn, a5 as Oi, a6 as tr, a7 as Ir, a8 as G, a9 as rs, aa as Me, ab as Ai, ac as ge, ad as ye, ae as ve, af as xe, ag as Pt, ah as Vt, ai as te, aj as Rr, ak as at, al as st, am as Ii, an as Kt, ao as St, ap as Ft, aq as Ue, ar as qe, as as Ge, at as ht, au as ls, av as jn, aw as Un, ax as zr, ay as vt, az as ln, aA as un, aB as rt, aC as De, aD as Ye, aE as is, aF as Ri, aG as ia, aH as Fr, aI as dt, aJ as Lr, aK as on, aL as os, aM as _r, aN as Re, aO as ie, aP as Ne, aQ as mn, aR as lt, aS as hn, aT as zi, aU as Lt, aV as tt, aW as Bn, aX as va, aY as Nn, aZ as cs, a_ as Cn, a$ as it, b0 as Jt, b1 as $n, b2 as qn, b3 as Pr, b4 as Wt, b5 as ds, b6 as us, b7 as ms, b8 as hs, b9 as pn, ba as Gn, bb as Vr, bc as ps, bd as xa, be as fs, bf as Fi, bg as gs, bh as Li, bi as _i, bj as Yt, bk as Qt, bl as Le, bm as Et, bn as jr, C as se, bo as Gt, B as M, bp as Ur, bq as Br, br as $r, bs as qr, bt as Gr, bu as Hr, bv as Kr, bw as Jr, bx as Pi, by as Vi, bz as qa, bA as ys, bB as ji, bC as Ui, bD as Bi, bE as Wr, bF as vs, bG as fn, bH as Hn, bI as Kn, bJ as Jn, bK as Wn, bL as jt, bM as gn, bN as wn, v as ot, bO as Yr, m as Qr, l as Zr, f as Xe, bP as $i, g as ut, bQ as qi, h as Ht, j as mt, k as Gi, bR as Hi, bS as Ki, bT as At, bU as Ot, bV as Xr, bW as Ji, e as el, bX as Sn, bY as kt, bZ as Wi, b_ as Ga, b$ as xs, c0 as Yn, c1 as ft, c2 as tl, r as oa, q as nr, c3 as Fe, c4 as aa, c5 as nl, c6 as Yi, c7 as Qi, c8 as Zi, c9 as al, ca as Xi, cb as ba, cc as eo, cd as ca, ce as to, cf as Ha, cg as Dt, ch as Ve, ci as Tt, cj as no, ck as ao, cl as so, cm as ro, cn as lo, co as za, cp as io, cq as ar, cr as oo, cs as sr, ct as co, cu as uo, cv as mo, cw as ho, cx as bs, cy as po, cz as sl, cA as Ns, cB as rl, cC as sa, cD as ll, cE as fo, cF as go, cG as yo, cH as il, cI as Qn, cJ as vo, cK as ol, cL as cl, cM as xo, cN as bo, cO as No, cP as dl, cQ as Cs, cR as ul, cS as Co, cT as rr, cU as Na, cV as Ca, cW as wa, cX as wo, cY as So, cZ as ko, c_ as xt, c$ as we, d0 as Se, d1 as ke, d2 as Do, d3 as To, d4 as Mo, d5 as Eo, s as Oo, d6 as lr, d7 as ml, d8 as Ao, d9 as Io, da as Ro, db as hl, dc as ws, dd as yn, de as Ss, df as It, dg as zo, dh as Zn, di as pl, dj as Fo, dk as Lo, dl as _o, dm as Po, dn as Vo, dp as ir, dq as jo, dr as Uo, ds as Bo, dt as $o, du as qo, dv as Go, dw as Ho, dx as fl, dy as Ko, dz as Jo, dA as Wo, dB as Yo, dC as Qo, dD as gl, dE as Fa, dF as or, dG as Zo, dH as Xo, dI as Ka, dJ as et, dK as Sa, dL as ec, dM as tc, dN as nc, dO as yl, dP as ks, dQ as ac, dR as sc, dS as kn, dT as Ja, dU as rc, dV as lc, dW as cr, dX as Wa, dY as Ya, dZ as da, d_ as cn, d$ as Dn, e0 as ic, e1 as oc, e2 as vl, e3 as cc, e4 as dc, S as uc, e5 as mc, e6 as hc, e7 as pc } from "./index-DdiZhL-n.js";
 import * as Ke from "react";
 import Ae, { useState as P, useCallback as me, useEffect as Te, useRef as nt, useMemo as $e, Suspense as xl, useContext as fc } from "react";
 import "react-dom";
@@ -1292,16 +1292,16 @@ async function pd(t, a) {
   }) : null;
 }
 function fd() {
-  const [t, a] = P(""), [n, r] = P(!1), l = Y((p) => p.lenses), { setLenses: o, setSelectedLensId: c } = yt(), [i, d] = P(!1), [u, h] = P(!1), m = Y((p) => p.dashboard), g = Y((p) => p.filterValues), { authToken: f } = Ee();
+  const [t, a] = P(""), [n, r] = P(!1), l = Y((f) => f.lenses), { setLenses: o, setSelectedLensId: c } = yt(), [i, d] = P(!1), [u, h] = P(!1), m = Y((f) => f.dashboard), g = Y((f) => f.filterValues), { authToken: p } = Ee();
   async function y() {
     d(!0);
-    const p = Ol(
+    const f = Ol(
       m
     ), b = await hd(
       t,
-      p,
+      f,
       g,
-      f == null ? void 0 : f.accessToken
+      p == null ? void 0 : p.accessToken
     );
     b && (o([...l || [], b]), c(b.id), h(!1)), d(!1);
   }
@@ -1329,8 +1329,8 @@ function fd() {
           je,
           {
             value: t,
-            onChange: (p) => {
-              a(p.target.value);
+            onChange: (f) => {
+              a(f.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -1359,7 +1359,7 @@ function gd() {
   }
   async function d(h) {
     if (await pd(h, c == null ? void 0 : c.accessToken)) {
-      const g = n == null ? void 0 : n.filter((f) => f.id !== h);
+      const g = n == null ? void 0 : n.filter((p) => p.id !== h);
       l(g || []), o("original");
     }
   }
@@ -1377,10 +1377,10 @@ function gd() {
       isDefault: !h.isDefault
     };
     await Za(g, c == null ? void 0 : c.accessToken);
-    const f = n == null ? void 0 : n.find((y) => y.isDefault);
-    if (f && f.id !== h.id) {
+    const p = n == null ? void 0 : n.find((y) => y.isDefault);
+    if (p && p.id !== h.id) {
       const y = {
-        ...f,
+        ...p,
         isDefault: !1
       };
       await Za(y, c == null ? void 0 : c.accessToken);
@@ -1545,7 +1545,7 @@ function xd({
     status: l,
     error: o,
     isDeleting: c
-  } = bd(), [i, d] = P(""), [u, h] = P(fr[0].value), [m, g] = P("06:00"), [f, y] = P("");
+  } = bd(), [i, d] = P(""), [u, h] = P(fr[0].value), [m, g] = P("06:00"), [p, y] = P("");
   return /* @__PURE__ */ e(Rr, { delayDuration: 0, children: /* @__PURE__ */ s(at, { children: [
     /* @__PURE__ */ e(st, { asChild: !0, children: /* @__PURE__ */ e(
       le,
@@ -1568,7 +1568,7 @@ function xd({
             {
               id: "email",
               value: i,
-              onChange: (p) => d(p.target.value),
+              onChange: (f) => d(f.target.value),
               className: `col-span-2 h-8 ${St}`
             }
           )
@@ -1580,9 +1580,9 @@ function xd({
             {
               id: "subject",
               placeholder: "Monthly Sales Report",
-              value: f,
-              onChange: (p) => {
-                y(p.target.value.replace(/[^a-zA-Z0-9\s-_]/g, ""));
+              value: p,
+              onChange: (f) => {
+                y(f.target.value.replace(/[^a-zA-Z0-9\s-_]/g, ""));
               },
               className: `col-span-2 h-8 ${St}`
             }
@@ -1597,7 +1597,7 @@ function xd({
               label: "Select Frequency",
               options: fr,
               value: u,
-              onValueChange: (p) => h(p)
+              onValueChange: (f) => h(f)
             }
           )
         ] }),
@@ -1609,7 +1609,7 @@ function xd({
               id: "time",
               type: "time",
               value: m,
-              onChange: (p) => g(p.target.value),
+              onChange: (f) => g(f.target.value),
               className: `col-span-2 h-8 ${St}`
             }
           )
@@ -1622,7 +1622,7 @@ function xd({
                 email: i,
                 frequency: u,
                 time: m,
-                subject: f
+                subject: p
               }), g("00:00"), d(""), y("");
             },
             className: "h-8 p-2",
@@ -1647,38 +1647,38 @@ function xd({
             ] }),
             ls
           ] }) }),
-          /* @__PURE__ */ e("div", { className: "grid gap-2", children: a == null ? void 0 : a.map((p) => /* @__PURE__ */ s(
+          /* @__PURE__ */ e("div", { className: "grid gap-2", children: a == null ? void 0 : a.map((f) => /* @__PURE__ */ s(
             "div",
             {
               className: "group grid grid-cols-5 gap-3",
               children: [
                 /* @__PURE__ */ e("div", { className: "col-span-3 text-sm", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2", children: [
                   /* @__PURE__ */ s("div", { className: "boder-border rounded-md border bg-muted px-2 py-1", children: [
-                    jn(p.frequency),
+                    jn(f.frequency),
                     " "
                   ] }),
-                  /* @__PURE__ */ e(Q, { children: p.time })
+                  /* @__PURE__ */ e(Q, { children: f.time })
                 ] }) }),
                 /* @__PURE__ */ s("div", { className: "col-span-2 flex items-center justify-end gap-4", children: [
                   /* @__PURE__ */ e(
                     gr,
                     {
-                      tooltip: `Next Run: ${new Date(p.nextRun).toLocaleString()} ${p.timezone}`,
+                      tooltip: `Next Run: ${new Date(f.nextRun).toLocaleString()} ${f.timezone}`,
                       children: /* @__PURE__ */ e(Ic, { className: "size-3.5" })
                     }
                   ),
-                  /* @__PURE__ */ e(gr, { tooltip: `${p.endUserEmail}`, children: /* @__PURE__ */ e(Zc, { className: "size-3.5" }) }),
-                  c === p.id ? /* @__PURE__ */ e(Me, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(gr, { tooltip: `${f.endUserEmail}`, children: /* @__PURE__ */ e(Zc, { className: "size-3.5" }) }),
+                  c === f.id ? /* @__PURE__ */ e(Me, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ e(
                     Un,
                     {
-                      onClick: () => r(p.id),
+                      onClick: () => r(f.id),
                       className: "size-3.5 cursor-pointer"
                     }
                   )
                 ] })
               ]
             },
-            p.id
+            f.id
           )) })
         ] })
       ] })
@@ -1696,7 +1696,7 @@ function bd() {
   const [t, a] = P("idle"), [n, r] = P(""), [l, o] = P(null), c = Y((w) => w.authToken), i = Y((w) => w.dashboard.id), d = Y((w) => w.dashboard.title), { endUserId: u } = zr((c == null ? void 0 : c.accessToken) || ""), h = "https://semaphor.cloud/api/v1/subscriptions/get", m = {
     dashboardId: i,
     endUserId: u
-  }, { data: g, isLoading: f, isError: y, isFetching: p, refetch: b } = vt({
+  }, { data: g, isLoading: p, isError: y, isFetching: f, refetch: b } = vt({
     queryKey: ["subscriptions", i, u],
     queryFn: () => un(h, (c == null ? void 0 : c.accessToken) || "", m),
     enabled: !!(c != null && c.accessToken) && !!i && !!u
@@ -1704,12 +1704,12 @@ function bd() {
   async function v({
     email: w,
     subject: z,
-    frequency: M,
+    frequency: E,
     time: S
   }) {
     const { authToken: C, ...T } = Al(), k = Intl.DateTimeFormat().resolvedOptions().timeZone, R = {
       email: w,
-      frequency: M,
+      frequency: E,
       time: S,
       timezone: k,
       endUserId: u,
@@ -1742,14 +1742,14 @@ function bd() {
       await ln(z, (c == null ? void 0 : c.accessToken) || "", { id: w }), b(), setTimeout(() => {
         o(null);
       }, 2e3);
-    } catch (M) {
-      console.error(M), o(null), a("error"), r(M.message);
+    } catch (E) {
+      console.error(E), o(null), a("error"), r(E.message);
     }
   }
   return {
     data: g,
-    isLoading: f,
-    isFetching: p,
+    isLoading: p,
+    isFetching: f,
     isError: y,
     isDeleting: l,
     refetch: b,
@@ -2256,10 +2256,10 @@ function qd({
   onShareVisual: h,
   formatDate: m
 }) {
-  var M;
-  const { selectVisual: g } = is(), f = Ri(t.id), [y, p] = P(!1), [b, v] = P(!1);
+  var E;
+  const { selectVisual: g } = is(), p = Ri(t.id), [y, f] = P(!1), [b, v] = P(!1);
   Te(() => {
-    n ? (p(!0), v(!0)) : b && (p(!1), v(!1));
+    n ? (f(!0), v(!0)) : b && (f(!1), v(!1));
   }, [n, b]);
   const N = () => t.ownership.isOwner ? t.ownership.status === "private" ? /* @__PURE__ */ e(kl, { className: "h-3 w-3 text-purple-500" }) : /* @__PURE__ */ e(gt, { className: "h-3.5 w-3.5 text-blue-600" }) : /* @__PURE__ */ e(Rt, { className: "h-3.5 w-3.5 text-slate-500" }), w = () => /* @__PURE__ */ e(os, { className: "h-4 w-4 text-slate-400" }), z = () => {
     g(t), c == null || c(t);
@@ -2271,7 +2271,7 @@ function qd({
         "group relative flex cursor-pointer items-start gap-3 px-4 py-3 dark:border-slate-800",
         "cursor-pointer transition-colors duration-150 hover:bg-slate-50 dark:hover:bg-slate-900/50",
         t.ownership.isOwner && "border-blue-200 dark:border-blue-800",
-        f && "rounded-md bg-slate-50 ring-1 ring-inset ring-border dark:bg-slate-900/50"
+        p && "rounded-md bg-slate-50 ring-1 ring-inset ring-border dark:bg-slate-900/50"
       ),
       tabIndex: 0,
       onClick: z,
@@ -2286,7 +2286,7 @@ function qd({
                   inputClassName: "text-sm font-medium text-slate-900 dark:text-slate-100",
                   value: t.title,
                   onSave: (S) => i == null ? void 0 : i(t.id, { title: S }),
-                  isEditable: t.ownership.isOwner && f,
+                  isEditable: t.ownership.isOwner && p,
                   isPending: r,
                   placeholder: "Untitled Visual",
                   displayClassName: "line-clamp-1 max-w-[150px] text-sm font-medium text-slate-900 dark:text-slate-100"
@@ -2300,7 +2300,7 @@ function qd({
                 inputClassName: "line-clamp-1 text-xs text-slate-500 dark:text-slate-400",
                 value: t.description || "",
                 onSave: (S) => i == null ? void 0 : i(t.id, { description: S }),
-                isEditable: t.ownership.isOwner && f,
+                isEditable: t.ownership.isOwner && p,
                 isPending: l,
                 placeholder: "No description",
                 displayClassName: "mt-0.5 max-w-[220px] line-clamp-1 text-xs text-slate-500 dark:text-slate-400"
@@ -2332,7 +2332,7 @@ function qd({
                   {
                     modal: !1,
                     open: y,
-                    onOpenChange: p,
+                    onOpenChange: f,
                     children: [
                       /* @__PURE__ */ e(Pn, { asChild: !0, children: /* @__PURE__ */ e(
                         V,
@@ -2415,7 +2415,7 @@ function qd({
                         /* @__PURE__ */ s("div", { className: "space-y-1 px-2 py-2 text-xs text-slate-500 dark:text-slate-400", children: [
                           /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
                             /* @__PURE__ */ e(Rt, { className: "h-3 w-3" }),
-                            /* @__PURE__ */ e("span", { children: ((M = t.ownership.createdBy) == null ? void 0 : M.name) || "Unknown" })
+                            /* @__PURE__ */ e("span", { children: ((E = t.ownership.createdBy) == null ? void 0 : E.name) || "Unknown" })
                           ] }),
                           /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
                             /* @__PURE__ */ e(on, { className: "h-3 w-3" }),
@@ -2790,15 +2790,15 @@ function Qd({
               ")"
             ] }),
             /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-1", children: [
-              i.slice(0, 3).map((g, f) => {
+              i.slice(0, 3).map((g, p) => {
                 var v, N;
                 const y = ((v = a.find(
                   (w) => w.id === g.orgUserId
-                )) == null ? void 0 : v.name) || "Unknown User", p = ((N = a.find(
+                )) == null ? void 0 : v.name) || "Unknown User", f = ((N = a.find(
                   (w) => w.id === g.orgUserId
                 )) == null ? void 0 : N.type) || "", b = Qe(
                   g.role,
-                  n(p)
+                  n(f)
                 );
                 return /* @__PURE__ */ s(
                   "div",
@@ -2816,7 +2816,7 @@ function Qd({
                       )
                     ]
                   },
-                  f
+                  p
                 );
               }),
               i.length > 3 && /* @__PURE__ */ s("div", { className: "text-xs italic text-muted-foreground", children: [
@@ -2833,15 +2833,15 @@ function Qd({
               ")"
             ] }),
             /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-1", children: [
-              d.slice(0, 3).map((g, f) => {
+              d.slice(0, 3).map((g, p) => {
                 var v, N;
                 const y = ((v = a.find(
                   (w) => w.id === g.tenantUserId
-                )) == null ? void 0 : v.name) || "Unknown User", p = ((N = a.find(
+                )) == null ? void 0 : v.name) || "Unknown User", f = ((N = a.find(
                   (w) => w.id === g.tenantUserId
                 )) == null ? void 0 : N.type) || "", b = Qe(
                   g.role,
-                  n(p)
+                  n(f)
                 );
                 return /* @__PURE__ */ s(
                   "div",
@@ -2859,7 +2859,7 @@ function Qd({
                       )
                     ]
                   },
-                  f
+                  p
                 );
               }),
               d.length > 3 && /* @__PURE__ */ s("div", { className: "text-xs italic text-muted-foreground", children: [
@@ -2871,7 +2871,7 @@ function Qd({
           ] }),
           u.length > 0 && /* @__PURE__ */ s("div", { className: "space-y-1", children: [
             /* @__PURE__ */ e("div", { className: "text-xs font-medium text-purple-600", children: "All Org Users" }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-1", children: u.map((g, f) => {
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-1", children: u.map((g, p) => {
               const y = Qe(
                 g.role,
                 n("")
@@ -2892,13 +2892,13 @@ function Qd({
                     )
                   ]
                 },
-                f
+                p
               );
             }) })
           ] }),
           h.length > 0 && /* @__PURE__ */ s("div", { className: "space-y-1", children: [
             /* @__PURE__ */ e("div", { className: "text-xs font-medium text-orange-600", children: "Org Users Only" }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-1", children: h.map((g, f) => {
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-1", children: h.map((g, p) => {
               const y = Qe(
                 g.role,
                 n("")
@@ -2919,13 +2919,13 @@ function Qd({
                     )
                   ]
                 },
-                f
+                p
               );
             }) })
           ] }),
           m.length > 0 && /* @__PURE__ */ s("div", { className: "space-y-1", children: [
             /* @__PURE__ */ e("div", { className: "text-xs font-medium text-indigo-600", children: "All Tenants" }),
-            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-1", children: m.map((g, f) => {
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-1", children: m.map((g, p) => {
               const y = Qe(
                 g.role,
                 n("")
@@ -2946,7 +2946,7 @@ function Qd({
                     )
                   ]
                 },
-                f
+                p
               );
             }) })
           ] }),
@@ -2966,11 +2966,11 @@ function Qd({
             ] }),
             /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-1", children: [
               c.slice(0, 3).map((d, u) => {
-                var f, y;
-                const h = ((f = a.find(
-                  (p) => p.id === d.tenantUserId
-                )) == null ? void 0 : f.name) || "Unknown User", m = ((y = a.find(
-                  (p) => p.id === d.tenantUserId
+                var p, y;
+                const h = ((p = a.find(
+                  (f) => f.id === d.tenantUserId
+                )) == null ? void 0 : p.name) || "Unknown User", m = ((y = a.find(
+                  (f) => f.id === d.tenantUserId
                 )) == null ? void 0 : y.type) || "", g = Qe(
                   d.role,
                   n(m)
@@ -3045,12 +3045,12 @@ function Qd({
           ] }),
           /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-1", children: [
             o.slice(0, 3).map((i, d) => {
-              var g, f;
+              var g, p;
               const u = ((g = a.find(
                 (y) => y.id === i.tenantUserId
-              )) == null ? void 0 : g.name) || "Unknown User", h = ((f = a.find(
+              )) == null ? void 0 : g.name) || "Unknown User", h = ((p = a.find(
                 (y) => y.id === i.tenantUserId
-              )) == null ? void 0 : f.type) || "", m = Qe(
+              )) == null ? void 0 : p.type) || "", m = Qe(
                 i.role,
                 n(h)
               );
@@ -3136,7 +3136,7 @@ function Xd({
   handleUserToggle: h,
   handleRemoveAccess: m,
   handleUpdateAccess: g,
-  handleUserRoleChange: f
+  handleUserRoleChange: p
 }) {
   return /* @__PURE__ */ s(
     "div",
@@ -3187,7 +3187,7 @@ function Xd({
                 ma,
                 {
                   currentRole: (c == null ? void 0 : c.role) || "VIEWER",
-                  onRoleChange: (y) => f(t.id, y),
+                  onRoleChange: (y) => p(t.id, y),
                   roleOptions: i,
                   disabled: !1
                 }
@@ -3231,11 +3231,11 @@ function Ul({
   handleRemoveAccess: d,
   handleUpdateAccess: u
 }) {
-  const h = mn(), m = lt(), g = hn(), f = zi(), y = Lt(), p = c || ((M) => {
-    const S = h.some((T) => T.id === M), C = m.includes(M);
-    S ? y.removeSelectedUser(M) : C ? y.removeUserFromRemove(M) : y.addSelectedUser({ id: M, role: "VIEWER" });
-  }), b = i || y.updateSelectedUserRole, v = d || y.addUserToRemove, N = u || ((M, S, C) => {
-    y.addUserToUpdate({ id: M, currentRole: S, newRole: C });
+  const h = mn(), m = lt(), g = hn(), p = zi(), y = Lt(), f = c || ((E) => {
+    const S = h.some((T) => T.id === E), C = m.includes(E);
+    S ? y.removeSelectedUser(E) : C ? y.removeUserFromRemove(E) : y.addSelectedUser({ id: E, role: "VIEWER" });
+  }), b = i || y.updateSelectedUserRole, v = d || y.addUserToRemove, N = u || ((E, S, C) => {
+    y.addUserToUpdate({ id: E, currentRole: S, newRole: C });
   }), w = l, z = m;
   return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
@@ -3265,7 +3265,7 @@ function Ul({
           size: "sm",
           onClick: () => {
             h.length === w.length ? y.setSelectedUsers([]) : y.setSelectedUsers(
-              w.map((M) => ({ id: M.id, role: "VIEWER" }))
+              w.map((E) => ({ id: E.id, role: "VIEWER" }))
             );
           },
           className: "h-auto p-1 text-xs",
@@ -3279,20 +3279,20 @@ function Ul({
         {
           isInitialLoading: a,
           isSearching: n,
-          searchQuery: f,
+          searchQuery: p,
           availableUsers: w || []
         }
       ),
-      !a && !n && (w == null ? void 0 : w.length) > 0 && w.map((M) => {
-        const S = t ? Hd(M, t, o) : void 0, C = z.includes(M.id), T = !!S, k = T && !C, R = h.some(
-          (I) => I.id === M.id
+      !a && !n && (w == null ? void 0 : w.length) > 0 && w.map((E) => {
+        const S = t ? Hd(E, t, o) : void 0, C = z.includes(E.id), T = !!S, k = T && !C, R = h.some(
+          (I) => I.id === E.id
         ), D = h.find(
-          (I) => I.id === M.id
-        ), F = r(M.type);
+          (I) => I.id === E.id
+        ), F = r(E.type);
         return /* @__PURE__ */ e(
           Xd,
           {
-            user: M,
+            user: E,
             userShare: S,
             isUserRemoving: C,
             hasAccess: k,
@@ -3302,12 +3302,12 @@ function Ul({
             roleOptions: F,
             currentUser: o,
             usersToUpdate: g,
-            handleUserToggle: p,
+            handleUserToggle: f,
             handleRemoveAccess: v,
             handleUpdateAccess: N,
             handleUserRoleChange: b
           },
-          M.id
+          E.id
         );
       })
     ] })
@@ -3387,7 +3387,7 @@ function eu({
 }) {
   const d = it(), u = Ut().filter(
     (N) => N.value === "VIEWER" || N.value === "EDITOR" || N.value === "CONTRIBUTOR"
-  ), h = a.role !== "NONE" ? a.role : "NONE", m = l ? l.newRole : h, g = a.role !== "NONE" && !o && (!l || l.newRole === h), f = l !== null && l.newRole !== h, y = o, p = h === "NONE" || !h, b = (N) => {
+  ), h = a.role !== "NONE" ? a.role : "NONE", m = l ? l.newRole : h, g = a.role !== "NONE" && !o && (!l || l.newRole === h), p = l !== null && l.newRole !== h, y = o, f = h === "NONE" || !h, b = (N) => {
     switch (N) {
       case "VIEWER":
         return /* @__PURE__ */ e(Nn, { className: "h-4 w-4" });
@@ -3406,7 +3406,7 @@ function eu({
     {
       className: G(
         "pb-6",
-        f && !y && !p ? "border-orange-300 bg-orange-50" : g ? "border-green-300 bg-green-50" : y || p ? "border-destructive bg-destructive/10" : ""
+        p && !y && !f ? "border-orange-300 bg-orange-50" : g ? "border-green-300 bg-green-50" : y || f ? "border-destructive bg-destructive/10" : ""
       ),
       children: [
         /* @__PURE__ */ s($n, { children: [
@@ -3425,7 +3425,7 @@ function eu({
                 children: "Active"
               }
             ),
-            f && /* @__PURE__ */ e(
+            p && /* @__PURE__ */ e(
               ie,
               {
                 variant: "secondary",
@@ -3433,9 +3433,9 @@ function eu({
                 children: "Pending Update"
               }
             ),
-            (y || p) && /* @__PURE__ */ e(ie, { variant: "destructive", className: "ml-2", children: "No Access" })
+            (y || f) && /* @__PURE__ */ e(ie, { variant: "destructive", className: "ml-2", children: "No Access" })
           ] }),
-          /* @__PURE__ */ e(Pr, { children: y || p ? "No access for all users." : "This will share the dashboard with all users in your " + ((t == null ? void 0 : t.type) === "organization" ? "organization" : "tenant") + ". Select an access level below." })
+          /* @__PURE__ */ e(Pr, { children: y || f ? "No access for all users." : "This will share the dashboard with all users in your " + ((t == null ? void 0 : t.type) === "organization" ? "organization" : "tenant") + ". Select an access level below." })
         ] }),
         /* @__PURE__ */ e(Wt, { className: "space-y-4", children: /* @__PURE__ */ s("div", { className: "space-y-3", children: [
           /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
@@ -3512,7 +3512,7 @@ function $l({
   allUsersToUpdate: i,
   allUsersToRemove: d
 }) {
-  const u = (p) => p === "OWNER" ? "CONTRIBUTOR" : p, m = a ? { role: u(a.role) } : { role: "NONE" }, g = i ? {
+  const u = (f) => f === "OWNER" ? "CONTRIBUTOR" : f, m = a ? { role: u(a.role) } : { role: "NONE" }, g = i ? {
     currentRole: u(i.currentRole),
     newRole: u(i.newRole)
   } : null;
@@ -3524,8 +3524,8 @@ function $l({
       isSharing: n,
       isUpdating: r,
       isRemoving: l,
-      onUpdateAccess: (p, b) => {
-        o(p, b);
+      onUpdateAccess: (f, b) => {
+        o(f, b);
       },
       onRemoveAccess: () => {
         c();
@@ -3601,10 +3601,10 @@ function au({
   isRemoving: c = !1
 }) {
   var ae, $;
-  const i = pn(), d = Gn(), { searchQuery: u, setSearchQuery: h, debouncedSearchQuery: m } = Vr(), g = mn(), f = lt(), y = hn(), p = it(), b = ps(), v = Lt(), [N, w] = Ae.useState("specific_users"), z = () => {
+  const i = pn(), d = Gn(), { searchQuery: u, setSearchQuery: h, debouncedSearchQuery: m } = Vr(), g = mn(), p = lt(), y = hn(), f = it(), b = ps(), v = Lt(), [N, w] = Ae.useState("specific_users"), z = () => {
     if (i === "org") return "organization";
     if (i === "tenant") return "tenant";
-  }, M = () => {
+  }, E = () => {
     if (i === "tenant" && d)
       return d;
   }, { allUsers: S, existingShares: C, isLoadingUsers: T } = zt({
@@ -3612,7 +3612,7 @@ function au({
     resourceId: (t == null ? void 0 : t.id) || "",
     resourceType: a,
     userType: z(),
-    tenantId: M()
+    tenantId: E()
   });
   Ae.useEffect(() => {
     v.setCurrentContext("org-tab"), v.setCurrentMode(
@@ -3635,7 +3635,7 @@ function au({
     (K) => g.some((J) => J.id === K.id)
   ), F = (K) => {
     var ee, W;
-    const J = g.some((de) => de.id === K), q = f.includes(K), Z = (W = (ee = C == null ? void 0 : C.shares) == null ? void 0 : ee.specificOrgUsers) == null ? void 0 : W.some(
+    const J = g.some((de) => de.id === K), q = p.includes(K), Z = (W = (ee = C == null ? void 0 : C.shares) == null ? void 0 : ee.specificOrgUsers) == null ? void 0 : W.some(
       (de) => de.orgUserId === K
     );
     J ? v.removeSelectedUser(K) : q ? v.removeUserFromRemove(K) : Z || v.addSelectedUser({ id: K, role: "VIEWER" });
@@ -3700,7 +3700,7 @@ function au({
       /* @__PURE__ */ e(
         _l,
         {
-          usersToRemove: f,
+          usersToRemove: p,
           allUsers: R,
           onRemove: x
         }
@@ -3744,11 +3744,11 @@ function au({
         isRemoving: c,
         onUpdateAccess: _,
         onRemoveAccess: j,
-        allUsersToUpdate: p === "allOrgUsers" && b !== ((B == null ? void 0 : B.role) || "NONE") ? {
+        allUsersToUpdate: f === "allOrgUsers" && b !== ((B == null ? void 0 : B.role) || "NONE") ? {
           currentRole: (B == null ? void 0 : B.role) || "NONE",
           newRole: b
         } : null,
-        allUsersToRemove: p === "allOrgUsers" && (B == null ? void 0 : B.role) === void 0
+        allUsersToRemove: f === "allOrgUsers" && (B == null ? void 0 : B.role) === void 0
       }
     ) })
   ] }) : null;
@@ -3763,9 +3763,9 @@ function yr({
   isRemoving: c = !1
 }) {
   var ee;
-  const { searchQuery: i, debouncedSearchQuery: d, setSearchQuery: u } = Vr(), h = mn(), m = lt(), g = hn(), f = it(), y = xa(), p = fs(), b = Gn(), v = Lt(), { data: N, isLoading: w } = Od({
+  const { searchQuery: i, debouncedSearchQuery: d, setSearchQuery: u } = Vr(), h = mn(), m = lt(), g = hn(), p = it(), y = xa(), f = fs(), b = Gn(), v = Lt(), { data: N, isLoading: w } = Od({
     enabled: (n == null ? void 0 : n.type) === "organization"
-  }), [z, M] = P(
+  }), [z, E] = P(
     (n == null ? void 0 : n.type) === "organization" ? "all_tenants" : "specific_tenant_users"
   );
   Ae.useEffect(() => {
@@ -3773,7 +3773,7 @@ function yr({
   }, [v, n == null ? void 0 : n.type]);
   const S = (W) => {
     var pe, be, he, Oe;
-    M(
+    E(
       W
     );
     let de;
@@ -3822,7 +3822,7 @@ function yr({
     z === "all_tenant_users" ? v.setTenantWideRole("VIEWER") : z === "all_tenants" && v.setAllTenantsRole("VIEWER");
   }, $ = (() => {
     var W, de, pe, be;
-    return f === "allTenants" ? (de = (W = k == null ? void 0 : k.shares) == null ? void 0 : W.allTenantsOnly) == null ? void 0 : de[0] : f === "allTenantUsers" ? (be = (pe = k == null ? void 0 : k.shares) == null ? void 0 : pe.tenantWide) == null ? void 0 : be[0] : null;
+    return p === "allTenants" ? (de = (W = k == null ? void 0 : k.shares) == null ? void 0 : W.allTenantsOnly) == null ? void 0 : de[0] : p === "allTenantUsers" ? (be = (pe = k == null ? void 0 : k.shares) == null ? void 0 : pe.tenantWide) == null ? void 0 : be[0] : null;
   })();
   Ae.useEffect(() => {
     var W, de, pe, be;
@@ -3976,11 +3976,11 @@ function yr({
           isRemoving: c,
           onUpdateAccess: U,
           onRemoveAccess: oe,
-          allUsersToUpdate: f === "allTenantUsers" && (($ == null ? void 0 : $.role) === void 0 || y !== $.role) || f === "allTenants" && (($ == null ? void 0 : $.role) === void 0 || p !== $.role) ? {
+          allUsersToUpdate: p === "allTenantUsers" && (($ == null ? void 0 : $.role) === void 0 || y !== $.role) || p === "allTenants" && (($ == null ? void 0 : $.role) === void 0 || f !== $.role) ? {
             currentRole: ($ == null ? void 0 : $.role) || "VIEWER",
-            newRole: f === "allTenantUsers" ? y : p
+            newRole: p === "allTenantUsers" ? y : f
           } : null,
-          allUsersToRemove: f === "allTenantUsers" && ($ == null ? void 0 : $.role) === void 0 || f === "allTenants" && ($ == null ? void 0 : $.role) === void 0
+          allUsersToRemove: p === "allTenantUsers" && ($ == null ? void 0 : $.role) === void 0 || p === "allTenants" && ($ == null ? void 0 : $.role) === void 0
         }
       ) }) : null }) : (
         /* Show message for org users when no tenant is selected */
@@ -4066,9 +4066,9 @@ function vr({
 }) {
   const h = mn(), m = lt(), g = hn();
   it(), gs();
-  const f = Gn();
+  const p = Gn();
   pn();
-  const y = ps(), p = fs(), b = xa(), { buildShareData: v, validateShareData: N, isCurrentStateValid: w } = ql(), z = n || r || l, M = () => {
+  const y = ps(), f = fs(), b = xa(), { buildShareData: v, validateShareData: N, isCurrentStateValid: w } = ql(), z = n || r || l, E = () => {
     var R, D, F, I;
     if (z) return "Updating...";
     if (i === "specific_users") {
@@ -4086,7 +4086,7 @@ function vr({
       if (!A || A.role === void 0)
         return "Share with All Tenants";
       const x = A.role;
-      return p === x ? "Remove Access" : "Update Access";
+      return f === x ? "Remove Access" : "Update Access";
     } else if (i === "all_tenant_users") {
       const A = (I = (F = a == null ? void 0 : a.shares) == null ? void 0 : F.tenantWide) == null ? void 0 : I[0];
       if (!A || A.role === void 0)
@@ -4100,7 +4100,7 @@ function vr({
       return A === 0 ? "Select users to share with" : h.length > 0 && m.length > 0 ? `Update access for ${A} user${A !== 1 ? "s" : ""}` : m.length > 0 && h.length === 0 && g.length === 0 ? `Remove access for ${m.length} user${m.length !== 1 ? "s" : ""}` : h.length > 0 && m.length === 0 && g.length === 0 ? `Share with ${h.length} user${h.length !== 1 ? "s" : ""}` : g.length > 0 && h.length === 0 && m.length === 0 ? `Update access for ${g.length} user${g.length !== 1 ? "s" : ""}` : `Update access for ${A} user${A !== 1 ? "s" : ""}`;
     }
     return "Share";
-  }, S = () => z || !t || i === "all_tenant_users" && !f || i === "specific_tenant_users" && !f ? !0 : !w, C = () => {
+  }, S = () => z || !t || i === "all_tenant_users" && !p || i === "specific_tenant_users" && !p ? !0 : !w, C = () => {
     const R = v();
     R && N(R) && o(R);
   }, T = () => {
@@ -4131,7 +4131,7 @@ function vr({
         x && N(x) && o(x);
       } else {
         const x = A.role;
-        if (p === x)
+        if (f === x)
           u == null || u();
         else {
           const _ = v();
@@ -4177,7 +4177,7 @@ function vr({
       if (!A || A.role === void 0)
         return "default";
       const x = A.role;
-      return p === x ? "destructive" : "default";
+      return f === x ? "destructive" : "default";
     } else if (i === "all_tenant_users") {
       const A = (I = (F = a == null ? void 0 : a.shares) == null ? void 0 : F.tenantWide) == null ? void 0 : I[0];
       if (!A || A.role === void 0)
@@ -4200,7 +4200,7 @@ function vr({
             /* @__PURE__ */ e(Me, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Updating..."
           ] }) : /* @__PURE__ */ e(En, { className: "mr-2 h-4 w-4" }),
-          !z && M()
+          !z && E()
         ]
       }
     ) }),
@@ -4215,7 +4215,7 @@ function vr({
             /* @__PURE__ */ e(Me, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Updating..."
           ] }) : /* @__PURE__ */ e(gt, { className: "mr-2 h-4 w-4" }),
-          !z && M()
+          !z && E()
         ]
       }
     )
@@ -4235,32 +4235,32 @@ function su({
   it(), gs();
   const m = xa();
   Gn();
-  const { buildShareData: g, validateShareData: f, isCurrentStateValid: y } = ql(), p = a || n || r, b = () => {
-    if (p) return "Updating...";
+  const { buildShareData: g, validateShareData: p, isCurrentStateValid: y } = ql(), f = a || n || r, b = () => {
+    if (f) return "Updating...";
     if (c === "specific_users") {
       if (d.length === 0 && u.length === 0 && h.length === 0)
         return "Select users to share with";
-      const M = d.length + u.length + h.length;
-      return M === 0 ? "Select users to share with" : d.length > 0 && u.length > 0 ? `Update access for ${M} user${M !== 1 ? "s" : ""}` : u.length > 0 && d.length === 0 && h.length === 0 ? `Remove access for ${u.length} user${u.length !== 1 ? "s" : ""}` : d.length > 0 && u.length === 0 && h.length === 0 ? `Share with ${d.length} user${d.length !== 1 ? "s" : ""}` : h.length > 0 && d.length === 0 && u.length === 0 ? `Update access for ${h.length} user${h.length !== 1 ? "s" : ""}` : `Update access for ${M} user${M !== 1 ? "s" : ""}`;
+      const E = d.length + u.length + h.length;
+      return E === 0 ? "Select users to share with" : d.length > 0 && u.length > 0 ? `Update access for ${E} user${E !== 1 ? "s" : ""}` : u.length > 0 && d.length === 0 && h.length === 0 ? `Remove access for ${u.length} user${u.length !== 1 ? "s" : ""}` : d.length > 0 && u.length === 0 && h.length === 0 ? `Share with ${d.length} user${d.length !== 1 ? "s" : ""}` : h.length > 0 && d.length === 0 && u.length === 0 ? `Update access for ${h.length} user${h.length !== 1 ? "s" : ""}` : `Update access for ${E} user${E !== 1 ? "s" : ""}`;
     } else if (c === "all_users") {
       if (!i || i.role === "NONE")
         return "Share with All Users";
-      const M = i.role;
-      return m === M ? "Remove Access" : "Update Access";
+      const E = i.role;
+      return m === E ? "Remove Access" : "Update Access";
     }
     return "Share";
-  }, v = () => p || !t ? !0 : !y, N = () => {
-    const M = g();
-    M && f(M) && l(M);
+  }, v = () => f || !t ? !0 : !y, N = () => {
+    const E = g();
+    E && p(E) && l(E);
   }, w = () => {
     if (!i || i.role === "NONE") {
-      const M = g();
-      M && f(M) && l(M);
+      const E = g();
+      E && p(E) && l(E);
     } else {
-      const M = i.role;
-      if (m === M) {
+      const E = i.role;
+      if (m === E) {
         const C = g();
-        if (C && f(C)) {
+        if (C && p(C)) {
           const T = {
             ...C,
             removeAccess: !0
@@ -4269,7 +4269,7 @@ function su({
         }
       } else {
         const C = g();
-        if (C && f(C)) {
+        if (C && p(C)) {
           const T = {
             ...C,
             updateAccess: !0
@@ -4280,19 +4280,19 @@ function su({
     }
   }, z = () => !i || i.role === "NONE" ? "default" : "destructive";
   return /* @__PURE__ */ s(ya, { children: [
-    /* @__PURE__ */ e(V, { variant: "outline", onClick: o, disabled: p, children: "Close" }),
+    /* @__PURE__ */ e(V, { variant: "outline", onClick: o, disabled: f, children: "Close" }),
     c === "specific_users" && /* @__PURE__ */ e(ne, { children: (d.length > 0 || u.length > 0 || h.length > 0) && /* @__PURE__ */ s(
       V,
       {
         onClick: N,
-        disabled: !t || p,
+        disabled: !t || f,
         variant: "default",
         children: [
-          p ? /* @__PURE__ */ s(ne, { children: [
+          f ? /* @__PURE__ */ s(ne, { children: [
             /* @__PURE__ */ e(Me, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Updating..."
           ] }) : /* @__PURE__ */ e(En, { className: "mr-2 h-4 w-4" }),
-          !p && b()
+          !f && b()
         ]
       }
     ) }),
@@ -4303,11 +4303,11 @@ function su({
         disabled: v(),
         variant: z(),
         children: [
-          p ? /* @__PURE__ */ s(ne, { children: [
+          f ? /* @__PURE__ */ s(ne, { children: [
             /* @__PURE__ */ e(Me, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Updating..."
           ] }) : /* @__PURE__ */ e(En, { className: "mr-2 h-4 w-4" }),
-          !p && b()
+          !f && b()
         ]
       }
     )
@@ -4324,7 +4324,7 @@ function Gl({
   onRemoveAccess: i
 }) {
   var C, T, k, R;
-  const { currentUser: d } = Ea(), [u, h] = Ae.useState("specific_users"), [m, g] = Ae.useState("specific_users"), f = Lt(), y = pn(), p = it(), { existingShares: b } = zt({
+  const { currentUser: d } = Ea(), [u, h] = Ae.useState("specific_users"), [m, g] = Ae.useState("specific_users"), p = Lt(), y = pn(), f = it(), { existingShares: b } = zt({
     debouncedSearchQuery: "",
     resourceId: (t == null ? void 0 : t.id) || "",
     resourceType: a,
@@ -4337,7 +4337,7 @@ function Gl({
   }), N = (T = (C = b == null ? void 0 : b.shares) == null ? void 0 : C.tenantWide) == null ? void 0 : T[0], w = (R = (k = v == null ? void 0 : v.shares) == null ? void 0 : k.orgUsersOnly) == null ? void 0 : R[0], z = () => {
     if (y === "org")
       return m;
-    switch (p) {
+    switch (f) {
       case "specificTenantUsers":
         return "specific_tenant_users";
       case "allTenantUsers":
@@ -4347,10 +4347,10 @@ function Gl({
       default:
         return "specific_tenant_users";
     }
-  }, M = Ae.useCallback(() => {
-    f.resetShareState(), o();
-  }, [f, o]), S = (d == null ? void 0 : d.type) === "organization";
-  return /* @__PURE__ */ e(In, { open: !0, onOpenChange: M, children: /* @__PURE__ */ s(Rn, { className: "z-[51] flex max-h-[80vh] max-w-3xl flex-col", children: [
+  }, E = Ae.useCallback(() => {
+    p.resetShareState(), o();
+  }, [p, o]), S = (d == null ? void 0 : d.type) === "organization";
+  return /* @__PURE__ */ e(In, { open: !0, onOpenChange: E, children: /* @__PURE__ */ s(Rn, { className: "z-[51] flex max-h-[80vh] max-w-3xl flex-col", children: [
     /* @__PURE__ */ s(zn, { children: [
       /* @__PURE__ */ e(Fn, { children: /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(En, { className: "h-5 w-5" }),
@@ -4368,7 +4368,7 @@ function Gl({
           value: y,
           onValueChange: (D) => {
             const F = D;
-            f.setSelectedTab(F), f.resetUserSelections();
+            p.setSelectedTab(F), p.resetUserSelections();
           },
           className: "mb-4 min-h-0 flex-1",
           children: [
@@ -4541,14 +4541,14 @@ function Hl(t, a) {
               n,
               r,
               u.map((g) => {
-                var y, p;
-                const f = (p = (y = c == null ? void 0 : c.shares) == null ? void 0 : y.specificOrgUsers) == null ? void 0 : p.find(
+                var y, f;
+                const p = (f = (y = c == null ? void 0 : c.shares) == null ? void 0 : y.specificOrgUsers) == null ? void 0 : f.find(
                   (b) => b.orgUserId === g
                 );
                 return {
                   scope: "specific_org_user",
                   orgUserId: g,
-                  role: (f == null ? void 0 : f.role) || "VIEWER"
+                  role: (p == null ? void 0 : p.role) || "VIEWER"
                 };
               })
             );
@@ -4606,14 +4606,14 @@ function Hl(t, a) {
             const g = Mt(
               n,
               r,
-              u.map((f) => {
-                var p, b;
-                const y = (b = (p = c == null ? void 0 : c.shares) == null ? void 0 : p.specificTenantUsers) == null ? void 0 : b.find(
-                  (v) => v.tenantUserId === f
+              u.map((p) => {
+                var f, b;
+                const y = (b = (f = c == null ? void 0 : c.shares) == null ? void 0 : f.specificTenantUsers) == null ? void 0 : b.find(
+                  (v) => v.tenantUserId === p
                 );
                 return {
                   scope: "specific_tenant_user",
-                  tenantUserId: f,
+                  tenantUserId: p,
                   tenantId: m,
                   role: (y == null ? void 0 : y.role) || "VIEWER"
                 };
@@ -4626,7 +4626,7 @@ function Hl(t, a) {
             });
           }
           if (h && h.length > 0 && h.forEach((g) => {
-            const f = Je(n, r, [
+            const p = Je(n, r, [
               {
                 scope: "specific_tenant_user",
                 tenantUserId: g.id,
@@ -4634,7 +4634,7 @@ function Hl(t, a) {
                 role: g.newRole
               }
             ]);
-            l(f, {
+            l(p, {
               onSuccess: () => {
                 i();
               }
@@ -4643,11 +4643,11 @@ function Hl(t, a) {
             const g = Je(
               n,
               r,
-              d.map((f) => ({
+              d.map((p) => ({
                 scope: "specific_tenant_user",
-                tenantUserId: f.id,
+                tenantUserId: p.id,
                 tenantId: m,
-                role: f.role
+                role: p.role
               }))
             );
             l(g, {
@@ -4721,14 +4721,14 @@ function Hl(t, a) {
               n,
               r,
               u.map((g) => {
-                var y, p;
-                const f = (p = (y = c == null ? void 0 : c.shares) == null ? void 0 : y.specificTenantUsers) == null ? void 0 : p.find(
+                var y, f;
+                const p = (f = (y = c == null ? void 0 : c.shares) == null ? void 0 : y.specificTenantUsers) == null ? void 0 : f.find(
                   (b) => b.tenantUserId === g
                 );
                 return {
                   scope: "specific_tenant_user",
                   tenantUserId: g,
-                  role: (f == null ? void 0 : f.role) || "VIEWER"
+                  role: (p == null ? void 0 : p.role) || "VIEWER"
                 };
               })
             );
@@ -4757,7 +4757,7 @@ function Hl(t, a) {
     }
 }
 function Kl(t, a, n, r) {
-  var u, h, m, g, f, y;
+  var u, h, m, g, p, y;
   const {
     resourceType: l,
     resourceId: o,
@@ -4767,7 +4767,7 @@ function Kl(t, a, n, r) {
   } = r;
   if (o)
     if (t.length > 0) {
-      const p = Mt(
+      const f = Mt(
         l,
         o,
         t.map((b) => {
@@ -4782,7 +4782,7 @@ function Kl(t, a, n, r) {
           };
         })
       );
-      c(p, {
+      c(f, {
         onSuccess: () => {
           d();
         },
@@ -4791,8 +4791,8 @@ function Kl(t, a, n, r) {
         }
       });
     } else {
-      const p = a === "tenant" && n === "allTenants", b = a === "tenant" && n === "allTenantUsers";
-      if (p) {
+      const f = a === "tenant" && n === "allTenants", b = a === "tenant" && n === "allTenantUsers";
+      if (f) {
         const v = (h = (u = i == null ? void 0 : i.shares) == null ? void 0 : u.allTenantsOnly) == null ? void 0 : h[0];
         if (v) {
           const N = Mt(l, o, [
@@ -4829,7 +4829,7 @@ function Kl(t, a, n, r) {
           });
         }
       } else {
-        const v = (y = (f = i == null ? void 0 : i.shares) == null ? void 0 : f.orgUsersOnly) == null ? void 0 : y[0];
+        const v = (y = (p = i == null ? void 0 : i.shares) == null ? void 0 : p.orgUsersOnly) == null ? void 0 : y[0];
         if (v) {
           const N = Mt(l, o, [
             {
@@ -5075,21 +5075,21 @@ function cu(t, a, n, r, l) {
 }
 function du() {
   var g;
-  const { setCardSql: t } = se(), a = E((f) => f.frame), n = E((f) => f.card), r = Rs(
+  const { setCardSql: t } = se(), a = M((p) => p.frame), n = M((p) => p.card), r = Rs(
     ((g = n.customCardPreferences) == null ? void 0 : g.url) || ""
-  ), l = E(
-    (f) => f.selectedSchemaName
-  ), o = E(
-    (f) => f.selectedDatamodelId
-  ), c = E(
-    (f) => f.selectedDatabaseName
-  ), i = E((f) => f.selectedTableName), d = E(
-    (f) => f.selectedConnectionId
-  ), u = E((f) => f.isShowingVisual), h = n.sql, m = me(() => {
+  ), l = M(
+    (p) => p.selectedSchemaName
+  ), o = M(
+    (p) => p.selectedDatamodelId
+  ), c = M(
+    (p) => p.selectedDatabaseName
+  ), i = M((p) => p.selectedTableName), d = M(
+    (p) => p.selectedConnectionId
+  ), u = M((p) => p.isShowingVisual), h = n.sql, m = me(() => {
     var v;
-    let f = h;
-    h && !h.includes("{{") && (f = iu(h), t(f));
-    const y = (v = r == null ? void 0 : r.getState()) == null ? void 0 : v.settings, p = {
+    let p = h;
+    h && !h.includes("{{") && (p = iu(h), t(p));
+    const y = (v = r == null ? void 0 : r.getState()) == null ? void 0 : v.settings, f = {
       ...n,
       dataSource: n.dataSource || { mode: "directSource" },
       lastSelectedSchema: l,
@@ -5098,7 +5098,7 @@ function du() {
       lastSelectedTable: i,
       connectionId: d,
       // type: isShowingVisual ? card.type : 'table', /// CHECK THIS!!!!
-      sql: f,
+      sql: p,
       customCfg: u ? n.customCfg : null,
       ...y && {
         customCardPreferences: {
@@ -5107,7 +5107,7 @@ function du() {
         }
       }
     }, b = a.cards.map(
-      (N) => N.id === n.id ? p : N
+      (N) => N.id === n.id ? f : N
     );
     return {
       ...a,
@@ -5136,15 +5136,15 @@ function zs() {
     setSelectedFrameId: d,
     addFrame: u,
     setIsDashboardPanelOpen: h
-  } = yt(), m = Y((p) => p.selectedSheetId), g = jd((n == null ? void 0 : n.id) || "", {
+  } = yt(), m = Y((f) => f.selectedSheetId), g = jd((n == null ? void 0 : n.id) || "", {
     enabled: !!(n != null && n.id) && !!(t != null && t.accessToken)
-  }), f = me(
-    async (p) => {
+  }), p = me(
+    async (f) => {
       try {
-        r(p);
+        r(f);
         const { data: b, fromCache: v } = await xr(
           (t == null ? void 0 : t.accessToken) || "",
-          p.id,
+          f.id,
           a
         );
         return cu(
@@ -5168,16 +5168,16 @@ function zs() {
       i
     ]
   ), y = me(
-    async (p) => {
+    async (f) => {
       try {
-        if (r(p), !m)
+        if (r(f), !m)
           return {
             success: !1,
             error: "No sheet selected. Please select a sheet first."
           };
         const { data: b, fromCache: v } = await xr(
           (t == null ? void 0 : t.accessToken) || "",
-          p.id,
+          f.id,
           a
         ), N = b.frameObject;
         if (!N)
@@ -5207,7 +5207,7 @@ function zs() {
     isLoading: g.isLoading,
     isError: g.isError,
     error: g.error,
-    handleEditLibraryVisual: f,
+    handleEditLibraryVisual: p,
     handleAddLibraryVisual: y,
     getUpdatedFrame: du().getUpdatedFrame,
     refetch: g.refetch
@@ -5216,7 +5216,7 @@ function zs() {
 function uu() {
   const [t, a] = P(""), [n, r] = P(!1), [l, o] = P(""), [c, i] = P(""), [d, u] = P(!1), [h, m] = P(
     null
-  ), [g, f] = P(!1), [y, p] = P(null), [b, v] = P(null), { setIsDashboardEditing: N, setIsVisualEditing: w } = yt(), { handleEditLibraryVisual: z, handleAddLibraryVisual: M } = zs(), {
+  ), [g, p] = P(!1), [y, f] = P(null), [b, v] = P(null), { setIsDashboardEditing: N, setIsVisualEditing: w } = yt(), { handleEditLibraryVisual: z, handleAddLibraryVisual: E } = zs(), {
     resources: S,
     isLoading: C,
     isError: T,
@@ -5233,7 +5233,7 @@ function uu() {
     isUpdatingShares: B
   } = Bd(
     () => {
-      f(!1), p(null);
+      p(!1), f(null);
     },
     () => {
       r(!1), o(""), i("");
@@ -5260,7 +5260,7 @@ function uu() {
       isPrivate: !1
     });
   }, J = (L) => {
-    p(L), f(!0);
+    f(L), p(!0);
   }, q = () => {
     y && D(y.id);
   }, {
@@ -5290,7 +5290,7 @@ function uu() {
   }, be = (L) => {
     z(L);
   }, he = (L) => {
-    M(L);
+    E(L);
   }, Oe = (L) => {
     const re = S.find((Ie) => Ie.id === L);
     re && R({
@@ -5440,7 +5440,7 @@ function uu() {
       {
         open: g,
         onOpenChange: (L) => {
-          !L && x || (f(L), L || p(null));
+          !L && x || (p(L), L || f(null));
         },
         children: /* @__PURE__ */ s(Br, { children: [
           /* @__PURE__ */ s($r, { children: [
@@ -5486,10 +5486,10 @@ function mu({
   formatDate: h,
   onDashboardItemClick: m
 }) {
-  var M;
-  const { selectDashboard: g } = is(), f = Pi(t.id), [y, p] = P(!1), [b, v] = P(!1);
+  var E;
+  const { selectDashboard: g } = is(), p = Pi(t.id), [y, f] = P(!1), [b, v] = P(!1);
   Te(() => {
-    n ? (p(!0), v(!0)) : b && (p(!1), v(!1));
+    n ? (f(!0), v(!0)) : b && (f(!1), v(!1));
   }, [n, b]);
   const N = () => t.ownership.isOwner ? t.ownership.status === "private" ? /* @__PURE__ */ e(kl, { className: "h-3 w-3 text-purple-500" }) : /* @__PURE__ */ e(gt, { className: "h-3.5 w-3.5 text-blue-600" }) : /* @__PURE__ */ e(Rt, { className: "h-3.5 w-3.5 text-slate-500" }), w = () => /* @__PURE__ */ e(Vi, { className: "h-4 w-4 text-slate-400" }), z = () => {
     g(t), o(t.id), m == null || m(t.id);
@@ -5501,7 +5501,7 @@ function mu({
         "group relative flex cursor-pointer items-start gap-3 px-4 py-3 dark:border-slate-800",
         "cursor-pointer transition-colors duration-150 hover:bg-slate-50 dark:hover:bg-slate-900/50",
         t.ownership.isOwner && "border-blue-200 dark:border-blue-800",
-        f && "rounded-md bg-slate-50 ring-1 ring-inset ring-border dark:bg-slate-900/50"
+        p && "rounded-md bg-slate-50 ring-1 ring-inset ring-border dark:bg-slate-900/50"
       ),
       tabIndex: 0,
       onClick: z,
@@ -5516,7 +5516,7 @@ function mu({
                   inputClassName: "text-sm font-medium text-slate-900 dark:text-slate-100",
                   value: t.title,
                   onSave: (S) => c == null ? void 0 : c(t.id, { title: S }),
-                  isEditable: t.permissions.canEdit && f,
+                  isEditable: t.permissions.canEdit && p,
                   isPending: r,
                   placeholder: "Untitled Dashboard",
                   displayClassName: "line-clamp-1 max-w-[220px] text-sm font-medium text-slate-900 dark:text-slate-100"
@@ -5532,7 +5532,7 @@ function mu({
                 onSave: (S) => c == null ? void 0 : c(t.id, {
                   description: S
                 }),
-                isEditable: t.permissions.canEdit && f,
+                isEditable: t.permissions.canEdit && p,
                 isPending: l,
                 placeholder: "No description",
                 displayClassName: "mt-0.5 max-w-[250px] line-clamp-1 text-xs text-slate-500 dark:text-slate-400"
@@ -5550,7 +5550,7 @@ function mu({
                 {
                   modal: !1,
                   open: y,
-                  onOpenChange: p,
+                  onOpenChange: f,
                   children: [
                     /* @__PURE__ */ e(Pn, { asChild: !0, children: /* @__PURE__ */ e(
                       V,
@@ -5609,7 +5609,7 @@ function mu({
                       /* @__PURE__ */ s("div", { className: "space-y-1 px-2 py-2 text-xs text-slate-500 dark:text-slate-400", children: [
                         /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
                           /* @__PURE__ */ e(Rt, { className: "h-3 w-3" }),
-                          /* @__PURE__ */ e("span", { children: ((M = t.ownership.createdBy) == null ? void 0 : M.name) || "Unknown" })
+                          /* @__PURE__ */ e("span", { children: ((E = t.ownership.createdBy) == null ? void 0 : E.name) || "Unknown" })
                         ] }),
                         /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
                           /* @__PURE__ */ e(on, { className: "h-3 w-3" }),
@@ -5637,14 +5637,14 @@ function hu({ onRetry: t }) {
 function pu(t) {
   const [a, n] = P(""), [r, l] = P(!1), [o, c] = P(""), [i, d] = P(""), [u, h] = P(!1), [m, g] = P(
     null
-  ), [f, y] = P(!1), [p, b] = P(null), [v, N] = P(null), w = qa(
+  ), [p, y] = P(!1), [f, b] = P(null), [v, N] = P(null), w = qa(
     (X) => X.lastSelectedDashboard
   ), z = qa(
     (X) => X.actions.selectDashboard
   );
   Lt(), lt(), pn(), it();
   const {
-    resources: M,
+    resources: E,
     isLoading: S,
     isError: C,
     createResource: T,
@@ -5669,7 +5669,7 @@ function pu(t) {
     (m == null ? void 0 : m.id) || null,
     _,
     j
-  ), { currentUser: oe } = Ea(), ae = M.filter(
+  ), { currentUser: oe } = Ea(), ae = E.filter(
     (X) => {
       var L, re;
       return ((L = X == null ? void 0 : X.title) == null ? void 0 : L.toLowerCase().includes(a.toLowerCase())) || ((re = X == null ? void 0 : X.description) == null ? void 0 : re.toLowerCase().includes(a.toLowerCase()));
@@ -5690,7 +5690,7 @@ function pu(t) {
   }, q = (X) => {
     b(X), y(!0);
   }, Z = () => {
-    p && R(p.id);
+    f && R(f.id);
   }, ee = (X) => {
     N(X), D(X, {
       onSettled: () => N(null)
@@ -5716,7 +5716,7 @@ function pu(t) {
       }
     );
   }, he = (X) => {
-    const L = M.find(
+    const L = E.find(
       (re) => re.id === X
     );
     L && k({
@@ -5856,7 +5856,7 @@ function pu(t) {
     /* @__PURE__ */ e(
       Ur,
       {
-        open: f,
+        open: p,
         onOpenChange: (X) => {
           !X && I || (y(X), X || b(null));
         },
@@ -5865,7 +5865,7 @@ function pu(t) {
             /* @__PURE__ */ e(qr, { children: "Delete Dashboard" }),
             /* @__PURE__ */ s(Gr, { children: [
               'Are you sure you want to delete "',
-              p == null ? void 0 : p.title,
+              f == null ? void 0 : f.title,
               '"? This action cannot be undone.'
             ] })
           ] }),
@@ -5894,9 +5894,9 @@ function fu({
   className: n,
   onDashboardItemClick: r
 }) {
-  Y((f) => f.dashboard);
+  Y((p) => p.dashboard);
   const { setDashboard: l, addSheet: o } = Y(
-    (f) => f.actions
+    (p) => p.actions
   ), {
     currentUser: c
   } = Ea(), i = c, [d, u] = ys(
@@ -5904,9 +5904,9 @@ function fu({
     "dashboards"
   ), h = Vl(a, {
     enabled: t
-  }), m = (f) => {
-  }, g = (f) => {
-    console.log("Editing dashboard:", f);
+  }), m = (p) => {
+  }, g = (p) => {
+    console.log("Editing dashboard:", p);
   };
   return /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ s(
     "div",
@@ -5992,11 +5992,11 @@ function gu() {
   Y((O) => O.selectedSheetId);
   const c = Y(
     (O) => O.isDashboardEditing
-  ), i = E((O) => O.card), d = E(
+  ), i = M((O) => O.card), d = M(
     (O) => O.selectedConnectionId
   ), [u, h] = P(!1), m = Y((O) => O.isDashboardPanelOpen), g = Y(
     (O) => O.actions.setIsDashboardPanelOpen
-  ), f = Y((O) => O.filterValues), y = Y((O) => O.isVisualEditing), p = Y((O) => O.showFilters);
+  ), p = Y((O) => O.filterValues), y = Y((O) => O.isVisualEditing), f = Y((O) => O.showFilters);
   Y(
     (O) => O.showDashboardJSON
   );
@@ -6004,7 +6004,7 @@ function gu() {
     (O) => O.actions.setShowFilters
   ), { addFrame: N, setSelectedFrameId: w } = Y(
     (O) => O.actions
-  ), { getSelectedSheet: z, setIsDashboardEditing: M, setShowDashboardJSON: S } = Y((O) => O.actions), C = z(), { tenantId: T, endUserId: k } = $e(
+  ), { getSelectedSheet: z, setIsDashboardEditing: E, setShowDashboardJSON: S } = Y((O) => O.actions), C = z(), { tenantId: T, endUserId: k } = $e(
     () => zr(t == null ? void 0 : t.accessToken),
     [t == null ? void 0 : t.accessToken]
   ), R = $e(() => T || k, [T, k]), D = () => {
@@ -6034,7 +6034,7 @@ function gu() {
     };
     N(C.id, _), w(_.id);
   }, F = () => {
-    M(!0);
+    E(!0);
   };
   async function I() {
     if (h(!0), !r || !l) return;
@@ -6043,7 +6043,7 @@ function gu() {
     ), _ = JSON.stringify(O), j = {
       ...l,
       template: _,
-      filterValues: f
+      filterValues: p
     };
     await Za(j, t == null ? void 0 : t.accessToken), De.success("Lens saved"), b == null || b(O), h(!1);
   }
@@ -6103,7 +6103,7 @@ function gu() {
             {
               className: "h-7 p-2",
               onClick: () => {
-                M(!1), S(!1);
+                E(!1), S(!1);
               },
               children: /* @__PURE__ */ e(rs, { className: "h-4 w-4" })
             }
@@ -6119,7 +6119,7 @@ function gu() {
               children: /* @__PURE__ */ e(Tl, { className: "h-4 w-4" })
             }
           ),
-          !p && !y && c && /* @__PURE__ */ e(
+          !f && !y && c && /* @__PURE__ */ e(
             V,
             {
               className: "h-7 p-2",
@@ -6155,7 +6155,7 @@ function yu({
   icon: d,
   showNone: u = !1
 }) {
-  const h = Ke.useRef(null), [m, g] = Ke.useState(!1), [f, y] = Ke.useState("100%"), p = u ? [...a || [], { id: "none", name: "None" }] : a;
+  const h = Ke.useRef(null), [m, g] = Ke.useState(!1), [p, y] = Ke.useState("100%"), f = u ? [...a || [], { id: "none", name: "None" }] : a;
   Ke.useLayoutEffect(() => {
     h.current && y(h.current.offsetWidth);
   }, []);
@@ -6188,7 +6188,7 @@ function yu({
       Kt,
       {
         className: "w-full p-0",
-        style: { minWidth: f },
+        style: { minWidth: p },
         children: /* @__PURE__ */ s(Hn, { children: [
           /* @__PURE__ */ s("div", { className: "flex h-9 items-center justify-between border-b pr-1", children: [
             /* @__PURE__ */ e(Kn, { className: "h-9", placeholder: "Search..." }),
@@ -6208,7 +6208,7 @@ function yu({
               t == null ? void 0 : t.toLowerCase(),
               " found."
             ] }),
-            /* @__PURE__ */ e(jt, { children: p == null ? void 0 : p.map((N) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(jt, { children: f == null ? void 0 : f.map((N) => /* @__PURE__ */ e(
               gn,
               {
                 className: "overflow-x-auto",
@@ -6262,7 +6262,7 @@ function xn({
     if (t === "Model")
       return /* @__PURE__ */ e(Ec, { className: "size-4" });
   }
-  function f() {
+  function p() {
     return /* @__PURE__ */ s(ge, { disabled: u, value: m, onValueChange: c, children: [
       /* @__PURE__ */ e(
         ye,
@@ -6295,7 +6295,7 @@ function xn({
         ] }),
         /* @__PURE__ */ s(ne, { children: [
           i && /* @__PURE__ */ e(te, { value: "none", children: "None" }, "none"),
-          a && a.map((p, b) => /* @__PURE__ */ e(te, { value: p.id, children: p.name }, b))
+          a && a.map((f, b) => /* @__PURE__ */ e(te, { value: f.id, children: f.name }, b))
         ] }),
         (r || l) && /* @__PURE__ */ e(te, { value: m, children: m })
       ] }) })
@@ -6318,20 +6318,20 @@ function xn({
       }
     );
   }
-  return /* @__PURE__ */ e(tt, { delayDuration: 0, children: /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: h === "select" ? f() : y() }) });
+  return /* @__PURE__ */ e(tt, { delayDuration: 0, children: /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: h === "select" ? p() : y() }) });
 }
 function vu({ column: t }) {
-  const [a, n] = P(!1), r = E((p) => p.selectedTableName), l = E(
-    (p) => p.selectedSchemaName
-  ), o = E(
-    (p) => p.selectedDatabaseName
-  ), c = E(
-    (p) => p.selectedDatamodelId
-  ), i = E((p) => p.sqlGen), { modelItems: d, connectionType: u } = ot(), h = E((p) => p.actions.setSqlGen), m = E((p) => p.actions.setCardSql), g = E((p) => p.actions.setRunSql);
-  function f(p, b) {
+  const [a, n] = P(!1), r = M((f) => f.selectedTableName), l = M(
+    (f) => f.selectedSchemaName
+  ), o = M(
+    (f) => f.selectedDatabaseName
+  ), c = M(
+    (f) => f.selectedDatamodelId
+  ), i = M((f) => f.sqlGen), { modelItems: d, connectionType: u } = ot(), h = M((f) => f.actions.setSqlGen), m = M((f) => f.actions.setCardSql), g = M((f) => f.actions.setRunSql);
+  function p(f, b) {
     var z;
-    const v = Qr(p, i, b), N = (z = d == null ? void 0 : d.find(
-      (M) => M.id === c
+    const v = Qr(f, i, b), N = (z = d == null ? void 0 : d.find(
+      (E) => E.id === c
     )) == null ? void 0 : z.name;
     h(v);
     const w = Zr(
@@ -6349,7 +6349,7 @@ function vu({ column: t }) {
       /* @__PURE__ */ e(
         "li",
         {
-          onClick: () => f(t, "COUNT"),
+          onClick: () => p(t, "COUNT"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Count"
         }
@@ -6357,7 +6357,7 @@ function vu({ column: t }) {
       /* @__PURE__ */ e(
         "li",
         {
-          onClick: () => f(t, "AVG"),
+          onClick: () => p(t, "AVG"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Avg"
         }
@@ -6365,7 +6365,7 @@ function vu({ column: t }) {
       /* @__PURE__ */ e(
         "li",
         {
-          onClick: () => f(t, "SUM"),
+          onClick: () => p(t, "SUM"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Sum"
         }
@@ -6373,7 +6373,7 @@ function vu({ column: t }) {
       /* @__PURE__ */ e(
         "li",
         {
-          onClick: () => f(t, "MAX"),
+          onClick: () => p(t, "MAX"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Max"
         }
@@ -6381,7 +6381,7 @@ function vu({ column: t }) {
       /* @__PURE__ */ e(
         "li",
         {
-          onClick: () => f(t, "MIN"),
+          onClick: () => p(t, "MIN"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Min"
         }
@@ -6448,17 +6448,17 @@ function bu({
   onClick: t,
   column: a
 }) {
-  const n = Ot((h) => h.activeId), r = E(
+  const n = Ot((h) => h.activeId), r = M(
     (h) => {
       var m;
       return (m = h.card.queryConfig) == null ? void 0 : m.groupByColumns;
     }
-  ), l = E(
+  ), l = M(
     (h) => {
       var m;
       return (m = h.card.queryConfig) == null ? void 0 : m.metricColumns;
     }
-  ), o = E(
+  ), o = M(
     (h) => {
       var m;
       return (m = h.card.queryConfig) == null ? void 0 : m.filterColumns;
@@ -6524,27 +6524,27 @@ const _a = {
   id: "__placeholder__"
 }, Bt = "droppable-group-by", $t = "droppable-metrics", qt = "droppable-pivot-by", ha = "sortable-group-by", Xa = "sortable-metrics", pa = "sortable-pivot-by", es = "droppable-filters", ts = "sortable-filters", Ls = "sortable-order-by";
 function Nu() {
-  const t = Ot((A) => A.insertIndex), a = E(
+  const t = Ot((A) => A.insertIndex), a = M(
     (A) => {
       var x;
       return ((x = A.card.queryConfig) == null ? void 0 : x.groupByColumns) || [];
     }
-  ), n = E(
+  ), n = M(
     (A) => {
       var x;
       return ((x = A.card.queryConfig) == null ? void 0 : x.metricColumns) || [];
     }
-  ), r = E(
+  ), r = M(
     (A) => {
       var x;
       return ((x = A.card.queryConfig) == null ? void 0 : x.filterColumns) || [];
     }
-  ), l = E(
+  ), l = M(
     (A) => {
       var x;
       return ((x = A.card.queryConfig) == null ? void 0 : x.orderBy) || [];
     }
-  ), o = E(
+  ), o = M(
     (A) => {
       var x;
       return ((x = A.card.queryConfig) == null ? void 0 : x.pivotColumns) || [];
@@ -6558,9 +6558,9 @@ function Nu() {
     setPreviewPivotColumns: m
   } = Ji(), {
     setGroupByColumns: g,
-    setMetricColumns: f,
+    setMetricColumns: p,
     setFilterColumns: y,
-    setOrderByColumns: p,
+    setOrderByColumns: f,
     setPivotByColumns: b
   } = se(), { columns: v } = el(), { formattedTableName: N } = ot(), w = Sn(
     kt(Wi, {
@@ -6650,7 +6650,7 @@ function Nu() {
     } else
       d(a), u(n), h(r), m(o);
   };
-  function M(A) {
+  function E(A) {
     i(A.active.id), c(null), d(a), u(n), h(r), m(o);
   }
   function S(A) {
@@ -6667,7 +6667,7 @@ function Nu() {
       role: "metric",
       aggregate: x
     };
-    j.splice(B, 0, U), f(j);
+    j.splice(B, 0, U), p(j);
   }
   function T(A) {
     const x = ut(A.data_type);
@@ -6762,7 +6762,7 @@ function Nu() {
       const q = n.findIndex((ee) => ee.id === x.id), Z = n.findIndex((ee) => ee.id === O.id);
       if (q !== -1 && Z !== -1 && q !== Z) {
         const ee = [...n], [W] = ee.splice(q, 1);
-        ee.splice(Z, 0, W), f(ee);
+        ee.splice(Z, 0, W), p(ee);
       }
     }
     if (O && ((J = O.data.current) == null ? void 0 : J.type) === ts && r.some((q) => q.id === x.id)) {
@@ -6784,7 +6784,7 @@ function Nu() {
       );
       if (j !== -1 && B !== -1 && j !== B) {
         const U = [...l], [oe] = U.splice(j, 1);
-        U.splice(B, 0, oe), p(U);
+        U.splice(B, 0, oe), f(U);
       }
     }
   }
@@ -6794,7 +6794,7 @@ function Nu() {
   return {
     handleDragOver: z,
     handleDragEnd: D,
-    handleDragStart: M,
+    handleDragStart: E,
     handleDragCancel: I,
     sensors: w
   };
@@ -6845,36 +6845,36 @@ function Cu({
   columns: n,
   status: r
 }) {
-  const l = E((x) => x.sqlGen), o = E((x) => x.isDevMode), c = E(
+  const l = M((x) => x.sqlGen), o = M((x) => x.isDevMode), c = M(
     (x) => x.selectedConnectionId
-  ), i = E(
+  ), i = M(
     (x) => {
       var O, _;
       return (_ = (O = x.card) == null ? void 0 : O.queryConfig) == null ? void 0 : _.metricColumns;
     }
   );
-  E(
+  M(
     (x) => {
       var O, _;
       return (_ = (O = x.card) == null ? void 0 : O.queryConfig) == null ? void 0 : _.groupByColumns;
     }
   );
-  const d = E(
+  const d = M(
     (x) => x.selectedDatabaseName
-  ), u = E(
+  ), u = M(
     (x) => x.selectedSchemaName
-  ), h = E((x) => x.selectedTableName), m = E(
+  ), h = M((x) => x.selectedTableName), m = M(
     (x) => x.selectedDatamodelId
   ), g = Y(
     (x) => x.dashboard.aiScopeTables
-  ), { addToAIScope: f, removeFromAIScope: y } = yt(), {
-    addColumnToMetricColumns: p,
+  ), { addToAIScope: p, removeFromAIScope: y } = yt(), {
+    addColumnToMetricColumns: f,
     addColumnToGroupBy: b,
     setCardSql: v,
     setRunSql: N,
     setSqlGen: w,
     setIsShowingVisual: z
-  } = se(), { connectionType: M, modelItems: S, selectedDatamodelName: C } = ot();
+  } = se(), { connectionType: E, modelItems: S, selectedDatamodelName: C } = ot();
   function T(x) {
     var O;
     if (o) {
@@ -6887,7 +6887,7 @@ function Cu({
         Xe(t),
         Xe(a),
         j || "",
-        M,
+        E,
         d || ""
       );
       B && (v(B), N(!0));
@@ -6913,7 +6913,7 @@ function Cu({
             type: x.data_type,
             aggregate: "COUNT"
           };
-          p(_);
+          f(_);
         }
       if (mt(x.data_type)) {
         const _ = {
@@ -6937,14 +6937,14 @@ function Cu({
           type: x.data_type,
           aggregate: "SUM"
         };
-        p(_);
+        f(_);
       }
     }
   }
   function k(x) {
-    x === !0 && (h || C) && c ? (f({
+    x === !0 && (h || C) && c ? (p({
       connectionId: c,
-      connectionType: M === "S3" || M === "API" ? "DuckDb" : M || "",
+      connectionType: E === "S3" || E === "API" ? "DuckDb" : E || "",
       databaseName: d || "",
       schemaName: u || "",
       tableName: h || "",
@@ -6956,7 +6956,7 @@ function Cu({
       richColors: !0
     })) : (y({
       connectionId: c || "",
-      connectionType: M || "",
+      connectionType: E || "",
       tableName: h || "",
       datamodelName: oa(C),
       datamodelId: m || "",
@@ -6973,11 +6973,11 @@ function Cu({
       schemaName: t,
       tableName: a,
       modelName: C,
-      connectionType: M,
+      connectionType: E,
       databaseName: d || ""
     });
     z(!1);
-    const O = M === "MSSQL" ? `SELECT top 10 * FROM ${x}` : `SELECT * FROM ${x} LIMIT 10`;
+    const O = E === "MSSQL" ? `SELECT top 10 * FROM ${x}` : `SELECT * FROM ${x} LIMIT 10`;
     v(O), N(!0);
   }
   function D() {
@@ -6985,7 +6985,7 @@ function Cu({
       schemaName: t,
       tableName: a,
       modelName: C,
-      connectionType: M,
+      connectionType: E,
       databaseName: d || ""
     });
     v(`SELECT COUNT(*) as count FROM ${x}`), N(!0);
@@ -7108,24 +7108,24 @@ function Wl({
   type: a
 }) {
   var _t;
-  const n = E((fe) => fe.card), r = E(
+  const n = M((fe) => fe.card), r = M(
     (fe) => fe.selectedConnectionId
-  ), l = Y((fe) => fe.showFilters), o = E(
+  ), l = Y((fe) => fe.showFilters), o = M(
     (fe) => fe.selectedDatamodelId
-  ), c = E(
+  ), c = M(
     (fe) => fe.selectedDatabaseName
-  ), i = E(
+  ), i = M(
     (fe) => fe.selectedSchemaName
-  ), d = E((fe) => fe.selectedTableName), u = E((fe) => fe.isDevMode), { setSelectedTableName: h, setIsDevMode: m, setCardSql: g } = se(), {
-    connectionItems: f,
+  ), d = M((fe) => fe.selectedTableName), u = M((fe) => fe.isDevMode), { setSelectedTableName: h, setIsDevMode: m, setCardSql: g } = se(), {
+    connectionItems: p,
     modelItems: y,
-    schemaItems: p,
+    schemaItems: f,
     databaseItems: b,
     tableItems: v,
     columns: N,
     isConnectionsLoading: w,
     isModelsLoading: z,
-    isConnectionsError: M,
+    isConnectionsError: E,
     isModelsError: S,
     isDatabasesLoadingOrFetching: C,
     isDatabaseError: T,
@@ -7222,7 +7222,7 @@ function Wl({
         onChange: J,
         isError: R,
         isLoading: k,
-        items: p,
+        items: f,
         value: i || "",
         title: "Schema",
         type: "combobox"
@@ -7263,14 +7263,14 @@ function Wl({
             xn,
             {
               refetch: ae,
-              items: f,
+              items: p,
               title: "Connection",
               value: r || "",
               onChange: $,
               isLoading: w,
-              isError: M,
+              isError: E,
               type: "combobox",
-              connectionTooltip: ((_t = f == null ? void 0 : f.find(
+              connectionTooltip: ((_t = p == null ? void 0 : p.find(
                 (fe) => fe.id === r
               )) == null ? void 0 : _t.type) || ""
             }
@@ -7329,8 +7329,8 @@ function Yl({
   function h() {
     const g = window.getSelection();
     if (g && g.toString().trim() !== "") {
-      const f = g.toString();
-      navigator.clipboard.writeText(f), o(!0), i.current = !0, setTimeout(() => {
+      const p = g.toString();
+      navigator.clipboard.writeText(p), o(!0), i.current = !0, setTimeout(() => {
         o(!1), i.current = !1;
       }, 1e3);
     } else
@@ -7377,7 +7377,7 @@ function Ql({
   error: a,
   onDebugWithAssistant: n
 }) {
-  const r = E((d) => d.isDevMode), { setIsDevMode: l, setCardSql: o, setRunSql: c } = se();
+  const r = M((d) => d.isDevMode), { setIsDevMode: l, setCardSql: o, setRunSql: c } = se();
   function i() {
     l(!r), o(t), setTimeout(() => {
       c(!0);
@@ -7535,18 +7535,18 @@ function Ou(t) {
   return Xt({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(t);
 }
 function ti(t) {
-  const { theme: a } = Qi(), n = Y((p) => p.theme), r = E((p) => p.frame), l = E((p) => p.card), o = E((p) => p.activeTabCardId), c = Zi(), { refetch: i } = Fe(l), { updateCardTab: d, setRunSql: u } = se(), h = nt(), m = nt({}), g = r.cards.find((p) => p.id === o), f = me(() => {
-    let p = "";
-    return t === "python" && (p = (g == null ? void 0 : g.python) || al), t === "sql" && (p = (g == null ? void 0 : g.sql) || ""), p;
+  const { theme: a } = Qi(), n = Y((f) => f.theme), r = M((f) => f.frame), l = M((f) => f.card), o = M((f) => f.activeTabCardId), c = Zi(), { refetch: i } = Fe(l), { updateCardTab: d, setRunSql: u } = se(), h = nt(), m = nt({}), g = r.cards.find((f) => f.id === o), p = me(() => {
+    let f = "";
+    return t === "python" && (f = (g == null ? void 0 : g.python) || al), t === "sql" && (f = (g == null ? void 0 : g.sql) || ""), f;
   }, [t, g]);
   Te(() => {
     if (o && l.id && l.id !== o) {
       if (h.current && c) {
-        const p = h.current.getModel();
-        p && (m.current[l.id] = p);
+        const f = h.current.getModel();
+        f && (m.current[l.id] = f);
         let b = m.current[o];
         if (!b) {
-          const v = f();
+          const v = p();
           b = c.editor.createModel(v, t), m.current[o] = b;
         }
         h.current.setModel(b);
@@ -7560,10 +7560,10 @@ function ti(t) {
     c,
     u,
     t,
-    f
+    p
   ]), Te(() => {
     if (!c) return;
-    const p = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", b = n === "system" ? p : n;
+    const f = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", b = n === "system" ? f : n;
     c.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
       base: b === "light" ? "vs" : "vs-dark",
@@ -7578,25 +7578,25 @@ function ti(t) {
       }
     }), c.editor.setTheme("default");
   }, [a, n, c]), Te(() => {
-    const p = h.current;
-    p && c && l && p.addCommand(
+    const f = h.current;
+    f && c && l && f.addCommand(
       c.KeyMod.Shift | c.KeyCode.Enter,
       function() {
         return i(), !1;
       }
     );
   }, [c, i, l]);
-  function y(p, b) {
-    if (h.current = p, !m.current[l.id]) {
-      const v = p.getModel(), N = f();
-      m.current[l.id] = v || (b == null ? void 0 : b.editor.createModel(N, t)) || p.getModel();
+  function y(f, b) {
+    if (h.current = f, !m.current[l.id]) {
+      const v = f.getModel(), N = p();
+      m.current[l.id] = v || (b == null ? void 0 : b.editor.createModel(N, t)) || f.getModel();
     }
-    p.setModel(m.current[l.id]);
+    f.setModel(m.current[l.id]);
   }
   return { handleEditorDidMount: y };
 }
 function Au() {
-  const t = E((c) => c.card.sql), a = E((c) => c.sqlGen), { setCardSql: n, setSqlGen: r } = se(), { handleEditorDidMount: l } = ti("sql");
+  const t = M((c) => c.card.sql), a = M((c) => c.sqlGen), { setCardSql: n, setSqlGen: r } = se(), { handleEditorDidMount: l } = ti("sql");
   function o(c) {
     n(c), eo(a) || r({});
   }
@@ -7628,7 +7628,7 @@ function Au() {
   ] });
 }
 function Iu() {
-  const t = E((l) => l.card.python), { setCardPython: a } = se(), { handleEditorDidMount: n } = ti("python");
+  const t = M((l) => l.card.python), { setCardPython: a } = se(), { handleEditorDidMount: n } = ti("python");
   function r(l) {
     a(l);
   }
@@ -7687,20 +7687,20 @@ function _s({
 }) {
   var c;
   const { setCardSql: a } = se();
-  E((i) => i.frame);
-  const n = E((i) => i.card);
+  M((i) => i.frame);
+  const n = M((i) => i.card);
   Rs(
     ((c = n.customCardPreferences) == null ? void 0 : c.url) || ""
-  ), E(
+  ), M(
     (i) => i.selectedSchemaName
-  ), E(
+  ), M(
     (i) => i.selectedDatamodelId
-  ), E(
+  ), M(
     (i) => i.selectedDatabaseName
-  ), E((i) => i.selectedTableName), E(
+  ), M((i) => i.selectedTableName), M(
     (i) => i.selectedConnectionId
-  ), E((i) => i.isShowingVisual), n.sql;
-  const r = E((i) => i.onSave), { getUpdatedFrame: l } = zs();
+  ), M((i) => i.isShowingVisual), n.sql;
+  const r = M((i) => i.onSave), { getUpdatedFrame: l } = zs();
   function o() {
     const i = l();
     r == null || r(i);
@@ -7760,7 +7760,7 @@ function zu() {
   ] });
 }
 function Ps() {
-  const { setTempQueryData: t, setSqlGen: a } = se(), n = He(), r = E((d) => d.tempQueryData), l = E((d) => d.onClose), o = E((d) => d.card), { queryKey: c } = Fe(o);
+  const { setTempQueryData: t, setSqlGen: a } = se(), n = He(), r = M((d) => d.tempQueryData), l = M((d) => d.onClose), o = M((d) => d.card), { queryKey: c } = Fe(o);
   function i() {
     if (r) {
       const { queryKey: d, queryData: u } = r;
@@ -7783,7 +7783,7 @@ function Ps() {
   );
 }
 function Oa() {
-  const { setTempQueryData: t } = se(), a = He(), n = E((b) => b.isDevMode), r = E((b) => b.tempQueryData), l = E((b) => b.card), { queryKey: o } = Fe(l), {
+  const { setTempQueryData: t } = se(), a = He(), n = M((b) => b.isDevMode), r = M((b) => b.tempQueryData), l = M((b) => b.card), { queryKey: o } = Fe(l), {
     setCardSql: c,
     setSqlGen: i,
     setCardPython: d,
@@ -7791,20 +7791,20 @@ function Oa() {
     setCardPreferences: h,
     updateDataSource: m,
     clearQueryConfig: g,
-    setCardConfig: f,
+    setCardConfig: p,
     setCardType: y
   } = se();
-  function p() {
+  function f() {
     const b = a.getQueryData(o);
     r != null && r.queryData || t({
       queryKey: o,
       queryData: b
-    }), a.setQueryData(o, null), a.removeQueries({ queryKey: o, exact: !0 }), n && m(ca), c(""), i({}), g(), f(void 0), d(""), u(""), h({}), y("bar");
+    }), a.setQueryData(o, null), a.removeQueries({ queryKey: o, exact: !0 }), n && m(ca), c(""), i({}), g(), p(void 0), d(""), u(""), h({}), y("bar");
   }
   return /* @__PURE__ */ s(
     V,
     {
-      onClick: p,
+      onClick: f,
       className: "h-8",
       size: "sm",
       variant: "secondary",
@@ -7817,40 +7817,40 @@ function Oa() {
 }
 function Fu() {
   const t = He(), [a, n] = P(!1), [r, l] = P(!1);
-  E((U) => U.frame);
-  const o = E((U) => U.card);
-  E((U) => U.isShowingVisual), E(
+  M((U) => U.frame);
+  const o = M((U) => U.card);
+  M((U) => U.isShowingVisual), M(
     (U) => U.selectedConnectionId
-  ), E((U) => U.tempQueryData), E(
+  ), M((U) => U.tempQueryData), M(
     (U) => U.selectedDatabaseName
-  ), E(
+  ), M(
     (U) => U.selectedDatamodelId
-  ), E(
+  ), M(
     (U) => U.selectedSchemaName
   );
-  const c = E((U) => U.showAIDialog);
-  E((U) => U.selectedTableName);
-  const i = E((U) => {
+  const c = M((U) => U.showAIDialog);
+  M((U) => U.selectedTableName);
+  const i = M((U) => {
     var oe;
     return (oe = U == null ? void 0 : U.card) == null ? void 0 : oe.sql;
-  }), d = E((U) => {
+  }), d = M((U) => {
     var oe;
     return (oe = U == null ? void 0 : U.card) == null ? void 0 : oe.python;
   }), { sheetFilterValues: u } = to(), {
     setCardCustomCfg: h,
     setQueryResultColumns: m,
     setCardSql: g,
-    setTempQueryData: f,
+    setTempQueryData: p,
     // setQueryError,
     setPythonStdOut: y,
-    setCardPreferences: p,
+    setCardPreferences: f,
     setCardType: b,
     setCardPython: v,
     runAssistant: N,
     setShowAIDialog: w
   } = se();
-  E((U) => U.onSave), E((U) => U.onClose), E((U) => U.actions.setSqlGen);
-  const z = E((U) => U.runSql), M = E((U) => U.actions.setRunSql), S = E(
+  M((U) => U.onSave), M((U) => U.onClose), M((U) => U.actions.setSqlGen);
+  const z = M((U) => U.runSql), E = M((U) => U.actions.setRunSql), S = M(
     (U) => U.actions.setIsSqlRunning
   ), {
     data: C,
@@ -7885,8 +7885,8 @@ function Fu() {
     // setQueryError,
     F
   ]), Te(() => {
-    z && (t.getQueryData(I) || A(), M(!1));
-  }, [z, A, M, I, t]);
+    z && (t.getQueryData(I) || A(), E(!1));
+  }, [z, A, E, I, t]);
   async function O() {
     const U = `Can you help me debug this query in the current table scope? 
 
@@ -8123,14 +8123,14 @@ function Lu({ data: t }) {
   ] });
 }
 function _u({ card: t }) {
-  var N, w, z, M, S, C, T, k, R, D, F;
+  var N, w, z, E, S, C, T, k, R, D, F;
   const [a, n] = P(!1), [r, l] = P(
     []
   ), { authToken: o } = Ee(), c = ho(o == null ? void 0 : o.accessToken), i = Y((I) => I.themeStyle), d = {
     colors: ((w = (N = i == null ? void 0 : i.chart) == null ? void 0 : N.dataset) == null ? void 0 : w.backgroundColor) || []
   };
   (z = t.customCardPreferences) != null && z.inputData;
-  const { getCard: u } = bs(((M = t.customCardPreferences) == null ? void 0 : M.url) || ""), h = ((S = t.customCardPreferences) == null ? void 0 : S.visualType) || "single", m = E((I) => I.frame), { setCustomCardPreferences: g } = se(), { data: f } = Fe(t), y = me((I, A) => {
+  const { getCard: u } = bs(((E = t.customCardPreferences) == null ? void 0 : E.url) || ""), h = ((S = t.customCardPreferences) == null ? void 0 : S.visualType) || "single", m = M((I) => I.frame), { setCustomCardPreferences: g } = se(), { data: p } = Fe(t), y = me((I, A) => {
     l((x) => ({
       ...x,
       [I]: A
@@ -8138,7 +8138,7 @@ function _u({ card: t }) {
   }, []);
   if (!((C = t.customCardPreferences) != null && C.componentName))
     return null;
-  const p = u(
+  const f = u(
     (T = t.customCardPreferences) == null ? void 0 : T.componentName
   );
   function b(I) {
@@ -8156,18 +8156,18 @@ function _u({ card: t }) {
     {
       fallback: /* @__PURE__ */ e(ne, {}),
       children: [
-        p && h === "single" && /* @__PURE__ */ e(
-          p,
+        f && h === "single" && /* @__PURE__ */ e(
+          f,
           {
             editing: !0,
             params: c,
             theme: d,
             settings: (R = t.customCardPreferences) == null ? void 0 : R.settings,
             onDataChange: y,
-            data: (f == null ? void 0 : f.records) || []
+            data: (p == null ? void 0 : p.records) || []
           }
         ),
-        p && h === "multiple" && /* @__PURE__ */ s(ne, { children: [
+        f && h === "multiple" && /* @__PURE__ */ s(ne, { children: [
           Object.keys(
             ((D = t.customCardPreferences) == null ? void 0 : D.dataInputCardIds) || {}
           ).map((I) => {
@@ -8188,7 +8188,7 @@ function _u({ card: t }) {
               );
           }),
           /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e(
-            p,
+            f,
             {
               theme: d,
               onDataChange: y,
@@ -8214,9 +8214,9 @@ function ni({
   ...a
 }) {
   var N;
-  const n = E((w) => w.card), r = sl(n), l = ((N = n.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, o = E((w) => w.frame), c = Y((w) => w.dashboard.filters);
-  E((w) => w.actions.setRunSql);
-  const { updateFilter: i } = yt(), d = c == null ? void 0 : c.find((w) => w.id === o.filterId), { data: u, isLoading: h, isFetching: m, errorMessage: g } = Fe(n), { setCard: f } = se(), { data: y } = Ns(n), p = $e(() => !n.id || !(u != null && u.records) ? null : rl({
+  const n = M((w) => w.card), r = sl(n), l = ((N = n.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, o = M((w) => w.frame), c = Y((w) => w.dashboard.filters);
+  M((w) => w.actions.setRunSql);
+  const { updateFilter: i } = yt(), d = c == null ? void 0 : c.find((w) => w.id === o.filterId), { data: u, isLoading: h, isFetching: m, errorMessage: g } = Fe(n), { setCard: p } = se(), { data: y } = Ns(n), f = $e(() => !n.id || !(u != null && u.records) ? null : rl({
     card: n,
     data: u == null ? void 0 : u.records,
     cardType: n.type,
@@ -8249,11 +8249,11 @@ function ni({
     if (!n.id) return null;
     if (n.type === "custom")
       return b(n);
-    if (!["table", "custom"].includes(n.type) && p)
+    if (!["table", "custom"].includes(n.type) && f)
       return /* @__PURE__ */ e(ne, { children: h || m ? /* @__PURE__ */ e(ne, {}) : /* @__PURE__ */ e(
         yo,
         {
-          cfg: p
+          cfg: f
         }
       ) });
     if (n.type === "table" && (u != null && u.records) && (u == null ? void 0 : u.records.length) > 0)
@@ -8273,7 +8273,7 @@ function ni({
               {
                 enabled: !0,
                 text: n.title,
-                onSave: (w) => f({ ...n, title: w }),
+                onSave: (w) => p({ ...n, title: w }),
                 children: /* @__PURE__ */ e("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e(qn, { className: "text-base", children: n.title || "Add title" }) })
               },
               n.title
@@ -8283,7 +8283,7 @@ function ni({
               {
                 enabled: !0,
                 text: n.description || "",
-                onSave: (w) => f({ ...n, description: w }),
+                onSave: (w) => p({ ...n, description: w }),
                 children: /* @__PURE__ */ e(Pr, { children: n.description || "Add description" })
               },
               n.description
@@ -8421,14 +8421,14 @@ const Ua = ({
   /* @__PURE__ */ e(V, { onClick: l, variant: "outline", children: "Close" })
 ] });
 function Uu() {
-  const [t, a] = P(!1), [n, r] = P(""), [l, o] = P(""), [c, i] = P(""), [d, u] = P(""), h = E((M) => M.card), m = E((M) => M.card.customCfg), g = m ? JSON.stringify(m, null, 2) : "", { data: f } = Fe(h), { data: y } = Ns(h), { setCardCustomCfg: p, setCustomVisualCode: b } = se(), v = (M) => {
+  const [t, a] = P(!1), [n, r] = P(""), [l, o] = P(""), [c, i] = P(""), [d, u] = P(""), h = M((E) => E.card), m = M((E) => E.card.customCfg), g = m ? JSON.stringify(m, null, 2) : "", { data: p } = Fe(h), { data: y } = Ns(h), { setCardCustomCfg: f, setCustomVisualCode: b } = se(), v = (E) => {
     var S, C;
     return JSON.stringify(
       {
-        ...M,
+        ...E,
         data: {
-          ...M.data,
-          datasets: (C = (S = M.data) == null ? void 0 : S.datasets) == null ? void 0 : C.map((T) => ({
+          ...E.data,
+          datasets: (C = (S = E.data) == null ? void 0 : S.datasets) == null ? void 0 : C.map((T) => ({
             ...T,
             data: []
           }))
@@ -8439,31 +8439,31 @@ function Uu() {
     );
   }, N = () => {
     var S, C;
-    if (!((S = f == null ? void 0 : f.records) != null && S.length)) return;
-    const M = rl({
+    if (!((S = p == null ? void 0 : p.records) != null && S.length)) return;
+    const E = rl({
       card: h,
-      data: f.records,
+      data: p.records,
       cardType: h.type,
       queryConfig: h.queryConfig,
       //cfg: card.cfg,
       preferences: h.preferences,
       topoJson: y
     });
-    if (M) {
-      r(v(M)), i(((C = h.preferences) == null ? void 0 : C.customVisualCode) || "");
-      const T = xo(M, m);
+    if (E) {
+      r(v(E)), i(((C = h.preferences) == null ? void 0 : C.customVisualCode) || "");
+      const T = xo(E, m);
       o(v(T));
     }
   }, w = () => {
     try {
       if (c && b(c), l) {
-        const M = JSON.parse(
+        const E = JSON.parse(
           l
         ), S = bo(
           JSON.parse(n),
-          M
+          E
         );
-        p(S), u("");
+        f(S), u("");
       }
     } catch {
       u("Invalid JSON configuration");
@@ -8489,8 +8489,8 @@ function Uu() {
             customCode: c,
             cardCustomCfgString: g,
             mergedConfig: l,
-            onConfigChange: (M) => o(M ?? ""),
-            onCodeChange: (M) => i(M ?? "")
+            onConfigChange: (E) => o(E ?? ""),
+            onCodeChange: (E) => i(E ?? "")
           }
         )
       ] }),
@@ -8500,7 +8500,7 @@ function Uu() {
           error: d,
           hasCardCustomConfig: !!m,
           onReset: () => {
-            o(n), p(null);
+            o(n), f(null);
           },
           onApply: w,
           onClose: () => a(!1)
@@ -8544,10 +8544,10 @@ function Bu({
       var h;
       if (i) {
         const g = (await Promise.all(
-          (h = i == null ? void 0 : i.plugins) == null ? void 0 : h.map(async (f) => (await dl(f.value)).visuals.map((b) => ({
+          (h = i == null ? void 0 : i.plugins) == null ? void 0 : h.map(async (p) => (await dl(p.value)).visuals.map((b) => ({
             name: b.name,
             icon: b.icon,
-            url: f.value
+            url: p.value
           })))
         )).flat();
         n(g);
@@ -8596,7 +8596,7 @@ function ai({
   onChartTypeChange: t,
   iconClassName: a
 }) {
-  const { setCardType: n, setCardPreferences: r, setIsDevMode: l } = E(
+  const { setCardType: n, setCardPreferences: r, setIsDevMode: l } = M(
     (h) => h.actions
   ), { setCardCustomCfg: o, setCustomCardPreferences: c, setQueryConfig: i } = se();
   function d(h, m) {
@@ -8841,7 +8841,7 @@ function si({
   variant: t = "ghost"
 }) {
   var o, c;
-  const [a, n] = P(!1), r = E((i) => i.card), l = r.type;
+  const [a, n] = P(!1), r = M((i) => i.card), l = r.type;
   return Y((i) => i.isVisualEditing), /* @__PURE__ */ s(at, { open: a, onOpenChange: n, children: [
     /* @__PURE__ */ e(st, { asChild: !0, children: /* @__PURE__ */ e(
       V,
@@ -8885,10 +8885,10 @@ function Cr(t, a) {
 }
 function Hu() {
   var O, _, j, B, U, oe;
-  const [t, a] = P(!1), n = E((ae) => {
+  const [t, a] = P(!1), n = M((ae) => {
     var $;
     return ($ = ae.card) == null ? void 0 : $.preferences;
-  }), r = E((ae) => {
+  }), r = M((ae) => {
     var $;
     return ($ = ae.card) == null ? void 0 : $.type;
   }), l = ul(n, {}), [o, c] = P(
@@ -8897,9 +8897,9 @@ function Hu() {
     ((j = (_ = (O = n == null ? void 0 : n.chartOptions) == null ? void 0 : O.scales) == null ? void 0 : _[l]) == null ? void 0 : j.min) || ""
   ), [u, h] = P(
     ((oe = (U = (B = n == null ? void 0 : n.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : U[l]) == null ? void 0 : oe.max) || ""
-  ), [m, g] = P(i || u ? "custom" : "auto"), [f, y] = P(""), [p, b] = P(0), [v, N] = P(""), [w, z] = P(""), [M, S] = P(""), C = E(
+  ), [m, g] = P(i || u ? "custom" : "auto"), [p, y] = P(""), [f, b] = P(0), [v, N] = P(""), [w, z] = P(""), [E, S] = P(""), C = M(
     (ae) => ae.actions.setCardPreferences
-  ), { updateCardInFrame: T } = se(), k = E((ae) => ae.card), R = ["pie", "doughnut", "polarArea", "funnel"].includes(
+  ), { updateCardInFrame: T } = se(), k = M((ae) => ae.card), R = ["pie", "doughnut", "polarArea", "funnel"].includes(
     r
   );
   Te(() => {
@@ -8949,7 +8949,7 @@ function Hu() {
             ]
           }
         ),
-        /* @__PURE__ */ s(ge, { value: M, onValueChange: ($) => S($), children: [
+        /* @__PURE__ */ s(ge, { value: E, onValueChange: ($) => S($), children: [
           /* @__PURE__ */ e(
             ye,
             {
@@ -8968,7 +8968,7 @@ function Hu() {
         /* @__PURE__ */ e(
           je,
           {
-            value: p,
+            value: f,
             onChange: ($) => b(Number($.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${Xn}`
@@ -9055,7 +9055,7 @@ function Hu() {
         /* @__PURE__ */ e(
           je,
           {
-            value: f,
+            value: p,
             onChange: (ae) => y(($) => D($, ae.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${Xn}`
@@ -9071,7 +9071,7 @@ function Hu() {
       min: i,
       max: u,
       ticks: {
-        stepSize: f
+        stepSize: p
       }
     });
     const $ = {
@@ -9088,10 +9088,10 @@ function Hu() {
         }
       },
       numberAxisFormat: {
-        decimalPlaces: p,
+        decimalPlaces: f,
         suffix: v,
         currency: w,
-        locale: M
+        locale: E
       }
     };
     console.log($), C($);
@@ -9127,17 +9127,17 @@ function Hu() {
   ] });
 }
 function Ku() {
-  const t = E(
+  const t = M(
     (i) => {
       var d, u, h, m;
       return (m = (h = (u = (d = i.card.preferences) == null ? void 0 : d.chartOptions) == null ? void 0 : u.plugins) == null ? void 0 : h.legend) == null ? void 0 : m.position;
     }
-  ), a = E(
+  ), a = M(
     (i) => {
       var d, u, h, m;
       return (m = (h = (u = (d = i.card.preferences) == null ? void 0 : d.chartOptions) == null ? void 0 : u.plugins) == null ? void 0 : h.legend) == null ? void 0 : m.align;
     }
-  ), n = E(
+  ), n = M(
     (i) => {
       var d, u, h, m;
       return (m = (h = (u = (d = i.card.preferences) == null ? void 0 : d.chartOptions) == null ? void 0 : u.plugins) == null ? void 0 : h.legend) == null ? void 0 : m.display;
@@ -9253,12 +9253,12 @@ function Ku() {
   ] });
 }
 function Ju() {
-  const t = E(
+  const t = M(
     (o) => {
       var c, i;
       return (i = (c = o.card.preferences) == null ? void 0 : c.chartOptions) == null ? void 0 : i.indexAxis;
     }
-  ), a = E((o) => o.card.type), { setChartOrientation: n } = E((o) => o.actions);
+  ), a = M((o) => o.card.type), { setChartOrientation: n } = M((o) => o.actions);
   function r() {
     return /* @__PURE__ */ e(
       le,
@@ -9286,7 +9286,7 @@ function Ju() {
   return /* @__PURE__ */ e(ne, { children: a === "funnel" ? l() : r() });
 }
 function ri() {
-  const t = E((c) => c.card), a = E((c) => c.isShowingVisual), n = E(
+  const t = M((c) => c.card), a = M((c) => c.isShowingVisual), n = M(
     (c) => {
       var i, d;
       return (d = (i = c.card) == null ? void 0 : i.preferences) == null ? void 0 : d.chartOptions;
@@ -9330,32 +9330,32 @@ function ri() {
   ] }) : null;
 }
 function Wu() {
-  const t = E((y) => y.frame), a = E((y) => y.card), { setFrame: n, setActiveTabCardId: r, setCard: l, updateCardInFrame: o } = se(), c = (y, p) => {
-    y.dataTransfer.setData("tabIndex", p.toString());
+  const t = M((y) => y.frame), a = M((y) => y.card), { setFrame: n, setActiveTabCardId: r, setCard: l, updateCardInFrame: o } = se(), c = (y, f) => {
+    y.dataTransfer.setData("tabIndex", f.toString());
   }, i = (y) => {
     y.preventDefault();
-  }, d = (y, p) => {
+  }, d = (y, f) => {
     const b = y.dataTransfer.getData("tabIndex");
-    if (b === p.toString()) return;
+    if (b === f.toString()) return;
     const v = Array.from(t.cards), [N] = v.splice(parseInt(b), 1);
-    v.splice(p, 0, N), n({ ...t, cards: v });
+    v.splice(f, 0, N), n({ ...t, cards: v });
   };
   function u(y) {
-    const p = t.cards.filter((N) => N.id !== y), b = p[0], v = {
+    const f = t.cards.filter((N) => N.id !== y), b = f[0], v = {
       ...t,
-      cards: p,
+      cards: f,
       // update the active card to the first card in the frame
       activeCardId: b.id
     };
     n(v), r(b.id), l(b);
   }
-  function h(y, p) {
+  function h(y, f) {
     const b = {
       ...t,
-      cards: [...t.cards, p],
+      cards: [...t.cards, f],
       activeCardId: y.id
     };
-    n(b), r(p.id);
+    n(b), r(f.id);
   }
   function m() {
     const y = {
@@ -9368,7 +9368,7 @@ function Wu() {
     h(a, y);
   }
   function g(y) {
-    const p = {
+    const f = {
       dataSource: y.dataSource,
       connectionId: y.connectionId,
       lastSelectedDatabase: y.lastSelectedDatabase,
@@ -9392,35 +9392,35 @@ function Wu() {
       mode: "explorer"
       // Set default mode for new cards
     };
-    h(y, p);
+    h(y, f);
   }
-  function f(y, p) {
-    return y.cards.length === 1 && (p.displayTab === !0 || p.displayTab === void 0) || y.activeCardId !== p.id && (p.displayTab === !0 || p.displayTab === void 0) ? null : /* @__PURE__ */ e(
+  function p(y, f) {
+    return y.cards.length === 1 && (f.displayTab === !0 || f.displayTab === void 0) || y.activeCardId !== f.id && (f.displayTab === !0 || f.displayTab === void 0) ? null : /* @__PURE__ */ e(
       "div",
       {
         onClick: () => {
-          const b = p.displayTab === void 0 ? !1 : !p.displayTab;
-          l({ ...p, displayTab: b }), o({
-            ...p,
+          const b = f.displayTab === void 0 ? !1 : !f.displayTab;
+          l({ ...f, displayTab: b }), o({
+            ...f,
             displayTab: b
           });
         },
-        children: p.displayTab === !0 || p.displayTab === void 0 ? /* @__PURE__ */ e(Nn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e(_c, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: f.displayTab === !0 || f.displayTab === void 0 ? /* @__PURE__ */ e(Nn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e(_c, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
   return /* @__PURE__ */ e(Qt, { className: "group mx-4 justify-between overflow-x-auto", children: /* @__PURE__ */ s("div", { className: "flex items-center", children: [
-    t.cards.map((y, p) => /* @__PURE__ */ s(
+    t.cards.map((y, f) => /* @__PURE__ */ s(
       Le,
       {
         draggable: !0,
-        onDragStart: (b) => c(b, p),
+        onDragStart: (b) => c(b, f),
         onDragOver: i,
-        onDrop: (b) => d(b, p),
+        onDrop: (b) => d(b, f),
         className: "",
         value: y.id,
         children: [
-          f(t, y),
+          p(t, y),
           /* @__PURE__ */ e(
             sa,
             {
@@ -9465,27 +9465,27 @@ function Wu() {
   ] }) });
 }
 function li() {
-  const t = E((p) => p.frame), a = E((p) => p.card), n = E((p) => p.isSqlRunning), r = E((p) => p.isDevMode), { setFrame: l, setActiveTabCardId: o, setCard: c, setIsDevMode: i, setRunSql: d } = se(), { data: u, isLoading: h, isFetching: m } = Fe(a);
-  function g(p) {
-    const b = t.cards.find((v) => v.id === p);
+  const t = M((f) => f.frame), a = M((f) => f.card), n = M((f) => f.isSqlRunning), r = M((f) => f.isDevMode), { setFrame: l, setActiveTabCardId: o, setCard: c, setIsDevMode: i, setRunSql: d } = se(), { data: u, isLoading: h, isFetching: m } = Fe(a);
+  function g(f) {
+    const b = t.cards.find((v) => v.id === f);
     if (b != null && b.sql) {
-      r || i(!0), o(p);
+      r || i(!0), o(f);
       return;
     }
     if (b != null && b.queryConfig) {
-      r && i(!1), f(p), o(p);
+      r && i(!1), p(f), o(f);
       return;
     }
-    r || f(p), o(p);
+    r || p(f), o(f);
   }
-  function f(p) {
+  function p(f) {
     const b = {
       ...t,
       cards: t.cards.map((N) => N.id === a.id ? a : N),
-      activeCardId: p
+      activeCardId: f
     };
     l(b);
-    const v = b.cards.find((N) => N.id === p);
+    const v = b.cards.find((N) => N.id === f);
     v.sql && d(!0), c(v);
   }
   function y() {
@@ -9505,7 +9505,7 @@ function li() {
       value: t.activeCardId,
       className: "flex grow flex-col",
       children: [
-        t.cards.map((p) => /* @__PURE__ */ e(Et, { className: "mt-0 grow", value: p.id, children: y() }, p.id)),
+        t.cards.map((f) => /* @__PURE__ */ e(Et, { className: "mt-0 grow", value: f.id, children: y() }, f.id)),
         /* @__PURE__ */ e(Wu, {})
       ]
     }
@@ -9514,13 +9514,13 @@ function li() {
 function ea({
   children: t
 }) {
-  E((N) => N.frame);
-  const a = E((N) => N.card), n = E((N) => N.isDevMode), r = E((N) => N.isShowingVisual), l = Y((N) => N.isVisualEditing), o = E((N) => N.pythonStdOut);
-  E((N) => N.actions.setRunSql);
-  const { setFrame: c, setCard: i, setActiveTabCardId: d, runAssistant: u, setIsDevMode: h } = se(), { data: m, isLoading: g, isFetching: f, errorMessage: y } = Fe(a);
-  function p() {
-    const N = JSON.stringify(m == null ? void 0 : m.records, null, 2), w = new Blob([N], { type: "application/json" }), z = URL.createObjectURL(w), M = document.createElement("a");
-    M.href = z, M.download = `${a.title}.json`, M.click();
+  M((N) => N.frame);
+  const a = M((N) => N.card), n = M((N) => N.isDevMode), r = M((N) => N.isShowingVisual), l = Y((N) => N.isVisualEditing), o = M((N) => N.pythonStdOut);
+  M((N) => N.actions.setRunSql);
+  const { setFrame: c, setCard: i, setActiveTabCardId: d, runAssistant: u, setIsDevMode: h } = se(), { data: m, isLoading: g, isFetching: p, errorMessage: y } = Fe(a);
+  function f() {
+    const N = JSON.stringify(m == null ? void 0 : m.records, null, 2), w = new Blob([N], { type: "application/json" }), z = URL.createObjectURL(w), E = document.createElement("a");
+    E.href = z, E.download = `${a.title}.json`, E.click();
   }
   function b() {
     const w = [
@@ -9529,8 +9529,8 @@ function ea({
       ).join(","),
       ...((m == null ? void 0 : m.records) || []).map((C) => Object.values(C).join(","))
     ].join(`
-`), z = new Blob([w], { type: "text/csv" }), M = URL.createObjectURL(z), S = document.createElement("a");
-    S.href = M, S.download = `${a.title}.csv`, S.click();
+`), z = new Blob([w], { type: "text/csv" }), E = URL.createObjectURL(z), S = document.createElement("a");
+    S.href = E, S.download = `${a.title}.csv`, S.click();
   }
   function v() {
     const N = `Can you get the documentation for ${a.type} chart?`;
@@ -9541,7 +9541,7 @@ function ea({
     {
       className: "relative isolate flex h-full flex-col py-2 pb-3",
       children: [
-        (g || f) && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e(Me, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
+        (g || p) && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e(Me, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
         /* @__PURE__ */ s(
           "div",
           {
@@ -9569,7 +9569,7 @@ function ea({
                     className: "h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70",
                     variant: "ghost",
                     size: "icon",
-                    onClick: p,
+                    onClick: f,
                     children: /* @__PURE__ */ e(Vc, { strokeWidth: 1.5, className: "size-4" })
                   }
                 ),
@@ -9630,7 +9630,7 @@ function ea({
   ) : /* @__PURE__ */ e(ne, { children: "No Active Card" });
 }
 function Yu() {
-  const t = E((n) => n.pythonStdOut);
+  const t = M((n) => n.pythonStdOut);
   if (!t) return null;
   const a = t.replace(/\n/g, "<br>");
   return /* @__PURE__ */ s("div", { className: "relative flex w-full flex-col border-r", children: [
@@ -9642,7 +9642,7 @@ function Yu() {
   ] });
 }
 function Qu() {
-  const t = E((n) => n.isShowingVisual), a = E(
+  const t = M((n) => n.isShowingVisual), a = M(
     (n) => n.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
@@ -9659,12 +9659,12 @@ function Qu() {
   ] });
 }
 function Zu() {
-  var p, b;
-  const t = E(
+  var f, b;
+  const t = M(
     (v) => v.card.customCardPreferences
-  ), { data: a } = Vs(), n = (a == null ? void 0 : a.plugins) || [], r = E((v) => v.card), l = E((v) => v.frame), o = (t == null ? void 0 : t.visualType) || "single", { setCustomCardPreferences: c } = se(), { components: i, manifest: d } = bs(
+  ), { data: a } = Vs(), n = (a == null ? void 0 : a.plugins) || [], r = M((v) => v.card), l = M((v) => v.frame), o = (t == null ? void 0 : t.visualType) || "single", { setCustomCardPreferences: c } = se(), { components: i, manifest: d } = bs(
     (t == null ? void 0 : t.url) || ""
-  ), u = (p = d == null ? void 0 : d.visuals) == null ? void 0 : p.find(
+  ), u = (f = d == null ? void 0 : d.visuals) == null ? void 0 : f.find(
     (v) => v.name === (t == null ? void 0 : t.componentName)
   );
   function h(v, N) {
@@ -9683,21 +9683,21 @@ function Zu() {
   }
   function m(v) {
     var w, z;
-    const N = (w = l == null ? void 0 : l.cards) == null ? void 0 : w.filter((M) => {
+    const N = (w = l == null ? void 0 : l.cards) == null ? void 0 : w.filter((E) => {
       var S;
-      return ((S = M == null ? void 0 : M.customCardPreferences) == null ? void 0 : S.visualType) !== "multiple";
-    }).map((M) => ({
-      value: M.id,
-      label: M.tabTitle || M.title
+      return ((S = E == null ? void 0 : E.customCardPreferences) == null ? void 0 : S.visualType) !== "multiple";
+    }).map((E) => ({
+      value: E.id,
+      label: E.tabTitle || E.title
     }));
-    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (z = v == null ? void 0 : v.dataInputs) == null ? void 0 : z.map((M, S) => {
+    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (z = v == null ? void 0 : v.dataInputs) == null ? void 0 : z.map((E, S) => {
       var C, T;
       return /* @__PURE__ */ s(
         "div",
         {
           className: "grid grid-cols-10 gap-2",
           children: [
-            /* @__PURE__ */ e("div", { className: "col-span-4 flex items-center", children: M }),
+            /* @__PURE__ */ e("div", { className: "col-span-4 flex items-center", children: E }),
             /* @__PURE__ */ e(
               We,
               {
@@ -9715,12 +9715,12 @@ function Zu() {
     }) });
   }
   function g(v, N, w = [], z = "") {
-    var M, S;
+    var E, S;
     return t ? v === "input" ? /* @__PURE__ */ e(
       je,
       {
         className: `h-8 w-full ${St}`,
-        value: ((M = t == null ? void 0 : t.settings) == null ? void 0 : M[N]) || z,
+        value: ((E = t == null ? void 0 : t.settings) == null ? void 0 : E[N]) || z,
         onChange: (C) => {
           c({
             ...t,
@@ -9748,7 +9748,7 @@ function Zu() {
       }
     ) : null : null;
   }
-  function f(v) {
+  function p(v) {
     const N = Object.entries((v == null ? void 0 : v.settings) || {});
     return /* @__PURE__ */ e("div", { className: "space-y-3", children: N.map(([w, z]) => /* @__PURE__ */ s("div", { className: "space-y-1", children: [
       /* @__PURE__ */ e(Q, { children: z.title }),
@@ -9835,7 +9835,7 @@ function Zu() {
               /* @__PURE__ */ e(Q, { children: "Input Mapping" }),
               /* @__PURE__ */ e("div", { className: "px-2", children: m(u) })
             ] }),
-            u && u.settings && /* @__PURE__ */ e("div", { className: "space-y-3", children: /* @__PURE__ */ e("div", { className: "px-2", children: f(u) }) })
+            u && u.settings && /* @__PURE__ */ e("div", { className: "space-y-3", children: /* @__PURE__ */ e("div", { className: "px-2", children: p(u) }) })
           ] })
         ] })
       ]
@@ -9843,12 +9843,12 @@ function Zu() {
   );
 }
 function en() {
-  const [t, a] = P([]), n = E((u) => u.card.preferences), { setFilterOnClickColumnIndex: r, setCardPreferences: l } = E(
+  const [t, a] = P([]), n = M((u) => u.card.preferences), { setFilterOnClickColumnIndex: r, setCardPreferences: l } = M(
     (u) => u.actions
-  ), o = E(
+  ), o = M(
     (u) => u.queryResultColumns
   );
-  E(
+  M(
     (u) => {
       var h;
       return (h = u.card.preferences) == null ? void 0 : h.filterOnClickColumnIndex;
@@ -9878,31 +9878,31 @@ function en() {
     }) : (l({
       ...n,
       onClickFilter: (g = n == null ? void 0 : n.onClickFilter) == null ? void 0 : g.filter(
-        (f) => f.columnIndex !== u
+        (p) => p.columnIndex !== u
       )
-    }), a((f) => {
-      const y = [...f];
+    }), a((p) => {
+      const y = [...p];
       return y[u] = !1, y;
     }));
   }
   function i(u, h) {
     var g;
-    const m = (g = n == null ? void 0 : n.onClickFilter) == null ? void 0 : g.map((f) => f.columnIndex === u ? {
-      ...f,
+    const m = (g = n == null ? void 0 : n.onClickFilter) == null ? void 0 : g.map((p) => p.columnIndex === u ? {
+      ...p,
       expression: h.target.value
-    } : f);
+    } : p);
     l({
       ...n,
       onClickFilter: m
     });
   }
   function d(u) {
-    var h, m, g, f;
+    var h, m, g, p;
     if (t != null && t[u] || (m = (h = n == null ? void 0 : n.onClickFilter) == null ? void 0 : h.find((y) => y.columnIndex === u)) != null && m.expression)
       return /* @__PURE__ */ e(
         je,
         {
-          value: (f = (g = n == null ? void 0 : n.onClickFilter) == null ? void 0 : g.find((y) => y.columnIndex === u)) == null ? void 0 : f.expression,
+          value: (p = (g = n == null ? void 0 : n.onClickFilter) == null ? void 0 : g.find((y) => y.columnIndex === u)) == null ? void 0 : p.expression,
           onChange: (y) => i(u, y),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
@@ -9924,9 +9924,9 @@ function en() {
                 va,
                 {
                   checked: !!((m = n == null ? void 0 : n.onClickFilter) != null && m.find(
-                    (f) => f.columnIndex === h
+                    (p) => p.columnIndex === h
                   )),
-                  onCheckedChange: (f) => c(h, f)
+                  onCheckedChange: (p) => c(h, p)
                 }
               ),
               /* @__PURE__ */ e(
@@ -9937,14 +9937,14 @@ function en() {
                 }
               ),
               /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: ((g = n == null ? void 0 : n.onClickFilter) == null ? void 0 : g.find(
-                (f) => f.columnIndex === h
+                (p) => p.columnIndex === h
               )) && /* @__PURE__ */ e(
                 Wr,
                 {
                   onClick: () => {
-                    a((f) => {
-                      const y = [...f];
-                      return y[h] = !f[h], y;
+                    a((p) => {
+                      const y = [...p];
+                      return y[h] = !p[h], y;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
@@ -9961,15 +9961,15 @@ function en() {
 }
 function Xu({ idx: t }) {
   var i;
-  const a = E((d) => {
+  const a = M((d) => {
     var u;
     return (u = d.card) == null ? void 0 : u.preferences;
-  }), n = E(
+  }), n = M(
     (d) => {
       var u;
       return (u = d.card.preferences) == null ? void 0 : u.datasetOptions;
     }
-  ), r = E(
+  ), r = M(
     (d) => d.actions.setCardPreferences
   ), l = (i = a == null ? void 0 : a.chartOptions) == null ? void 0 : i.indexAxis, o = n == null ? void 0 : n.find((d) => d.idx === t);
   function c(d, u) {
@@ -9995,7 +9995,7 @@ function Xu({ idx: t }) {
       const m = { ...o };
       m.datalabels = h;
       const g = n == null ? void 0 : n.map(
-        (f) => f.idx === u ? m : f
+        (p) => p.idx === u ? m : p
       );
       r({
         ...a,
@@ -10063,7 +10063,7 @@ function Xu({ idx: t }) {
   ] });
 }
 function em() {
-  const t = E((o) => o.card), { data: a } = Fe(t), { keys: n } = Ha((a == null ? void 0 : a.records) || []), r = n.slice(1).filter((o) => !Mo.includes(o));
+  const t = M((o) => o.card), { data: a } = Fe(t), { keys: n } = Ha((a == null ? void 0 : a.records) || []), r = n.slice(1).filter((o) => !Mo.includes(o));
   let l = r;
   if (["stackedBar", "stackedLine"].includes(t.type)) {
     const o = Eo({
@@ -10101,7 +10101,7 @@ function Gs({
   ] }) });
 }
 function ii() {
-  const t = E((d) => d.card), a = E(
+  const t = M((d) => d.card), a = M(
     (d) => {
       var u, h, m;
       return (m = (h = (u = d == null ? void 0 : d.card) == null ? void 0 : u.preferences) == null ? void 0 : h.chartOptions) == null ? void 0 : m.indexAxis;
@@ -10145,15 +10145,15 @@ function ci({
   iconClassName: r,
   children: l
 }) {
-  const o = E((h) => {
+  const o = M((h) => {
     var m;
     return (m = h.card) == null ? void 0 : m.preferences;
-  }), c = E(
+  }), c = M(
     (h) => {
       var m, g;
       return (g = (m = h.card) == null ? void 0 : m.preferences) == null ? void 0 : g.datasetOptions;
     }
-  ), i = c == null ? void 0 : c.find((h) => h.idx === a), { setCardPreferences: d } = E((h) => h.actions);
+  ), i = c == null ? void 0 : c.find((h) => h.idx === a), { setCardPreferences: d } = M((h) => h.actions);
   function u(h) {
     if (!i)
       d({
@@ -10171,7 +10171,7 @@ function ci({
       const m = { ...i };
       m.type = h === "area" ? "line" : h, m.fill = h === "area" ? "origin" : "";
       const g = c == null ? void 0 : c.map(
-        (f) => f.idx === a ? m : f
+        (p) => p.idx === a ? m : p
       );
       d({
         ...o,
@@ -10226,20 +10226,20 @@ function ci({
   );
 }
 function di() {
-  const t = E((f) => f.selectedConnectionId), a = E((f) => f.selectedDatamodelId), n = E((f) => f.selectedDatabaseName), r = E((f) => f.selectedSchemaName), l = E((f) => f.selectedTableName), o = Y((f) => f.dashboard.filters) || [], c = Y((f) => f.actions.addFilter), i = Y((f) => f.actions.removeFilter), { removeFilterValues: d } = yt(), { modelItems: u, tableName: h, connectionType: m } = ot();
-  function g(f, y = "dashboard") {
+  const t = M((p) => p.selectedConnectionId), a = M((p) => p.selectedDatamodelId), n = M((p) => p.selectedDatabaseName), r = M((p) => p.selectedSchemaName), l = M((p) => p.selectedTableName), o = Y((p) => p.dashboard.filters) || [], c = Y((p) => p.actions.addFilter), i = Y((p) => p.actions.removeFilter), { removeFilterValues: d } = yt(), { modelItems: u, tableName: h, connectionType: m } = ot();
+  function g(p, y = "dashboard") {
     var C;
-    const p = Xe(f.column_name), b = Xe(n || ""), v = Xe(r || ""), N = Xe(h);
+    const f = Xe(p.column_name), b = Xe(n || ""), v = Xe(r || ""), N = Xe(h);
     let w = Oo({
       schemaName: v,
       tableName: N,
       connectionType: m,
       databaseName: b
-    }), z = `${w}.${p}`;
-    const M = (C = u == null ? void 0 : u.find(
+    }), z = `${w}.${f}`;
+    const E = (C = u == null ? void 0 : u.find(
       (T) => T.id === a
     )) == null ? void 0 : C.name;
-    a && a !== "none" && (z = `${lr}.${M}.${p}`, w = `${lr}.${M}`);
+    a && a !== "none" && (z = `${lr}.${E}.${f}`, w = `${lr}.${E}`);
     const S = o == null ? void 0 : o.find(
       (T) => T.column === z && T.table === N && (T.database === b || T.database === n)
     );
@@ -10252,17 +10252,17 @@ function di() {
         id: T,
         //uuidv4(),
         column: z,
-        title: f.column_name,
-        dataType: f.data_type,
+        title: p.column_name,
+        dataType: p.data_type,
         table: "api",
         database: "",
         // database: 'NA',
         connectionId: t,
         operation: "in",
         sql: Ga(
-          f.data_type,
+          p.data_type,
           w,
-          p
+          f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), T) : (c({
@@ -10271,16 +10271,16 @@ function di() {
         location: y,
         column: z,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
-        title: f.column_name,
-        dataType: f.data_type,
+        title: p.column_name,
+        dataType: p.data_type,
         table: l || "",
         database: n || "",
         connectionId: t || "",
         operation: "in",
         sql: Ga(
-          f.data_type,
+          p.data_type,
           w,
-          p
+          f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), T);
@@ -10291,7 +10291,7 @@ function di() {
 function vn() {
   const t = Y(
     (i) => i.dashboard.filters
-  ), a = E((i) => i.frame), { setFrame: n } = se(), { columns: r } = ot(), { assignFilter: l } = di();
+  ), a = M((i) => i.frame), { setFrame: n } = se(), { columns: r } = ot(), { assignFilter: l } = di();
   function o(i) {
     const d = l(i, "frame");
     n({ ...a, filterId: d });
@@ -10398,7 +10398,7 @@ function nm({
   ] }) });
 }
 function Ia() {
-  const t = E((i) => i.card.type), a = E((i) => i.isDevMode), n = E((i) => i.card.preferences), { setCardPreferences: r } = E((i) => i.actions);
+  const t = M((i) => i.card.type), a = M((i) => i.isDevMode), n = M((i) => i.card.preferences), { setCardPreferences: r } = M((i) => i.actions);
   function l(i) {
     var h;
     const d = {
@@ -10537,7 +10537,7 @@ const sm = {
   ]
 };
 function lm() {
-  const t = E((a) => a.card.type);
+  const t = M((a) => a.card.type);
   return /* @__PURE__ */ s("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e(
       xt,
@@ -10805,8 +10805,8 @@ const cm = [
   value: t
 }));
 function mm() {
-  var d, u, h, m, g, f, y, p, b, v, N, w, z, M, S, C, T, k;
-  const t = E((R) => R.card), a = (u = (d = t == null ? void 0 : t.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : u.topoJsonUrl, [n, r] = P(
+  var d, u, h, m, g, p, y, f, b, v, N, w, z, E, S, C, T, k;
+  const t = M((R) => R.card), a = (u = (d = t == null ? void 0 : t.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : u.topoJsonUrl, [n, r] = P(
     ((m = (h = t == null ? void 0 : t.preferences) == null ? void 0 : h.mapVisualOptions) == null ? void 0 : m.customTopoJsonUrl) || ""
   ), { setCardPreferences: l } = se(), { data: o } = Ns(t), c = Object.keys((o == null ? void 0 : o.objects) || {}).map((R) => ({
     label: R,
@@ -10876,7 +10876,7 @@ function mm() {
             {
               className: "h-9",
               options: c,
-              value: ((f = (g = t.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : f.objectKey) || "",
+              value: ((p = (g = t.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : p.objectKey) || "",
               label: "Map Object",
               onValueChange: (R) => {
                 var D;
@@ -10898,7 +10898,7 @@ function mm() {
             {
               className: "h-9",
               options: cm,
-              value: ((p = (y = t.preferences) == null ? void 0 : y.mapVisualOptions) == null ? void 0 : p.projection) || "",
+              value: ((f = (y = t.preferences) == null ? void 0 : y.mapVisualOptions) == null ? void 0 : f.projection) || "",
               label: "Projection",
               onValueChange: (R) => {
                 var D;
@@ -10965,7 +10965,7 @@ function mm() {
           className: `h-9 w-full ${St}`,
           type: "number",
           step: 10,
-          value: ((S = (M = (z = t.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : M.projectionOffset) == null ? void 0 : S[0]) || 0,
+          value: ((S = (E = (z = t.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : E.projectionOffset) == null ? void 0 : S[0]) || 0,
           onChange: (R) => {
             var D, F, I, A;
             l({
@@ -11011,7 +11011,7 @@ function mm() {
 }
 function hm() {
   var r;
-  const t = E((l) => l.card.preferences), { setCardPreferences: a } = E((l) => l.actions);
+  const t = M((l) => l.card.preferences), { setCardPreferences: a } = M((l) => l.actions);
   function n(l) {
     a({
       ...t,
@@ -11089,7 +11089,7 @@ function ta({
   ] }) });
 }
 function pm() {
-  const t = E(
+  const t = M(
     (r) => {
       var l, o;
       return (o = (l = r == null ? void 0 : r.card) == null ? void 0 : l.preferences) == null ? void 0 : o.sortChart;
@@ -11171,10 +11171,10 @@ function fm({
   cardType: t = "table"
 }) {
   console.log("cardType", t);
-  const a = E((l) => {
+  const a = M((l) => {
     var o;
     return (o = l.card) == null ? void 0 : o.preferences;
-  }), n = E(
+  }), n = M(
     (l) => l.actions.setCardPreferences
   );
   return /* @__PURE__ */ s("div", { className: "space-y-6 px-6 py-2", children: [
@@ -11253,7 +11253,7 @@ const gm = /* @__PURE__ */ s("div", { className: "space-y-4 font-mono text-xs",
   ] })
 ] });
 function xm() {
-  const t = E((n) => n.card.type);
+  const t = M((n) => n.card.type);
   function a(n) {
     switch (n) {
       case "stackedBar":
@@ -11478,7 +11478,7 @@ function Sm({
 function mi({
   column: t
 }) {
-  const a = E((d) => d.card.type), n = E(
+  const a = M((d) => d.card.type), n = M(
     (d) => {
       var u, h;
       return (h = (u = d.card) == null ? void 0 : u.config) == null ? void 0 : h.metricColumns;
@@ -11515,12 +11515,12 @@ function km({
     listeners: h,
     setNodeRef: m,
     transform: g,
-    transition: f,
+    transition: p,
     isDragging: y
-  } = yn({ id: t.id, data: { type: a } }), p = g ? {
+  } = yn({ id: t.id, data: { type: a } }), f = g ? {
     opacity: y ? 0.5 : void 0,
     transform: At.Translate.toString(g),
-    transition: f
+    transition: p
   } : void 0, b = ut(t.type);
   function v(S) {
     const C = Ht(S.data_type), T = ut(S.data_type), k = mt(S.data_type), R = C ? "number" : T ? "string" : k ? "date" : "string";
@@ -11621,7 +11621,7 @@ function km({
       }
     );
   }
-  function M() {
+  function E() {
     return /* @__PURE__ */ e("div", { "data-setting-actions": "", className: "flex h-full items-center gap-2", children: /* @__PURE__ */ e(
       "button",
       {
@@ -11645,10 +11645,10 @@ function km({
       }
     ) });
   }
-  return /* @__PURE__ */ e("div", { ...h, ...u, ref: m, style: p, children: /* @__PURE__ */ s("div", { className: "group flex items-center justify-between gap-2", children: [
+  return /* @__PURE__ */ e("div", { ...h, ...u, ref: m, style: f, children: /* @__PURE__ */ s("div", { className: "group flex items-center justify-between gap-2", children: [
     /* @__PURE__ */ s("div", { className: "grow", children: [
       /* @__PURE__ */ s("div", { className: "flex h-8 grow items-center justify-between rounded-md bg-muted", children: [
-        M(),
+        E(),
         w(),
         z()
       ] }),
@@ -11676,13 +11676,13 @@ function $a({
   sortableType: l,
   onRemoveColumn: o
 }) {
-  var p, b;
+  var f, b;
   const { setNodeRef: c, isOver: i, over: d } = Ss({
     id: t
-  }), u = Ot((v) => v.activeId), h = E((v) => {
+  }), u = Ot((v) => v.activeId), h = M((v) => {
     var N;
     return (N = v.card) == null ? void 0 : N.type;
-  }), m = i || ((b = (p = d == null ? void 0 : d.data) == null ? void 0 : p.current) == null ? void 0 : b.type) === l, g = u ? r : n, f = l === ha ? "Rows" : l === pa ? "Pivot Columns" : "Columns";
+  }), m = i || ((b = (f = d == null ? void 0 : d.data) == null ? void 0 : f.current) == null ? void 0 : b.type) === l, g = u ? r : n, p = l === ha ? "Rows" : l === pa ? "Pivot Columns" : "Columns";
   function y() {
     if (!g || g.length === 0)
       return /* @__PURE__ */ e("div", { className: "mr-5 flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground", children: /* @__PURE__ */ e("span", { className: "invisible text-muted-foreground/70 group-hover:visible", children: "Drag here" }) });
@@ -11699,7 +11699,7 @@ function $a({
       children: [
         /* @__PURE__ */ s("div", { className: "flex items-center justify-between pr-5", children: [
           /* @__PURE__ */ e(Q, { className: "text-sm", children: a }),
-          h !== "table" && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground/50", children: f })
+          h !== "table" && /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground/50", children: p })
         ] }),
         y(),
         /* @__PURE__ */ e("div", { className: "space-y-2", children: g == null ? void 0 : g.map(
@@ -11737,13 +11737,13 @@ function hi({ children: t, id: a, type: n }) {
   return /* @__PURE__ */ e("div", { ...l, ...r, ref: o, style: u, children: t });
 }
 function Tm() {
-  const t = E((v) => {
+  const t = M((v) => {
     var N;
     return (N = v.card.queryConfig) == null ? void 0 : N.orderBy;
-  }) || [], a = E((v) => {
+  }) || [], a = M((v) => {
     var N;
     return (N = v.card.queryConfig) == null ? void 0 : N.groupByColumns;
-  }) || [], n = E((v) => {
+  }) || [], n = M((v) => {
     var N;
     return (N = v.card.queryConfig) == null ? void 0 : N.metricColumns;
   }) || [], { addOrderByColumn: r, removeOrderByColumn: l, updateOrderByColumn: o } = se(), c = [...a, ...n];
@@ -11754,10 +11754,10 @@ function Tm() {
     value: v.label || v.name
   }));
   function g(v, N) {
-    const w = f(v);
+    const w = p(v);
     return w ? w.role === "metric" ? N === "asc" ? u : h : N === "asc" ? i : d : null;
   }
-  function f(v) {
+  function p(v) {
     return c.find((N) => N.id === v);
   }
   function y(v) {
@@ -11772,7 +11772,7 @@ function Tm() {
       o(w);
     }
   }
-  const p = (v) => {
+  const f = (v) => {
     r({
       columnId: v.id,
       direction: "asc"
@@ -11796,7 +11796,7 @@ function Tm() {
             multiple: !1,
             options: m,
             selectedOptions: [],
-            onChange: (v) => p(v[0]),
+            onChange: (v) => f(v[0]),
             selectAllChecked: !1,
             onSelectAllCheckedChange: () => {
             },
@@ -11818,7 +11818,7 @@ function Tm() {
                     /* @__PURE__ */ s("div", { className: "flex h-full grow items-center justify-between gap-2 rounded-sm bg-muted px-2", children: [
                       /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
                         /* @__PURE__ */ e(Sl, { className: "size-3 cursor-move text-muted-foreground hover:text-foreground" }),
-                        /* @__PURE__ */ e(Gs, { className: "w-[175px] text-sm", children: ((N = f(v.columnId)) == null ? void 0 : N.label) || ((w = f(v.columnId)) == null ? void 0 : w.name) })
+                        /* @__PURE__ */ e(Gs, { className: "w-[175px] text-sm", children: ((N = p(v.columnId)) == null ? void 0 : N.label) || ((w = p(v.columnId)) == null ? void 0 : w.name) })
                       ] }),
                       /* @__PURE__ */ e(
                         "button",
@@ -11851,21 +11851,21 @@ function Tm() {
   );
 }
 function Mm() {
-  const t = E(
+  const t = M(
     (b) => {
       var v;
       return ((v = b.card.queryConfig) == null ? void 0 : v.groupByColumns) || [];
     }
-  ), a = E((b) => b.card.type), n = Ot(
+  ), a = M((b) => b.card.type), n = Ot(
     (b) => b.previewGroupByColumns
-  ), r = E(
+  ), r = M(
     (b) => {
       var v;
       return ((v = b.card.queryConfig) == null ? void 0 : v.metricColumns) || [];
     }
   ), l = Ot(
     (b) => b.previewMetricColumns
-  ), o = E(
+  ), o = M(
     (b) => {
       var v;
       return ((v = b.card.queryConfig) == null ? void 0 : v.pivotColumns) || [];
@@ -11887,8 +11887,8 @@ function Mm() {
   function g(b) {
     u(b);
   }
-  let f = "Group By", y = "Metrics", p = "Stack By";
-  return a === "table" && (f = "Rows", y = "Metrics", p = "Columns"), /* @__PURE__ */ s("div", { className: "flex h-full w-full flex-col gap-3 py-4", children: [
+  let p = "Group By", y = "Metrics", f = "Stack By";
+  return a === "table" && (p = "Rows", y = "Metrics", f = "Columns"), /* @__PURE__ */ s("div", { className: "flex h-full w-full flex-col gap-3 py-4", children: [
     /* @__PURE__ */ e(ai, { iconClassName: "size-[19px]" }),
     /* @__PURE__ */ s(Yn, { className: "flex min-h-0 grow basis-0 flex-col gap-4 overflow-y-auto", children: [
       /* @__PURE__ */ s("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -11898,7 +11898,7 @@ function Mm() {
             onRemoveColumn: h,
             sortableType: ha,
             id: Bt,
-            label: f,
+            label: p,
             columns: t,
             previewColumns: n
           }
@@ -11909,7 +11909,7 @@ function Mm() {
             onRemoveColumn: g,
             sortableType: pa,
             id: qt,
-            label: p,
+            label: f,
             columns: o,
             previewColumns: c
           }
@@ -11938,10 +11938,10 @@ function Hs({
   sortableType: r,
   className: l
 }) {
-  const [o, c] = P(!1), { removeEditorFilter: i, clearEditorFilter: d } = se(), u = E(
+  const [o, c] = P(!1), { removeEditorFilter: i, clearEditorFilter: d } = se(), u = M(
     (m) => {
-      var g, f;
-      return (f = (g = m.card.queryConfig) == null ? void 0 : g.filters) == null ? void 0 : f.some(
+      var g, p;
+      return (p = (g = m.card.queryConfig) == null ? void 0 : g.filters) == null ? void 0 : p.some(
         (y) => y.filterColumnName === a.name
       );
     }
@@ -12004,15 +12004,15 @@ function Em({
   column: t,
   sortableType: a
 }) {
-  const n = Y((w) => w.themeStyle), r = E(
+  const n = Y((w) => w.themeStyle), r = M(
     (w) => {
-      var z, M;
-      return (M = (z = w.card) == null ? void 0 : z.queryConfig) == null ? void 0 : M.filters;
+      var z, E;
+      return (E = (z = w.card) == null ? void 0 : z.queryConfig) == null ? void 0 : E.filters;
     }
-  ), l = E(
+  ), l = M(
     (w) => {
-      var z, M;
-      return (M = (z = w.card.queryConfig) == null ? void 0 : z.filterColumns) == null ? void 0 : M.find(
+      var z, E;
+      return (E = (z = w.card.queryConfig) == null ? void 0 : z.filterColumns) == null ? void 0 : E.find(
         (S) => S.name === t.name
       );
     }
@@ -12035,24 +12035,24 @@ function Em({
     connectionId: o,
     // not needed
     dataType: t.type
-  }, { data: g, isLoading: f, isFetching: y, isError: p } = pl(m), b = $e(() => {
+  }, { data: g, isLoading: p, isFetching: y, isError: f } = pl(m), b = $e(() => {
     var z;
-    return m.column ? (z = g == null ? void 0 : g.records) == null ? void 0 : z.map((M) => {
+    return m.column ? (z = g == null ? void 0 : g.records) == null ? void 0 : z.map((E) => {
       let S = m.column.split(".").slice(-1)[0].replace(/"/g, "");
-      return M[S] === void 0 && (S = S.toLowerCase()), {
-        id: M[S],
+      return E[S] === void 0 && (S = S.toLowerCase()), {
+        id: E[S],
         //idx,
-        value: M[S]
+        value: E[S]
         // this is needed if
       };
     }) : [];
   }, [g, m.column]);
   function v(w) {
-    const z = w.map((M) => M.id);
+    const z = w.map((E) => E.id);
     h(t.name, z);
   }
   function N() {
-    return f || y ? /* @__PURE__ */ e(
+    return p || y ? /* @__PURE__ */ e(
       xs,
       {
         style: {
@@ -12060,7 +12060,7 @@ function Em({
         },
         className: "h-8 min-w-60 bg-foreground/10"
       }
-    ) : p ? /* @__PURE__ */ e("div", { className: "flex h-8 min-w-60 items-center bg-muted px-2 text-sm", children: "Error" }) : /* @__PURE__ */ e(
+    ) : f ? /* @__PURE__ */ e("div", { className: "flex h-8 min-w-60 items-center bg-muted px-2 text-sm", children: "Error" }) : /* @__PURE__ */ e(
       ws,
       {
         renderFilterModeButton: () => /* @__PURE__ */ e(Om, { columnName: t.name }),
@@ -12086,7 +12086,7 @@ function Em({
   );
 }
 function Om({ columnName: t }) {
-  const { setEditorFilterMode: a } = se(), n = E(
+  const { setEditorFilterMode: a } = se(), n = M(
     (l) => {
       var o, c;
       return (c = (o = l.card.queryConfig) == null ? void 0 : o.filterColumns) == null ? void 0 : c.find(
@@ -12125,17 +12125,17 @@ function Am({
     title: "",
     // not needed
     dataType: t.type
-  }, { isLoading: d, isFetching: u, isError: h, data: m } = pl(i), g = m == null ? void 0 : m.records, { dateRange: f, setDateRange: y, initialDateRange: p } = Fo(g), { updateEditorFilterValue: b } = se();
+  }, { isLoading: d, isFetching: u, isError: h, data: m } = pl(i), g = m == null ? void 0 : m.records, { dateRange: p, setDateRange: y, initialDateRange: f } = Fo(g), { updateEditorFilterValue: b } = se();
   function v(z) {
     var S, C;
-    const M = {
+    const E = {
       gte: (S = z == null ? void 0 : z.from) == null ? void 0 : S.toISOString(),
       lte: (C = z == null ? void 0 : z.to) == null ? void 0 : C.toISOString()
     };
-    b(t.name, M);
+    b(t.name, E);
   }
   function N() {
-    b(t.name, null, !0), y(p);
+    b(t.name, null, !0), y(f);
   }
   function w() {
     return d || u ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(xs, { className: "h-8 w-72 bg-foreground/10" }) }) : h ? /* @__PURE__ */ e("div", { className: "h-8 w-72 bg-muted px-2", children: "Error" }) : g ? /* @__PURE__ */ e(
@@ -12145,7 +12145,7 @@ function Am({
         open: n,
         inputClassName: "h-8",
         setOpen: r,
-        dateRange: f,
+        dateRange: p,
         setDateRange: y,
         onApply: v,
         onClear: N
@@ -12170,14 +12170,14 @@ function Im({
   previewColumns: r,
   sortableType: l
 }) {
-  var y, p;
+  var y, f;
   const { setNodeRef: o, isOver: c, over: i } = Ss({
     id: t
   }), d = Ot((b) => b.activeId), u = {
     // borderColor: isOver ? 'green' : undefined,
-  }, h = c || ((p = (y = i == null ? void 0 : i.data) == null ? void 0 : y.current) == null ? void 0 : p.type) === l;
+  }, h = c || ((f = (y = i == null ? void 0 : i.data) == null ? void 0 : y.current) == null ? void 0 : f.type) === l;
   function m() {
-    if (!f || f.length === 0)
+    if (!p || p.length === 0)
       return /* @__PURE__ */ e("div", { className: "flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground", children: /* @__PURE__ */ e("span", { className: "invisible text-muted-foreground/70 group-hover:visible", children: "Drag here" }) });
   }
   function g(b) {
@@ -12209,7 +12209,7 @@ function Im({
       b.id
     );
   }
-  const f = d ? r : n;
+  const p = d ? r : n;
   return /* @__PURE__ */ e(It, { items: n == null ? void 0 : n.map((b) => b.id), children: /* @__PURE__ */ s(
     "div",
     {
@@ -12222,7 +12222,7 @@ function Im({
       children: [
         /* @__PURE__ */ e(Q, { className: "text-sm", children: a }),
         m(),
-        /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-4", children: f == null ? void 0 : f.map((b) => g(b)) })
+        /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-4", children: p == null ? void 0 : p.map((b) => g(b)) })
       ]
     }
   ) });
@@ -12231,7 +12231,7 @@ function Rm() {
   return /* @__PURE__ */ e("div", { className: "flex h-8 w-60 items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm text-muted-foreground", children: "Drop here" });
 }
 function zm() {
-  const t = E(
+  const t = M(
     (l) => {
       var o;
       return ((o = l.card.queryConfig) == null ? void 0 : o.filterColumns) || [];
@@ -12255,7 +12255,7 @@ function zm() {
   ) });
 }
 function Fm() {
-  const t = E((o) => o.card), a = E((o) => o.showAIDialog), { setShowAIDialog: n } = se(), { data: r, errorMessage: l } = Fe(t);
+  const t = M((o) => o.card), a = M((o) => o.showAIDialog), { setShowAIDialog: n } = se(), { data: r, errorMessage: l } = Fe(t);
   return /* @__PURE__ */ s("section", { className: "flex justify-between gap-2 p-4", children: [
     /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e(Oa, {}),
@@ -12281,7 +12281,7 @@ function Fm() {
   ] });
 }
 function Lm() {
-  const t = nt(null), a = nt(null), n = E((i) => i.isShowingVisual), r = E((i) => i.showAIDialog), l = E((i) => i.isDevMode);
+  const t = nt(null), a = nt(null), n = M((i) => i.isShowingVisual), r = M((i) => i.showAIDialog), l = M((i) => i.isDevMode);
   Te(() => {
     var i, d, u, h;
     r ? ((i = t.current) == null || i.resize(0), (d = a.current) == null || d.resize(0)) : ((u = t.current) == null || u.resize(25), (h = a.current) == null || h.resize(25));
@@ -12373,23 +12373,23 @@ function Lm() {
 function _m(t) {
   const a = _o(
     (L) => L.currentAIContext
-  ), [n, r] = P(""), [l, o] = P(null), { authToken: c } = Ee(), i = E((L) => {
+  ), [n, r] = P(""), [l, o] = P(null), { authToken: c } = Ee(), i = M((L) => {
     var re;
     return (re = L == null ? void 0 : L.card) == null ? void 0 : re.sql;
-  }), d = E((L) => L.isDevMode), u = E((L) => {
+  }), d = M((L) => L.isDevMode), u = M((L) => {
     var re;
     return (re = L == null ? void 0 : L.card) == null ? void 0 : re.python;
   }), {
     setCardPython: h,
     setCardSql: m,
     setRunSql: g,
-    switchCardType: f,
+    switchCardType: p,
     setQueryConfig: y
-  } = se(), p = E((L) => L.currentAssitantScope) || [], b = E((L) => L.userInputForAI), v = E((L) => L.triggerAIRun), N = E((L) => L.card), w = E(
+  } = se(), f = M((L) => L.currentAssitantScope) || [], b = M((L) => L.userInputForAI), v = M((L) => L.triggerAIRun), N = M((L) => L.card), w = M(
     (L) => L.selectedDatabaseName
-  ), z = E((L) => L.selectedTableName), M = E(
+  ), z = M((L) => L.selectedTableName), E = M(
     (L) => L.selectedConnectionId
-  ), S = E(
+  ), S = M(
     (L) => L.selectedSchemaName
   ), C = Y(
     (L) => L.dashboard.aiScopeTables
@@ -12442,7 +12442,7 @@ function _m(t) {
     var re, Ie, bt, _t;
     if (["createChartFromSql", "createForecast"].includes(L.toolName)) {
       const fe = L.args.sql, _e = L.args.python, Pe = L.args.chartType;
-      return f(Pe), m(fe), h(_e), g(!0), {
+      return p(Pe), m(fe), h(_e), g(!0), {
         status: "success",
         message: "Let the user know that chart is created"
         // query: sql,
@@ -12462,12 +12462,12 @@ function _m(t) {
       if (L.toolName === "getCurrentTableScope")
         return r("Getting table scope..."), he(), {
           status: "success",
-          tables: p
+          tables: f
         };
       if (L.toolName === "generateQueryConfig") {
         r("Generating query config...");
         const fe = L.args.chartType, _e = L.args.queryConfig;
-        L.args.cardConfig, f(fe), I(_e), m(void 0), h(void 0);
+        L.args.cardConfig, p(fe), I(_e), m(void 0), h(void 0);
         const Pe = await k();
         return (re = Pe == null ? void 0 : Pe.data) != null && re.error ? {
           status: "error",
@@ -12495,7 +12495,7 @@ function _m(t) {
     } : L);
   }
   function de(L) {
-    const re = Bo(p, L);
+    const re = Bo(f, L);
     pe(re);
   }
   function pe(L) {
@@ -12516,9 +12516,9 @@ function _m(t) {
       tableName: z || "",
       datamodelId: O || "",
       datamodelName: oa(A),
-      connectionId: M || "",
+      connectionId: E || "",
       connectionType: x || ""
-    }, re = ir([...p, L]);
+    }, re = ir([...f, L]);
     pe(re);
   }
   function he() {
@@ -12527,17 +12527,17 @@ function _m(t) {
       schemaName: S || "",
       tableName: z || "",
       datamodelName: oa(A),
-      connectionId: M || "",
+      connectionId: E || "",
       connectionType: x || "",
       datamodelId: O || ""
     };
     if (!Vo(
-      [...C || [], ...p],
+      [...C || [], ...f],
       L
-    ) || p.length === 0) {
+    ) || f.length === 0) {
       const Ie = ir([
         ...C || [],
-        ...p,
+        ...f,
         L
       ]).filter(
         (bt) => bt.connectionId === L.connectionId
@@ -12557,7 +12557,7 @@ function _m(t) {
     handleSetAIScope: he,
     handleAddCurrentTableToScope: be,
     removeFromCurrentSelections: de,
-    currentAssitantScope: p,
+    currentAssitantScope: f,
     setCurrentAssitantScope: F,
     handleInputChange: J,
     handleSubmit: q,
@@ -12580,9 +12580,9 @@ const Pm = [
   }
 ];
 function wr() {
-  const t = nt(null), a = nt(null), [n, r] = P(!1), [l, o] = P(ls), [c, i] = P(!1), [d, u] = P(!1), h = $o(), { setCurrentAIContext: m } = qo(), g = Y((Z) => Z.dashboard.aiContext), f = E((Z) => Z.card.dataSource), y = E((Z) => Z.actions.setCardSql), p = E((Z) => Z.actions.setRunSql), b = E((Z) => Z.showAIDialog), v = Y(
+  const t = nt(null), a = nt(null), [n, r] = P(!1), [l, o] = P(ls), [c, i] = P(!1), [d, u] = P(!1), h = $o(), { setCurrentAIContext: m } = qo(), g = Y((Z) => Z.dashboard.aiContext), p = M((Z) => Z.card.dataSource), y = M((Z) => Z.actions.setCardSql), f = M((Z) => Z.actions.setRunSql), b = M((Z) => Z.showAIDialog), v = Y(
     (Z) => Z.handleOpenAssistantProfile
-  ), { setShowAIDialog: N, setCardPython: w } = se(), { setDataSource: z } = se(), { assistantProfile: M } = Go(), {
+  ), { setShowAIDialog: N, setCardPython: w } = se(), { setDataSource: z } = se(), { assistantProfile: E } = Go(), {
     messages: S,
     setMessages: C,
     reload: T,
@@ -12604,11 +12604,11 @@ function wr() {
   }), Te(() => {
     var Z;
     b && ((Z = a.current) == null || Z.focus(), m({
-      selectedEntities: (f == null ? void 0 : f.selectedEntities) || []
+      selectedEntities: (p == null ? void 0 : p.selectedEntities) || []
     }));
-  }, [b, f, m]);
+  }, [b, p, m]);
   function B(Z, ee) {
-    ee === "sql" ? (y(Z), p(!0)) : ee === "python" && (w(Z), p(!0));
+    ee === "sql" ? (y(Z), f(!0)) : ee === "python" && (w(Z), f(!0));
   }
   function U() {
     var Z;
@@ -12698,7 +12698,7 @@ function wr() {
                   size: "sm",
                   className: "h-7 p-2",
                   onClick: v,
-                  children: (M == null ? void 0 : M.name) || "Default Profile"
+                  children: (E == null ? void 0 : E.name) || "Default Profile"
                 }
               ),
               /* @__PURE__ */ s("div", { "data-role": "header-actions", className: "flex items-center gap-2", children: [
@@ -12766,17 +12766,17 @@ function wr() {
           }
         ),
         /* @__PURE__ */ s("div", { className: "mb-3", children: [
-          q && !M && /* @__PURE__ */ e(
+          q && !E && /* @__PURE__ */ e(
             Wo,
             {
               onClick: ae,
               placeholders: Pm
             }
           ),
-          /* @__PURE__ */ e("div", { children: q && M && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { children: q && E && /* @__PURE__ */ e(
             Yo,
             {
-              seedQuestions: M.seedQuestions || [],
+              seedQuestions: E.seedQuestions || [],
               handleSeedQuestionClick: $
             }
           ) })
@@ -12811,10 +12811,10 @@ function wr() {
         /* @__PURE__ */ e(
           gl,
           {
-            incomingSelectedEntities: (f == null ? void 0 : f.selectedEntities) || [],
+            incomingSelectedEntities: (p == null ? void 0 : p.selectedEntities) || [],
             open: d,
             onOpenChange: u,
-            dataSource: f || ca,
+            dataSource: p || ca,
             fallbackDataSource: ca,
             dialogMode: "aiContext"
           }
@@ -12873,7 +12873,7 @@ const Ks = (t) => {
     removeMetricColumn: i,
     removePivotByColumn: d,
     removeSortByColumn: u
-  } = se(), h = E((F) => F.card.type), m = t == null ? void 0 : t.id, g = me(
+  } = se(), h = M((F) => F.card.type), m = t == null ? void 0 : t.id, g = me(
     (F) => {
       if (!(t != null && t.config)) return [];
       switch (F) {
@@ -12929,7 +12929,7 @@ const Ks = (t) => {
       }
     },
     [t]
-  ), f = me(
+  ), p = me(
     (F, I) => {
       if (m)
         switch (F) {
@@ -12994,7 +12994,7 @@ const Ks = (t) => {
       l,
       o
     ]
-  ), p = me(
+  ), f = me(
     (F, I) => {
       if (!m) return;
       const x = g("metrics")[F];
@@ -13051,7 +13051,7 @@ const Ks = (t) => {
       m && a(m, { comparisonType: F });
     },
     [m, a]
-  ), M = me(
+  ), E = me(
     (F) => {
       m && a(m, { showTrendline: F });
     },
@@ -13094,13 +13094,13 @@ const Ks = (t) => {
       ), _ = g(O);
       if (as(F, _)) return;
       const j = Ka(F, O);
-      j && f(O, [..._, j]);
+      j && p(O, [..._, j]);
     },
     [
       m,
       (D = t == null ? void 0 : t.config) == null ? void 0 : D.joinPlan,
       g,
-      f
+      p
     ]
   ), R = me(
     (F, I) => {
@@ -13143,9 +13143,9 @@ const Ks = (t) => {
   );
   return {
     getFieldsForContainer: g,
-    setFieldsForContainer: f,
+    setFieldsForContainer: p,
     updateLabel: y,
-    handleAggregationChange: p,
+    handleAggregationChange: f,
     handleDateFormatChange: b,
     handleGranularityChange: v,
     handleAliasTemplateChange: N,
@@ -13154,7 +13154,7 @@ const Ks = (t) => {
     handleFieldClick: k,
     // KPI-specific handlers
     handleKpiComparisonTypeChange: z,
-    handleKpiShowTrendlineChange: M,
+    handleKpiShowTrendlineChange: E,
     handleKpiTrendlineWindowChange: S,
     handleKpiTrendlineGranularityChange: C,
     handleKpiTargetValueChange: T,
@@ -13180,14 +13180,14 @@ function Um({ field: t }) {
     transform: l,
     transition: o,
     isDragging: c
-  } = yn({ id: t.id }), [i, d] = P(!1), u = E((y) => y.card), { handleFieldClick: h } = Ks(u), m = {
+  } = yn({ id: t.id }), [i, d] = P(!1), u = M((y) => y.card), { handleFieldClick: h } = Ks(u), m = {
     transform: At.Transform.toString(l),
     transition: o
   };
   et(t.dataType);
   const g = (y) => {
-    const p = (y || "").toLowerCase();
-    switch (et(p)) {
+    const f = (y || "").toLowerCase();
+    switch (et(f)) {
       case "number":
         return Tn;
       case "date":
@@ -13201,8 +13201,8 @@ function Um({ field: t }) {
       default:
         return On;
     }
-  }, f = (y) => {
-    const p = (y || "").toLowerCase(), b = et(p);
+  }, p = (y) => {
+    const f = (y || "").toLowerCase(), b = et(f);
     return b === "string" ? /* @__PURE__ */ e("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-sm bg-blue-100 text-xs text-blue-700 dark:bg-blue-950 dark:text-blue-300", children: /* @__PURE__ */ e(On, { className: "h-3 w-3" }) }) : b === "number" ? /* @__PURE__ */ e("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-sm bg-green-100 text-xs text-green-700 dark:bg-green-950 dark:text-green-300", children: /* @__PURE__ */ e(Tn, { className: "h-3 w-3" }) }) : b === "date" ? /* @__PURE__ */ e("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-sm bg-purple-100 text-xs text-purple-700 dark:bg-purple-950 dark:text-purple-300", children: /* @__PURE__ */ e(on, { className: "h-3 w-3" }) }) : b === "boolean" ? /* @__PURE__ */ e("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-sm bg-orange-100 text-xs text-orange-700 dark:bg-orange-950 dark:text-orange-300", children: /* @__PURE__ */ e(ua, { className: "h-3 w-3" }) }) : b === "json" ? /* @__PURE__ */ e("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-sm bg-gray-100 text-xs text-gray-700 dark:bg-gray-950 dark:text-gray-300", children: /* @__PURE__ */ e(ur, { className: "h-3 w-3" }) }) : b === "geo" ? /* @__PURE__ */ e("div", { className: "bg-orange -100 flex size-6 shrink-0 items-center justify-center rounded-sm text-xs text-orange-700 dark:bg-orange-950 dark:text-orange-300", children: /* @__PURE__ */ e(mr, { className: "h-3 w-3" }) }) : b === "calculated" ? /* @__PURE__ */ e("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-sm bg-gray-100 text-xs text-gray-700 dark:bg-gray-950 dark:text-gray-300", children: /* @__PURE__ */ e(Nl, { className: "h-3 w-3" }) }) : null;
   };
   return g(t.dataType), /* @__PURE__ */ s(
@@ -13220,7 +13220,7 @@ function Um({ field: t }) {
             className: "flex min-w-0 items-center gap-3 p-2",
             onClick: () => h(t),
             children: [
-              f(t.dataType),
+              p(t.dataType),
               /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ s(Ue, { children: [
                 /* @__PURE__ */ e(qe, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e(
                   "span",
@@ -13278,7 +13278,7 @@ function Um({ field: t }) {
   );
 }
 function Bm() {
-  const [t, a] = P(""), [n, r] = P("all"), l = E((w) => w.card.dataSource), {
+  const [t, a] = P(""), [n, r] = P("all"), l = M((w) => w.card.dataSource), {
     columns: o = [],
     columnGroups: c = [],
     isLoading: i,
@@ -13293,12 +13293,12 @@ function Bm() {
   }, g = (n === "all" ? u : u.filter(
     (w) => h(w) === n
   )).reduce((w, z) => {
-    const M = z.qualifiedEntityName || "Other Fields";
-    return w[M] || (w[M] = {
+    const E = z.qualifiedEntityName || "Other Fields";
+    return w[E] || (w[E] = {
       label: ec(z.entityName),
       fields: []
-    }), w[M].fields.push(z), w;
-  }, {}), y = Object.keys(g), p = u.filter(
+    }), w[E].fields.push(z), w;
+  }, {}), y = Object.keys(g), f = u.filter(
     (w) => h(w) === "dimensions"
   ).length, b = u.filter(
     (w) => h(w) === "metrics"
@@ -13345,7 +13345,7 @@ function Bm() {
             ] }),
             /* @__PURE__ */ s(Le, { value: "dimensions", className: "text-xs", children: [
               /* @__PURE__ */ e(tc, { className: "size-4 shrink-0" }),
-              /* @__PURE__ */ e("span", { className: "ml-2 text-xs font-semibold", children: p })
+              /* @__PURE__ */ e("span", { className: "ml-2 text-xs font-semibold", children: f })
             ] }),
             /* @__PURE__ */ s(Le, { value: "metrics", className: "text-xs", children: [
               /* @__PURE__ */ e(os, { className: "size-4 shrink-0" }),
@@ -13367,7 +13367,7 @@ function Bm() {
           defaultValue: y,
           className: "space-y-2",
           children: Object.entries(g).map(([w, z]) => {
-            const M = c.find((S) => S.entityName === w) || {
+            const E = c.find((S) => S.entityName === w) || {
               entityName: w,
               label: z.label
             };
@@ -13378,7 +13378,7 @@ function Bm() {
                 className: "border-none",
                 children: [
                   /* @__PURE__ */ e(Se, { className: "group rounded-md px-2.5 py-2 text-muted-foreground hover:bg-muted hover:no-underline", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ e("span", { className: "text-sm font-medium text-primary", children: M.label || M.entityName }),
+                    /* @__PURE__ */ e("span", { className: "text-sm font-medium text-primary", children: E.label || E.entityName }),
                     /* @__PURE__ */ e(
                       ie,
                       {
@@ -13692,7 +13692,7 @@ function Gm({
   onCancel: l
 }) {
   const { setCardConfig: o } = se();
-  E((D) => D.card.config);
+  M((D) => D.card.config);
   const { columnGroups: c } = Sa(), {
     joinPlan: i,
     expandedJoins: d,
@@ -13700,15 +13700,15 @@ function Gm({
     addJoin: h,
     removeJoin: m,
     updateJoin: g,
-    moveJoinUp: f,
+    moveJoinUp: p,
     moveJoinDown: y,
-    toggleJoinExpansion: p,
+    toggleJoinExpansion: f,
     getAvailableSourceEntities: b,
     getAvailableTargetEntities: v,
     addJoinKeyGroup: N,
     updateGroupOperator: w,
     removeJoinKeyGroup: z,
-    addJoinKey: M,
+    addJoinKey: E,
     updateJoinKey: S,
     removeJoinKey: C,
     generateSQLPreview: T,
@@ -13807,7 +13807,7 @@ function Gm({
                 {
                   variant: "ghost",
                   size: "sm",
-                  onClick: () => f(D.id),
+                  onClick: () => p(D.id),
                   disabled: D.sequence === 1,
                   children: /* @__PURE__ */ e(Ca, { className: "h-4 w-4" })
                 }
@@ -13827,7 +13827,7 @@ function Gm({
                 {
                   variant: "ghost",
                   size: "sm",
-                  onClick: () => p(D.id),
+                  onClick: () => f(D.id),
                   children: A ? /* @__PURE__ */ e(hl, { className: "h-4 w-4" }) : /* @__PURE__ */ e(fn, { className: "h-4 w-4" })
                 }
               ),
@@ -14238,7 +14238,7 @@ function Gm({
                           variant: "outline",
                           size: "sm",
                           className: "mt-2",
-                          onClick: () => M(D.id, O),
+                          onClick: () => E(D.id, O),
                           children: [
                             /* @__PURE__ */ e(ze, { className: "mr-1 h-3 w-3" }),
                             " Add Condition"
@@ -14397,7 +14397,7 @@ function Hm({
 }
 function Km() {
   var h, m;
-  const t = E((g) => g.card), a = E(
+  const t = M((g) => g.card), a = M(
     (g) => g.actions.updateCardConfig
   ), n = ((h = t == null ? void 0 : t.config) == null ? void 0 : h.joinPlan) || {
     baseEntity: {
@@ -14424,30 +14424,30 @@ function Km() {
     l(!1);
   }, u = () => {
     const g = [...n.joins].sort(
-      (p, b) => p.sequence - b.sequence
-    ), f = n.baseEntity;
-    if (!f.name)
+      (f, b) => f.sequence - b.sequence
+    ), p = n.baseEntity;
+    if (!p.name)
       return "SELECT * FROM table -- Please select a base entity";
     let y = `SELECT *
-FROM ${f.name}`;
-    return g.forEach((p) => {
+FROM ${p.name}`;
+    return g.forEach((f) => {
       const b = o.find(
-        (w) => w.name === p.target.name
+        (w) => w.name === f.target.name
       );
       if (!b) return;
-      const v = p.joinKeyGroups.filter((w) => w.keys && w.keys.length > 0).map((w) => {
+      const v = f.joinKeyGroups.filter((w) => w.keys && w.keys.length > 0).map((w) => {
         const z = w.keys.filter(
-          (M) => {
+          (E) => {
             var S, C, T, k;
-            return ((S = M.source) == null ? void 0 : S.name) && ((C = M.target) == null ? void 0 : C.name) && ((T = M.source) == null ? void 0 : T.entityName) && ((k = M.target) == null ? void 0 : k.entityName);
+            return ((S = E.source) == null ? void 0 : S.name) && ((C = E.target) == null ? void 0 : C.name) && ((T = E.source) == null ? void 0 : T.entityName) && ((k = E.target) == null ? void 0 : k.entityName);
           }
         ).map(
-          (M) => `${M.source.entityName}.${M.source.name} ${M.operator} ${M.target.entityName}.${M.target.name}`
+          (E) => `${E.source.entityName}.${E.source.name} ${E.operator} ${E.target.entityName}.${E.target.name}`
         );
         return z.length > 1 ? `(${z.join(` ${w.operator} `)})` : z[0];
       }).filter(Boolean), N = v.length > 1 ? v.join(" OR ") : v[0] || "condition_here";
       y += `
-${p.joinType} JOIN ${b.name}
+${f.joinType} JOIN ${b.name}
   ON ${N}`;
     }), y;
   };
@@ -14606,17 +14606,19 @@ function Ym({
   isVisible: t,
   onToggleVisibility: a
 }) {
-  const [n, r] = P(!1), [l, o] = P(!0), c = E((h) => h.card.dataSource), { updateDataSource: i } = se(), d = {
+  const n = M((p) => p.isDevMode), r = M((p) => p.card.connectionId), l = Y((p) => p.isVisualEditing), [o, c] = P(!1), [i, d] = P(!0), u = M((p) => p.card.dataSource), { updateDataSource: h } = se(), m = {
     connectionId: "",
     connectionType: "",
     mode: "database",
     selectedEntities: []
-  }, u = {
-    ...d,
-    ...c,
-    selectedEntities: (c == null ? void 0 : c.selectedEntities) || []
+  }, g = {
+    ...m,
+    ...u,
+    selectedEntities: (u == null ? void 0 : u.selectedEntities) || []
   };
-  return /* @__PURE__ */ s(
+  return Te(() => {
+    l && (n || (!r || !u) && c(!0));
+  }, [u, r, n, l]), /* @__PURE__ */ s(
     "div",
     {
       className: G(
@@ -14635,17 +14637,25 @@ function Ym({
                 "div",
                 {
                   className: G("p-4 px-6", {
-                    "pb-0": !l
+                    "pb-0": !i
                   }),
                   children: /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-between", children: [
                     /* @__PURE__ */ s(
                       "div",
                       {
                         className: "flex cursor-pointer items-center gap-2",
-                        onClick: () => o(!l),
                         children: [
-                          l ? /* @__PURE__ */ e(fn, { className: "h-4 w-4" }) : /* @__PURE__ */ e(ac, { className: "h-4 w-4" }),
-                          /* @__PURE__ */ e("h2", { className: "text-brand-100 font-semibold", children: "Data Source" })
+                          /* @__PURE__ */ e("h2", { className: "text-brand-100 font-semibold", children: "Data Source" }),
+                          /* @__PURE__ */ e(
+                            V,
+                            {
+                              variant: "ghost",
+                              size: "sm",
+                              onClick: () => d(!i),
+                              className: "h-6 w-6 p-0",
+                              children: i ? /* @__PURE__ */ e(fn, { className: "h-4 w-4" }) : /* @__PURE__ */ e(ac, { className: "h-4 w-4" })
+                            }
+                          )
                         ]
                       }
                     ),
@@ -14667,7 +14677,7 @@ function Ym({
                           size: "sm",
                           variant: "outline",
                           className: "h-7",
-                          onClick: () => r(!0),
+                          onClick: () => c(!0),
                           children: [
                             /* @__PURE__ */ e(ze, { className: "mr-1 h-3.5 w-3.5" }),
                             "Add"
@@ -14681,29 +14691,29 @@ function Ym({
               /* @__PURE__ */ s(
                 "div",
                 {
-                  className: `overflow-hidden px-6 ${l ? "max-h-96 space-y-4" : "max-h-0 py-0 opacity-0"}`,
+                  className: `overflow-hidden px-6 ${i ? "max-h-96 space-y-4" : "max-h-0 py-0 opacity-0"}`,
                   children: [
-                    u.selectedEntities.length > 0 && /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ s("div", { className: "flex flex-wrap gap-1", children: [
-                      u.selectedEntities.slice(0, 3).map((h, m) => /* @__PURE__ */ s(Ue, { children: [
+                    g.selectedEntities.length > 0 && /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ s("div", { className: "flex flex-wrap gap-1", children: [
+                      g.selectedEntities.slice(0, 3).map((p, y) => /* @__PURE__ */ s(Ue, { children: [
                         /* @__PURE__ */ e(qe, { asChild: !0, children: /* @__PURE__ */ s(
                           ie,
                           {
                             variant: "secondary",
                             className: "group relative cursor-pointer pr-6 text-xs transition-colors hover:border-red-200 hover:bg-red-50 dark:hover:border-red-800 dark:hover:bg-red-950",
                             children: [
-                              ks(h),
+                              ks(p),
                               /* @__PURE__ */ e(
                                 "button",
                                 {
-                                  onClick: (g) => {
-                                    g.stopPropagation();
-                                    const f = u.selectedEntities.filter(
-                                      (y) => !(y.name === h.name && y.type === h.type)
+                                  onClick: (f) => {
+                                    f.stopPropagation();
+                                    const b = g.selectedEntities.filter(
+                                      (v) => !(v.name === p.name && v.type === p.type)
                                     );
-                                    i({
-                                      ...d,
-                                      ...c,
-                                      selectedEntities: f
+                                    h({
+                                      ...m,
+                                      ...u,
+                                      selectedEntities: b
                                     });
                                   },
                                   className: "absolute right-1 top-1/2 -translate-y-1/2 rounded-full p-0.5 hover:bg-red-100",
@@ -14713,18 +14723,18 @@ function Ym({
                             ]
                           }
                         ) }),
-                        /* @__PURE__ */ e(Jm, { entity: h })
-                      ] }, `${h.type}-${h.name}-${m}`)),
-                      u.selectedEntities.length > 3 && /* @__PURE__ */ s(Ue, { children: [
+                        /* @__PURE__ */ e(Jm, { entity: p })
+                      ] }, `${p.type}-${p.name}-${y}`)),
+                      g.selectedEntities.length > 3 && /* @__PURE__ */ s(Ue, { children: [
                         /* @__PURE__ */ e(qe, { asChild: !0, children: /* @__PURE__ */ s(ie, { variant: "outline", className: "text-xs", children: [
                           "+",
-                          u.selectedEntities.length - 3,
+                          g.selectedEntities.length - 3,
                           " more"
                         ] }) }),
                         /* @__PURE__ */ e(
                           Wm,
                           {
-                            entities: u.selectedEntities.slice(3)
+                            entities: g.selectedEntities.slice(3)
                           }
                         )
                       ] })
@@ -14740,12 +14750,12 @@ function Ym({
         /* @__PURE__ */ e(
           gl,
           {
-            incomingSelectedEntities: (c == null ? void 0 : c.selectedEntities) || [],
+            incomingSelectedEntities: (u == null ? void 0 : u.selectedEntities) || [],
             dialogMode: "dataSource",
-            open: n,
-            onOpenChange: r,
-            dataSource: u,
-            fallbackDataSource: d
+            open: o,
+            onOpenChange: c,
+            dataSource: g,
+            fallbackDataSource: m
           }
         )
       ]
@@ -14841,14 +14851,14 @@ function Xm({
   var S;
   const [n, r] = P([]), [l, o] = P(!1), { data: c } = Vs();
   Zm();
-  const d = ((S = E((C) => C.card).customCardPreferences) == null ? void 0 : S.url) || "";
+  const d = ((S = M((C) => C.card).customCardPreferences) == null ? void 0 : S.url) || "";
   Rs(d);
-  const { setCardType: u, setCardPreferences: h, setIsDevMode: m } = E(
+  const { setCardType: u, setCardPreferences: h, setIsDevMode: m } = M(
     (C) => C.actions
-  ), { setCardCustomCfg: g, setCustomCardPreferences: f, setQueryConfig: y } = se(), [p, b] = ys("chart-section-active", null), v = $e(() => p ? [
-    p,
-    ...Dr.filter((C) => C !== p)
-  ] : Dr, [p]);
+  ), { setCardCustomCfg: g, setCustomCardPreferences: p, setQueryConfig: y } = se(), [f, b] = ys("chart-section-active", null), v = $e(() => f ? [
+    f,
+    ...Dr.filter((C) => C !== f)
+  ] : Dr, [f]);
   Te(() => {
     (async () => {
       if (c) {
@@ -14882,7 +14892,7 @@ function Xm({
     g(null), h({}), u(C), ["custom", "text", "map"].includes(C) && (m(!0), y(void 0)), a(C), o(!1);
   }
   function w(C) {
-    g(null), h({}), u("custom"), f({
+    g(null), h({}), u("custom"), p({
       type: "component",
       visualType: "single",
       url: C.url,
@@ -14894,7 +14904,7 @@ function Xm({
   const z = () => {
     var T;
     if (t === "custom") {
-      const k = E.getState().card;
+      const k = M.getState().card;
       return ((T = k == null ? void 0 : k.customCardPreferences) == null ? void 0 : T.componentName) || "Custom Visual";
     }
     const C = la.find((k) => k.id === t);
@@ -14913,7 +14923,7 @@ function Xm({
             (() => {
               var T, k;
               if (t === "custom") {
-                const R = E.getState().card, D = (T = R == null ? void 0 : R.customCardPreferences) == null ? void 0 : T.icon, F = (k = R == null ? void 0 : R.customCardPreferences) == null ? void 0 : k.componentName;
+                const R = M.getState().card, D = (T = R == null ? void 0 : R.customCardPreferences) == null ? void 0 : T.icon, F = (k = R == null ? void 0 : R.customCardPreferences) == null ? void 0 : k.componentName;
                 if (D && F)
                   return /* @__PURE__ */ e(eh, { icon: D, componentName: F });
                 if (F) {
@@ -14955,7 +14965,7 @@ function Xm({
                     /* @__PURE__ */ e(
                       aa,
                       {
-                        checked: p === "default",
+                        checked: f === "default",
                         onCheckedChange: (T) => b(T ? "default" : null),
                         className: "scale-75"
                       }
@@ -14996,7 +15006,7 @@ function Xm({
                     /* @__PURE__ */ e(
                       aa,
                       {
-                        checked: p === "standardPlugin",
+                        checked: f === "standardPlugin",
                         onCheckedChange: (k) => b(
                           k ? "standardPlugin" : null
                         ),
@@ -15039,7 +15049,7 @@ function Xm({
                     /* @__PURE__ */ e(
                       aa,
                       {
-                        checked: p === "customPlugin",
+                        checked: f === "customPlugin",
                         onCheckedChange: (k) => b(k ? "customPlugin" : null),
                         className: "scale-75"
                       }
@@ -15081,7 +15091,7 @@ function th({
   onAliasTemplateChange: a
 }) {
   var d;
-  const [n, r] = P(t), [l, o] = P(!1), c = (d = E((u) => {
+  const [n, r] = P(t), [l, o] = P(!1), c = (d = M((u) => {
     var h;
     return (h = u.card.config) == null ? void 0 : h.pivotByColumns;
   })) == null ? void 0 : d[0], i = c ? `e.g. Min Sales in {{${c.name}}}` : "e.g. Min Sales in {{region}}";
@@ -15152,7 +15162,7 @@ function nh({
   return /* @__PURE__ */ s("div", { className: "space-y-1", children: [
     /* @__PURE__ */ e(Q, { className: "text-xs font-medium text-muted-foreground", children: "Pivot Value Aliases" }),
     /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-      Object.entries(t).map(([m, g], f) => /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n === m ? /* @__PURE__ */ s(ne, { children: [
+      Object.entries(t).map(([m, g], p) => /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n === m ? /* @__PURE__ */ s(ne, { children: [
         /* @__PURE__ */ e(
           Re,
           {
@@ -15241,7 +15251,7 @@ function nh({
             children: /* @__PURE__ */ e(Ne, { className: "h-3 w-3" })
           }
         )
-      ] }) }, m + f)),
+      ] }) }, m + p)),
       /* @__PURE__ */ s(
         V,
         {
@@ -15337,20 +15347,20 @@ function ah({
     transform: h,
     transition: m,
     isDragging: g
-  } = yn({ id: t.id }), f = E((ce) => ce.card), {
+  } = yn({ id: t.id }), p = M((ce) => ce.card), {
     updateLabel: y,
-    handleAggregationChange: p,
+    handleAggregationChange: f,
     handleDateFormatChange: b,
     handleGranularityChange: v,
     handleAliasTemplateChange: N,
     handleValueAliasesChange: w,
     removeField: z,
-    handleKpiComparisonTypeChange: M,
+    handleKpiComparisonTypeChange: E,
     handleKpiShowTrendlineChange: S,
     handleKpiTrendlineWindowChange: C,
     handleKpiTrendlineGranularityChange: T,
     handleKpiTargetValueChange: k
-  } = Ks(f), [R, D] = P(!1), [F, I] = P(
+  } = Ks(p), [R, D] = P(!1), [F, I] = P(
     t.dateFormat || "YYYY-MM-DD"
   ), [A, x] = P(t.customFormat || ""), [O, _] = P(!!t.customFormat), [j, B] = P(
     t.granularity || "day"
@@ -15386,7 +15396,7 @@ function ah({
     { value: "YYYY-MM", label: "2024-01 (YYYY-MM)" },
     { value: "MMMM YYYY", label: "January 2024 (MMMM YYYY)" },
     { value: "custom", label: "Custom Format..." }
-  ], L = !Oe && a !== "pivotBy", re = he && a === "groupBy", Ie = !Oe && he && a === "groupBy", bt = Oe && he && a === "groupBy", _t = Oe && a === "metrics" && ((Ys = f.config) == null ? void 0 : Ys.comparisonType) === "target", fe = a === "metrics", _e = () => /* @__PURE__ */ e(
+  ], L = !Oe && a !== "pivotBy", re = he && a === "groupBy", Ie = !Oe && he && a === "groupBy", bt = Oe && he && a === "groupBy", _t = Oe && a === "metrics" && ((Ys = p.config) == null ? void 0 : Ys.comparisonType) === "target", fe = a === "metrics", _e = () => /* @__PURE__ */ e(
     "div",
     {
       onPointerDown: (ce) => {
@@ -15458,8 +15468,8 @@ function ah({
         /* @__PURE__ */ s(
           ge,
           {
-            value: ((ce = f.config) == null ? void 0 : ce.comparisonType) || "none",
-            onValueChange: M,
+            value: ((ce = p.config) == null ? void 0 : ce.comparisonType) || "none",
+            onValueChange: E,
             children: [
               /* @__PURE__ */ e(ye, { className: "h-8 w-full text-xs", children: /* @__PURE__ */ e(ve, { placeholder: "Select comparison type..." }) }),
               /* @__PURE__ */ s(xe, { children: [
@@ -15477,12 +15487,12 @@ function ah({
         /* @__PURE__ */ e(
           Na,
           {
-            checked: ((Nt = f.config) == null ? void 0 : Nt.showTrendline) || !1,
+            checked: ((Nt = p.config) == null ? void 0 : Nt.showTrendline) || !1,
             onCheckedChange: S
           }
         )
       ] }) }),
-      ((tn = f.config) == null ? void 0 : tn.showTrendline) && /* @__PURE__ */ s(ne, { children: [
+      ((tn = p.config) == null ? void 0 : tn.showTrendline) && /* @__PURE__ */ s(ne, { children: [
         /* @__PURE__ */ s("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e(Q, { className: "text-xs font-medium text-muted-foreground", children: "Trendline Window" }),
           /* @__PURE__ */ e(
@@ -15491,7 +15501,7 @@ function ah({
               type: "number",
               min: "1",
               max: "365",
-              value: ((Qs = f.config) == null ? void 0 : Qs.trendlineWindow) || 30,
+              value: ((Qs = p.config) == null ? void 0 : Qs.trendlineWindow) || 30,
               onChange: (wi) => {
                 const Si = parseInt(wi.target.value) || 30;
                 C(Si);
@@ -15506,7 +15516,7 @@ function ah({
           /* @__PURE__ */ s(
             ge,
             {
-              value: ((Zs = f.config) == null ? void 0 : Zs.trendlineGranularity) || "day",
+              value: ((Zs = p.config) == null ? void 0 : Zs.trendlineGranularity) || "day",
               onValueChange: T,
               children: [
                 /* @__PURE__ */ e(ye, { className: "h-8 w-full text-xs", children: /* @__PURE__ */ e(ve, { placeholder: "Select granularity..." }) }),
@@ -15528,7 +15538,7 @@ function ah({
       /* @__PURE__ */ e(
         Tr,
         {
-          value: ((ce = f.config) == null ? void 0 : ce.targetValue) !== void 0 && ((Nt = f.config) == null ? void 0 : Nt.targetValue) !== null ? String(f.config.targetValue) : "",
+          value: ((ce = p.config) == null ? void 0 : ce.targetValue) !== void 0 && ((Nt = p.config) == null ? void 0 : Nt.targetValue) !== null ? String(p.config.targetValue) : "",
           onSave: (tn) => {
             !isNaN(Number(tn)) && tn !== null ? k(Number(tn)) : k(0);
           },
@@ -15545,7 +15555,7 @@ function ah({
         {
           value: t.aggregate,
           onValueChange: (ce) => {
-            p(n, ce);
+            f(n, ce);
           },
           children: [
             /* @__PURE__ */ e(ye, { className: "h-8 w-full text-xs", children: /* @__PURE__ */ e(ve, { placeholder: "Select function..." }) }),
@@ -15756,15 +15766,15 @@ function na({
 }) {
   const { isOver: c, setNodeRef: i } = Ss({
     id: t
-  }), { updateSortByColumn: d } = se(), u = E((y) => y.card), h = E((y) => y.card.type), m = a.length > 0, g = (y, p) => {
+  }), { updateSortByColumn: d } = se(), u = M((y) => y.card), h = M((y) => y.card.type), m = a.length > 0, g = (y, f) => {
     var v;
     !((v = u.config) != null && v.sortByColumns) || u.config.sortByColumns.findIndex(
       (N) => N.id === y
-    ) === -1 || d(u.id, y, { direction: p });
+    ) === -1 || d(u.id, y, { direction: f });
   };
   if (t === "sortBy" && l === !1)
     return null;
-  const f = t !== "sortBy" && h !== "kpi";
+  const p = t !== "sortBy" && h !== "kpi";
   return /* @__PURE__ */ s("div", { className: "mb-4", children: [
     /* @__PURE__ */ s("div", { className: "mb-2 flex items-center gap-2", children: [
       /* @__PURE__ */ e(
@@ -15778,7 +15788,7 @@ function na({
           children: n
         }
       ),
-      f && /* @__PURE__ */ e(sh, { concept: t })
+      p && /* @__PURE__ */ e(sh, { concept: t })
     ] }),
     /* @__PURE__ */ e(
       "div",
@@ -15790,7 +15800,7 @@ function na({
           {
             items: a.map((y) => y.id),
             strategy: kn,
-            children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: a.map((y, p) => {
+            children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: a.map((y, f) => {
               const v = y.direction;
               return /* @__PURE__ */ e(
                 "div",
@@ -15801,7 +15811,7 @@ function na({
                     {
                       field: y,
                       zone: t,
-                      index: p,
+                      index: f,
                       sortDirection: v,
                       onSortDirectionChange: (N) => g(y.id, N),
                       hasPivotColumns: o,
@@ -15824,7 +15834,7 @@ function rh({
   metricsFields: n,
   sortByFields: r
 }) {
-  const l = E((m) => m.card), o = l == null ? void 0 : l.type, c = t.length > 0 || n.length > 0, i = o !== "kpi", d = o !== "kpi" && c, u = () => o === "kpi" ? {
+  const l = M((m) => m.card), o = l == null ? void 0 : l.type, c = t.length > 0 || n.length > 0, i = o !== "kpi", d = o !== "kpi" && c, u = () => o === "kpi" ? {
     label: "Trend By",
     placeholder: "Drop fields to trend data"
   } : {
@@ -15885,14 +15895,14 @@ function lh({
   metricsFields: l,
   sortByFields: o
 }) {
-  const c = E((m) => m.showAIDialog), i = n.length > 0 || r.length > 0 || l.length > 0, { setShowAIDialog: d } = se(), u = E((m) => m.card), { data: h } = Fe(u);
+  const c = M((m) => m.showAIDialog), i = n.length > 0 || r.length > 0 || l.length > 0, { setShowAIDialog: d } = se(), u = M((m) => m.card), { data: h } = Fe(u);
   return /* @__PURE__ */ s(
     "div",
     {
       "data-content": "Chart Configuration Panel",
       className: "flex w-96 flex-col",
       children: [
-        /* @__PURE__ */ s("div", { className: "space-y-4 px-6 py-4", children: [
+        /* @__PURE__ */ s("div", { className: "space-y-4 px-6 pt-4", children: [
           /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("h2", { className: "font-semibold", children: "Chart Configuration" }) }),
           /* @__PURE__ */ e(
             Xm,
@@ -15947,7 +15957,7 @@ function ih({
       groups: []
     }
   );
-  E((M) => M.card.dataSource);
+  M((E) => E.card.dataSource);
   const { columns: l, isLoading: o } = Sa(), i = a || l || [], d = {
     id: "default",
     name: "default",
@@ -15956,9 +15966,9 @@ function ih({
     entityId: "default",
     entityName: "Default",
     entityType: "table"
-  }, u = (M) => {
+  }, u = (E) => {
     const S = (C) => {
-      if (C.id === M) {
+      if (C.id === E) {
         const T = i[0] || d;
         return {
           ...C,
@@ -15979,9 +15989,9 @@ function ih({
       };
     };
     r(S(n));
-  }, h = (M) => {
+  }, h = (E) => {
     const S = (C) => {
-      if (C.id === M) {
+      if (C.id === E) {
         const T = i[0] || d;
         return {
           ...C,
@@ -16010,8 +16020,8 @@ function ih({
       };
     };
     r(S(n));
-  }, m = (M, S) => {
-    const C = (T) => T.id === M ? {
+  }, m = (E, S) => {
+    const C = (T) => T.id === E ? {
       ...T,
       conditions: T.conditions.filter((k) => k.id !== S)
     } : {
@@ -16019,8 +16029,8 @@ function ih({
       groups: T.groups.map(C)
     };
     r(C(n));
-  }, g = (M, S) => {
-    const C = (T) => T.id === M ? {
+  }, g = (E, S) => {
+    const C = (T) => T.id === E ? {
       ...T,
       groups: T.groups.filter((k) => k.id !== S)
     } : {
@@ -16028,12 +16038,12 @@ function ih({
       groups: T.groups.map(C)
     };
     r(C(n));
-  }, f = (M, S, C, T) => {
+  }, p = (E, S, C, T) => {
     if (C === "field")
       throw new Error(
         "Use a dedicated method to update the field property with a Field object"
       );
-    const k = (R) => R.id === M ? {
+    const k = (R) => R.id === E ? {
       ...R,
       conditions: R.conditions.map((D) => D.id === S ? {
         ...D,
@@ -16044,8 +16054,8 @@ function ih({
       groups: R.groups.map(k)
     };
     r(k(n));
-  }, y = (M, S, C) => {
-    const T = (k) => k.id === M ? {
+  }, y = (E, S, C) => {
+    const T = (k) => k.id === E ? {
       ...k,
       conditions: k.conditions.map((R) => R.id === S ? { ...R, ...C } : R)
     } : {
@@ -16053,8 +16063,8 @@ function ih({
       groups: k.groups.map(T)
     };
     r(T(n));
-  }, p = (M, S) => {
-    const C = (T) => T.id === M ? {
+  }, f = (E, S) => {
+    const C = (T) => T.id === E ? {
       ...T,
       logicalOperator: S
     } : {
@@ -16062,8 +16072,8 @@ function ih({
       groups: T.groups.map(C)
     };
     r(C(n));
-  }, b = (M, S) => {
-    const C = (T) => T.id === M ? {
+  }, b = (E, S) => {
+    const C = (T) => T.id === E ? {
       ...T,
       negate: S
     } : {
@@ -16071,8 +16081,8 @@ function ih({
       groups: T.groups.map(C)
     };
     r(C(n));
-  }, v = (M, S, C) => {
-    const T = (k) => k.id === M ? {
+  }, v = (E, S, C) => {
+    const T = (k) => k.id === E ? {
       ...k,
       conditions: Ja(k.conditions, S, C)
     } : {
@@ -16080,8 +16090,8 @@ function ih({
       groups: k.groups.map(T)
     };
     r(T(n));
-  }, N = (M, S, C) => {
-    const T = (k) => k.id === M ? {
+  }, N = (E, S, C) => {
+    const T = (k) => k.id === E ? {
       ...k,
       groups: Ja(k.groups, S, C)
     } : {
@@ -16089,8 +16099,8 @@ function ih({
       groups: k.groups.map(T)
     };
     r(T(n));
-  }, w = (M) => {
-    if (!M || M.conditions.length === 0 && M.groups.length === 0)
+  }, w = (E) => {
+    if (!E || E.conditions.length === 0 && E.groups.length === 0)
       return "-- No filters defined";
     const S = (T) => {
       let k = "";
@@ -16128,7 +16138,7 @@ function ih({
       const F = D.join(` ${T.logicalOperator} `), I = D.length > 1 ? `(${F})` : F;
       return T.negate ? `NOT ${I}` : I;
     };
-    return C(M);
+    return C(E);
   }, z = n.conditions.length > 0 || n.groups.length > 0;
   return {
     currentFilters: n,
@@ -16139,9 +16149,9 @@ function ih({
     addGroup: h,
     removeCondition: m,
     removeGroup: g,
-    updateCondition: f,
+    updateCondition: p,
     updateConditionFields: y,
-    updateGroupOperator: p,
+    updateGroupOperator: f,
     updateGroupNegate: b,
     reorderConditions: v,
     reorderGroups: N,
@@ -16239,7 +16249,7 @@ function uh({
               ch(m[0].entityType),
               /* @__PURE__ */ e("span", { children: m[0].entityName })
             ] }),
-            m.map((g, f) => /* @__PURE__ */ s(
+            m.map((g, p) => /* @__PURE__ */ s(
               gn,
               {
                 value: g.id,
@@ -16263,7 +16273,7 @@ function uh({
                   ] })
                 ]
               },
-              g.id + f
+              g.id + p
             ))
           ] }, `${d}-${h}`))
         },
@@ -16274,7 +16284,7 @@ function uh({
 }
 function Ws(t) {
   var y;
-  const a = E((p) => p.card), { authToken: n } = Ee(), r = E((p) => p.card.config), l = r == null ? void 0 : r.joinPlan, o = {
+  const a = M((f) => f.card), { authToken: n } = Ee(), r = M((f) => f.card.config), l = r == null ? void 0 : r.joinPlan, o = {
     ...t,
     alias: t.name,
     // we need exact field name in the output for the filters to work.
@@ -16313,8 +16323,8 @@ function Ws(t) {
             cardDataSource: a.dataSource
           }
         );
-      } catch (p) {
-        console.log(t), console.error("error", p);
+      } catch (f) {
+        console.log(t), console.error("error", f);
       }
     },
     enabled: !!u,
@@ -16322,10 +16332,10 @@ function Ws(t) {
     refetchOnWindowFocus: !1
   });
   return { filterValues: ((h == null ? void 0 : h.records) || []).map(
-    (p) => ({
-      label: p[t.name] || "BLANK",
-      value: p[t.name] || "BLANK",
-      count: (p == null ? void 0 : p.count) || 0
+    (f) => ({
+      label: f[t.name] || "BLANK",
+      value: f[t.name] || "BLANK",
+      count: (f == null ? void 0 : f.count) || 0
     })
   ), isPending: m, error: g };
 }
@@ -16508,13 +16518,13 @@ function yi({
     listeners: h,
     setNodeRef: m,
     transform: g,
-    transition: f,
+    transition: p,
     isDragging: y
-  } = yn({ id: t.id }), { isPending: p, error: b } = Ws(
+  } = yn({ id: t.id }), { isPending: f, error: b } = Ws(
     t.field
   ), v = {
     transform: At.Transform.toString(g),
-    transition: f
+    transition: p
   };
   return /* @__PURE__ */ s(
     "div",
@@ -16583,7 +16593,7 @@ function yi({
             ]
           }
         ),
-        et(t.field.dataType) === "string" ? t.operator === "in" || t.operator === "not in" ? p ? /* @__PURE__ */ s("div", { className: "flex flex-1 items-center justify-center p-2 text-xs text-gray-500", children: [
+        et(t.field.dataType) === "string" ? t.operator === "in" || t.operator === "not in" ? f ? /* @__PURE__ */ s("div", { className: "flex flex-1 items-center justify-center p-2 text-xs text-gray-500", children: [
           /* @__PURE__ */ e(Me, { className: "mr-2 size-3.5 animate-spin" }),
           " Loading values..."
         ] }) : b ? /* @__PURE__ */ e("div", { className: "flex-1 p-2 text-xs text-red-500", children: "Error loading values" }) : /* @__PURE__ */ e(
@@ -16670,9 +16680,9 @@ function bh({
   onReorderGroups: h,
   onAddCondition: m,
   onAddGroup: g,
-  availableFields: f,
+  availableFields: p,
   renderFilterGroup: y,
-  updateConditionFields: p
+  updateConditionFields: f
 }) {
   const {
     attributes: b,
@@ -16680,7 +16690,7 @@ function bh({
     setNodeRef: N,
     transform: w,
     transition: z,
-    isDragging: M
+    isDragging: E
   } = yn({ id: t.id }), S = {
     transform: At.Transform.toString(w),
     transition: z
@@ -16706,7 +16716,7 @@ function bh({
     {
       ref: N,
       style: S,
-      className: `rounded-lg ${a > 0 ? "mt-2 border border-border" : ""} ${M ? "z-50 opacity-50" : ""}`,
+      className: `rounded-lg ${a > 0 ? "mt-2 border border-border" : ""} ${E ? "z-50 opacity-50" : ""}`,
       children: [
         a > 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between rounded-t-lg bg-muted p-2", children: [
           /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
@@ -16784,8 +16794,8 @@ function bh({
                       onUpdateField: i,
                       onRemoveCondition: d,
                       onUpdateGroupOperator: r,
-                      availableFields: f,
-                      updateConditionFields: p
+                      availableFields: p,
+                      updateConditionFields: f
                     },
                     k.id
                   ))
@@ -16865,9 +16875,9 @@ function Nh({
     removeCondition: h,
     removeGroup: m,
     updateCondition: g,
-    updateConditionFields: f,
+    updateConditionFields: p,
     updateGroupOperator: y,
-    updateGroupNegate: p,
+    updateGroupNegate: f,
     reorderConditions: b,
     reorderGroups: v,
     generateSQLPreview: N,
@@ -16876,7 +16886,7 @@ function Nh({
   } = ih({
     initialFilters: t,
     availableFields: a
-  }), M = Sn(
+  }), E = Sn(
     kt(da),
     kt(Ya, {
       coordinateGetter: Wa
@@ -16898,7 +16908,7 @@ function Nh({
     /* @__PURE__ */ e(
       cn,
       {
-        sensors: M,
+        sensors: E,
         collisionDetection: Dn,
         onDragEnd: (A) => {
           const { active: x, over: O } = A;
@@ -16928,7 +16938,7 @@ function Nh({
                 onRemoveCondition: h,
                 onUpdateGroupOperator: y,
                 availableFields: c,
-                updateConditionFields: f
+                updateConditionFields: p
               },
               A.id
             ))
@@ -16939,7 +16949,7 @@ function Nh({
     /* @__PURE__ */ e(
       cn,
       {
-        sensors: M,
+        sensors: E,
         collisionDetection: Dn,
         onDragEnd: (A) => {
           const { active: x, over: O } = A;
@@ -16999,7 +17009,7 @@ function Nh({
       depth: F,
       parentGroupId: I,
       onUpdateGroupOperator: y,
-      onUpdateGroupNegate: p,
+      onUpdateGroupNegate: f,
       onRemoveGroup: m,
       onUpdateCondition: g,
       onUpdateField: T,
@@ -17010,7 +17020,7 @@ function Nh({
       onAddGroup: u,
       availableFields: c,
       renderFilterGroup: k,
-      updateConditionFields: f
+      updateConditionFields: p
     },
     D.id
   ), R = gi(t);
@@ -17105,33 +17115,33 @@ function wh({
   getFieldsForContainer: n,
   setFieldsForContainer: r
 }) {
-  var f;
-  const [l, o] = P(null), c = E((y) => y.card), i = (f = c == null ? void 0 : c.config) == null ? void 0 : f.joinPlan, d = [
+  var p;
+  const [l, o] = P(null), c = M((y) => y.card), i = (p = c == null ? void 0 : c.config) == null ? void 0 : p.joinPlan, d = [
     ...a,
     ...n("groupBy"),
     ...n("pivotBy"),
     ...n("metrics"),
     ...n("sortBy")
   ], u = me(
-    (y) => y.startsWith("card-") ? null : y.startsWith("source-") || a.find((p) => p.id === y) ? "source" : n("groupBy").find((p) => p.id === y) ? "groupBy" : n("metrics").find((p) => p.id === y) ? "metrics" : n("pivotBy").find((p) => p.id === y) ? "pivotBy" : n("sortBy").find((p) => p.id === y) ? "sortBy" : null,
+    (y) => y.startsWith("card-") ? null : y.startsWith("source-") || a.find((f) => f.id === y) ? "source" : n("groupBy").find((f) => f.id === y) ? "groupBy" : n("metrics").find((f) => f.id === y) ? "metrics" : n("pivotBy").find((f) => f.id === y) ? "pivotBy" : n("sortBy").find((f) => f.id === y) ? "sortBy" : null,
     [a, n]
   ), h = me((y) => {
     o(y.active.id);
   }, []), m = me(
     (y) => {
-      const { active: p, over: b } = y;
+      const { active: f, over: b } = y;
       if (!b || !t) {
         o(null);
         return;
       }
-      const v = p.id, N = b.id, w = u(v), z = u(N) || N;
+      const v = f.id, N = b.id, w = u(v), z = u(N) || N;
       if (w === "source" && z === "sortBy") {
         o(null);
         return;
       }
       if (w === "source" && z !== "source" && z !== "sortBy") {
-        const M = [...a].find((k) => k.id === v);
-        if (!M) {
+        const E = [...a].find((k) => k.id === v);
+        if (!E) {
           o(null);
           return;
         }
@@ -17147,11 +17157,11 @@ function wh({
             o(null);
             return;
           }
-          if (k !== M.qualifiedEntityName && M.qualifiedEntityName)
+          if (k !== E.qualifiedEntityName && E.qualifiedEntityName)
             if (i) {
               if (!pi(
                 k,
-                M.qualifiedEntityName,
+                E.qualifiedEntityName,
                 i
               )) {
                 ns(), o(null);
@@ -17163,16 +17173,16 @@ function wh({
             }
         }
         const C = n(z);
-        if (as(M, C)) {
+        if (as(E, C)) {
           o(null);
           return;
         }
-        const T = Ka(M, z);
+        const T = Ka(E, z);
         o(null), r(z, [...C, T]);
         return;
       }
       if (w && z && w !== "source" && z !== "source" && w !== z) {
-        const M = n(w), S = n(z), C = M.find((R) => R.id === v);
+        const E = n(w), S = n(z), C = E.find((R) => R.id === v);
         if (!C) {
           o(null);
           return;
@@ -17186,16 +17196,16 @@ function wh({
           as(C, S) || r(z, [...S, T]);
           return;
         }
-        const k = M.filter(
+        const k = E.filter(
           (R) => R.id !== v
         );
         r(w, k), r(z, [...S, T]);
         return;
       }
       if (w && z && w === z && w !== "source") {
-        const M = n(w), S = M.findIndex((T) => T.id === v), C = M.findIndex((T) => T.id === N);
+        const E = n(w), S = E.findIndex((T) => T.id === v), C = E.findIndex((T) => T.id === N);
         if (S !== C) {
-          const T = Ja(M, S, C);
+          const T = Ja(E, S, C);
           r(w, T);
         }
       }
@@ -17222,9 +17232,9 @@ function Sh({
   onDebugToggle: a,
   onAccept: n
 }) {
-  const r = E((f) => f.isDevMode), l = E((f) => f.card);
+  const r = M((p) => p.isDevMode), l = M((p) => p.card);
   sl(l);
-  const { config: o } = fc(ic).tokenProps, c = (o == null ? void 0 : o.showAdvancedMode) !== !1, { setIsDevMode: i } = se(), d = E((f) => f.showAIDialog), u = E((f) => f.frame), h = qa((f) => f.selectedVisual), m = (h == null ? void 0 : h.id) === (u == null ? void 0 : u.id), { setShowAIDialog: g } = se();
+  const { config: o } = fc(ic).tokenProps, c = (o == null ? void 0 : o.showAdvancedMode) !== !1, { setIsDevMode: i } = se(), d = M((p) => p.showAIDialog), u = M((p) => p.frame), h = qa((p) => p.selectedVisual), m = (h == null ? void 0 : h.id) === (u == null ? void 0 : u.id), { setShowAIDialog: g } = se();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -17259,7 +17269,7 @@ function Sh({
   );
 }
 function kh({ activeView: t, onViewChange: a }) {
-  const n = E((l) => l.card), { errorMessage: r } = Fe(n);
+  const n = M((l) => l.card), { errorMessage: r } = Fe(n);
   return /* @__PURE__ */ e(
     Yt,
     {
@@ -17309,7 +17319,7 @@ const Dh = [
 ];
 function Th() {
   var d, u;
-  const t = E((h) => h.card), { updateRowLimit: a } = se(), [n, r] = P(!1), [l, o] = P(""), c = (h) => {
+  const t = M((h) => h.card), { updateRowLimit: a } = se(), [n, r] = P(!1), [l, o] = P(""), c = (h) => {
     if (h === "custom") {
       r(!0);
       return;
@@ -17347,17 +17357,17 @@ function Mh({
 }) {
   const n = Vl(a, {
     enabled: t
-  }), r = E(
+  }), r = M(
     (h) => {
       var m;
       return ((m = h.card.customCardPreferences) == null ? void 0 : m.url) || "";
     }
-  ), l = E((h) => h.card), o = E(
+  ), l = M((h) => h.card), o = M(
     (h) => {
       var m;
       return ((m = h.card.customCardPreferences) == null ? void 0 : m.pluginChartType) || "";
     }
-  ), c = E(
+  ), c = M(
     (h) => {
       var m;
       return ((m = h.card.customCardPreferences) == null ? void 0 : m.settings) || {};
@@ -17421,14 +17431,14 @@ function Eh({
   // setActiveCard,
 }) {
   var F;
-  const f = E((I) => I.card), y = Y((I) => I.filterValues), { updateCardConfig: p } = se(), b = E((I) => I.showAIDialog), [v, N] = P(!1), w = E(
+  const p = M((I) => I.card), y = Y((I) => I.filterValues), { updateCardConfig: f } = se(), b = M((I) => I.showAIDialog), [v, N] = P(!1), w = M(
     (I) => {
       var A;
       return ((A = I.card.customCardPreferences) == null ? void 0 : A.url) && I.card.type === "custom";
     }
   ), {
     data: z,
-    errorMessage: M,
+    errorMessage: E,
     isPending: S,
     isLoading: C,
     isFetching: T
@@ -17437,7 +17447,7 @@ function Eh({
     return /* @__PURE__ */ e("div", { className: "border-b border-border bg-background p-4", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: [
       /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ e("h3", { className: "mb-2 text-sm font-medium", children: "Active Card Config" }),
-        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs", children: JSON.stringify(f.config || {}, null, 2) })
+        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs", children: JSON.stringify(p.config || {}, null, 2) })
       ] }),
       /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ e("h3", { className: "mb-2 text-sm font-medium", children: "Dashboard Filters" }),
@@ -17458,15 +17468,15 @@ function Eh({
     ] }) });
   }
   const R = (I) => {
-    if (!f.config) return;
+    if (!p.config) return;
     if (!I.length) {
-      p(f.id, {
-        ...f.config,
+      f(p.id, {
+        ...p.config,
         sortByColumns: []
       });
       return;
     }
-    const A = f.config, x = I.map(({ id: O, desc: _ }) => {
+    const A = p.config, x = I.map(({ id: O, desc: _ }) => {
       var oe, ae;
       const j = (oe = A.metricColumns) == null ? void 0 : oe.find(
         ($) => $.label === O
@@ -17486,17 +17496,17 @@ function Eh({
         direction: _ ? "desc" : "asc"
       } : null;
     }).filter((O) => O !== null);
-    p(f.id, {
+    f(p.id, {
       ...A,
       sortByColumns: x
     });
   }, D = $e(() => {
     var I, A;
-    return (A = (I = f.config) == null ? void 0 : I.sortByColumns) == null ? void 0 : A.map((x) => ({
+    return (A = (I = p.config) == null ? void 0 : I.sortByColumns) == null ? void 0 : A.map((x) => ({
       id: x.label,
       desc: x.direction === "desc"
     }));
-  }, [(F = f.config) == null ? void 0 : F.sortByColumns]);
+  }, [(F = p.config) == null ? void 0 : F.sortByColumns]);
   return /* @__PURE__ */ s("div", { className: "relative flex w-0 grow flex-col", children: [
     /* @__PURE__ */ e(
       Sh,
@@ -17557,9 +17567,9 @@ function Eh({
             }
           )
         ] }),
-        t === "sql" && /* @__PURE__ */ e("div", { className: "p-6", children: /* @__PURE__ */ s("div", { className: "rounded-md border bg-background p-4", children: [
+        t === "sql" && /* @__PURE__ */ e("div", { className: "p-6", children: /* @__PURE__ */ s("div", { className: "rounded-md bg-background", children: [
           (z == null ? void 0 : z.sql) && /* @__PURE__ */ e("h3", { className: "mb-3 text-sm font-medium", children: "Generated SQL Query" }),
-          /* @__PURE__ */ e(Ql, { sql: z == null ? void 0 : z.sql, error: M })
+          /* @__PURE__ */ e(Ql, { sql: z == null ? void 0 : z.sql, error: E })
         ] }) })
       ] }),
       /* @__PURE__ */ e(
@@ -17619,23 +17629,23 @@ function Ih() {
   var $, K;
   const [t, a] = P(
     "chart"
-  ), [n, r] = P(!1), [l, o] = P(!1), [c, i] = P(!0), d = E((J) => J.showAIDialog), u = Y((J) => J.isVisualEditing), { setCardType: h } = se(), m = E((J) => J.card.type);
+  ), [n, r] = P(!1), [l, o] = P(!1), [c, i] = P(!0), d = M((J) => J.showAIDialog), u = Y((J) => J.isVisualEditing), { setCardType: h } = se(), m = M((J) => J.card.type);
   Te(() => Ah(), []);
   const g = () => {
     console.log("Accept clicked - would save/apply current configuration");
-  }, f = () => {
+  }, p = () => {
     console.log("Clear clicked - would reset all configurations");
   }, y = () => {
     console.log("Advanced mode toggled");
-  }, p = () => {
+  }, f = () => {
     o(!0);
   }, b = (J) => {
     h(J);
-  }, v = E((J) => J.frame), N = E((J) => J.card);
-  E((J) => J.activeTabCardId), E(
+  }, v = M((J) => J.frame), N = M((J) => J.card);
+  M((J) => J.activeTabCardId), M(
     (J) => J.actions.getAvailableFields
   );
-  const { addCard: w, removeCard: z, updateCard: M, setActiveCard: S, updateFilters: C } = se(), {
+  const { addCard: w, removeCard: z, updateCard: E, setActiveCard: S, updateFilters: C } = se(), {
     columns: T = [],
     isLoading: k,
     error: R
@@ -17657,7 +17667,7 @@ function Ih() {
     q && C(J, q);
   }, B = (J) => {
     var q;
-    M(J, {
+    E(J, {
       config: {
         ...(q = v.cards.find((Z) => Z.id === J)) == null ? void 0 : q.config,
         filters: void 0
@@ -17707,9 +17717,9 @@ function Ih() {
                 showDebug: n,
                 onDebugToggle: () => r(!n),
                 onAccept: g,
-                onClear: f,
+                onClear: p,
                 onAdvancedToggle: y,
-                onFiltersClick: p,
+                onFiltersClick: f,
                 filterCount: ae,
                 activeCard: F,
                 dataSourceState: N.dataSource || ca,
@@ -17724,7 +17734,7 @@ function Ih() {
               }
             )
           ] }),
-          !c && u && /* @__PURE__ */ e("div", { className: "fixed bottom-4 left-4 z-50", children: /* @__PURE__ */ e(
+          !c && u && /* @__PURE__ */ e("div", { className: "fixed left-6 top-[105px] z-50", children: /* @__PURE__ */ e(
             V,
             {
               size: "sm",
@@ -17754,11 +17764,11 @@ function Ih() {
   );
 }
 function Rh({ authToken: t, onSave: a, onClose: n }) {
-  const r = nt(null), l = E((N) => N.showAIDialog), o = E((N) => N.isDevMode), { setAuthToken: c } = yt(), { setShowAIDialog: i, setOnSave: d, setOnClose: u } = se(), {
+  const r = nt(null), l = M((N) => N.showAIDialog), o = M((N) => N.isDevMode), { setAuthToken: c } = yt(), { setShowAIDialog: i, setOnSave: d, setOnClose: u } = se(), {
     handleDragOver: h,
     handleDragEnd: m,
     handleDragStart: g,
-    handleDragCancel: f,
+    handleDragCancel: p,
     sensors: y
   } = Nu();
   Te(() => {
@@ -17769,7 +17779,7 @@ function Rh({ authToken: t, onSave: a, onClose: n }) {
     var N, w;
     l ? ((N = r.current) == null || N.resize(40), i(!0)) : (i(!1), (w = r.current) == null || w.resize(0));
   }, [l, i]);
-  function p(N) {
+  function f(N) {
     N < 1 ? i(!1) : l || i(!0);
   }
   function b() {
@@ -17789,7 +17799,7 @@ function Rh({ authToken: t, onSave: a, onClose: n }) {
               {
                 "data-role": "editor-assistant-panel",
                 ref: r,
-                onResize: p,
+                onResize: f,
                 defaultSize: 0,
                 children: /* @__PURE__ */ e(wr, {})
               }
@@ -17814,7 +17824,7 @@ function Rh({ authToken: t, onSave: a, onClose: n }) {
             {
               "data-role": "editor-assistant-panel",
               ref: r,
-              onResize: p,
+              onResize: f,
               defaultSize: 0,
               children: /* @__PURE__ */ e(wr, {})
             }
@@ -17830,7 +17840,7 @@ function Rh({ authToken: t, onSave: a, onClose: n }) {
       onDragStart: g,
       onDragEnd: m,
       onDragOver: h,
-      onDragCancel: f,
+      onDragCancel: p,
       children: /* @__PURE__ */ e(
         "section",
         {
@@ -17863,7 +17873,7 @@ function zh() {
   );
 }
 function Fh() {
-  const t = E((o) => o.selectedDatabaseName), a = E((o) => o.selectedTableName), n = Y((o) => o.dashboard.filters) || [], { columns: r } = ot(), { assignFilter: l } = di();
+  const t = M((o) => o.selectedDatabaseName), a = M((o) => o.selectedTableName), n = Y((o) => o.dashboard.filters) || [], { columns: r } = ot(), { assignFilter: l } = di();
   return /* @__PURE__ */ e(rt, { className: "flex-1 basis-0 flex-col px-3", children: r == null ? void 0 : r.map((o) => {
     const c = n == null ? void 0 : n.find(
       (i) => i.column === Xe(o.column_name) && i.table === a && i.database === t