react-semaphor 0.0.344 → 0.0.345

package/dist/chunks/{index-Bmw6Tt4N.js → index-CpN3tEgm.js}

@@ -1,4 +1,4 @@
-import { c as R, u as vs, v as M, w as is, x as Se, y as e, z as Cs, A as Ns, H as O, o as Ss, J as ws, K as ks, M as zs, N as Os, O as H, Q as re, R as ta, V as na, W as la, Y as ra, Z as st, _ as at, $ as tt, a0 as Gs, a1 as Y, a2 as Be, i as nt, a3 as h, a4 as lt, P as ia, F as oa, a5 as Ue, a6 as Ge, a7 as Ds, a8 as ca, a9 as Ms, aa as ue, ab as he, ac as me, ad as xe, ae as ve, af as pe, ag as X, T as Is, ah as Ts, ai as Ls, aj as Fs, ak as da, al as ua, am as ce, an as rt, ao as it, ap as ha, aq as ot, C as ct, ar as dt, as as ma, B as ut, at as fe, au as ht, av as Ke, aw as xa, ax as gs, ay as be, az as ze, aA as Ce, aB as pa, aC as mt, aD as xt, aE as pt, aF as ft, l as gt, aG as jt, aH as bt, aI as De, aJ as ne, aK as yt, aL as fa, aM as os, aN as vt, aO as Ct, aP as js, a as Nt, aQ as ss, aR as ye, aS as as, aT as St, aU as wt, aV as kt, aW as zt, aX as fs, aY as Ot, aZ as Ks, a_ as Dt, a$ as Qs, b0 as Mt, b1 as It, b2 as Tt, b3 as Lt, b4 as ga, b5 as Ft, b6 as Es, b7 as ja, b8 as Et, b9 as At, ba as Xe, bb as Vt, bc as qt, bd as ba, be as Rt, s as _t, bf as Ht, bg as Pt, r as $t, bh as cs, bi as ya, bj as va, bk as Ca, bl as Ze, bm as Na, bn as es, bo as Js, bp as Bt, bq as Ut, br as ds, bs as us, bt as hs, bu as Gt, I as Kt, X as Sa, bv as Qt, bw as Jt, bx as Wt, E as Yt, by as ms, bz as Oe, f as Xt, bA as Pe, bB as As, bC as wa, bD as Zt, bE as en, bF as ts, bG as sn, bH as an, bI as tn, bJ as Ws, bK as ka, bL as nn, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as Me, bT as Q, bU as J, bV as Vs, bW as W, bX as hn, bY as za, bZ as mn, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn } from "./index-DzAvZhsF.js";
+import { c as R, u as vs, v as M, w as is, x as Se, y as e, z as Cs, A as Ns, H as O, o as Ss, J as ws, K as ks, M as zs, N as Os, O as H, Q as ie, R as ta, V as na, W as la, Y as ra, Z as st, _ as at, $ as tt, a0 as Gs, a1 as Y, a2 as Be, i as nt, a3 as u, a4 as lt, P as ia, F as oa, a5 as Ue, a6 as Ge, a7 as Ds, a8 as ca, a9 as Ms, aa as ue, ab as he, ac as me, ad as xe, ae as ve, af as pe, ag as X, T as Is, ah as Ts, ai as Ls, aj as Fs, ak as da, al as ua, am as ce, an as rt, ao as it, ap as ha, aq as ot, C as ct, ar as dt, as as ma, B as ut, at as fe, au as ht, av as Ke, aw as xa, ax as gs, ay as be, az as ze, aA as Ce, aB as pa, aC as mt, aD as xt, aE as pt, aF as ft, l as gt, aG as jt, aH as bt, aI as De, aJ as ne, aK as fa, aL as yt, aM as os, aN as vt, aO as Ct, aP as js, a as Nt, aQ as ss, aR as ye, aS as as, aT as St, aU as wt, aV as kt, aW as zt, aX as fs, aY as Ot, aZ as Ks, a_ as Dt, a$ as Qs, b0 as Mt, b1 as It, b2 as Tt, b3 as Lt, b4 as ga, b5 as Ft, b6 as Es, b7 as ja, b8 as Et, b9 as At, ba as Xe, bb as Vt, bc as qt, bd as ba, be as Rt, s as _t, bf as Ht, bg as Pt, r as $t, bh as cs, bi as ya, bj as va, bk as Ca, bl as Ze, bm as Na, bn as es, bo as Js, bp as Bt, bq as Ut, br as ds, bs as us, bt as hs, bu as Gt, I as Kt, X as Sa, bv as Qt, bw as Jt, bx as Wt, E as Yt, by as ms, bz as Oe, f as Xt, bA as Pe, bB as As, bC as wa, bD as Zt, bE as en, bF as ts, bG as sn, bH as an, bI as tn, bJ as Ws, bK as ka, bL as nn, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as Me, bT as Q, bU as J, bV as Vs, bW as W, bX as hn, bY as za, bZ as mn, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn } from "./index-ggRRMgwy.js";
 import * as Ys from "react";
 import Ne, { useState as q, useMemo as bs, useEffect as Z, useRef as ns, useCallback as Oa, Suspense as Cn } from "react";
 import "react-dom";
@@ -516,7 +516,7 @@ function Ea(s) {
           var r;
           return {
             ...l,
-            cards: (r = l.cards) == null ? void 0 : r.map((c) => Wn(c))
+            cards: (r = l.cards) == null ? void 0 : r.map((i) => Wn(i))
           };
         })
       };
@@ -571,13 +571,13 @@ async function Xn(s, n, a, t) {
 async function ys(s, n) {
   if (!n)
     return null;
-  const { id: a, template: t, filterValues: l, isDefault: r, shared: c } = s;
+  const { id: a, template: t, filterValues: l, isDefault: r, shared: i } = s;
   return await vs("https://semaphor.cloud/api/v1/lens", n, {
     lensId: a,
     template: t,
     filterValues: l,
     isDefault: r,
-    shared: c,
+    shared: i,
     operation: "update"
   });
 }
@@ -588,20 +588,20 @@ async function Zn(s, n) {
   }) : null;
 }
 function el() {
-  const [s, n] = q(""), [a, t] = q(!1), l = M((y) => y.lenses), { setLenses: r, setSelectedLensId: c } = is(), [i, u] = q(!1), [p, d] = q(!1), j = M((y) => y.dashboard), g = M((y) => y.filterValues), { authToken: o } = Se();
-  async function x() {
-    u(!0);
-    const y = Ea(
-      j
-    ), z = await Xn(
+  const [s, n] = q(""), [a, t] = q(!1), l = M((p) => p.lenses), { setLenses: r, setSelectedLensId: i } = is(), [o, d] = q(!1), [x, c] = q(!1), b = M((p) => p.dashboard), g = M((p) => p.filterValues), { authToken: h } = Se();
+  async function f() {
+    d(!0);
+    const p = Ea(
+      b
+    ), N = await Xn(
       s,
-      y,
+      p,
       g,
-      o == null ? void 0 : o.accessToken
+      h == null ? void 0 : h.accessToken
     );
-    z && (r([...l || [], z]), c(z.id), d(!1)), u(!1);
+    N && (r([...l || [], N]), i(N.id), c(!1)), d(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: p, onOpenChange: d, children: [
+  return /* @__PURE__ */ e.jsxs(Cs, { open: x, onOpenChange: c, children: [
     /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       O,
       {
@@ -622,11 +622,11 @@ function el() {
       /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
         /* @__PURE__ */ e.jsx(H, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
-          re,
+          ie,
           {
             value: s,
-            onChange: (y) => {
-              n(y.target.value);
+            onChange: (p) => {
+              n(p.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -640,46 +640,46 @@ function el() {
           size: "sm",
           variant: "outline",
           type: "submit",
-          onClick: x,
-          disabled: i,
-          children: i ? "Creating..." : "Add"
+          onClick: f,
+          disabled: o,
+          children: o ? "Creating..." : "Add"
         }
       ) })
     ] })
   ] });
 }
 function sl() {
-  const [s, n] = q(!1), a = M((d) => d.lenses), t = M((d) => d.selectedLensId), { setLenses: l, setSelectedLensId: r } = is(), { authToken: c } = Se();
-  async function i(d) {
-    r(d);
+  const [s, n] = q(!1), a = M((c) => c.lenses), t = M((c) => c.selectedLensId), { setLenses: l, setSelectedLensId: r } = is(), { authToken: i } = Se();
+  async function o(c) {
+    r(c);
   }
-  async function u(d) {
-    if (await Zn(d, c == null ? void 0 : c.accessToken)) {
-      const g = a == null ? void 0 : a.filter((o) => o.id !== d);
+  async function d(c) {
+    if (await Zn(c, i == null ? void 0 : i.accessToken)) {
+      const g = a == null ? void 0 : a.filter((h) => h.id !== c);
       l(g || []), r("original");
     }
   }
-  async function p(d) {
-    const j = a == null ? void 0 : a.map((x) => x.id === d.id ? {
-      ...x,
-      isDefault: !d.isDefault
+  async function x(c) {
+    const b = a == null ? void 0 : a.map((f) => f.id === c.id ? {
+      ...f,
+      isDefault: !c.isDefault
     } : {
-      ...x,
+      ...f,
       isDefault: !1
     });
-    l(j || []);
+    l(b || []);
     const g = {
-      ...d,
-      isDefault: !d.isDefault
+      ...c,
+      isDefault: !c.isDefault
     };
-    await ys(g, c == null ? void 0 : c.accessToken);
-    const o = a == null ? void 0 : a.find((x) => x.isDefault);
-    if (o && o.id !== d.id) {
-      const x = {
-        ...o,
+    await ys(g, i == null ? void 0 : i.accessToken);
+    const h = a == null ? void 0 : a.find((f) => f.isDefault);
+    if (h && h.id !== c.id) {
+      const f = {
+        ...h,
         isDefault: !1
       };
-      await ys(x, c == null ? void 0 : c.accessToken);
+      await ys(f, i == null ? void 0 : i.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(na, { open: s, onOpenChange: n, children: [
@@ -691,28 +691,28 @@ function sl() {
         tt,
         {
           value: t,
-          onValueChange: i,
+          onValueChange: o,
           children: [
             /* @__PURE__ */ e.jsx(Gs, { value: "original", children: "Original" }),
-            a == null ? void 0 : a.map((d) => /* @__PURE__ */ e.jsxs(
+            a == null ? void 0 : a.map((c) => /* @__PURE__ */ e.jsxs(
               Gs,
               {
                 className: "group flex justify-between gap-2",
-                value: d.id,
+                value: c.id,
                 children: [
-                  /* @__PURE__ */ e.jsx("p", { children: d.name }),
+                  /* @__PURE__ */ e.jsx("p", { children: c.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
                       Fn,
                       {
-                        onClick: (j) => {
-                          j.preventDefault(), p(d);
+                        onClick: (b) => {
+                          b.preventDefault(), x(c);
                         },
                         className: Y(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
-                            invisible: !d.isDefault,
-                            "text-green-500": d.isDefault
+                            invisible: !c.isDefault,
+                            "text-green-500": c.isDefault
                           }
                         ),
                         strokeWidth: 1.5
@@ -721,8 +721,8 @@ function sl() {
                     /* @__PURE__ */ e.jsx(
                       Be,
                       {
-                        onClick: (j) => {
-                          j.preventDefault(), u(d.id);
+                        onClick: (b) => {
+                          b.preventDefault(), d(c.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -731,7 +731,7 @@ function sl() {
                   ] })
                 ]
               },
-              d.id
+              c.id
             ))
           ]
         }
@@ -742,19 +742,19 @@ function sl() {
 function al({
   iconClassName: s
 }) {
-  const [n, a] = q(!1), { authToken: t } = Se(), l = M((i) => i.theme), r = M((i) => i.filterValues);
-  async function c() {
+  const [n, a] = q(!1), { authToken: t } = Se(), l = M((o) => o.theme), r = M((o) => o.filterValues);
+  async function i() {
     {
       a(!0);
-      const i = new URLSearchParams();
-      i.set("token", (t == null ? void 0 : t.accessToken) || ""), i.set("theme", l || "light"), i.set("filterValues", JSON.stringify(r));
-      const u = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(i.toString())}`, d = await (await fetch(u, {
+      const o = new URLSearchParams();
+      o.set("token", (t == null ? void 0 : t.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(r));
+      const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, c = await (await fetch(d, {
         method: "GET",
         headers: {
           Authorization: `Bearer ${t == null ? void 0 : t.accessToken}`
         }
-      })).blob(), j = URL.createObjectURL(d);
-      window.open(j, "_blank"), a(!1);
+      })).blob(), b = URL.createObjectURL(c);
+      window.open(b, "_blank"), a(!1);
     }
   }
   return /* @__PURE__ */ e.jsx(
@@ -763,7 +763,7 @@ function al({
       variant: "link",
       className: "group h-7 p-2",
       size: "sm",
-      onClick: c,
+      onClick: i,
       children: n ? /* @__PURE__ */ e.jsx(Ve, { className: Y("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
         nt,
         {
@@ -777,28 +777,28 @@ function al({
 function tl() {
   q(!1);
   const { authToken: s } = Se();
-  M((f) => f.theme);
-  const n = M((f) => f.lenses), a = M((f) => f.selectedLensId), t = n == null ? void 0 : n.find((f) => f.id === a), l = M((f) => f.dashboard);
-  M((f) => f.selectedSheetId);
+  M((j) => j.theme);
+  const n = M((j) => j.lenses), a = M((j) => j.selectedLensId), t = n == null ? void 0 : n.find((j) => j.id === a), l = M((j) => j.dashboard);
+  M((j) => j.selectedSheetId);
   const r = M(
-    (f) => f.isDashboardEditing
-  ), c = h(
-    (f) => f.selectedConnectionId
-  ), [i, u] = q(!1), p = M((f) => f.filterValues), d = M((f) => f.isVisualEditing), j = M((f) => f.showFilters);
+    (j) => j.isDashboardEditing
+  ), i = u(
+    (j) => j.selectedConnectionId
+  ), [o, d] = q(!1), x = M((j) => j.filterValues), c = M((j) => j.isVisualEditing), b = M((j) => j.showFilters);
   M(
-    (f) => f.showDashboardJSON
+    (j) => j.showDashboardJSON
   );
-  const g = M((f) => f.onSaveFunction), o = M(
-    (f) => f.actions.setShowFilters
-  ), { addFrame: x, setSelectedFrameId: y } = M(
-    (f) => f.actions
-  ), { getSelectedSheet: z, setIsDashboardEditing: b, setShowDashboardJSON: A } = M((f) => f.actions), I = z(), { tenantId: k, endUserId: T } = bs(
+  const g = M((j) => j.onSaveFunction), h = M(
+    (j) => j.actions.setShowFilters
+  ), { addFrame: f, setSelectedFrameId: p } = M(
+    (j) => j.actions
+  ), { getSelectedSheet: N, setIsDashboardEditing: y, setShowDashboardJSON: A } = M((j) => j.actions), I = N(), { tenantId: z, endUserId: T } = bs(
     () => lt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), L = bs(() => k || T, [k, T]), V = () => {
+  ), L = bs(() => z || T, [z, T]), V = () => {
     if (!r || !I) return;
-    const f = {
-      connectionId: c,
+    const j = {
+      connectionId: i,
       id: Ue(),
       title: "Title",
       description: "Description",
@@ -815,36 +815,36 @@ function tl() {
       data: []
     }, D = {
       id: Ue(),
-      cards: [f],
-      activeCardId: f.id
+      cards: [j],
+      activeCardId: j.id
     };
-    x(I.id, D), y(D.id);
+    f(I.id, D), p(D.id);
   }, m = () => {
-    b(!0);
+    y(!0);
   };
   async function v() {
-    if (u(!0), !a || !t) return;
-    const f = Ea(
+    if (d(!0), !a || !t) return;
+    const j = Ea(
       l
-    ), D = JSON.stringify(f), N = {
+    ), D = JSON.stringify(j), S = {
       ...t,
       template: D,
-      filterValues: p
+      filterValues: x
     };
-    await ys(N, s == null ? void 0 : s.accessToken), Ge.success("Lens saved"), g == null || g(f), u(!1);
+    await ys(S, s == null ? void 0 : s.accessToken), Ge.success("Lens saved"), g == null || g(j), d(!1);
   }
-  return d ? null : /* @__PURE__ */ e.jsxs(
+  return c ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b bg-muted/50 py-2 pl-3 pr-2",
       role: "dashboard-controls",
       children: [
-        !d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: t == null ? void 0 : t.name }) }),
+        !c && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: t == null ? void 0 : t.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsx(al, {}),
-          r && !d && L && /* @__PURE__ */ e.jsx(el, {}),
-          !d && L && /* @__PURE__ */ e.jsx(sl, {}),
-          r && !d && /* @__PURE__ */ e.jsxs(
+          r && !c && L && /* @__PURE__ */ e.jsx(el, {}),
+          !c && L && /* @__PURE__ */ e.jsx(sl, {}),
+          r && !c && /* @__PURE__ */ e.jsxs(
             O,
             {
               variant: "secondary",
@@ -868,42 +868,42 @@ function tl() {
               children: /* @__PURE__ */ e.jsx(ia, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          r && !d && /* @__PURE__ */ e.jsx(
+          r && !c && /* @__PURE__ */ e.jsx(
             O,
             {
               variant: "ghost",
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                b(!1), A(!1);
+                y(!1), A(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Be, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          r && !d && L && /* @__PURE__ */ e.jsx(
+          r && !c && L && /* @__PURE__ */ e.jsx(
             O,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              disabled: i,
+              disabled: o,
               onClick: v,
               size: "sm",
               children: /* @__PURE__ */ e.jsx($n, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !j && !d && r && /* @__PURE__ */ e.jsx(
+          !b && !c && r && /* @__PURE__ */ e.jsx(
             O,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              onClick: () => o(!0),
+              onClick: () => h(!0),
               size: "sm",
               children: /* @__PURE__ */ e.jsx(oa, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !d && r && !1,
-          !d && !1
+          !c && r && !1,
+          !c && !1
         ] })
       ]
     }
@@ -916,13 +916,13 @@ function He({
   isLoading: t,
   isError: l,
   connectionTooltip: r,
-  onChange: c,
-  showNone: i = !1,
-  className: u,
-  showIcon: p = !0,
-  disabled: d = !1
+  onChange: i,
+  showNone: o = !1,
+  className: d,
+  showIcon: x = !0,
+  disabled: c = !1
 }) {
-  const j = t ? "Loading..." : l ? "Error" : a;
+  const b = t ? "Loading..." : l ? "Error" : a;
   function g() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(Pn, { className: "size-4 rotate-90" });
@@ -936,17 +936,17 @@ function He({
       return /* @__PURE__ */ e.jsx(Nn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(Ds, { children: [
+    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(Ds, { children: [
       /* @__PURE__ */ e.jsx(ca, { children: g() }),
       /* @__PURE__ */ e.jsx(Ms, { className: "text-xs", align: "start", children: r })
     ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(ue, { disabled: d, value: j, onValueChange: c, children: [
+    /* @__PURE__ */ e.jsxs(ue, { disabled: c, value: b, onValueChange: i, children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
           className: Y(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
-            u
+            d
           ),
           children: /* @__PURE__ */ e.jsx(
             me,
@@ -959,40 +959,40 @@ function He({
       /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
         t ? /* @__PURE__ */ e.jsx(pe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(pe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          i && /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
-          n && n.map((o, x) => /* @__PURE__ */ e.jsx(X, { value: o.id, children: o.name }, x))
+          o && /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
+          n && n.map((h, f) => /* @__PURE__ */ e.jsx(X, { value: h.id, children: h.name }, f))
         ] }),
-        (t || l) && /* @__PURE__ */ e.jsx(X, { value: j, children: j })
+        (t || l) && /* @__PURE__ */ e.jsx(X, { value: b, children: b })
       ] }) })
     ] })
   ] });
 }
 function nl({ column: s }) {
-  const [n, a] = q(!1), t = h((o) => o.selectedTableName), l = h(
-    (o) => o.selectedSchemaName
-  ), r = h(
-    (o) => o.selectedDatamodelId
-  ), c = h((o) => o.sqlGen), { modelItems: i } = qe(), u = h((o) => o.actions.setSqlGen), p = h((o) => o.actions.setCardSql), d = h((o) => o.actions.setRunSql);
-  function j(o, x) {
+  const [n, a] = q(!1), t = u((h) => h.selectedTableName), l = u(
+    (h) => h.selectedSchemaName
+  ), r = u(
+    (h) => h.selectedDatamodelId
+  ), i = u((h) => h.sqlGen), { modelItems: o } = qe(), d = u((h) => h.actions.setSqlGen), x = u((h) => h.actions.setCardSql), c = u((h) => h.actions.setRunSql);
+  function b(h, f) {
     var A;
-    const y = da(o, c, x), z = (A = i == null ? void 0 : i.find(
+    const p = da(h, i, f), N = (A = o == null ? void 0 : o.find(
       (I) => I.id === r
     )) == null ? void 0 : A.name;
-    u(y);
-    const b = ua(
-      y,
+    d(p);
+    const y = ua(
+      p,
       ce(l || ""),
       ce(t),
-      z
+      N
     );
-    b && (p(b), d(!0)), a(!1);
+    y && (x(y), c(!0)), a(!1);
   }
   function g() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "COUNT"),
+          onClick: () => b(s, "COUNT"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Count"
         }
@@ -1000,7 +1000,7 @@ function nl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "AVG"),
+          onClick: () => b(s, "AVG"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Avg"
         }
@@ -1008,7 +1008,7 @@ function nl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "SUM"),
+          onClick: () => b(s, "SUM"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Sum"
         }
@@ -1016,7 +1016,7 @@ function nl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "MAX"),
+          onClick: () => b(s, "MAX"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Max"
         }
@@ -1024,7 +1024,7 @@ function nl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "MIN"),
+          onClick: () => b(s, "MIN"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Min"
         }
@@ -1061,56 +1061,56 @@ function ll({
   columns: a,
   status: t
 }) {
-  const l = h((m) => m.sqlGen), r = h(
+  const l = u((m) => m.sqlGen), r = u(
     (m) => m.selectedConnectionId
-  ), c = h(
+  ), i = u(
     (m) => m.selectedDatabaseName
-  ), i = h(
+  ), o = u(
     (m) => m.selectedSchemaName
-  ), u = h((m) => m.selectedTableName), p = h(
+  ), d = u((m) => m.selectedTableName), x = u(
     (m) => m.selectedDatamodelId
-  ), d = M(
+  ), c = M(
     (m) => m.dashboard.aiScopeTables
-  ), { setAIScopeTables: j } = M((m) => m.actions), g = h((m) => m.actions.setRunSql), o = h((m) => m.actions.setSqlGen), x = h(
+  ), { setAIScopeTables: b } = M((m) => m.actions), g = u((m) => m.actions.setRunSql), h = u((m) => m.actions.setSqlGen), f = u(
     (m) => m.actions.setIsShowingVisual
-  ), y = h((m) => m.actions.setCardSql), { connectionType: z, modelItems: b } = qe();
+  ), p = u((m) => m.actions.setCardSql), { connectionType: N, modelItems: y } = qe();
   function A(m) {
-    var N;
+    var S;
     const v = da(m, l);
-    o(v);
-    const f = (N = b == null ? void 0 : b.find(
-      (_) => _.id === p
-    )) == null ? void 0 : N.name, D = ua(v, ce(s), ce(n), f);
-    D && (y(D), g(!0));
+    h(v);
+    const j = (S = y == null ? void 0 : y.find(
+      (_) => _.id === x
+    )) == null ? void 0 : S.name, D = ua(v, ce(s), ce(n), j);
+    D && (p(D), g(!0));
   }
   function I() {
-    return (d == null ? void 0 : d.find(
-      (m) => m.connectinonId === r && m.tableName === u
+    return (c == null ? void 0 : c.find(
+      (m) => m.connectinonId === r && m.tableName === d
     )) !== void 0;
   }
-  function k(m) {
-    if (m === !0 && u && r) {
+  function z(m) {
+    if (m === !0 && d && r) {
       const v = {
         connectinonId: r,
-        connectionType: z,
-        databaseName: c,
-        schemaName: i,
-        tableName: u
-      }, D = [...d || [], v].filter(
-        (N, _, $) => $.findIndex(
-          (K) => K.connectinonId === N.connectinonId && K.tableName === N.tableName
+        connectionType: N,
+        databaseName: i,
+        schemaName: o,
+        tableName: d
+      }, D = [...c || [], v].filter(
+        (S, _, $) => $.findIndex(
+          (K) => K.connectinonId === S.connectinonId && K.tableName === S.tableName
         ) === _
       );
-      j(D), Ge.success(`Added '${u}' to AI Scope`, {
+      b(D), Ge.success(`Added '${d}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
-      const v = (d || []).filter(
-        (f) => f.connectinonId !== r && f.tableName !== u
+      const v = (c || []).filter(
+        (j) => j.connectinonId !== r && j.tableName !== d
       );
-      j(v), Ge(`Removed '${u}' from AI Scope`, {
+      b(v), Ge(`Removed '${d}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -1118,24 +1118,24 @@ function ll({
     }
   }
   function T() {
-    var N;
+    var S;
     let m = xa(s, n);
-    const v = (N = b == null ? void 0 : b.find(
-      (_) => _.id === p
-    )) == null ? void 0 : N.name;
-    p && p !== "none" && (m = `${gs}.${v}`);
-    let f = m;
-    return ((_) => /[A-Z]/.test(_))(n) && (f = f.split(".").map(($) => `"${$}"`).join(".")), f;
+    const v = (S = y == null ? void 0 : y.find(
+      (_) => _.id === x
+    )) == null ? void 0 : S.name;
+    x && x !== "none" && (m = `${gs}.${v}`);
+    let j = m;
+    return ((_) => /[A-Z]/.test(_))(n) && (j = j.split(".").map(($) => `"${$}"`).join(".")), j;
   }
   function L() {
     const m = T();
-    x(!1);
-    const v = z === "MSSQL" ? `SELECT top 10 * FROM ${m}` : `SELECT * FROM ${m} LIMIT 10`;
-    y(v), g(!0);
+    f(!1);
+    const v = N === "MSSQL" ? `SELECT top 10 * FROM ${m}` : `SELECT * FROM ${m} LIMIT 10`;
+    p(v), g(!0);
   }
   function V() {
     const m = T();
-    y(`SELECT COUNT(*) as count FROM ${m}`), g(!0);
+    p(`SELECT COUNT(*) as count FROM ${m}`), g(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
@@ -1144,7 +1144,7 @@ function ll({
         {
           title: `${I() ? "Remove from" : "Add to"} AI Scope`,
           pressed: I(),
-          onPressedChange: k,
+          onPressedChange: z,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
@@ -1229,39 +1229,39 @@ function ll({
 function qe(s, n) {
   var Je, Ps, $s, Bs, Us;
   let a = bs(() => [], []);
-  const t = Se().authToken || s, l = h(
+  const t = Se().authToken || s, l = u(
     (C) => C.selectedConnectionId
-  ), r = h(
+  ), r = u(
     (C) => C.selectedDatamodelId
-  ), c = h(
+  ), i = u(
     (C) => C.selectedDatabaseName
-  ), i = h(
+  ), o = u(
     (C) => C.selectedSchemaName
-  ), u = h((C) => C.selectedTableName), p = h(
+  ), d = u((C) => C.selectedTableName), x = u(
     (C) => C.actions.setCurrentColumns
-  ), d = h(
+  ), c = u(
     (C) => C.actions.setSelectedConnectionId
-  ), j = h(
+  ), b = u(
     (C) => C.actions.setSelectedDatamodelId
-  ), g = h(
+  ), g = u(
     (C) => C.actions.setSelectedDatabaseName
-  ), o = h(
+  ), h = u(
     (C) => C.actions.setSelectedSchemaName
-  ), x = h(
+  ), f = u(
     (C) => C.actions.setSelectedTableName
-  ), y = h((C) => C.actions.setCardSql);
-  function z(C) {
-    return l && c && i && c !== "NA" ? !0 : l && C === "API" ? !1 : !!(l && C === "S3");
+  ), p = u((C) => C.actions.setCardSql);
+  function N(C) {
+    return l && i && o && i !== "NA" ? !0 : l && C === "API" ? !1 : !!(l && C === "S3");
   }
-  function b(C) {
-    return !!(l && c && c !== "NA" && i && u || l && (C === "S3" || C === "API") || r && r);
+  function y(C) {
+    return !!(l && i && i !== "NA" && o && d || l && (C === "S3" || C === "API") || r && r);
   }
   function A(C) {
     return l && C ? !(C === "API" || C === "S3") : !1;
   }
   const {
     data: I,
-    isLoading: k,
+    isLoading: z,
     isError: T
   } = be({
     queryKey: ["connections"],
@@ -1288,8 +1288,8 @@ function qe(s, n) {
     // Only fetch if authToken is present
   }), v = I == null ? void 0 : I.connections.find(
     (C) => C.id === l
-  ), f = v == null ? void 0 : v.type, D = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
-    data: N,
+  ), j = v == null ? void 0 : v.type, D = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
+    data: S,
     isLoading: _,
     isFetching: $,
     isError: K,
@@ -1303,49 +1303,49 @@ function qe(s, n) {
         connection_id: l
       }
     ),
-    enabled: A(f)
+    enabled: A(j)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: G,
     isLoading: se,
-    isFetching: w,
+    isFetching: k,
     isError: P,
     refetch: U
   } = be({
-    queryKey: ["schemas", l, c],
+    queryKey: ["schemas", l, i],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/schemas",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: c
+        database_name: i
       }
     ),
-    enabled: !!l && !!c && !D && c !== "NA"
+    enabled: !!l && !!i && !D && i !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: E,
     isLoading: F,
-    isFetching: le,
+    isFetching: re,
     isError: B,
     refetch: ae
   } = be({
     queryKey: [
       "tables",
       l,
-      c,
-      i
+      i,
+      o
     ],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/tables",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: c,
-        schema_name: i
+        database_name: i,
+        schema_name: o
       }
     ),
-    enabled: z(f)
+    enabled: N(j)
   }), {
     data: te,
     isLoading: je,
@@ -1355,10 +1355,10 @@ function qe(s, n) {
     queryKey: [
       "columns",
       l,
-      c,
-      r,
       i,
-      u
+      r,
+      o,
+      d
     ],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/columns",
@@ -1367,12 +1367,12 @@ function qe(s, n) {
         connection_id: l,
         datamodel_id: r || "",
         // don't pass undefined. Pass empty string
-        database_name: c,
-        schema_name: i,
-        table_name: u
+        database_name: i,
+        schema_name: o,
+        table_name: d
       }
     ),
-    enabled: b(f)
+    enabled: y(j)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1382,30 +1382,30 @@ function qe(s, n) {
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
   Z(() => {
-    p(a);
-  }, [te, p, a]), Z(() => {
+    x(a);
+  }, [te, x, a]), Z(() => {
   }, [
     D,
-    y,
-    x,
-    o,
+    p,
+    f,
+    h,
     g,
     v
   ]);
-  const Le = (v == null ? void 0 : v.type) === "API" ? (Je = v == null ? void 0 : v.type) == null ? void 0 : Je.toLowerCase() : u || "", Fe = D ? "" : i || "";
+  const Le = (v == null ? void 0 : v.type) === "API" ? (Je = v == null ? void 0 : v.type) == null ? void 0 : Je.toLowerCase() : d || "", Fe = D ? "" : o || "";
   function Ee(C) {
-    o(C), x("");
+    h(C), f("");
   }
   function Ae(C) {
-    g(C === "none" ? "" : C), o(""), x(""), C !== "none" && C !== "" && j("");
+    g(C === "none" ? "" : C), h(""), f(""), C !== "none" && C !== "" && b("");
   }
-  function S(C) {
-    d(C);
+  function w(C) {
+    c(C);
   }
-  function ie(C) {
-    j(C === "none" ? "" : C), C !== "none" && C !== "" && g("");
+  function le(C) {
+    b(C === "none" ? "" : C), C !== "none" && C !== "" && g("");
   }
-  N && ((Ps = N == null ? void 0 : N.databases) == null ? void 0 : Ps.length) > 0, G && (($s = G == null ? void 0 : G.schemas) == null ? void 0 : $s.length) > 0, te && ((Bs = te == null ? void 0 : te.columns) == null ? void 0 : Bs.length) > 0 && (a = te.columns.map((C) => ({
+  S && ((Ps = S == null ? void 0 : S.databases) == null ? void 0 : Ps.length) > 0, G && (($s = G == null ? void 0 : G.schemas) == null ? void 0 : $s.length) > 0, te && ((Bs = te == null ? void 0 : te.columns) == null ? void 0 : Bs.length) > 0 && (a = te.columns.map((C) => ({
     ...C,
     data_type: C.data_type.toLowerCase()
   }))), K && (a = []), (we || T) && (a = []);
@@ -1418,7 +1418,7 @@ function qe(s, n) {
   ), oe = (Us = L == null ? void 0 : L.datamodels) == null ? void 0 : Us.map((C) => ({
     id: C.id,
     name: C.name
-  })), _e = N == null ? void 0 : N.databases.map((C) => ({
+  })), _e = S == null ? void 0 : S.databases.map((C) => ({
     id: C.database_name,
     name: C.database_name
   })), ps = G == null ? void 0 : G.schemas.map((C) => ({
@@ -1430,7 +1430,7 @@ function qe(s, n) {
   }));
   return {
     connectionItems: ke,
-    isConnectionsLoading: k,
+    isConnectionsLoading: z,
     isConnectionsError: T,
     modelItems: oe,
     isModelsLoading: V,
@@ -1439,20 +1439,20 @@ function qe(s, n) {
     isDatabasesLoadingOrFetching: _ || $,
     isDatabaseError: K,
     schemaItems: ps,
-    isSchemaLoadingOrFetching: se || w,
+    isSchemaLoadingOrFetching: se || k,
     isSchemaError: P,
     tableItems: Qe,
-    isTableLoadingOrFetching: F || le,
+    isTableLoadingOrFetching: F || re,
     isTableError: B,
     columns: a,
     isColumnsLoadingOrFetching: je || Te,
     isColumnsError: we,
     isNonDbConnection: D,
-    connectionType: f,
+    connectionType: j,
     tableName: Le,
     schemaName: Fe,
-    handleConnectionChange: S,
-    handleDatamodelChange: ie,
+    handleConnectionChange: w,
+    handleDatamodelChange: le,
     handleDatabaseChange: Ae,
     handleSchemaChange: Ee
   };
@@ -1460,40 +1460,40 @@ function qe(s, n) {
 function Va({
   ColumnsComponent: s
 }) {
-  var le;
-  const n = h(
+  var re;
+  const n = u(
     (B) => B.selectedConnectionId
-  ), a = h(
+  ), a = u(
     (B) => B.selectedDatamodelId
-  ), t = h(
+  ), t = u(
     (B) => B.selectedDatabaseName
-  ), l = h(
+  ), l = u(
     (B) => B.selectedSchemaName
-  ), r = h((B) => B.selectedTableName), c = h(
+  ), r = u((B) => B.selectedTableName), i = u(
     (B) => B.actions.setSelectedTableName
   ), {
-    connectionItems: i,
-    modelItems: u,
-    schemaItems: p,
-    databaseItems: d,
-    tableItems: j,
+    connectionItems: o,
+    modelItems: d,
+    schemaItems: x,
+    databaseItems: c,
+    tableItems: b,
     columns: g,
-    isConnectionsLoading: o,
-    isModelsLoading: x,
-    isConnectionsError: y,
-    isModelsError: z,
-    isDatabasesLoadingOrFetching: b,
+    isConnectionsLoading: h,
+    isModelsLoading: f,
+    isConnectionsError: p,
+    isModelsError: N,
+    isDatabasesLoadingOrFetching: y,
     isDatabaseError: A,
     isSchemaLoadingOrFetching: I,
-    isSchemaError: k,
+    isSchemaError: z,
     isColumnsError: T,
     isColumnsLoadingOrFetching: L,
     isTableLoadingOrFetching: V,
     isTableError: m,
     connectionType: v,
-    isNonDbConnection: f,
+    isNonDbConnection: j,
     handleConnectionChange: D,
-    handleDatabaseChange: N,
+    handleDatabaseChange: S,
     handleSchemaChange: _,
     handleDatamodelChange: $,
     tableName: K,
@@ -1513,24 +1513,24 @@ function Va({
   function se() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function w() {
+  function k() {
     if (!n || v === "S3" || v === "API") return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
         He,
         {
           showNone: !0,
-          onChange: N,
+          onChange: S,
           isError: A,
-          isLoading: b,
-          items: d,
+          isLoading: y,
+          items: c,
           value: t || "",
           title: "Database"
         }
       );
   }
   function P() {
-    if (n && !f && (!t || t === "none") && (!a || a === "none"))
+    if (n && !j && (!t || t === "none") && (!a || a === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ce, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(H, { children: "OR" }) }),
@@ -1545,9 +1545,9 @@ function Va({
         {
           showNone: !0,
           onChange: $,
-          isError: z,
-          isLoading: x,
-          items: u,
+          isError: N,
+          isLoading: f,
+          items: d,
           value: a || "",
           title: "Model"
         }
@@ -1558,9 +1558,9 @@ function Va({
       He,
       {
         onChange: _,
-        isError: k,
+        isError: z,
         isLoading: I,
-        items: p,
+        items: x,
         value: l || "",
         title: "Schema"
       }
@@ -1574,9 +1574,9 @@ function Va({
     return B() ? /* @__PURE__ */ e.jsx(
       He,
       {
-        onChange: c,
+        onChange: i,
         isError: m,
-        items: j,
+        items: b,
         isLoading: V,
         value: r || "",
         title: "Table"
@@ -1588,20 +1588,20 @@ function Va({
       /* @__PURE__ */ e.jsx(
         He,
         {
-          items: i,
+          items: o,
           title: "Connection",
           value: n || "",
           onChange: D,
-          isLoading: o,
-          isError: y,
-          connectionTooltip: ((le = i == null ? void 0 : i.find(
+          isLoading: h,
+          isError: p,
+          connectionTooltip: ((re = o == null ? void 0 : o.find(
             (B) => B.id === n
-          )) == null ? void 0 : le.type) || ""
+          )) == null ? void 0 : re.type) || ""
         }
       ),
       U(),
       P(),
-      w(),
+      k(),
       E(),
       F()
     ] }),
@@ -1625,16 +1625,16 @@ function rl(s) {
   const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
   let r = s.length;
   if (l !== -1 && (r = l), t !== -1 && t < r && (r = t), n !== -1) {
-    const c = s.substring(0, n), i = s.substring(n);
-    return `${c} {{ filters | where }} AND ${i.substring(
+    const i = s.substring(0, n), o = s.substring(n);
+    return `${i} {{ filters | where }} AND ${o.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const c = s.substring(0, a), i = s.substring(a);
-    return `${c} {{ filters | where }} ${i}`;
+    const i = s.substring(0, a), o = s.substring(a);
+    return `${i} {{ filters | where }} ${o}`;
   } else {
-    const c = s.substring(0, r), i = s.substring(r);
-    return `${c} {{ filters | where }} ${i}`;
+    const i = s.substring(0, r), o = s.substring(r);
+    return `${i} {{ filters | where }} ${o}`;
   }
 }
 function il({
@@ -1726,64 +1726,64 @@ function cl({
   triggerAIRun: l,
   setTriggerAIRun: r
 }) {
-  const c = ns(null), i = ns(null), { authToken: u } = Se(), [p, d] = q(!1), j = h((w) => w.actions.setCardSql), g = M((w) => w.dashboard.baseQueries), o = h((w) => w.actions.setRunSql), x = h((w) => w.actions.setCardType), [y, z] = q([]), b = h((w) => w.currentColumns), A = h((w) => w.card.sql), I = h((w) => w.selectedTableName), k = `
+  const i = ns(null), o = ns(null), { authToken: d } = Se(), [x, c] = q(!1), b = u((k) => k.actions.setCardSql), g = M((k) => k.dashboard.baseQueries), h = u((k) => k.actions.setRunSql), f = u((k) => k.actions.setCardType), [p, N] = q([]), y = u((k) => k.currentColumns), A = u((k) => k.card.sql), I = u((k) => k.selectedTableName), z = `
   ${a}
 
   Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
   Table Name: ${I}   
-  Table Columns: ${b == null ? void 0 : b.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
+  Table Columns: ${y == null ? void 0 : y.map((k) => `${k.column_name} | ${k.data_type}`).join(", ")}
   User SQL: ${A}  
   ${g && `Base Queries: ${JSON.stringify(g)} `}`, T = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${ol}`, { data: L, isLoading: V, isFetching: m, isError: v, refetch: f } = be({
+  Visual Query Syntax: ${ol}`, { data: L, isLoading: V, isFetching: m, isError: v, refetch: j } = be({
     queryKey: ["ai-query"],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/ai",
-      (u == null ? void 0 : u.accessToken) || "",
+      (d == null ? void 0 : d.accessToken) || "",
       {
-        user_content: `userContent: ${k} ${p ? T : ""}`
+        user_content: `userContent: ${z} ${x ? T : ""}`
       }
     ),
     enabled: !1
     // Do not run by default.
   });
-  function D(w) {
-    if (w.toLowerCase().includes("bar"))
-      x("bar");
-    else if (w.toLowerCase().includes("line"))
-      x("line");
-    else if (w.toLowerCase().includes("bubble"))
-      x("bubble");
-    else if (w.toLowerCase().includes("scatter"))
-      x("scatter");
-    else if (w.toLowerCase().includes("stacked"))
-      x("stackedBar");
-    else if (w.toLowerCase().includes("pie"))
-      x("pie");
-    else if (w.toLowerCase().includes("donut") || w.toLowerCase().includes("doughnut"))
-      x("doughnut");
-    else if (w.toLowerCase().includes("radar"))
-      x("radar");
+  function D(k) {
+    if (k.toLowerCase().includes("bar"))
+      f("bar");
+    else if (k.toLowerCase().includes("line"))
+      f("line");
+    else if (k.toLowerCase().includes("bubble"))
+      f("bubble");
+    else if (k.toLowerCase().includes("scatter"))
+      f("scatter");
+    else if (k.toLowerCase().includes("stacked"))
+      f("stackedBar");
+    else if (k.toLowerCase().includes("pie"))
+      f("pie");
+    else if (k.toLowerCase().includes("donut") || k.toLowerCase().includes("doughnut"))
+      f("doughnut");
+    else if (k.toLowerCase().includes("radar"))
+      f("radar");
     else
-      return x("bar"), !1;
+      return f("bar"), !1;
     return !0;
   }
   Z(() => {
-    L && z((w) => [...w, { role: "ai", content: L.response }]);
+    L && N((k) => [...k, { role: "ai", content: L.response }]);
   }, [L]), Z(() => {
-    const w = setTimeout(() => {
+    const k = setTimeout(() => {
       var P;
-      i.current && (i.current.scroll({
-        top: i.current.scrollHeight,
+      o.current && (o.current.scroll({
+        top: o.current.scrollHeight,
         behavior: "smooth"
-      }), (P = c.current) == null || P.focus());
+      }), (P = i.current) == null || P.focus());
     }, 100);
-    return () => clearTimeout(w);
-  }, [y]);
-  function N() {
-    a && (z((w) => [...w, { role: "user", content: a }]), D(a) && d(!0), t(""), f());
+    return () => clearTimeout(k);
+  }, [p]);
+  function S() {
+    a && (N((k) => [...k, { role: "user", content: a }]), D(a) && c(!0), t(""), j());
   }
   Z(() => {
-    l && (N(), r(!1));
+    l && (S(), r(!1));
   }, [l, r]);
   const _ = {
     //seleect a darker color
@@ -1812,9 +1812,9 @@ function cl({
     listStyleType: "disc"
   }, ee = {
     // Override how paragraphs are rendered
-    p: ({ node: w, ...P }) => /* @__PURE__ */ e.jsx("p", { style: _, ...P }),
-    code: ({ node: w, ...P }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...P }),
-    pre: ({ node: w, ...P }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: $, children: [
+    p: ({ node: k, ...P }) => /* @__PURE__ */ e.jsx("p", { style: _, ...P }),
+    code: ({ node: k, ...P }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...P }),
+    pre: ({ node: k, ...P }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: $, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: P.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
         /* @__PURE__ */ e.jsx(O, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(pt, {}) }),
@@ -1823,7 +1823,7 @@ function cl({
           {
             onClick: (U) => {
               const E = G(U);
-              E && (n(!1), j(E), o(!0));
+              E && (n(!1), b(E), h(!0));
             },
             size: "sm",
             variant: "outline",
@@ -1832,27 +1832,27 @@ function cl({
         )
       ] })
     ] }),
-    li: ({ node: w, ...P }) => /* @__PURE__ */ e.jsx("li", { style: K, ...P })
+    li: ({ node: k, ...P }) => /* @__PURE__ */ e.jsx("li", { style: K, ...P })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function G(w) {
-    const P = w.currentTarget.closest("pre");
+  function G(k) {
+    const P = k.currentTarget.closest("pre");
     if (!P) return;
     const U = P.textContent || P.innerText;
     return navigator.clipboard.writeText(U).then(() => console.log("Text copied to clipboard")).catch((E) => console.error("Error in copying text: ", E)), U;
   }
   function se() {
-    return y == null ? void 0 : y.map((w, P) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return p == null ? void 0 : p.map((k, P) => k.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
           /* @__PURE__ */ e.jsx(Jn, { className: "mr-2 h-5 w-5" }),
-          /* @__PURE__ */ e.jsx("div", { children: w.content })
+          /* @__PURE__ */ e.jsx("div", { children: k.content })
         ]
       },
       P
-    ) : w.role === "ai" ? /* @__PURE__ */ e.jsx(
+    ) : k.role === "ai" ? /* @__PURE__ */ e.jsx(
       xt,
       {
         className: "w-full overflow-auto py-1",
@@ -1884,7 +1884,7 @@ function cl({
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              ref: i,
+              ref: o,
               className: "h-[625px] w-full overflow-auto border-t border-t-muted",
               children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: se() })
             }
@@ -1897,13 +1897,13 @@ function cl({
                   pa,
                   {
                     autoFocus: !0,
-                    ref: c,
-                    onKeyDown: (w) => {
-                      w.key === "Enter" && !w.shiftKey && (w.preventDefault(), t(""), N());
+                    ref: i,
+                    onKeyDown: (k) => {
+                      k.key === "Enter" && !k.shiftKey && (k.preventDefault(), t(""), S());
                     },
                     placeholder: "Type your question here...",
-                    onFocus: (w) => {
-                      const P = w.target, U = P.value.length;
+                    onFocus: (k) => {
+                      const P = k.target, U = P.value.length;
                       P.setSelectionRange(U, U);
                     },
                     className: Y(
@@ -1911,7 +1911,7 @@ function cl({
                     ),
                     disabled: V || m,
                     value: a,
-                    onChange: (w) => t(w.target.value)
+                    onChange: (k) => t(k.target.value)
                   }
                 ),
                 " ",
@@ -1921,7 +1921,7 @@ function cl({
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
-                    onClick: N,
+                    onClick: S,
                     children: !V && !m ? /* @__PURE__ */ e.jsx(mt, {}) : /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
@@ -2024,18 +2024,18 @@ function fl(s) {
       attr: t,
       size: l,
       title: r
-    } = s, c = ul(s, dl), i = l || a.size || "1em", u;
-    return a.className && (u = a.className), s.className && (u = (u ? u + " " : "") + s.className), /* @__PURE__ */ Ne.createElement("svg", ls({
+    } = s, i = ul(s, dl), o = l || a.size || "1em", d;
+    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ Ne.createElement("svg", ls({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, t, c, {
-      className: u,
+    }, a.attr, t, i, {
+      className: d,
       style: rs(rs({
         color: s.color || a.color
       }, a.style), s.style),
-      height: i,
-      width: i,
+      height: o,
+      width: o,
       xmlns: "http://www.w3.org/2000/svg"
     }), r && /* @__PURE__ */ Ne.createElement("title", null, r), s.children);
   };
@@ -2061,70 +2061,70 @@ function jl({ sql: s }) {
   ] });
 }
 function _a(s) {
-  const { theme: n } = jt(), a = M((o) => o.theme), t = h((o) => o.card), l = h((o) => o.activeTabCardId), r = bt(), { refetch: c } = De(t), { updateCardTab: i, setRunSql: u } = ne(), p = ns(), d = ns({}), j = Oa(() => {
-    let o = "";
-    return s === "python" && (o = fa), o;
-  }, [s]);
+  const { theme: n } = jt(), a = M((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), i = bt(), { refetch: o } = De(l), { updateCardTab: d, setRunSql: x } = ne(), c = ns(), b = ns({}), g = t.cards.find((p) => p.id === r), h = Oa(() => {
+    let p = "";
+    return s === "python" && (p = (g == null ? void 0 : g.python) || fa), s === "sql" && (p = (g == null ? void 0 : g.sql) || ""), p;
+  }, [s, g]);
   Z(() => {
-    if (l && t.id && t.id !== l) {
-      if (p.current && r) {
-        const o = p.current.getModel();
-        o && (d.current[t.id] = o);
-        let x = d.current[l];
-        if (!x) {
-          const y = j();
-          x = r.editor.createModel(y, s), d.current[l] = x;
+    if (r && l.id && l.id !== r) {
+      if (c.current && i) {
+        const p = c.current.getModel();
+        p && (b.current[l.id] = p);
+        let N = b.current[r];
+        if (!N) {
+          const y = h();
+          N = i.editor.createModel(y, s), b.current[r] = N;
         }
-        p.current.setModel(x);
+        c.current.setModel(N);
       }
-      i(l, t), u(!0);
+      d(r, l), x(!0);
     }
   }, [
+    r,
     l,
-    t,
+    d,
     i,
-    r,
-    u,
+    x,
     s,
-    j
+    h
   ]), Z(() => {
-    if (!r) return;
-    const o = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", x = a === "system" ? o : a;
-    r.editor.defineTheme("default", {
+    if (!i) return;
+    const p = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", N = a === "system" ? p : a;
+    i.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
-      base: x === "light" ? "vs" : "vs-dark",
+      base: N === "light" ? "vs" : "vs-dark",
       inherit: !0,
       rules: [],
       colors: {
-        "editor.background": x === "light" ? "#ffffff" : yt("240 10% 10%")
+        "editor.background": N === "light" ? "#ffffff" : yt("240 10% 10%")
         // 'editor.background':
         //   activeTheme === 'light'
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
-    }), r.editor.setTheme("default");
-  }, [n, a, r]), Z(() => {
-    const o = p.current;
-    o && r && t && o.addCommand(
-      r.KeyMod.Shift | r.KeyCode.Enter,
+    }), i.editor.setTheme("default");
+  }, [n, a, i]), Z(() => {
+    const p = c.current;
+    p && i && l && p.addCommand(
+      i.KeyMod.Shift | i.KeyCode.Enter,
       function() {
-        return c(), !1;
+        return o(), !1;
       }
     );
-  }, [r, c, t]);
-  function g(o, x) {
-    if (p.current = o, !d.current[t.id]) {
-      const y = o.getModel(), z = j();
-      d.current[t.id] = y || (x == null ? void 0 : x.editor.createModel(z, s)) || o.getModel();
+  }, [i, o, l]);
+  function f(p, N) {
+    if (c.current = p, !b.current[l.id]) {
+      const y = p.getModel(), A = h();
+      b.current[l.id] = y || (N == null ? void 0 : N.editor.createModel(A, s)) || p.getModel();
     }
-    o.setModel(d.current[t.id]);
+    p.setModel(b.current[l.id]);
   }
-  return { handleEditorDidMount: g };
+  return { handleEditorDidMount: f };
 }
 function bl() {
-  const s = h((c) => c.card.sql), n = h((c) => c.sqlGen), { setCardSql: a, setSqlGen: t } = ne(), { handleEditorDidMount: l } = _a("sql");
-  function r(c) {
-    c && (a(c), vt(n) || t({}));
+  const s = u((i) => i.card.sql), n = u((i) => i.sqlGen), { setCardSql: a, setSqlGen: t } = ne(), { handleEditorDidMount: l } = _a("sql");
+  function r(i) {
+    i !== void 0 && (a(i.trim()), vt(n) || t({}));
   }
   return /* @__PURE__ */ e.jsx(
     os,
@@ -2132,7 +2132,7 @@ function bl() {
       theme: "default",
       className: "pt-3",
       onChange: r,
-      value: s,
+      value: s || "",
       options: {
         minimap: {
           enabled: !1
@@ -2151,7 +2151,7 @@ function bl() {
   );
 }
 function yl() {
-  const s = h((t) => t.card.python), { setCardPython: n } = ne(), { handleEditorDidMount: a } = _a("python");
+  const s = u((t) => t.card.python), { setCardPython: n } = ne(), { handleEditorDidMount: a } = _a("python");
   return /* @__PURE__ */ e.jsx(
     os,
     {
@@ -2182,7 +2182,7 @@ function vl() {
   const s = M((r) => r.dashboard.filters), n = M((r) => r.filterValues), a = M((r) => r.selectedSheetId), t = s == null ? void 0 : s.filter(
     (r) => r.sheetId === a || !r.sheetId
   ), l = n == null ? void 0 : n.filter(
-    (r) => (t == null ? void 0 : t.some((c) => c.id === r.filterId)) || r.filterId.endsWith(a)
+    (r) => (t == null ? void 0 : t.some((i) => i.id === r.filterId)) || r.filterId.endsWith(a)
   );
   return /* @__PURE__ */ e.jsx(
     os,
@@ -2213,110 +2213,113 @@ function Cl() {
   const [s, n] = q({
     queryKey: [],
     queryData: null
-  }), a = Ct(), [t, l] = q(!1), [r, c] = q(!1), [i, u] = q(!1), [p, d] = q(""), [j, g] = q(!1), o = h((S) => S.frame), x = h((S) => S.card), y = h((S) => S.isShowingVisual), z = h(
-    (S) => S.selectedConnectionId
-  ), b = h(
-    (S) => S.selectedDatabaseName
-  ), A = h(
-    (S) => S.selectedDatamodelId
-  ), I = h(
-    (S) => S.selectedSchemaName
-  ), k = h((S) => S.selectedTableName), T = h((S) => S.card.sql), L = h((S) => S.applyFilters), {
+  }), a = Ct(), [t, l] = q(!1), [r, i] = q(!1), [o, d] = q(!1), [x, c] = q(""), [b, g] = q(!1), h = u((w) => w.frame), f = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
+    (w) => w.selectedConnectionId
+  ), y = u(
+    (w) => w.selectedDatabaseName
+  ), A = u(
+    (w) => w.selectedDatamodelId
+  ), I = u(
+    (w) => w.selectedSchemaName
+  ), z = u((w) => w.selectedTableName), T = u((w) => {
+    var le;
+    return (le = w == null ? void 0 : w.card) == null ? void 0 : le.sql;
+  }), L = u((w) => w.applyFilters), {
     setCardCustomCfg: V,
     setQueryResultColumns: m,
     setCardSql: v,
-    setQueryError: f,
+    setQueryError: j,
     setPythonStdOut: D,
-    setCardPreferences: N,
+    setCardPreferences: S,
     setCardType: _
-  } = ne(), $ = h((S) => S.onSave), K = h((S) => S.onClose), ee = h((S) => S.actions.setSqlGen), G = h((S) => S.runSql), se = h((S) => S.actions.setRunSql), w = h((S) => S.actions.setCardCfg), P = h(
-    (S) => S.actions.setIsSqlRunning
+  } = ne(), $ = u((w) => w.onSave), K = u((w) => w.onClose), ee = u((w) => w.actions.setSqlGen), G = u((w) => w.runSql), se = u((w) => w.actions.setRunSql), k = u((w) => w.actions.setCardCfg), P = u(
+    (w) => w.actions.setIsSqlRunning
   ), {
     data: U,
     isLoading: E,
     isFetching: F,
-    isSuccess: le,
+    isSuccess: re,
     isError: B,
     error: ae,
     queryKey: te,
     refetch: je
-  } = De(x);
+  } = De(f);
   Z(() => {
     if (U && (U.rowLimitExceeded && Ge.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
     }), D((U == null ? void 0 : U.output) || ""), U.records.length > 0)) {
-      const { dimensionKeys: S } = js(U.records);
-      m(S);
+      const { dimensionKeys: w } = js(U.records);
+      m(w);
     }
   }, [U, m, D]), Z(() => {
-    (E || F) && P(!0), (B || le) && P(!1), B ? (f(ae.message), m([]), D("")) : f("");
+    (E || F) && P(!0), (B || re) && P(!1), B ? (j(ae.message), m([]), D("")) : j("");
   }, [
     E,
     F,
     U,
     D,
     B,
-    le,
+    re,
     P,
     m,
-    f,
+    j,
     ae
   ]), Z(() => {
     G && (a.getQueryData(te) || je(), se(!1));
   }, [G, je, se, te, a]);
   function Te() {
-    const S = a.getQueryData(te);
+    const w = a.getQueryData(te);
     s.queryData || n({
       queryKey: te,
-      queryData: S
-    }), a.setQueryData(te, null), v(""), ee({}), w(void 0), V(""), N({}), _("bar");
+      queryData: w
+    }), a.setQueryData(te, null), v(""), ee({}), k(void 0), V(""), S({}), _("bar");
   }
-  function we(S, ie) {
-    if (S.length === 0)
+  function we(w, le) {
+    if (w.length === 0)
       return "";
-    if (ie) {
-      const ke = S.find((oe) => oe.id === ie);
+    if (le) {
+      const ke = w.find((oe) => oe.id === le);
       if (ke) {
         const oe = ke.tabTitle;
         if (oe == "All__Header")
-          return S[0].id;
+          return w[0].id;
         if (oe && oe.endsWith("__Header")) {
-          const ps = oe.split("__")[0], Qe = S.find(
+          const ps = oe.split("__")[0], Qe = w.find(
             (Je) => Je.tabTitle === ps
           );
-          return Qe ? Qe.id : S[0].id;
+          return Qe ? Qe.id : w[0].id;
         }
-        return ie;
+        return le;
       }
     }
-    return S[0].id;
+    return w[0].id;
   }
   function Le() {
-    let S = T;
-    T && !T.includes("{{") && (S = rl(T), v(S));
-    const ie = {
-      ...x,
+    let w = T;
+    T && !T.includes("{{") && (w = rl(T), v(w));
+    const le = {
+      ...f,
       lastSelectedSchema: I,
       lastSelectedDatamodelId: A,
-      lastSelectedDatabase: b,
-      lastSelectedTable: k,
-      connectionId: z,
-      type: y ? x.type : "table",
-      sql: S,
-      customCfg: y ? x.customCfg : null
-    }, ke = o.cards.map(
-      (_e) => _e.id === x.id ? ie : _e
+      lastSelectedDatabase: y,
+      lastSelectedTable: z,
+      connectionId: N,
+      type: p ? f.type : "table",
+      sql: w,
+      customCfg: p ? f.customCfg : null
+    }, ke = h.cards.map(
+      (_e) => _e.id === f.id ? le : _e
     ), oe = {
-      ...o,
+      ...h,
       cards: ke,
-      activeCardId: we(ke, o.activeCardId)
+      activeCardId: we(ke, h.activeCardId)
     };
     $ == null || $(oe);
   }
   function Fe() {
-    const { queryKey: S, queryData: ie } = s;
-    S && ie && a.setQueryData(S, ie), K == null || K();
+    const { queryKey: w, queryData: le } = s;
+    w && le && a.setQueryData(w, le), K == null || K();
   }
   function Ee() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -2331,7 +2334,7 @@ function Cl() {
               r && /* @__PURE__ */ e.jsx(
                 Be,
                 {
-                  onClick: () => c(!1),
+                  onClick: () => i(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
                 }
               )
@@ -2343,7 +2346,7 @@ function Cl() {
       !r && /* @__PURE__ */ e.jsx(
         oa,
         {
-          onClick: () => c(!0),
+          onClick: () => i(!0),
           className: Y(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
@@ -2449,9 +2452,9 @@ function Cl() {
                     il,
                     {
                       error: ae.message,
-                      setShowAIDialog: u,
+                      setShowAIDialog: d,
                       setTriggerAIRun: g,
-                      setUserInputforAI: d
+                      setUserInputforAI: c
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
@@ -2471,7 +2474,7 @@ function Cl() {
                     ma,
                     {
                       pressed: t,
-                      onPressedChange: (S) => l(S),
+                      onPressedChange: (w) => l(w),
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2481,12 +2484,12 @@ function Cl() {
                   /* @__PURE__ */ e.jsx(
                     cl,
                     {
-                      open: i,
-                      setOpen: u,
-                      userInput: p,
-                      triggerAIRun: j,
+                      open: o,
+                      setOpen: d,
+                      userInput: x,
+                      triggerAIRun: b,
                       setTriggerAIRun: g,
-                      setUserInput: (S) => d(S)
+                      setUserInput: (w) => c(w)
                     }
                   )
                 ] }),
@@ -2527,20 +2530,20 @@ function Cl() {
   );
 }
 function Nl({ data: s }) {
-  var c;
-  const [n, a] = Ne.useState([]), l = Object.keys(s[0]).map((i) => ({
+  var i;
+  const [n, a] = Ne.useState([]), l = Object.keys(s[0]).map((o) => ({
     // header: key,
-    accessorKey: i,
-    header: ({ column: u }) => {
-      const p = u.getIsSorted();
+    accessorKey: o,
+    header: ({ column: d }) => {
+      const x = d.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "flex cursor-pointer items-center",
-          onClick: () => u.toggleSorting(u.getIsSorted() === "asc"),
+          onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
-            i,
-            p === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
+            o,
+            x === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : x === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
@@ -2558,57 +2561,57 @@ function Nl({ data: s }) {
     }
   });
   return /* @__PURE__ */ e.jsx("div", { className: "font-mono text-xs text-foreground/95", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
-    /* @__PURE__ */ e.jsx(zt, { children: r.getHeaderGroups().map((i) => /* @__PURE__ */ e.jsx(fs, { children: i.headers.map((u) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(zt, { children: r.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(fs, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(
       Ot,
       {
         className: "sticky top-0 h-11 bg-muted font-semibold",
-        children: u.isPlaceholder ? null : Ks(
-          u.column.columnDef.header,
-          u.getContext()
+        children: d.isPlaceholder ? null : Ks(
+          d.column.columnDef.header,
+          d.getContext()
         )
       },
-      u.id
-    )) }, i.id)) }),
-    /* @__PURE__ */ e.jsx(Dt, { children: (c = r.getRowModel().rows) != null && c.length ? r.getRowModel().rows.map((i) => /* @__PURE__ */ e.jsx(
+      d.id
+    )) }, o.id)) }),
+    /* @__PURE__ */ e.jsx(Dt, { children: (i = r.getRowModel().rows) != null && i.length ? r.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
       fs,
       {
         className: "whitespace-nowrap py-2",
-        "data-state": i.getIsSelected() && "selected",
-        children: i.getVisibleCells().map((u) => /* @__PURE__ */ e.jsx(Qs, { className: "py-3", children: Ks(u.column.columnDef.cell, u.getContext()) }, u.id))
+        "data-state": o.getIsSelected() && "selected",
+        children: o.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Qs, { className: "py-3", children: Ks(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
-      i.id
+      o.id
     )) : /* @__PURE__ */ e.jsx(fs, { children: /* @__PURE__ */ e.jsx(Qs, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
 function Sl({ card: s }) {
-  var b, A, I, k, T, L, V, m, v, f, D;
+  var y, A, I, z, T, L, V, m, v, j, D;
   const [n, a] = q(!1), [t, l] = q(
     []
-  ), { authToken: r } = Se(), c = Lt(r == null ? void 0 : r.accessToken), i = M((N) => N.themeStyle), u = {
-    colors: ((A = (b = i == null ? void 0 : i.chart) == null ? void 0 : b.dataset) == null ? void 0 : A.backgroundColor) || []
+  ), { authToken: r } = Se(), i = Lt(r == null ? void 0 : r.accessToken), o = M((S) => S.themeStyle), d = {
+    colors: ((A = (y = o == null ? void 0 : o.chart) == null ? void 0 : y.dataset) == null ? void 0 : A.backgroundColor) || []
   };
   (I = s.customCardPreferences) != null && I.inputData;
-  const { getCard: p } = ga(((k = s.customCardPreferences) == null ? void 0 : k.url) || ""), d = ((T = s.customCardPreferences) == null ? void 0 : T.visualType) || "single", j = h((N) => N.frame);
+  const { getCard: x } = ga(((z = s.customCardPreferences) == null ? void 0 : z.url) || ""), c = ((T = s.customCardPreferences) == null ? void 0 : T.visualType) || "single", b = u((S) => S.frame);
   ne();
-  const { data: g } = De(s), o = Oa((N, _) => {
+  const { data: g } = De(s), h = Oa((S, _) => {
     l(($) => ({
       ...$,
-      [N]: _
+      [S]: _
     }));
   }, []);
   if (!((L = s.customCardPreferences) != null && L.componentName))
     return null;
-  const x = p(
+  const f = x(
     (V = s.customCardPreferences) == null ? void 0 : V.componentName
   );
-  function y(N) {
-    a(N);
+  function p(S) {
+    a(S);
   }
-  const z = Object.keys(
+  const N = Object.keys(
     ((m = s.customCardPreferences) == null ? void 0 : m.dataInputCardIds) || {}
-  ).map((N) => {
+  ).map((S) => {
     var K, ee, G;
-    const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[N].cardId, $ = (G = j == null ? void 0 : j.cards) == null ? void 0 : G.find((se) => se.id === _);
+    const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[S].cardId, $ = (G = b == null ? void 0 : b.cards) == null ? void 0 : G.find((se) => se.id === _);
     return $ || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
@@ -2616,48 +2619,48 @@ function Sl({ card: s }) {
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
-        x && d === "single" && /* @__PURE__ */ e.jsx(
-          x,
+        f && c === "single" && /* @__PURE__ */ e.jsx(
+          f,
           {
-            params: c,
-            theme: u,
+            params: i,
+            theme: d,
             settings: (v = s.customCardPreferences) == null ? void 0 : v.settings,
-            onDataChange: o,
+            onDataChange: h,
             data: (g == null ? void 0 : g.records) || []
           }
         ),
-        x && d === "multiple" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        f && c === "multiple" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           Object.keys(
-            ((f = s.customCardPreferences) == null ? void 0 : f.dataInputCardIds) || {}
-          ).map((N) => {
+            ((j = s.customCardPreferences) == null ? void 0 : j.dataInputCardIds) || {}
+          ).map((S) => {
             var K, ee, G;
-            const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[N].cardId, $ = (G = j == null ? void 0 : j.cards) == null ? void 0 : G.find(
+            const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[S].cardId, $ = (G = b == null ? void 0 : b.cards) == null ? void 0 : G.find(
               (se) => se.id === _
             );
             if ($)
               return /* @__PURE__ */ e.jsx(
                 Ft,
                 {
-                  onLoadingStatus: y,
-                  onDataChange: o,
-                  dataInputIndex: N,
+                  onLoadingStatus: p,
+                  onDataChange: h,
+                  dataInputIndex: S,
                   card: $
                 },
-                $.id + N
+                $.id + S
               );
           }),
           /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
-            x,
+            f,
             {
-              theme: u,
-              onDataChange: o,
-              settings: z.map(
-                (N) => {
+              theme: d,
+              onDataChange: h,
+              settings: N.map(
+                (S) => {
                   var _;
-                  return (_ = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : _.settings;
+                  return (_ = S == null ? void 0 : S.customCardPreferences) == null ? void 0 : _.settings;
                 }
               ),
-              data: z.map((N) => N != null && N.id ? t == null ? void 0 : t[N.id] : [])
+              data: N.map((S) => S != null && S.id ? t == null ? void 0 : t[S.id] : [])
             }
           ) })
         ] })
@@ -2672,43 +2675,43 @@ function Ha({
   className: s,
   ...n
 }) {
-  var z;
-  const a = h((b) => b.card), t = ((z = a.customCardPreferences) == null ? void 0 : z.showCardHeader) ?? !0, l = h((b) => b.frame), r = M((b) => b.dashboard.filters);
-  h((b) => b.actions.setRunSql);
-  const { updateFilter: c } = is(), i = r == null ? void 0 : r.find((b) => b.id === l.filterId), { data: u, isLoading: p, isFetching: d } = De(a), { setCard: j } = ne(), { data: g } = Es(a);
+  var N;
+  const a = u((y) => y.card), t = ((N = a.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, l = u((y) => y.frame), r = M((y) => y.dashboard.filters);
+  u((y) => y.actions.setRunSql);
+  const { updateFilter: i } = is(), o = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: d, isLoading: x, isFetching: c } = De(a), { setCard: b } = ne(), { data: g } = Es(a);
   if (!a.id) return null;
-  let o;
-  u != null && u.records && (u == null ? void 0 : u.records.length) > 0 && (o = ja({
-    data: u == null ? void 0 : u.records,
+  let h;
+  d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (h = ja({
+    data: d == null ? void 0 : d.records,
     cardType: a.type,
     cfg: a.cfg,
     customCfg: a.customCfg,
     preferences: a.preferences,
     topoJson: g
   }));
-  function x(b) {
-    return /* @__PURE__ */ e.jsx(Sl, { card: b });
+  function f(y) {
+    return /* @__PURE__ */ e.jsx(Sl, { card: y });
   }
-  function y() {
-    var b;
-    if (u != null && u.records && (u == null ? void 0 : u.records.length) === 0 && !p && !d)
+  function p() {
+    var y;
+    if (d != null && d.records && (d == null ? void 0 : d.records.length) === 0 && !x && !c)
       return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2", children: [
         /* @__PURE__ */ e.jsx(_t, { className: "size-8 text-muted-foreground" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
       ] });
     if (a.type === "custom")
-      return x(a);
-    if (!["table", "custom"].includes(a.type) && o)
+      return f(a);
+    if (!["table", "custom"].includes(a.type) && h)
       return /* @__PURE__ */ e.jsx(
         Ht,
         {
-          cfg: o
+          cfg: h
         },
-        JSON.stringify(o) + JSON.stringify(a.preferences) + ((b = a == null ? void 0 : a.preferences) == null ? void 0 : b.customVisualCode)
+        JSON.stringify(h) + JSON.stringify(a.preferences) + ((y = a == null ? void 0 : a.preferences) == null ? void 0 : y.customVisualCode)
       );
-    if (a.type === "table" && (u != null && u.records) && (u == null ? void 0 : u.records.length) > 0)
+    if (a.type === "table" && (d != null && d.records) && (d == null ? void 0 : d.records.length) > 0)
       return /* @__PURE__ */ e.jsxs(fe, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
-        /* @__PURE__ */ e.jsx(Pt, { card: a, data: u == null ? void 0 : u.records }),
+        /* @__PURE__ */ e.jsx(Pt, { card: a, data: d == null ? void 0 : d.records }),
         /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
       ] });
   }
@@ -2725,7 +2728,7 @@ function Ha({
               Xe,
               {
                 text: a.title,
-                onSave: (b) => j({ ...a, title: b }),
+                onSave: (y) => b({ ...a, title: y }),
                 children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(Vt, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
@@ -2734,26 +2737,26 @@ function Ha({
               Xe,
               {
                 text: a.description || "",
-                onSave: (b) => j({ ...a, description: b }),
+                onSave: (y) => b({ ...a, description: y }),
                 children: /* @__PURE__ */ e.jsx(qt, { children: a.description || "Edit description..." })
               },
               a.description
             )
           ] }),
-          i && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
               Xe,
               {
                 className: "my-1",
-                text: i.title || i.column,
-                onSave: (b) => c({ ...i, title: b }),
-                children: /* @__PURE__ */ e.jsx(H, { children: i.title })
+                text: o.title || o.column,
+                onSave: (y) => i({ ...o, title: y }),
+                children: /* @__PURE__ */ e.jsx(H, { children: o.title })
               }
             ),
-            /* @__PURE__ */ e.jsx(ba, { filter: i })
+            /* @__PURE__ */ e.jsx(ba, { filter: o })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx(Rt, { className: "flex grow flex-col", children: y() })
+        /* @__PURE__ */ e.jsx(Rt, { className: "flex grow flex-col", children: p() })
       ]
     }
   );
@@ -2876,14 +2879,14 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   /* @__PURE__ */ e.jsx(O, { onClick: l, variant: "outline", children: "Close" })
 ] });
 function Ol() {
-  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [c, i] = q(""), [u, p] = q(""), d = h((k) => k.card), j = h((k) => k.card.customCfg), { data: g } = De(d), { data: o } = Es(d), { setCardCustomCfg: x, setCustomVisualCode: y } = ne(), z = (k) => {
+  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [i, o] = q(""), [d, x] = q(""), c = u((z) => z.card), b = u((z) => z.card.customCfg), { data: g } = De(c), { data: h } = Es(c), { setCardCustomCfg: f, setCustomVisualCode: p } = ne(), N = (z) => {
     var T, L;
     return JSON.stringify(
       {
-        ...k,
+        ...z,
         data: {
-          ...k.data,
-          datasets: (L = (T = k.data) == null ? void 0 : T.datasets) == null ? void 0 : L.map((V) => ({
+          ...z.data,
+          datasets: (L = (T = z.data) == null ? void 0 : T.datasets) == null ? void 0 : L.map((V) => ({
             ...V,
             data: []
           }))
@@ -2892,68 +2895,68 @@ function Ol() {
       null,
       2
     );
-  }, b = () => {
+  }, y = () => {
     var T, L;
     if (!((T = g == null ? void 0 : g.records) != null && T.length)) return;
-    const k = ja({
+    const z = ja({
       data: g.records,
-      cardType: d.type,
-      cfg: d.cfg,
-      preferences: d.preferences,
-      topoJson: o
+      cardType: c.type,
+      cfg: c.cfg,
+      preferences: c.preferences,
+      topoJson: h
     });
-    k && (t(z(k)), i(((L = d.preferences) == null ? void 0 : L.customVisualCode) || ""), r(
-      j ? JSON.stringify(j, null, 2) : ""
+    z && (t(N(z)), o(((L = c.preferences) == null ? void 0 : L.customVisualCode) || ""), r(
+      b ? JSON.stringify(b, null, 2) : ""
     ));
   }, A = () => {
     try {
-      if (c && y(c), l) {
-        const k = JSON.parse(l);
-        x(k), p("");
+      if (i && p(i), l) {
+        const z = JSON.parse(l);
+        f(z), x("");
       }
     } catch {
-      p("Invalid JSON configuration");
+      x("Invalid JSON configuration");
     }
   }, I = () => {
-    if (j) {
-      const k = Js.merge(Js.cloneDeep(d.cfg), j);
-      return z(k);
+    if (b) {
+      const z = Js.merge(Js.cloneDeep(c.cfg), b);
+      return N(z);
     }
-    return a ? z(JSON.parse(a)) : "";
+    return a ? N(JSON.parse(a)) : "";
   };
   return /* @__PURE__ */ e.jsxs(Cs, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       O,
       {
-        onClick: b,
+        onClick: y,
         size: "sm",
         variant: "outline",
-        className: j ? "border-foreground/50 dark:border-foreground/70" : "",
+        className: b ? "border-foreground/50 dark:border-foreground/70" : "",
         children: /* @__PURE__ */ e.jsx($t, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(ws, { className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]", children: [
-      /* @__PURE__ */ e.jsx(wl, { card: d }),
+      /* @__PURE__ */ e.jsx(wl, { card: c }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
         /* @__PURE__ */ e.jsx(cs, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ha, { className: "w-1/2 rounded shadow-none" }) }),
         /* @__PURE__ */ e.jsx(
           kl,
           {
             defaultConfig: a,
-            customCode: c,
+            customCode: i,
             customConfig: I(),
-            onConfigChange: (k) => r(k ?? ""),
-            onCodeChange: (k) => i(k ?? "")
+            onConfigChange: (z) => r(z ?? ""),
+            onCodeChange: (z) => o(z ?? "")
           }
         )
       ] }),
       /* @__PURE__ */ e.jsx(
         zl,
         {
-          error: u,
-          hasCustomConfig: !!j,
+          error: d,
+          hasCustomConfig: !!b,
           onReset: () => {
-            r(""), x(null);
+            r(""), f(null);
           },
           onApply: A,
           onClose: () => n(!1)
@@ -2990,7 +2993,7 @@ function Wa(s) {
   const [n, a] = q(null);
   return Z(() => {
     s && (async () => {
-      const r = (await import("./lucide-react-DzzsKkzx.js"))[s];
+      const r = (await import("./lucide-react-g0ln-XxW.js"))[s];
       a(r);
     })();
   }, [s]), n;
@@ -3011,14 +3014,14 @@ function Dl({
     (async () => {
       var r;
       if (t) {
-        const i = (await Promise.all(
-          (r = t == null ? void 0 : t.plugins) == null ? void 0 : r.map(async (u) => (await Ut(u.value)).visuals.map((j) => ({
-            name: j.name,
-            icon: j.icon,
-            url: u.value
+        const o = (await Promise.all(
+          (r = t == null ? void 0 : t.plugins) == null ? void 0 : r.map(async (d) => (await Ut(d.value)).visuals.map((b) => ({
+            name: b.name,
+            icon: b.icon,
+            url: d.value
           })))
         )).flat();
-        a(i);
+        a(o);
       }
     })();
   }, [t]), n.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -3043,15 +3046,15 @@ const Ml = ({
   return /* @__PURE__ */ e.jsx(O, { onClick: a, title: s, variant: "ghost", children: t ? /* @__PURE__ */ e.jsx(t, { className: "h-4 w-4" }) : l });
 };
 function Il() {
-  var d, j;
-  const [s, n] = q(!1), a = h((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: c } = h((g) => g.actions), { setCardCustomCfg: i, setCustomCardPreferences: u } = ne();
-  function p(g, o) {
-    i(null), r({}), l(g), o && u({
+  var c, b;
+  const [s, n] = q(!1), a = u((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: i } = u((g) => g.actions), { setCardCustomCfg: o, setCustomCardPreferences: d } = ne();
+  function x(g, h) {
+    o(null), r({}), l(g), h && d({
       type: "component",
       visualType: "single",
-      url: o.url,
-      componentName: o.name,
-      icon: o.icon
+      url: h.url,
+      componentName: h.name,
+      icon: h.icon
     }), n(!1);
   }
   return /* @__PURE__ */ e.jsxs(ds, { open: s, onOpenChange: n, children: [
@@ -3060,8 +3063,8 @@ function Il() {
       {
         className: "h-4 w-4",
         chartType: t,
-        customIcon: (d = a.customCardPreferences) == null ? void 0 : d.icon,
-        componentName: (j = a.customCardPreferences) == null ? void 0 : j.componentName
+        customIcon: (c = a.customCardPreferences) == null ? void 0 : c.icon,
+        componentName: (b = a.customCardPreferences) == null ? void 0 : b.componentName
       }
     ) }) }),
     /* @__PURE__ */ e.jsxs(hs, { className: "w-50", children: [
@@ -3069,7 +3072,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("bar"),
+            onClick: () => x("bar"),
             className: "font-normal",
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(qs, { className: "size-5" })
@@ -3078,7 +3081,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("line"),
+            onClick: () => x("line"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
           }
@@ -3086,7 +3089,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("stackedBar"),
+            onClick: () => x("stackedBar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ka, { className: "size-5", strokeWidth: 0 })
           }
@@ -3094,7 +3097,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("stackedLine"),
+            onClick: () => x("stackedLine"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ga, { className: "size-5", strokeWidth: 0 })
           }
@@ -3102,7 +3105,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("scatter"),
+            onClick: () => x("scatter"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
           }
@@ -3110,7 +3113,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("bubble"),
+            onClick: () => x("bubble"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ua, { className: "size-4" })
           }
@@ -3118,7 +3121,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("pie"),
+            onClick: () => x("pie"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ma, { className: "size-5" })
           }
@@ -3126,7 +3129,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("doughnut"),
+            onClick: () => x("doughnut"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx($a, { className: "size-5", strokeWidth: 1 })
           }
@@ -3134,7 +3137,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("radar"),
+            onClick: () => x("radar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(
               Pa,
@@ -3148,7 +3151,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("polarArea"),
+            onClick: () => x("polarArea"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ba, { className: "size-5" })
           }
@@ -3156,7 +3159,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("pyramid"),
+            onClick: () => x("pyramid"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ja, { className: "size-5" })
           }
@@ -3164,7 +3167,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("range"),
+            onClick: () => x("range"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Da, { className: "size-5" })
           }
@@ -3172,7 +3175,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("table"),
+            onClick: () => x("table"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Is, { className: "size-5" })
           }
@@ -3180,7 +3183,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("kpi"),
+            onClick: () => x("kpi"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Qa, { className: "size-6" })
           }
@@ -3188,7 +3191,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("text"),
+            onClick: () => x("text"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(_s, { className: "size-4" })
           }
@@ -3196,7 +3199,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("map"),
+            onClick: () => x("map"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(La, { className: "size-4" })
           }
@@ -3204,13 +3207,13 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => p("custom"),
+            onClick: () => x("custom"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Fa, { className: "size-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(Dl, { onChartTypeChange: p })
+      /* @__PURE__ */ e.jsx(Dl, { onChartTypeChange: x })
     ] })
   ] });
 }
@@ -3260,7 +3263,7 @@ function Tl({
 }
 function Ll() {
   var n;
-  const s = h((a) => a.card);
+  const s = u((a) => a.card);
   return (n = s.customCardPreferences) == null || n.showCardHeader, ne(), /* @__PURE__ */ e.jsxs(na, { children: [
     /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsx(ra, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
@@ -3279,11 +3282,11 @@ function Ll() {
   ] });
 }
 function sa() {
-  const s = h((m) => m.frame), n = h((m) => m.card), a = h((m) => m.isShowingVisual), t = h((m) => m.isSqlRunning), l = h((m) => m.queryError), r = h((m) => m.pythonStdOut);
-  h((m) => m.actions.setRunSql), h((m) => m.onSave), h((m) => m.onClose), h((m) => m.actions.setCardSql), h((m) => m.actions.setCardType), h((m) => m.actions.setSqlGen);
-  const { setFrame: c, setCard: i, updateCardInFrame: u, setActiveTabCardId: p } = ne(), { data: d, isLoading: j, isFetching: g } = De(n);
+  const s = u((m) => m.frame), n = u((m) => m.card), a = u((m) => m.isShowingVisual), t = u((m) => m.isSqlRunning), l = u((m) => m.queryError), r = u((m) => m.pythonStdOut);
+  u((m) => m.actions.setRunSql);
+  const { setFrame: i, setCard: o, updateCardInFrame: d, setActiveTabCardId: x } = ne(), { data: c, isLoading: b, isFetching: g } = De(n);
   if (!n) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
-  function o() {
+  function h() {
     const m = {
       connectionId: n.connectionId,
       id: Ue(),
@@ -3301,56 +3304,56 @@ function sa() {
       sql: "",
       data: []
     };
-    x(m);
+    f(m);
   }
-  function x(m) {
+  function f(m) {
     const v = {
       ...s,
       cards: [...s.cards, m],
       activeCardId: m.id
     };
-    c(v), i(m);
+    i(v), x(m.id);
   }
-  function y() {
+  function p() {
     const m = {
       ...n,
       id: Ue(),
       title: `${n.title} Copy`,
       tabTitle: `${n.tabTitle || n.title} Copy`
     };
-    x(m);
+    f(m);
   }
-  function z(m) {
-    const v = s.cards.filter((N) => N.id !== m), f = v[0], D = {
+  function N(m) {
+    const v = s.cards.filter((S) => S.id !== m), j = v[0], D = {
       ...s,
       cards: v,
       // update the active card to the first card in the frame
-      activeCardId: f.id
+      activeCardId: j.id
     };
-    c(D), i(f);
+    i(D), o(j);
   }
-  function b(m) {
-    p(m);
+  function y(m) {
+    x(m);
   }
   const A = (m, v) => {
     console.log("handleDragStart", v), m.dataTransfer.setData("tabIndex", v.toString());
   }, I = (m) => {
     m.preventDefault();
-  }, k = (m, v) => {
-    const f = m.dataTransfer.getData("tabIndex");
-    if (f === v.toString()) return;
-    const D = Array.from(s.cards), [N] = D.splice(parseInt(f), 1);
-    D.splice(v, 0, N), c({ ...s, cards: D });
+  }, z = (m, v) => {
+    const j = m.dataTransfer.getData("tabIndex");
+    if (j === v.toString()) return;
+    const D = Array.from(s.cards), [S] = D.splice(parseInt(j), 1);
+    D.splice(v, 0, S), i({ ...s, cards: D });
   };
   function T(m, v) {
     return m.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || m.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => {
-          const f = v.displayTab === void 0 ? !1 : !v.displayTab;
-          i({ ...v, displayTab: f }), u({
+          const j = v.displayTab === void 0 ? !1 : !v.displayTab;
+          o({ ...v, displayTab: j }), d({
             ...v,
-            displayTab: f
+            displayTab: j
           });
         },
         children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Yt, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
@@ -3361,7 +3364,7 @@ function sa() {
     return /* @__PURE__ */ e.jsxs(
       va,
       {
-        onValueChange: b,
+        onValueChange: y,
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
@@ -3371,16 +3374,16 @@ function sa() {
               Xe,
               {
                 text: m.tabTitle || m.title,
-                onSave: (f) => {
-                  i({ ...n, tabTitle: f }), u({ ...n, tabTitle: f });
+                onSave: (j) => {
+                  o({ ...n, tabTitle: j }), d({ ...n, tabTitle: j });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   Ze,
                   {
                     draggable: !0,
-                    onDragStart: (f) => A(f, v),
+                    onDragStart: (j) => A(j, v),
                     onDragOver: I,
-                    onDrop: (f) => k(f, v),
+                    onDrop: (j) => z(j, v),
                     className: "",
                     value: m.id,
                     children: [
@@ -3390,7 +3393,7 @@ function sa() {
                         Sa,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => z(m.id)
+                          onClick: () => N(m.id)
                         }
                       )
                     ]
@@ -3404,7 +3407,7 @@ function sa() {
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
-                onClick: o,
+                onClick: h,
                 children: /* @__PURE__ */ e.jsx(Ss, { className: "h-4 w-4" })
               }
             ),
@@ -3413,7 +3416,7 @@ function sa() {
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
-                onClick: y,
+                onClick: p,
                 children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4" })
               }
             )
@@ -3423,17 +3426,17 @@ function sa() {
     );
   }
   function V() {
-    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Qt, { card: n, data: d == null ? void 0 : d.records }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(fe, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
+    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Qt, { card: n, data: c == null ? void 0 : c.records }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(fe, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
       Jt,
       {
         isLoading: t,
         card: n,
-        data: d == null ? void 0 : d.records
+        data: c == null ? void 0 : c.records
       }
     ) }) }) }) : /* @__PURE__ */ e.jsx(cs, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ha, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
-    (j || g) && /* @__PURE__ */ e.jsx(Ve, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    (b || g) && /* @__PURE__ */ e.jsx(Ve, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(Il, {}),
@@ -3470,7 +3473,7 @@ function sa() {
               minSize: 10,
               className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
               children: /* @__PURE__ */ e.jsxs(fe, { className: "relative flex h-full min-h-0 w-full flex-1 basis-0", children: [
-                (d == null ? void 0 : d.records) && (d == null ? void 0 : d.records.length) > 0 && /* @__PURE__ */ e.jsx(Nl, { data: (d == null ? void 0 : d.records) || [] }),
+                (c == null ? void 0 : c.records) && (c == null ? void 0 : c.records.length) > 0 && /* @__PURE__ */ e.jsx(Nl, { data: (c == null ? void 0 : c.records) || [] }),
                 l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-xs", children: l }),
                 /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
               ] })
@@ -3482,7 +3485,7 @@ function sa() {
   ] });
 }
 function Fl() {
-  const s = h((a) => a.pythonStdOut);
+  const s = u((a) => a.pythonStdOut);
   if (!s) return null;
   const n = s.replace(/\n/g, "<br>");
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex w-full flex-col border-r", children: [
@@ -3494,7 +3497,7 @@ function Fl() {
   ] });
 }
 function El() {
-  const s = h((a) => a.isShowingVisual), n = h(
+  const s = u((a) => a.isShowingVisual), n = u(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -3572,30 +3575,30 @@ function $e({
   );
 }
 function Vl() {
-  var y, z;
-  const s = h(
-    (b) => b.card.customCardPreferences
-  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = h((b) => b.card), l = h((b) => b.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: c } = ne(), { components: i, manifest: u } = ga(
+  var p, N;
+  const s = u(
+    (y) => y.card.customCardPreferences
+  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((y) => y.card), l = u((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: i } = ne(), { components: o, manifest: d } = ga(
     (s == null ? void 0 : s.url) || ""
-  ), p = (y = u == null ? void 0 : u.visuals) == null ? void 0 : y.find(
-    (b) => b.name === (s == null ? void 0 : s.componentName)
+  ), x = (p = d == null ? void 0 : d.visuals) == null ? void 0 : p.find(
+    (y) => y.name === (s == null ? void 0 : s.componentName)
   );
-  function d(b, A) {
+  function c(y, A) {
     if (!s) return;
-    const k = {
+    const z = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
-      [b]: {
+      [y]: {
         cardId: A,
         hookRef: null
       }
     };
-    c({
+    i({
       ...s,
-      dataInputCardIds: k
+      dataInputCardIds: z
     });
   }
-  function j(b) {
-    var I, k;
+  function b(y) {
+    var I, z;
     const A = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((T) => {
       var L;
       return ((L = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : L.visualType) !== "multiple";
@@ -3603,7 +3606,7 @@ function Vl() {
       value: T.id,
       label: T.tabTitle || T.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (k = b == null ? void 0 : b.dataInputs) == null ? void 0 : k.map((T, L) => {
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (z = y == null ? void 0 : y.dataInputs) == null ? void 0 : z.map((T, L) => {
       var V, m;
       return /* @__PURE__ */ e.jsxs(
         "div",
@@ -3618,7 +3621,7 @@ function Vl() {
                 label: "",
                 options: A || [],
                 value: ((m = (V = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : V[L]) == null ? void 0 : m.cardId) || "",
-                onValueChange: (v) => d(L, v)
+                onValueChange: (v) => c(L, v)
               }
             )
           ]
@@ -3627,15 +3630,15 @@ function Vl() {
       );
     }) });
   }
-  function g(b, A, I = []) {
-    var k, T;
-    return s ? b === "input" ? /* @__PURE__ */ e.jsx(
-      re,
+  function g(y, A, I = []) {
+    var z, T;
+    return s ? y === "input" ? /* @__PURE__ */ e.jsx(
+      ie,
       {
         className: `h-8 w-full ${Pe}`,
-        value: ((k = s == null ? void 0 : s.settings) == null ? void 0 : k[A]) || "",
+        value: ((z = s == null ? void 0 : s.settings) == null ? void 0 : z[A]) || "",
         onChange: (L) => {
-          c({
+          i({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
@@ -3645,7 +3648,7 @@ function Vl() {
         }
       },
       A
-    ) : b === "select" ? /* @__PURE__ */ e.jsx(
+    ) : y === "select" ? /* @__PURE__ */ e.jsx(
       de,
       {
         className: "h-8 w-full",
@@ -3653,7 +3656,7 @@ function Vl() {
         options: I,
         value: ((T = s == null ? void 0 : s.settings) == null ? void 0 : T[A]) || "",
         onValueChange: (L) => {
-          c({
+          i({
             ...s,
             settings: { ...s == null ? void 0 : s.settings, [A]: L }
           });
@@ -3661,21 +3664,21 @@ function Vl() {
       }
     ) : null : null;
   }
-  function o(b) {
-    const A = Object.entries((b == null ? void 0 : b.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: A.map(([I, k]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: k.title }),
+  function h(y) {
+    const A = Object.entries((y == null ? void 0 : y.settings) || {});
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: A.map(([I, z]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(H, { children: z.title }),
       g(
-        k.ui,
+        z.ui,
         I,
-        k.options
+        z.options
       )
     ] }, I)) });
   }
-  function x(b) {
-    s && c({
+  function f(y) {
+    s && i({
       ...s,
-      visualType: b,
+      visualType: y,
       componentName: ""
     });
   }
@@ -3692,12 +3695,12 @@ function Vl() {
               label: "",
               options: a,
               value: (s == null ? void 0 : s.url) || "",
-              onValueChange: (b) => c({
+              onValueChange: (y) => i({
                 ...s || {
                   url: "",
                   componentName: ""
                 },
-                url: b
+                url: y
               })
             }
           ) }) }),
@@ -3709,27 +3712,27 @@ function Vl() {
                 { value: "multiple", label: "Multi-Visual" }
               ],
               value: r,
-              onValueChange: x
+              onValueChange: f
             }
           ),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && s && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Component" }),
-            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: i && /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: o && /* @__PURE__ */ e.jsx(
               de,
               {
                 className: "h-8 w-full",
                 label: "",
-                options: (i == null ? void 0 : i.filter(
-                  (b) => b.type === r
-                ).map((b) => ({
-                  value: b.name,
-                  label: b.name
+                options: (o == null ? void 0 : o.filter(
+                  (y) => y.type === r
+                ).map((y) => ({
+                  value: y.name,
+                  label: y.name
                 }))) || [],
                 value: s.componentName,
-                onValueChange: (b) => {
-                  console.log("changing value", b), c({
+                onValueChange: (y) => {
+                  console.log("changing value", y), i({
                     ...s,
-                    componentName: b
+                    componentName: y
                   });
                 }
               }
@@ -3737,12 +3740,12 @@ function Vl() {
           ] }) })
         ] }) }) }),
         /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
-        ((z = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : z.componentName) && /* @__PURE__ */ e.jsxs($e, { summary: "Component Settings", children: [
-          p && p.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+        ((N = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : N.componentName) && /* @__PURE__ */ e.jsxs($e, { summary: "Component Settings", children: [
+          x && x.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
-            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: j(p) })
+            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(x) })
           ] }),
-          p && p.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: o(p) }) })
+          x && x.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(x) }) })
         ] })
       ]
     }
@@ -3750,28 +3753,28 @@ function Vl() {
 }
 function Ie() {
   const [s, n] = q([]);
-  h(
-    (d) => d.card.cfg
+  u(
+    (c) => c.card.cfg
   );
-  const a = h((d) => d.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: r } = h((d) => d.actions), c = h(
-    (d) => d.queryResultColumns
+  const a = u((c) => c.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: r } = u((c) => c.actions), i = u(
+    (c) => c.queryResultColumns
   );
-  h(
-    (d) => {
-      var j;
-      return (j = d.card.preferences) == null ? void 0 : j.filterOnClickColumnIndex;
+  u(
+    (c) => {
+      var b;
+      return (b = c.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
   ), Z(() => {
-    c && n(new Array(c.length).fill(!1));
-  }, [c]);
-  function i(d, j) {
-    var g, o;
-    j ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? r({
+    i && n(new Array(i.length).fill(!1));
+  }, [i]);
+  function o(c, b) {
+    var g, h;
+    b ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? r({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
         {
-          columnIndex: d,
+          columnIndex: c,
           expression: ""
         }
       ]
@@ -3779,39 +3782,39 @@ function Ie() {
       ...a,
       onClickFilter: [
         {
-          columnIndex: d,
+          columnIndex: c,
           expression: ""
         }
       ]
     }) : (r({
       ...a,
-      onClickFilter: (o = a == null ? void 0 : a.onClickFilter) == null ? void 0 : o.filter(
-        (x) => x.columnIndex !== d
+      onClickFilter: (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.filter(
+        (f) => f.columnIndex !== c
       )
-    }), n((x) => {
-      const y = [...x];
-      return y[d] = !1, y;
+    }), n((f) => {
+      const p = [...f];
+      return p[c] = !1, p;
     }));
   }
-  function u(d, j) {
-    var o;
-    const g = (o = a == null ? void 0 : a.onClickFilter) == null ? void 0 : o.map((x) => x.columnIndex === d ? {
-      ...x,
-      expression: j.target.value
-    } : x);
+  function d(c, b) {
+    var h;
+    const g = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((f) => f.columnIndex === c ? {
+      ...f,
+      expression: b.target.value
+    } : f);
     r({
       ...a,
       onClickFilter: g
     });
   }
-  function p(d) {
-    var j, g, o, x;
-    if (s != null && s[d] || (g = (j = a == null ? void 0 : a.onClickFilter) == null ? void 0 : j.find((y) => y.columnIndex === d)) != null && g.expression)
+  function x(c) {
+    var b, g, h, f;
+    if (s != null && s[c] || (g = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((p) => p.columnIndex === c)) != null && g.expression)
       return /* @__PURE__ */ e.jsx(
-        re,
+        ie,
         {
-          value: (x = (o = a == null ? void 0 : a.onClickFilter) == null ? void 0 : o.find((y) => y.columnIndex === d)) == null ? void 0 : x.expression,
-          onChange: (y) => u(d, y),
+          value: (f = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find((p) => p.columnIndex === c)) == null ? void 0 : f.expression,
+          onChange: (p) => d(c, p),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
@@ -3820,8 +3823,8 @@ function Ie() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
-    c == null ? void 0 : c.map((d, j) => {
-      var g, o;
+    i == null ? void 0 : i.map((c, b) => {
+      var g, h;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -3832,54 +3835,54 @@ function Ie() {
                 As,
                 {
                   checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
-                    (x) => x.columnIndex === j
+                    (f) => f.columnIndex === b
                   )),
-                  onCheckedChange: (x) => i(j, x)
+                  onCheckedChange: (f) => o(b, f)
                 }
               ),
               /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-                  children: d
+                  children: c
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((o = a == null ? void 0 : a.onClickFilter) == null ? void 0 : o.find(
-                (x) => x.columnIndex === j
+              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
+                (f) => f.columnIndex === b
               )) && /* @__PURE__ */ e.jsx(
                 ia,
                 {
                   onClick: () => {
-                    n((x) => {
-                      const y = [...x];
-                      return y[j] = !x[j], y;
+                    n((f) => {
+                      const p = [...f];
+                      return p[b] = !f[b], p;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
                 }
               ) })
             ] }),
-            p(j)
+            x(b)
           ] })
         },
-        d
+        c
       );
     })
   ] });
 }
 function xs() {
-  var c, i, u;
-  const s = h((p) => p.card.preferences), n = h(
-    (p) => p.card.cfg
-  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = h((p) => p.actions);
-  (c = n == null ? void 0 : n.options) != null && c.indexAxis;
-  function r(p) {
-    l(p);
+  var i, o, d;
+  const s = u((x) => x.card.preferences), n = u(
+    (x) => x.card.cfg
+  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = u((x) => x.actions);
+  (i = n == null ? void 0 : n.options) != null && i.indexAxis;
+  function r(x) {
+    l(x);
   }
   return /* @__PURE__ */ e.jsxs(
     ms,
     {
-      value: ((i = s == null ? void 0 : s.chartOptions) == null ? void 0 : i.indexAxis) || ((u = n == null ? void 0 : n.options) == null ? void 0 : u.indexAxis) || "x",
+      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((d = n == null ? void 0 : n.options) == null ? void 0 : d.indexAxis) || "x",
       onValueChange: r,
       className: "flex gap-3",
       defaultValue: "x",
@@ -3903,34 +3906,34 @@ function aa(s, n) {
   return ((r = (l = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : l[a]) == null ? void 0 : r.type) || "linear";
 }
 function Xa() {
-  var ee, G, se, w, P, U;
-  const [s, n] = q(!1), a = h((E) => {
+  var ee, G, se, k, P, U;
+  const [s, n] = q(!1), a = u((E) => {
     var F;
     return (F = E.card) == null ? void 0 : F.preferences;
-  }), t = h((E) => {
+  }), t = u((E) => {
     var F;
     return (F = E.card) == null ? void 0 : F.cfg;
-  }), l = wa(a, t), [r, c] = q(
+  }), l = wa(a, t), [r, i] = q(
     aa(a)
-  ), [i, u] = q(
+  ), [o, d] = q(
     ((se = (G = (ee = a == null ? void 0 : a.chartOptions) == null ? void 0 : ee.scales) == null ? void 0 : G[l]) == null ? void 0 : se.min) || ""
-  ), [p, d] = q(
-    ((U = (P = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : P[l]) == null ? void 0 : U.max) || ""
-  ), [j, g] = q(i || p ? "custom" : "auto"), [o, x] = q(""), [y, z] = q(0), [b, A] = q(""), [I, k] = q(""), [T, L] = q(""), V = h(
+  ), [x, c] = q(
+    ((U = (P = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : P[l]) == null ? void 0 : U.max) || ""
+  ), [b, g] = q(o || x ? "custom" : "auto"), [h, f] = q(""), [p, N] = q(0), [y, A] = q(""), [I, z] = q(""), [T, L] = q(""), V = u(
     (E) => E.actions.setCardPreferences
-  ), { updateCardInFrame: m } = ne(), v = h((E) => E.card), f = h((E) => {
+  ), { updateCardInFrame: m } = ne(), v = u((E) => E.card), j = u((E) => {
     var F;
     return (F = E.card) == null ? void 0 : F.type;
-  }), D = ["pie", "doughnut", "polarArea"].includes(f);
+  }), D = ["pie", "doughnut", "polarArea"].includes(j);
   Z(() => {
-    var E, F, le, B, ae, te, je, Te, we, Le, Fe, Ee, Ae, S;
-    c(aa(a)), u(
-      ((le = (F = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : F[l]) == null ? void 0 : le.min) === 0 ? 0 : ""
-    ), d(((te = (ae = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : ae[l]) == null ? void 0 : te.max) || ""), x(
+    var E, F, re, B, ae, te, je, Te, we, Le, Fe, Ee, Ae, w;
+    i(aa(a)), d(
+      ((re = (F = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : F[l]) == null ? void 0 : re.min) === 0 ? 0 : ""
+    ), c(((te = (ae = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : ae[l]) == null ? void 0 : te.max) || ""), f(
       ((Le = (we = (Te = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : Te[l]) == null ? void 0 : we.ticks) == null ? void 0 : Le.stepSize) || ""
-    ), z(((Fe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Fe.decimalPlaces) || 0), A(((Ee = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ee.suffix) || ""), k(((Ae = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ae.currency) || ""), L(((S = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : S.locale) || "");
+    ), N(((Fe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Fe.decimalPlaces) || 0), A(((Ee = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ee.suffix) || ""), z(((Ae = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ae.currency) || ""), L(((w = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : w.locale) || "");
   }, [s, a, l]);
-  function N(E, F) {
+  function S(E, F) {
     return F === "" || /^[0-9\b]+$/.test(F) ? Number(F) : Number(E);
   }
   function _() {
@@ -3958,7 +3961,7 @@ function Xa() {
           ue,
           {
             value: I || "none",
-            onValueChange: (F) => k(F === "none" ? "" : F),
+            onValueChange: (F) => z(F === "none" ? "" : F),
             children: [
               /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
               /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
@@ -3986,10 +3989,10 @@ function Xa() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
-          re,
+          ie,
           {
-            value: y,
-            onChange: (F) => z(Number(F.target.value)),
+            value: p,
+            onChange: (F) => N(Number(F.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${We}`
           }
@@ -4002,19 +4005,19 @@ function Xa() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
-          re,
+          ie,
           {
             id: "min",
-            value: i,
-            onChange: (E) => u((F) => N(F, E.target.value)),
+            value: o,
+            onChange: (E) => d((F) => S(F, E.target.value)),
             className: `col-span-1 h-8 w-full ${We}`
           }
         ),
         /* @__PURE__ */ e.jsx(
-          re,
+          ie,
           {
-            value: p,
-            onChange: (E) => d((F) => N(F, E.target.value)),
+            value: x,
+            onChange: (E) => c((F) => S(F, E.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${We}`
           }
@@ -4023,10 +4026,10 @@ function Xa() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
-          re,
+          ie,
           {
-            value: o,
-            onChange: (E) => x((F) => N(F, E.target.value)),
+            value: h,
+            onChange: (E) => f((F) => S(F, E.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${We}`
           }
@@ -4037,11 +4040,11 @@ function Xa() {
   function K() {
     var B;
     let E = {};
-    j === "custom" && (E = {
-      min: i,
-      max: p,
+    b === "custom" && (E = {
+      min: o,
+      max: x,
       ticks: {
-        stepSize: o
+        stepSize: h
       }
     });
     const F = {
@@ -4058,18 +4061,18 @@ function Xa() {
         }
       },
       numberAxisFormat: {
-        decimalPlaces: y,
-        suffix: b,
+        decimalPlaces: p,
+        suffix: y,
         currency: I,
         locale: T
       }
     };
     console.log(F), V(F);
-    const le = {
+    const re = {
       ...v,
       preferences: F
     };
-    m(le);
+    m(re);
   }
   return /* @__PURE__ */ e.jsxs(ds, { onOpenChange: (E) => n(E), children: [
     /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(Zt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
@@ -4086,7 +4089,7 @@ function Xa() {
             {
               disabled: D,
               value: r,
-              onValueChange: (E) => c(E),
+              onValueChange: (E) => i(E),
               children: [
                 /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
                 /* @__PURE__ */ e.jsx(xe, { id: "type", children: /* @__PURE__ */ e.jsxs(ve, { children: [
@@ -4105,7 +4108,7 @@ function Xa() {
             {
               disabled: D,
               id: "scale-option",
-              value: j,
+              value: b,
               onValueChange: (E) => g(E),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
@@ -4122,7 +4125,7 @@ function Xa() {
             }
           )
         ] }),
-        j === "custom" && r == "linear" && $(),
+        b === "custom" && r == "linear" && $(),
         _(),
         /* @__PURE__ */ e.jsx(en, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
@@ -4139,24 +4142,24 @@ function Xa() {
   ] });
 }
 function ql({ idx: s }) {
-  var i;
-  const n = h((u) => {
-    var p;
-    return (p = u.card) == null ? void 0 : p.preferences;
-  }), a = h(
-    (u) => {
-      var p;
-      return (p = u.card.preferences) == null ? void 0 : p.datasetOptions;
+  var o;
+  const n = u((d) => {
+    var x;
+    return (x = d.card) == null ? void 0 : x.preferences;
+  }), a = u(
+    (d) => {
+      var x;
+      return (x = d.card.preferences) == null ? void 0 : x.datasetOptions;
     }
-  ), t = h(
-    (u) => u.actions.setCardPreferences
-  ), l = (i = n == null ? void 0 : n.chartOptions) == null ? void 0 : i.indexAxis, r = a == null ? void 0 : a.find((u) => u.idx === s);
-  function c(u, p) {
-    (u === "end" || u === "start") && sn(an());
-    const d = {
-      display: u !== "none",
-      align: u,
-      anchor: u,
+  ), t = u(
+    (d) => d.actions.setCardPreferences
+  ), l = (o = n == null ? void 0 : n.chartOptions) == null ? void 0 : o.indexAxis, r = a == null ? void 0 : a.find((d) => d.idx === s);
+  function i(d, x) {
+    (d === "end" || d === "start") && sn(an());
+    const c = {
+      display: d !== "none",
+      align: d,
+      anchor: d,
       clamp: !0
     };
     if (!r)
@@ -4165,16 +4168,16 @@ function ql({ idx: s }) {
         datasetOptions: [
           ...a || [],
           {
-            idx: p,
-            datalabels: d
+            idx: x,
+            datalabels: c
           }
         ]
       });
     else {
-      const j = { ...r };
-      j.datalabels = d;
+      const b = { ...r };
+      b.datalabels = c;
       const g = a == null ? void 0 : a.map(
-        (o) => o.idx === p ? j : o
+        (h) => h.idx === x ? b : h
       );
       t({
         ...n,
@@ -4188,7 +4191,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => c("none", s),
+          onClick: () => i("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4198,7 +4201,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => c("start", s),
+          onClick: () => i("start", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4215,7 +4218,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => c("center", s),
+          onClick: () => i("center", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4232,7 +4235,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => c("end", s),
+          onClick: () => i("end", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4250,51 +4253,51 @@ function ql({ idx: s }) {
   ] });
 }
 function Za() {
-  const s = h((p) => p.card), n = h(
-    (p) => {
-      var d, j, g;
-      return (g = (j = (d = p == null ? void 0 : p.card) == null ? void 0 : d.preferences) == null ? void 0 : j.chartOptions) == null ? void 0 : g.indexAxis;
+  const s = u((x) => x.card), n = u(
+    (x) => {
+      var c, b, g;
+      return (g = (b = (c = x == null ? void 0 : x.card) == null ? void 0 : c.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : g.indexAxis;
     }
   ), { data: a } = De(s), t = n === "y" ? "Y axis" : "X axis", l = n === "y" ? "X axis" : "Y axis", {
     keys: r,
-    metricKeys: c,
-    dimensionKeys: i
+    metricKeys: i,
+    dimensionKeys: o
   } = js((a == null ? void 0 : a.records) || []);
-  let u = c;
+  let d = i;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const p = tn({
+    const x = tn({
       dataArray: (a == null ? void 0 : a.records) || [],
-      groupKey: i[0],
-      pivotKey: i[1],
-      valueKey: u[0]
-    }), { metricKeys: d } = js(p);
-    u = d;
+      groupKey: o[0],
+      pivotKey: o[1],
+      valueKey: d[0]
+    }), { metricKeys: c } = js(x);
+    d = c;
   }
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(H, { children: t }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: i[0] }) }) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: o[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
         /* @__PURE__ */ e.jsx(H, { children: l }),
         /* @__PURE__ */ e.jsx(Xa, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: u.map((p, d) => /* @__PURE__ */ e.jsx(Rl, { col: p, idx: d }, p)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((x, c) => /* @__PURE__ */ e.jsx(Rl, { col: x, idx: c }, x)) })
     ] })
   ] });
 }
 function Rl({ col: s, idx: n }) {
-  const a = h((i) => {
-    var u;
-    return (u = i.card) == null ? void 0 : u.preferences;
-  }), t = h(
-    (i) => {
-      var u;
-      return (u = i.card.preferences) == null ? void 0 : u.datasetOptions;
+  const a = u((o) => {
+    var d;
+    return (d = o.card) == null ? void 0 : d.preferences;
+  }), t = u(
+    (o) => {
+      var d;
+      return (d = o.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), l = t == null ? void 0 : t.find((i) => i.idx === n), { setCardPreferences: r } = h((i) => i.actions);
-  function c(i) {
+  ), l = t == null ? void 0 : t.find((o) => o.idx === n), { setCardPreferences: r } = u((o) => o.actions);
+  function i(o) {
     if (!l)
       r({
         ...a,
@@ -4302,20 +4305,20 @@ function Rl({ col: s, idx: n }) {
           ...t || [],
           {
             idx: n,
-            type: i === "area" ? "line" : i,
-            fill: i === "area" ? "origin" : ""
+            type: o === "area" ? "line" : o,
+            fill: o === "area" ? "origin" : ""
           }
         ]
       });
     else {
-      const u = { ...l };
-      u.type = i === "area" ? "line" : i, u.fill = i === "area" ? "origin" : "";
-      const p = t == null ? void 0 : t.map(
-        (d) => d.idx === n ? u : d
+      const d = { ...l };
+      d.type = o === "area" ? "line" : o, d.fill = o === "area" ? "origin" : "";
+      const x = t == null ? void 0 : t.map(
+        (c) => c.idx === n ? d : c
       );
       r({
         ...a,
-        datasetOptions: p
+        datasetOptions: x
       });
     }
   }
@@ -4325,21 +4328,21 @@ function Rl({ col: s, idx: n }) {
       /* @__PURE__ */ e.jsx(
         qs,
         {
-          onClick: () => c("bar"),
+          onClick: () => i("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         Rs,
         {
-          onClick: () => c("line"),
+          onClick: () => i("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         wn,
         {
-          onClick: () => c("area"),
+          onClick: () => i("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
@@ -4348,27 +4351,27 @@ function Rl({ col: s, idx: n }) {
   ] });
 }
 function et() {
-  const s = h((g) => g.selectedConnectionId), n = h((g) => g.selectedDatamodelId), a = h((g) => g.selectedDatabaseName), t = h((g) => g.selectedSchemaName), l = h((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], c = M((g) => g.actions.addFilter), i = M((g) => g.actions.removeFilter), { removeFilterValues: u } = is(), { modelItems: p, tableName: d } = qe();
-  function j(g, o = "dashboard") {
+  const s = u((g) => g.selectedConnectionId), n = u((g) => g.selectedDatamodelId), a = u((g) => g.selectedDatabaseName), t = u((g) => g.selectedSchemaName), l = u((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], i = M((g) => g.actions.addFilter), o = M((g) => g.actions.removeFilter), { removeFilterValues: d } = is(), { modelItems: x, tableName: c } = qe();
+  function b(g, h = "dashboard") {
     var L;
-    const x = ce(g.column_name), y = ce(a || ""), z = ce(t || ""), b = ce(d);
+    const f = ce(g.column_name), p = ce(a || ""), N = ce(t || ""), y = ce(c);
     let A = xa(
-      z,
-      b
-    ), I = `${A}.${x}`;
-    const k = (L = p == null ? void 0 : p.find(
+      N,
+      y
+    ), I = `${A}.${f}`;
+    const z = (L = x == null ? void 0 : x.find(
       (V) => V.id === n
     )) == null ? void 0 : L.name;
-    n && n !== "none" && (I = `${gs}.${k}.${x}`, A = `${gs}.${k}`);
+    n && n !== "none" && (I = `${gs}.${z}.${f}`, A = `${gs}.${z}`);
     const T = r == null ? void 0 : r.find(
-      (V) => V.column === I && V.table === b && (V.database === y || V.database === a)
+      (V) => V.column === I && V.table === y && (V.database === p || V.database === a)
     );
     if (T)
-      u(T.id), i(T.id);
+      d(T.id), o(T.id);
     else {
       const V = Ue();
-      return d === "api" && s ? (c({
-        location: o,
+      return c === "api" && s ? (i({
+        location: h,
         id: V,
         //uuidv4(),
         column: I,
@@ -4382,13 +4385,13 @@ function et() {
         sql: Ws(
           g.data_type,
           A,
-          x
+          f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), V) : (c({
+      }), V) : (i({
         id: V,
         //uuidv4(),
-        location: o,
+        location: h,
         column: I,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: g.column_name,
@@ -4400,34 +4403,34 @@ function et() {
         sql: Ws(
           g.data_type,
           A,
-          x
+          f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), V);
     }
   }
-  return { assignFilter: j };
+  return { assignFilter: b };
 }
 function Re() {
   const s = M(
-    (i) => i.dashboard.filters
-  ), n = h((i) => i.frame), { setFrame: a } = ne(), { columns: t } = qe(), { assignFilter: l } = et();
-  function r(i) {
-    const u = l(i, "frame");
-    a({ ...n, filterId: u });
+    (o) => o.dashboard.filters
+  ), n = u((o) => o.frame), { setFrame: a } = ne(), { columns: t } = qe(), { assignFilter: l } = et();
+  function r(o) {
+    const d = l(o, "frame");
+    a({ ...n, filterId: d });
   }
-  const c = s == null ? void 0 : s.find((i) => i.id === n.filterId);
+  const i = s == null ? void 0 : s.find((o) => o.id === n.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
     /* @__PURE__ */ e.jsx(_l, { onSelect: r, columns: t }),
-    c && /* @__PURE__ */ e.jsx(ka, { filter: c })
+    i && /* @__PURE__ */ e.jsx(ka, { filter: i })
   ] });
 }
 function _l({
   columns: s,
   onSelect: n
 }) {
-  var c;
+  var i;
   const [a, t] = Ys.useState(!1), [l, r] = Ys.useState("");
   return /* @__PURE__ */ e.jsxs(ds, { open: a, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
@@ -4439,7 +4442,7 @@ function _l({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          l ? (c = s.find((i) => i.column_name === l)) == null ? void 0 : c.column_name : "Select Column...",
+          l ? (i = s.find((o) => o.column_name === l)) == null ? void 0 : i.column_name : "Select Column...",
           /* @__PURE__ */ e.jsx(nn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
@@ -4448,28 +4451,28 @@ function _l({
       /* @__PURE__ */ e.jsx(rn, { placeholder: "Search column", className: "h-9" }),
       /* @__PURE__ */ e.jsxs(on, { children: [
         /* @__PURE__ */ e.jsx(cn, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(dn, { children: s.map((i) => /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx(dn, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
           un,
           {
-            value: i.column_name,
-            onSelect: (u) => {
-              const p = u === l ? "" : u;
-              r(p), t(!1), p && n(i);
+            value: o.column_name,
+            onSelect: (d) => {
+              const x = d === l ? "" : d;
+              r(x), t(!1), x && n(o);
             },
             children: [
-              i.column_name,
+              o.column_name,
               /* @__PURE__ */ e.jsx(
                 Na,
                 {
                   className: Y(
                     "ml-auto h-4 w-4",
-                    l === i.column_name ? "opacity-100" : "opacity-0"
+                    l === o.column_name ? "opacity-100" : "opacity-0"
                   )
                 }
               )
             ]
           },
-          i.column_name
+          o.column_name
         )) })
       ] })
     ] }) })
@@ -4521,30 +4524,30 @@ function Hl({
   ] }) });
 }
 function Hs() {
-  var l, r, c;
-  const s = h(
-    (i) => i.card.cfg
-  ), n = h((i) => i.actions.setCardCfg), a = h((i) => i.card.type);
-  function t(i) {
-    var d;
-    const u = {
+  var l, r, i;
+  const s = u(
+    (o) => o.card.cfg
+  ), n = u((o) => o.actions.setCardCfg), a = u((o) => o.card.type);
+  function t(o) {
+    var c;
+    const d = {
       datalabels: {
-        display: i !== "none",
-        align: i,
-        anchor: i,
+        display: o !== "none",
+        align: o,
+        anchor: o,
         clamp: !0
       }
-    }, p = {
+    }, x = {
       ...s,
       options: {
         ...s == null ? void 0 : s.options,
         plugins: {
-          ...(d = s == null ? void 0 : s.options) == null ? void 0 : d.plugins,
-          ...u
+          ...(c = s == null ? void 0 : s.options) == null ? void 0 : c.plugins,
+          ...d
         }
       }
     };
-    n(p), console.log(i);
+    n(x), console.log(o);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -4554,7 +4557,7 @@ function Hs() {
     /* @__PURE__ */ e.jsxs(
       ue,
       {
-        value: (c = (r = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : c.anchor,
+        value: (i = (r = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : i.anchor,
         onValueChange: t,
         defaultValue: "none",
         children: [
@@ -4642,7 +4645,7 @@ const $l = {
   ]
 };
 function Ul() {
-  const s = h((n) => n.card.type);
+  const s = u((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
       Me,
@@ -4759,52 +4762,52 @@ function Gl(s) {
     ] }) });
 }
 function Kl() {
-  var u, p, d, j, g;
-  const s = h((o) => o.card.preferences), n = h(
-    (o) => o.actions.setCardPreferences
-  ), a = h(
-    (o) => o.actions.setNumberFormat
+  var d, x, c, b, g;
+  const s = u((h) => h.card.preferences), n = u(
+    (h) => h.actions.setCardPreferences
+  ), a = u(
+    (h) => h.actions.setNumberFormat
   );
-  h(
-    (o) => {
-      var x, y;
-      return (y = (x = o.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.decimalPlaces;
+  u(
+    (h) => {
+      var f, p;
+      return (p = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : p.decimalPlaces;
     }
   );
-  const t = h(
-    (o) => {
-      var x, y;
-      return (y = (x = o.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.locale;
+  const t = u(
+    (h) => {
+      var f, p;
+      return (p = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : p.locale;
     }
-  ), l = h(
-    (o) => {
-      var x, y;
-      return (y = (x = o.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.currency;
+  ), l = u(
+    (h) => {
+      var f, p;
+      return (p = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : p.currency;
     }
   );
-  h(
-    (o) => o.actions.setFilterOnClickField
+  u(
+    (h) => h.actions.setFilterOnClickField
   );
-  const r = h(
-    (o) => {
-      var x, y;
-      return (y = (x = o.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.colorRanges;
+  const r = u(
+    (h) => {
+      var f, p;
+      return (p = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : p.colorRanges;
     }
-  ) || [], c = h(
-    (o) => o.actions.setColorRanges
-  ), i = [...new Set(ts.map((o) => o.currency))];
+  ) || [], i = u(
+    (h) => h.actions.setColorRanges
+  ), o = [...new Set(ts.map((h) => h.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
         As,
         {
-          checked: !!((u = s == null ? void 0 : s.formatNumber) != null && u.enabled),
-          onCheckedChange: (o) => {
+          checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
+          onCheckedChange: (h) => {
             n({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
-                enabled: o
+                enabled: h
               }
             });
           }
@@ -4812,7 +4815,7 @@ function Kl() {
       ),
       /* @__PURE__ */ e.jsx(H, { children: "Format Number" })
     ] }),
-    ((p = s == null ? void 0 : s.formatNumber) == null ? void 0 : p.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 p-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
@@ -4821,13 +4824,13 @@ function Kl() {
               ue,
               {
                 value: t || "none",
-                onValueChange: (o) => {
-                  var x, y, z;
+                onValueChange: (h) => {
+                  var f, p, N;
                   return a(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.currency) || "",
-                    o,
-                    ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.suffix) || ""
+                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
+                    ((p = s == null ? void 0 : s.formatNumber) == null ? void 0 : p.currency) || "",
+                    h,
+                    ((N = s == null ? void 0 : s.formatNumber) == null ? void 0 : N.suffix) || ""
                   );
                 },
                 children: [
@@ -4835,7 +4838,7 @@ function Kl() {
                   /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                     /* @__PURE__ */ e.jsx(pe, { children: "Format" }),
                     /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
-                    ts.map((o) => /* @__PURE__ */ e.jsx(X, { value: o.locale, children: o.locale }, o.locale))
+                    ts.map((h) => /* @__PURE__ */ e.jsx(X, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -4847,13 +4850,13 @@ function Kl() {
               ue,
               {
                 value: l || "none",
-                onValueChange: (o) => {
-                  var x, y, z;
-                  console.log("currency", o), a(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    o === "none" ? "" : o,
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.locale) || "",
-                    ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.suffix) || ""
+                onValueChange: (h) => {
+                  var f, p, N;
+                  console.log("currency", h), a(
+                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
+                    h === "none" ? "" : h,
+                    ((p = s == null ? void 0 : s.formatNumber) == null ? void 0 : p.locale) || "",
+                    ((N = s == null ? void 0 : s.formatNumber) == null ? void 0 : N.suffix) || ""
                   );
                 },
                 children: [
@@ -4861,7 +4864,7 @@ function Kl() {
                   /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                     /* @__PURE__ */ e.jsx(pe, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
-                    i.map((o) => /* @__PURE__ */ e.jsx(X, { value: o, children: o }, o))
+                    o.map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -4874,19 +4877,19 @@ function Kl() {
             /* @__PURE__ */ e.jsxs(
               ue,
               {
-                value: ((j = (d = s == null ? void 0 : s.formatNumber) == null ? void 0 : d.decimalPlaces) == null ? void 0 : j.toString()) || "0",
-                onValueChange: (o) => {
-                  var x, y, z;
+                value: ((b = (c = s == null ? void 0 : s.formatNumber) == null ? void 0 : c.decimalPlaces) == null ? void 0 : b.toString()) || "0",
+                onValueChange: (h) => {
+                  var f, p, N;
                   return a(
-                    Number(o),
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.currency) || "",
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.locale) || "",
-                    ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.suffix) || ""
+                    Number(h),
+                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.currency) || "",
+                    ((p = s == null ? void 0 : s.formatNumber) == null ? void 0 : p.locale) || "",
+                    ((N = s == null ? void 0 : s.formatNumber) == null ? void 0 : N.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
-                  /* @__PURE__ */ e.jsx(xe, { children: ["0", "1", "2", "3", "4"].map((o) => /* @__PURE__ */ e.jsx(X, { value: o, children: o }, o)) })
+                  /* @__PURE__ */ e.jsx(xe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h)) })
                 ]
               }
             )
@@ -4894,18 +4897,18 @@ function Kl() {
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
-              re,
+              ie,
               {
                 value: ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.suffix) || "",
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
-                onChange: (o) => {
-                  var x, y, z;
+                onChange: (h) => {
+                  var f, p, N;
                   return a(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.currency) || "",
-                    ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.locale) || "",
-                    o.target.value
+                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
+                    ((p = s == null ? void 0 : s.formatNumber) == null ? void 0 : p.currency) || "",
+                    ((N = s == null ? void 0 : s.formatNumber) == null ? void 0 : N.locale) || "",
+                    h.target.value
                   );
                 }
               }
@@ -4918,7 +4921,7 @@ function Kl() {
         hn,
         {
           colorRanges: r,
-          setColorRanges: c
+          setColorRanges: i
         }
       )
     ] })
@@ -5056,13 +5059,13 @@ const Jl = [
   value: s
 }));
 function Xl() {
-  var u, p, d, j, g, o, x, y, z, b, A, I, k, T, L, V, m, v;
-  const s = h((f) => f.card), n = (p = (u = s == null ? void 0 : s.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : p.topoJsonUrl, [a, t] = q(
-    ((j = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : j.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = ne(), { data: r } = Es(s), c = Object.keys((r == null ? void 0 : r.objects) || {}).map((f) => ({
-    label: f,
-    value: f
-  })) || [], i = [
+  var d, x, c, b, g, h, f, p, N, y, A, I, z, T, L, V, m, v;
+  const s = u((j) => j.card), n = (x = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : x.topoJsonUrl, [a, t] = q(
+    ((b = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
+  ), { setCardPreferences: l } = ne(), { data: r } = Es(s), i = Object.keys((r == null ? void 0 : r.objects) || {}).map((j) => ({
+    label: j,
+    value: j
+  })) || [], o = [
     {
       label: "US States 10m",
       value: "https://unpkg.com/us-atlas/states-10m.json"
@@ -5084,12 +5087,12 @@ function Xl() {
         de,
         {
           className: "h-9",
-          options: i,
-          onValueChange: (f) => {
-            console.log("value", f), l({
+          options: o,
+          onValueChange: (j) => {
+            console.log("value", j), l({
               ...s.preferences,
               mapVisualOptions: {
-                topoJsonUrl: f
+                topoJsonUrl: j
                 //   customTopoJson: undefined,
               }
             });
@@ -5099,17 +5102,17 @@ function Xl() {
         }
       ),
       n === "custom" && /* @__PURE__ */ e.jsx(
-        re,
+        ie,
         {
-          onChange: (f) => {
-            t(f.target.value);
+          onChange: (j) => {
+            t(j.target.value);
           },
           onBlur: () => {
-            var f;
+            var j;
             console.log("onBlur", a), l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(f = s.preferences) == null ? void 0 : f.mapVisualOptions,
+                ...(j = s.preferences) == null ? void 0 : j.mapVisualOptions,
                 customTopoJsonUrl: a
               }
             });
@@ -5126,16 +5129,16 @@ function Xl() {
             de,
             {
               className: "h-9",
-              options: c,
-              value: ((o = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : o.objectKey) || "",
+              options: i,
+              value: ((h = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : h.objectKey) || "",
               label: "Map Object",
-              onValueChange: (f) => {
+              onValueChange: (j) => {
                 var D;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
                     ...(D = s.preferences) == null ? void 0 : D.mapVisualOptions,
-                    objectKey: f
+                    objectKey: j
                   }
                 });
               }
@@ -5149,15 +5152,15 @@ function Xl() {
             {
               className: "h-9",
               options: Jl,
-              value: ((y = (x = s.preferences) == null ? void 0 : x.mapVisualOptions) == null ? void 0 : y.projection) || "",
+              value: ((p = (f = s.preferences) == null ? void 0 : f.mapVisualOptions) == null ? void 0 : p.projection) || "",
               label: "Projection",
-              onValueChange: (f) => {
+              onValueChange: (j) => {
                 var D;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
                     ...(D = s.preferences) == null ? void 0 : D.mapVisualOptions,
-                    projection: f
+                    projection: j
                   }
                 });
               }
@@ -5171,15 +5174,15 @@ function Xl() {
             {
               className: "h-9",
               options: Yl,
-              value: ((b = (z = s.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : b.colorScale) || "",
+              value: ((y = (N = s.preferences) == null ? void 0 : N.mapVisualOptions) == null ? void 0 : y.colorScale) || "",
               label: "Select Color Scale",
-              onValueChange: (f) => {
+              onValueChange: (j) => {
                 var D;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
                     ...(D = s.preferences) == null ? void 0 : D.mapVisualOptions,
-                    colorScale: f
+                    colorScale: j
                   }
                 });
               }
@@ -5191,19 +5194,19 @@ function Xl() {
     /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
     /* @__PURE__ */ e.jsx($e, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e.jsx(
-        re,
+        ie,
         {
           className: `h-9 w-full ${Pe}`,
           type: "number",
           step: 0.1,
           value: ((I = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
-          onChange: (f) => {
+          onChange: (j) => {
             var D;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(D = s.preferences) == null ? void 0 : D.mapVisualOptions,
-                projectionScale: Number(f.target.value)
+                projectionScale: Number(j.target.value)
               }
             });
           }
@@ -5211,21 +5214,21 @@ function Xl() {
       ),
       /* @__PURE__ */ e.jsx(H, { children: "X" }),
       /* @__PURE__ */ e.jsx(
-        re,
+        ie,
         {
           className: `h-9 w-full ${Pe}`,
           type: "number",
           step: 10,
-          value: ((L = (T = (k = s.preferences) == null ? void 0 : k.mapVisualOptions) == null ? void 0 : T.projectionOffset) == null ? void 0 : L[0]) || 0,
-          onChange: (f) => {
-            var D, N, _, $;
+          value: ((L = (T = (z = s.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : T.projectionOffset) == null ? void 0 : L[0]) || 0,
+          onChange: (j) => {
+            var D, S, _, $;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(D = s.preferences) == null ? void 0 : D.mapVisualOptions,
                 projectionOffset: [
-                  Number(f.target.value),
-                  (($ = (_ = (N = s.preferences) == null ? void 0 : N.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : $[1]) || 0
+                  Number(j.target.value),
+                  (($ = (_ = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : $[1]) || 0
                 ]
               }
             });
@@ -5234,21 +5237,21 @@ function Xl() {
       ),
       /* @__PURE__ */ e.jsx(H, { children: "Y" }),
       /* @__PURE__ */ e.jsx(
-        re,
+        ie,
         {
           className: `h-9 w-full ${Pe}`,
           type: "number",
           step: 10,
           value: ((v = (m = (V = s.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : m.projectionOffset) == null ? void 0 : v[1]) || 0,
-          onChange: (f) => {
-            var D, N, _, $;
+          onChange: (j) => {
+            var D, S, _, $;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(D = s.preferences) == null ? void 0 : D.mapVisualOptions,
                 projectionOffset: [
-                  (($ = (_ = (N = s.preferences) == null ? void 0 : N.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : $[0]) || 0,
-                  Number(f.target.value)
+                  (($ = (_ = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : $[0]) || 0,
+                  Number(j.target.value)
                 ]
               }
             });
@@ -5262,7 +5265,7 @@ function Xl() {
 }
 function Zl() {
   var t;
-  const s = h((l) => l.card.preferences), { setCardPreferences: n } = h((l) => l.actions);
+  const s = u((l) => l.card.preferences), { setCardPreferences: n } = u((l) => l.actions);
   function a(l) {
     n({
       ...s,
@@ -5341,7 +5344,7 @@ function Ye({
   ] }) });
 }
 function er() {
-  const s = h(
+  const s = u(
     (t) => {
       var l, r;
       return (r = (l = t == null ? void 0 : t.card) == null ? void 0 : l.preferences) == null ? void 0 : r.sortChart;
@@ -5421,10 +5424,10 @@ function er() {
   ] }) });
 }
 function sr({}) {
-  const s = h((t) => {
+  const s = u((t) => {
     var l;
     return (l = t.card) == null ? void 0 : l.preferences;
-  }), n = h(
+  }), n = u(
     (t) => t.actions.setCardPreferences
   ), a = (t) => {
     n({
@@ -5503,7 +5506,7 @@ const ar = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
   ] })
 ] });
 function lr() {
-  const s = h((a) => a.card.type);
+  const s = u((a) => a.card.type);
   function n(a) {
     switch (a) {
       case "stackedBar":
@@ -5548,7 +5551,7 @@ function lr() {
   return /* @__PURE__ */ e.jsx(fe, { className: "h-full w-full text-sm", children: n(s) });
 }
 function rr() {
-  const s = h((n) => n.isShowingVisual);
+  const s = u((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     ss,
     {
@@ -5594,8 +5597,8 @@ function rr() {
   );
 }
 function ir({ authToken: s, onSave: n, onClose: a }) {
-  M((c) => c.themeStyle);
-  const t = h((c) => c.actions.setOnSave), l = h((c) => c.actions.setOnClose), r = M((c) => c.actions.setAuthToken);
+  M((i) => i.themeStyle);
+  const t = u((i) => i.actions.setOnSave), l = u((i) => i.actions.setOnClose), r = M((i) => i.actions.setAuthToken);
   return Z(() => {
     n && t(n), a && l(a);
   }, [n, t, a, l]), Z(() => {
@@ -5617,10 +5620,10 @@ function ir({ authToken: s, onSave: n, onClose: a }) {
   ) });
 }
 function or() {
-  M((c) => c.selectedCardId);
-  const s = M((c) => c.selectedSheetId), { setIsVisualEditing: n } = M((c) => c.actions), a = M((c) => c.isVisualEditing), t = M((c) => c.actions.updateFrame);
-  function l(c) {
-    s && (t(s, c), n(!1));
+  M((i) => i.selectedCardId);
+  const s = M((i) => i.selectedSheetId), { setIsVisualEditing: n } = M((i) => i.actions), a = M((i) => i.isVisualEditing), t = M((i) => i.actions.updateFrame);
+  function l(i) {
+    s && (t(s, i), n(!1));
   }
   function r() {
     n(!1);
@@ -5637,10 +5640,10 @@ function or() {
   );
 }
 function cr() {
-  const s = h((r) => r.selectedDatabaseName), n = h((r) => r.selectedTableName), a = M((r) => r.dashboard.filters) || [], { columns: t } = qe(), { assignFilter: l } = et();
+  const s = u((r) => r.selectedDatabaseName), n = u((r) => r.selectedTableName), a = M((r) => r.dashboard.filters) || [], { columns: t } = qe(), { assignFilter: l } = et();
   return /* @__PURE__ */ e.jsx(fe, { className: "flex-1 basis-0 flex-col px-3", children: t == null ? void 0 : t.map((r) => {
-    const c = a == null ? void 0 : a.find(
-      (i) => i.column === ce(r.column_name) && i.table === n && i.database === s
+    const i = a == null ? void 0 : a.find(
+      (o) => o.column === ce(r.column_name) && o.table === n && o.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -5649,7 +5652,7 @@ function cr() {
         className: Y(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
-            "bg-muted": c
+            "bg-muted": i
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [